@charset "UTF-8";
@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("//fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Taviraj:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("//fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Didact+Gothic&display=swap");
@import url("//fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("//fonts.googleapis.com/css2?family=Belleza&display=swap");
@import url("//indestructibletype-fonthosting.github.io/renner.css");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong,
em {
  font-style: normal;
  font-weight: normal;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  line-height: 1.5;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  color: #000;
  font-feature-settings: "palt" 1, "trad" 1;
}
@media screen and (max-width: 1360px) {
  body {
    font-size: min(16px, 1.5vw);
  }
}
@media screen and (max-width: 750px) {
  body {
    font-size: 3.7333333333vw;
  }
}

.l-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-cols.left {
  justify-content: flex-start;
}
.l-cols.center {
  justify-content: center;
}
.l-cols.right {
  justify-content: flex-end;
}
.l-cols.top {
  align-items: flex-start;
}
.l-cols.middle {
  align-items: center;
}
.l-cols.bottom {
  align-items: flex-end;
}
.l-cols .self-top {
  align-self: flex-start;
}
.l-cols .self-middle {
  align-self: center;
}
.l-cols .self-bottom {
  align-self: flex-end;
}
.l-cols .order-1 {
  order: 1;
}
.l-cols .order-2 {
  order: 2;
}
.l-cols .order-3 {
  order: 3;
}
.l-cols .order-4 {
  order: 4;
}
.l-cols .order-5 {
  order: 5;
}
.l-cols .order-6 {
  order: 6;
}

@media screen and (max-width: 750px) {
  .sp-l-cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sp-l-cols.left {
    justify-content: flex-start;
  }
  .sp-l-cols.center {
    justify-content: center;
  }
  .sp-l-cols.right {
    justify-content: flex-end;
  }
  .sp-l-cols.top {
    align-items: flex-start;
  }
  .sp-l-cols.middle {
    align-items: center;
  }
  .sp-l-cols.bottom {
    align-items: flex-end;
  }
  .sp-l-cols .self-top {
    align-self: flex-start;
  }
  .sp-l-cols .self-middle {
    align-self: center;
  }
  .sp-l-cols .self-bottom {
    align-self: flex-end;
  }
  .sp-l-cols-order-1 {
    order: 1;
  }
  .sp-l-cols-order-2 {
    order: 2;
  }
  .sp-l-cols-order-3 {
    order: 3;
  }
  .sp-l-cols-order-4 {
    order: 4;
  }
  .sp-l-cols-order-5 {
    order: 5;
  }
  .sp-l-cols-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 751px) {
  .pc-l-cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pc-l-cols.left {
    justify-content: flex-start;
  }
  .pc-l-cols.center {
    justify-content: center;
  }
  .pc-l-cols.right {
    justify-content: flex-end;
  }
  .pc-l-cols.top {
    align-items: flex-start;
  }
  .pc-l-cols.middle {
    align-items: center;
  }
  .pc-l-cols.bottom {
    align-items: flex-end;
  }
  .pc-l-cols .self-top {
    align-self: flex-start;
  }
  .pc-l-cols .self-middle {
    align-self: center;
  }
  .pc-l-cols .self-bottom {
    align-self: flex-end;
  }
  .pc-l-cols-order-1 {
    order: 1;
  }
  .pc-l-cols-order-2 {
    order: 2;
  }
  .pc-l-cols-order-3 {
    order: 3;
  }
  .pc-l-cols-order-4 {
    order: 4;
  }
  .pc-l-cols-order-5 {
    order: 5;
  }
  .pc-l-cols-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 751px) {
  .l-grid {
    display: grid;
  }
  .l-grid.row-3 {
    grid-template-rows: 1fr 20px 2fr;
  }
  .l-grid.row-3 .g-01 {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .l-grid.row-3 .g-02 {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .l-grid.detail .g-01 {
    position: relative;
  }
  .l-grid.detail .g-01 span {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  .l-grid.row-3 {
    grid-template-rows: 1fr min(20px, 1.6666666667vw) 2fr;
  }
}
@media screen and (min-width: 751px) {
  .fashion .l-grid.detail.row-3 {
    grid-template-rows: 80px 10px 2fr;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  .fashion .l-grid.detail.row-3 {
    grid-template-rows: min(80px, 6.6666666667vw) min(10px, 0.8333333333vw) 2fr;
  }
}
@media screen and (min-width: 751px) {
  .make .l-grid.detail.row-3 {
    grid-template-rows: 90px 10px 2fr;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  .make .l-grid.detail.row-3 {
    grid-template-rows: min(90px, 7.5vw) min(10px, 0.8333333333vw) 2fr;
  }
}
@media screen and (max-width: 750px) {
  .noSP {
    display: none !important;
  }
}
@media screen and (min-width: 751px) {
  .noPC {
    display: none !important;
  }
}
.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

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

.mb-9 {
  margin-bottom: 9px !important;
}

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

.mb-11 {
  margin-bottom: 11px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

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

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

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

.mb-21 {
  margin-bottom: 21px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

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

.mb-26 {
  margin-bottom: 26px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

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

.mb-31 {
  margin-bottom: 31px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

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

.mb-36 {
  margin-bottom: 36px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

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

.mb-41 {
  margin-bottom: 41px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

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

.mb-46 {
  margin-bottom: 46px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

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

.mb-51 {
  margin-bottom: 51px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

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

.mb-61 {
  margin-bottom: 61px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

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

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

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

.mb-71 {
  margin-bottom: 71px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

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

.mb-81 {
  margin-bottom: 81px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

@media screen and (max-width: 750px) {
  .sp-mb-0 {
    margin-bottom: 0px !important;
  }
  .sp-mb-1 {
    margin-bottom: 1px !important;
  }
  .sp-mb-2 {
    margin-bottom: 2px !important;
  }
  .sp-mb-3 {
    margin-bottom: 3px !important;
  }
  .sp-mb-4 {
    margin-bottom: 4px !important;
  }
  .sp-mb-5 {
    margin-bottom: 5px !important;
  }
  .sp-mb-6 {
    margin-bottom: 6px !important;
  }
  .sp-mb-7 {
    margin-bottom: 7px !important;
  }
  .sp-mb-8 {
    margin-bottom: 8px !important;
  }
  .sp-mb-9 {
    margin-bottom: 9px !important;
  }
  .sp-mb-10 {
    margin-bottom: 10px !important;
  }
  .sp-mb-11 {
    margin-bottom: 11px !important;
  }
  .sp-mb-12 {
    margin-bottom: 12px !important;
  }
  .sp-mb-13 {
    margin-bottom: 13px !important;
  }
  .sp-mb-14 {
    margin-bottom: 14px !important;
  }
  .sp-mb-15 {
    margin-bottom: 15px !important;
  }
  .sp-mb-16 {
    margin-bottom: 16px !important;
  }
  .sp-mb-17 {
    margin-bottom: 17px !important;
  }
  .sp-mb-18 {
    margin-bottom: 18px !important;
  }
  .sp-mb-19 {
    margin-bottom: 19px !important;
  }
  .sp-mb-20 {
    margin-bottom: 20px !important;
  }
  .sp-mb-21 {
    margin-bottom: 21px !important;
  }
  .sp-mb-22 {
    margin-bottom: 22px !important;
  }
  .sp-mb-23 {
    margin-bottom: 23px !important;
  }
  .sp-mb-24 {
    margin-bottom: 24px !important;
  }
  .sp-mb-25 {
    margin-bottom: 25px !important;
  }
  .sp-mb-26 {
    margin-bottom: 26px !important;
  }
  .sp-mb-27 {
    margin-bottom: 27px !important;
  }
  .sp-mb-28 {
    margin-bottom: 28px !important;
  }
  .sp-mb-29 {
    margin-bottom: 29px !important;
  }
  .sp-mb-30 {
    margin-bottom: 30px !important;
  }
  .sp-mb-31 {
    margin-bottom: 31px !important;
  }
  .sp-mb-32 {
    margin-bottom: 32px !important;
  }
  .sp-mb-33 {
    margin-bottom: 33px !important;
  }
  .sp-mb-34 {
    margin-bottom: 34px !important;
  }
  .sp-mb-35 {
    margin-bottom: 35px !important;
  }
  .sp-mb-36 {
    margin-bottom: 36px !important;
  }
  .sp-mb-37 {
    margin-bottom: 37px !important;
  }
  .sp-mb-38 {
    margin-bottom: 38px !important;
  }
  .sp-mb-39 {
    margin-bottom: 39px !important;
  }
  .sp-mb-40 {
    margin-bottom: 40px !important;
  }
  .sp-mb-41 {
    margin-bottom: 41px !important;
  }
  .sp-mb-42 {
    margin-bottom: 42px !important;
  }
  .sp-mb-43 {
    margin-bottom: 43px !important;
  }
  .sp-mb-44 {
    margin-bottom: 44px !important;
  }
  .sp-mb-45 {
    margin-bottom: 45px !important;
  }
  .sp-mb-46 {
    margin-bottom: 46px !important;
  }
  .sp-mb-47 {
    margin-bottom: 47px !important;
  }
  .sp-mb-48 {
    margin-bottom: 48px !important;
  }
  .sp-mb-49 {
    margin-bottom: 49px !important;
  }
  .sp-mb-50 {
    margin-bottom: 50px !important;
  }
  .sp-mb-51 {
    margin-bottom: 51px !important;
  }
  .sp-mb-52 {
    margin-bottom: 52px !important;
  }
  .sp-mb-53 {
    margin-bottom: 53px !important;
  }
  .sp-mb-54 {
    margin-bottom: 54px !important;
  }
  .sp-mb-55 {
    margin-bottom: 55px !important;
  }
  .sp-mb-56 {
    margin-bottom: 56px !important;
  }
  .sp-mb-57 {
    margin-bottom: 57px !important;
  }
  .sp-mb-58 {
    margin-bottom: 58px !important;
  }
  .sp-mb-59 {
    margin-bottom: 59px !important;
  }
  .sp-mb-60 {
    margin-bottom: 60px !important;
  }
  .sp-mb-61 {
    margin-bottom: 61px !important;
  }
  .sp-mb-62 {
    margin-bottom: 62px !important;
  }
  .sp-mb-63 {
    margin-bottom: 63px !important;
  }
  .sp-mb-64 {
    margin-bottom: 64px !important;
  }
  .sp-mb-65 {
    margin-bottom: 65px !important;
  }
  .sp-mb-66 {
    margin-bottom: 66px !important;
  }
  .sp-mb-67 {
    margin-bottom: 67px !important;
  }
  .sp-mb-68 {
    margin-bottom: 68px !important;
  }
  .sp-mb-69 {
    margin-bottom: 69px !important;
  }
  .sp-mb-70 {
    margin-bottom: 70px !important;
  }
  .sp-mb-71 {
    margin-bottom: 71px !important;
  }
  .sp-mb-72 {
    margin-bottom: 72px !important;
  }
  .sp-mb-73 {
    margin-bottom: 73px !important;
  }
  .sp-mb-74 {
    margin-bottom: 74px !important;
  }
  .sp-mb-75 {
    margin-bottom: 75px !important;
  }
  .sp-mb-76 {
    margin-bottom: 76px !important;
  }
  .sp-mb-77 {
    margin-bottom: 77px !important;
  }
  .sp-mb-78 {
    margin-bottom: 78px !important;
  }
  .sp-mb-79 {
    margin-bottom: 79px !important;
  }
  .sp-mb-80 {
    margin-bottom: 80px !important;
  }
  .sp-mb-81 {
    margin-bottom: 81px !important;
  }
  .sp-mb-82 {
    margin-bottom: 82px !important;
  }
  .sp-mb-83 {
    margin-bottom: 83px !important;
  }
  .sp-mb-84 {
    margin-bottom: 84px !important;
  }
  .sp-mb-85 {
    margin-bottom: 85px !important;
  }
  .sp-mb-86 {
    margin-bottom: 86px !important;
  }
  .sp-mb-87 {
    margin-bottom: 87px !important;
  }
  .sp-mb-88 {
    margin-bottom: 88px !important;
  }
  .sp-mb-89 {
    margin-bottom: 89px !important;
  }
  .sp-mb-90 {
    margin-bottom: 90px !important;
  }
  .sp-mb-91 {
    margin-bottom: 91px !important;
  }
  .sp-mb-92 {
    margin-bottom: 92px !important;
  }
  .sp-mb-93 {
    margin-bottom: 93px !important;
  }
  .sp-mb-94 {
    margin-bottom: 94px !important;
  }
  .sp-mb-95 {
    margin-bottom: 95px !important;
  }
  .sp-mb-96 {
    margin-bottom: 96px !important;
  }
  .sp-mb-97 {
    margin-bottom: 97px !important;
  }
  .sp-mb-98 {
    margin-bottom: 98px !important;
  }
  .sp-mb-99 {
    margin-bottom: 99px !important;
  }
  .sp-mb-100 {
    margin-bottom: 100px !important;
  }
  .sp-mt-0 {
    margin-top: 0px !important;
  }
  .sp-mt-1 {
    margin-top: 1px !important;
  }
  .sp-mt-2 {
    margin-top: 2px !important;
  }
  .sp-mt-3 {
    margin-top: 3px !important;
  }
  .sp-mt-4 {
    margin-top: 4px !important;
  }
  .sp-mt-5 {
    margin-top: 5px !important;
  }
  .sp-mt-6 {
    margin-top: 6px !important;
  }
  .sp-mt-7 {
    margin-top: 7px !important;
  }
  .sp-mt-8 {
    margin-top: 8px !important;
  }
  .sp-mt-9 {
    margin-top: 9px !important;
  }
  .sp-mt-10 {
    margin-top: 10px !important;
  }
  .sp-mt-11 {
    margin-top: 11px !important;
  }
  .sp-mt-12 {
    margin-top: 12px !important;
  }
  .sp-mt-13 {
    margin-top: 13px !important;
  }
  .sp-mt-14 {
    margin-top: 14px !important;
  }
  .sp-mt-15 {
    margin-top: 15px !important;
  }
  .sp-mt-16 {
    margin-top: 16px !important;
  }
  .sp-mt-17 {
    margin-top: 17px !important;
  }
  .sp-mt-18 {
    margin-top: 18px !important;
  }
  .sp-mt-19 {
    margin-top: 19px !important;
  }
  .sp-mt-20 {
    margin-top: 20px !important;
  }
  .sp-mt-21 {
    margin-top: 21px !important;
  }
  .sp-mt-22 {
    margin-top: 22px !important;
  }
  .sp-mt-23 {
    margin-top: 23px !important;
  }
  .sp-mt-24 {
    margin-top: 24px !important;
  }
  .sp-mt-25 {
    margin-top: 25px !important;
  }
  .sp-mt-26 {
    margin-top: 26px !important;
  }
  .sp-mt-27 {
    margin-top: 27px !important;
  }
  .sp-mt-28 {
    margin-top: 28px !important;
  }
  .sp-mt-29 {
    margin-top: 29px !important;
  }
  .sp-mt-30 {
    margin-top: 30px !important;
  }
  .sp-mt-31 {
    margin-top: 31px !important;
  }
  .sp-mt-32 {
    margin-top: 32px !important;
  }
  .sp-mt-33 {
    margin-top: 33px !important;
  }
  .sp-mt-34 {
    margin-top: 34px !important;
  }
  .sp-mt-35 {
    margin-top: 35px !important;
  }
  .sp-mt-36 {
    margin-top: 36px !important;
  }
  .sp-mt-37 {
    margin-top: 37px !important;
  }
  .sp-mt-38 {
    margin-top: 38px !important;
  }
  .sp-mt-39 {
    margin-top: 39px !important;
  }
  .sp-mt-40 {
    margin-top: 40px !important;
  }
  .sp-mt-41 {
    margin-top: 41px !important;
  }
  .sp-mt-42 {
    margin-top: 42px !important;
  }
  .sp-mt-43 {
    margin-top: 43px !important;
  }
  .sp-mt-44 {
    margin-top: 44px !important;
  }
  .sp-mt-45 {
    margin-top: 45px !important;
  }
  .sp-mt-46 {
    margin-top: 46px !important;
  }
  .sp-mt-47 {
    margin-top: 47px !important;
  }
  .sp-mt-48 {
    margin-top: 48px !important;
  }
  .sp-mt-49 {
    margin-top: 49px !important;
  }
  .sp-mt-50 {
    margin-top: 50px !important;
  }
  .sp-mt-51 {
    margin-top: 51px !important;
  }
  .sp-mt-52 {
    margin-top: 52px !important;
  }
  .sp-mt-53 {
    margin-top: 53px !important;
  }
  .sp-mt-54 {
    margin-top: 54px !important;
  }
  .sp-mt-55 {
    margin-top: 55px !important;
  }
  .sp-mt-56 {
    margin-top: 56px !important;
  }
  .sp-mt-57 {
    margin-top: 57px !important;
  }
  .sp-mt-58 {
    margin-top: 58px !important;
  }
  .sp-mt-59 {
    margin-top: 59px !important;
  }
  .sp-mt-60 {
    margin-top: 60px !important;
  }
  .sp-mt-61 {
    margin-top: 61px !important;
  }
  .sp-mt-62 {
    margin-top: 62px !important;
  }
  .sp-mt-63 {
    margin-top: 63px !important;
  }
  .sp-mt-64 {
    margin-top: 64px !important;
  }
  .sp-mt-65 {
    margin-top: 65px !important;
  }
  .sp-mt-66 {
    margin-top: 66px !important;
  }
  .sp-mt-67 {
    margin-top: 67px !important;
  }
  .sp-mt-68 {
    margin-top: 68px !important;
  }
  .sp-mt-69 {
    margin-top: 69px !important;
  }
  .sp-mt-70 {
    margin-top: 70px !important;
  }
  .sp-mt-71 {
    margin-top: 71px !important;
  }
  .sp-mt-72 {
    margin-top: 72px !important;
  }
  .sp-mt-73 {
    margin-top: 73px !important;
  }
  .sp-mt-74 {
    margin-top: 74px !important;
  }
  .sp-mt-75 {
    margin-top: 75px !important;
  }
  .sp-mt-76 {
    margin-top: 76px !important;
  }
  .sp-mt-77 {
    margin-top: 77px !important;
  }
  .sp-mt-78 {
    margin-top: 78px !important;
  }
  .sp-mt-79 {
    margin-top: 79px !important;
  }
  .sp-mt-80 {
    margin-top: 80px !important;
  }
  .sp-mt-81 {
    margin-top: 81px !important;
  }
  .sp-mt-82 {
    margin-top: 82px !important;
  }
  .sp-mt-83 {
    margin-top: 83px !important;
  }
  .sp-mt-84 {
    margin-top: 84px !important;
  }
  .sp-mt-85 {
    margin-top: 85px !important;
  }
  .sp-mt-86 {
    margin-top: 86px !important;
  }
  .sp-mt-87 {
    margin-top: 87px !important;
  }
  .sp-mt-88 {
    margin-top: 88px !important;
  }
  .sp-mt-89 {
    margin-top: 89px !important;
  }
  .sp-mt-90 {
    margin-top: 90px !important;
  }
  .sp-mt-91 {
    margin-top: 91px !important;
  }
  .sp-mt-92 {
    margin-top: 92px !important;
  }
  .sp-mt-93 {
    margin-top: 93px !important;
  }
  .sp-mt-94 {
    margin-top: 94px !important;
  }
  .sp-mt-95 {
    margin-top: 95px !important;
  }
  .sp-mt-96 {
    margin-top: 96px !important;
  }
  .sp-mt-97 {
    margin-top: 97px !important;
  }
  .sp-mt-98 {
    margin-top: 98px !important;
  }
  .sp-mt-99 {
    margin-top: 99px !important;
  }
  .sp-mt-100 {
    margin-top: 100px !important;
  }
}
@media screen and (min-width: 751px) {
  .pc-mb-0 {
    margin-bottom: 0px !important;
  }
  .pc-mb-1 {
    margin-bottom: 1px !important;
  }
  .pc-mb-2 {
    margin-bottom: 2px !important;
  }
  .pc-mb-3 {
    margin-bottom: 3px !important;
  }
  .pc-mb-4 {
    margin-bottom: 4px !important;
  }
  .pc-mb-5 {
    margin-bottom: 5px !important;
  }
  .pc-mb-6 {
    margin-bottom: 6px !important;
  }
  .pc-mb-7 {
    margin-bottom: 7px !important;
  }
  .pc-mb-8 {
    margin-bottom: 8px !important;
  }
  .pc-mb-9 {
    margin-bottom: 9px !important;
  }
  .pc-mb-10 {
    margin-bottom: 10px !important;
  }
  .pc-mb-11 {
    margin-bottom: 11px !important;
  }
  .pc-mb-12 {
    margin-bottom: 12px !important;
  }
  .pc-mb-13 {
    margin-bottom: 13px !important;
  }
  .pc-mb-14 {
    margin-bottom: 14px !important;
  }
  .pc-mb-15 {
    margin-bottom: 15px !important;
  }
  .pc-mb-16 {
    margin-bottom: 16px !important;
  }
  .pc-mb-17 {
    margin-bottom: 17px !important;
  }
  .pc-mb-18 {
    margin-bottom: 18px !important;
  }
  .pc-mb-19 {
    margin-bottom: 19px !important;
  }
  .pc-mb-20 {
    margin-bottom: 20px !important;
  }
  .pc-mb-21 {
    margin-bottom: 21px !important;
  }
  .pc-mb-22 {
    margin-bottom: 22px !important;
  }
  .pc-mb-23 {
    margin-bottom: 23px !important;
  }
  .pc-mb-24 {
    margin-bottom: 24px !important;
  }
  .pc-mb-25 {
    margin-bottom: 25px !important;
  }
  .pc-mb-26 {
    margin-bottom: 26px !important;
  }
  .pc-mb-27 {
    margin-bottom: 27px !important;
  }
  .pc-mb-28 {
    margin-bottom: 28px !important;
  }
  .pc-mb-29 {
    margin-bottom: 29px !important;
  }
  .pc-mb-30 {
    margin-bottom: 30px !important;
  }
  .pc-mb-31 {
    margin-bottom: 31px !important;
  }
  .pc-mb-32 {
    margin-bottom: 32px !important;
  }
  .pc-mb-33 {
    margin-bottom: 33px !important;
  }
  .pc-mb-34 {
    margin-bottom: 34px !important;
  }
  .pc-mb-35 {
    margin-bottom: 35px !important;
  }
  .pc-mb-36 {
    margin-bottom: 36px !important;
  }
  .pc-mb-37 {
    margin-bottom: 37px !important;
  }
  .pc-mb-38 {
    margin-bottom: 38px !important;
  }
  .pc-mb-39 {
    margin-bottom: 39px !important;
  }
  .pc-mb-40 {
    margin-bottom: 40px !important;
  }
  .pc-mb-41 {
    margin-bottom: 41px !important;
  }
  .pc-mb-42 {
    margin-bottom: 42px !important;
  }
  .pc-mb-43 {
    margin-bottom: 43px !important;
  }
  .pc-mb-44 {
    margin-bottom: 44px !important;
  }
  .pc-mb-45 {
    margin-bottom: 45px !important;
  }
  .pc-mb-46 {
    margin-bottom: 46px !important;
  }
  .pc-mb-47 {
    margin-bottom: 47px !important;
  }
  .pc-mb-48 {
    margin-bottom: 48px !important;
  }
  .pc-mb-49 {
    margin-bottom: 49px !important;
  }
  .pc-mb-50 {
    margin-bottom: 50px !important;
  }
  .pc-mb-51 {
    margin-bottom: 51px !important;
  }
  .pc-mb-52 {
    margin-bottom: 52px !important;
  }
  .pc-mb-53 {
    margin-bottom: 53px !important;
  }
  .pc-mb-54 {
    margin-bottom: 54px !important;
  }
  .pc-mb-55 {
    margin-bottom: 55px !important;
  }
  .pc-mb-56 {
    margin-bottom: 56px !important;
  }
  .pc-mb-57 {
    margin-bottom: 57px !important;
  }
  .pc-mb-58 {
    margin-bottom: 58px !important;
  }
  .pc-mb-59 {
    margin-bottom: 59px !important;
  }
  .pc-mb-60 {
    margin-bottom: 60px !important;
  }
  .pc-mb-61 {
    margin-bottom: 61px !important;
  }
  .pc-mb-62 {
    margin-bottom: 62px !important;
  }
  .pc-mb-63 {
    margin-bottom: 63px !important;
  }
  .pc-mb-64 {
    margin-bottom: 64px !important;
  }
  .pc-mb-65 {
    margin-bottom: 65px !important;
  }
  .pc-mb-66 {
    margin-bottom: 66px !important;
  }
  .pc-mb-67 {
    margin-bottom: 67px !important;
  }
  .pc-mb-68 {
    margin-bottom: 68px !important;
  }
  .pc-mb-69 {
    margin-bottom: 69px !important;
  }
  .pc-mb-70 {
    margin-bottom: 70px !important;
  }
  .pc-mb-71 {
    margin-bottom: 71px !important;
  }
  .pc-mb-72 {
    margin-bottom: 72px !important;
  }
  .pc-mb-73 {
    margin-bottom: 73px !important;
  }
  .pc-mb-74 {
    margin-bottom: 74px !important;
  }
  .pc-mb-75 {
    margin-bottom: 75px !important;
  }
  .pc-mb-76 {
    margin-bottom: 76px !important;
  }
  .pc-mb-77 {
    margin-bottom: 77px !important;
  }
  .pc-mb-78 {
    margin-bottom: 78px !important;
  }
  .pc-mb-79 {
    margin-bottom: 79px !important;
  }
  .pc-mb-80 {
    margin-bottom: 80px !important;
  }
  .pc-mb-81 {
    margin-bottom: 81px !important;
  }
  .pc-mb-82 {
    margin-bottom: 82px !important;
  }
  .pc-mb-83 {
    margin-bottom: 83px !important;
  }
  .pc-mb-84 {
    margin-bottom: 84px !important;
  }
  .pc-mb-85 {
    margin-bottom: 85px !important;
  }
  .pc-mb-86 {
    margin-bottom: 86px !important;
  }
  .pc-mb-87 {
    margin-bottom: 87px !important;
  }
  .pc-mb-88 {
    margin-bottom: 88px !important;
  }
  .pc-mb-89 {
    margin-bottom: 89px !important;
  }
  .pc-mb-90 {
    margin-bottom: 90px !important;
  }
  .pc-mb-91 {
    margin-bottom: 91px !important;
  }
  .pc-mb-92 {
    margin-bottom: 92px !important;
  }
  .pc-mb-93 {
    margin-bottom: 93px !important;
  }
  .pc-mb-94 {
    margin-bottom: 94px !important;
  }
  .pc-mb-95 {
    margin-bottom: 95px !important;
  }
  .pc-mb-96 {
    margin-bottom: 96px !important;
  }
  .pc-mb-97 {
    margin-bottom: 97px !important;
  }
  .pc-mb-98 {
    margin-bottom: 98px !important;
  }
  .pc-mb-99 {
    margin-bottom: 99px !important;
  }
  .pc-mb-100 {
    margin-bottom: 100px !important;
  }
  .pc-mt-0 {
    margin-top: 0px !important;
  }
  .pc-mt-1 {
    margin-top: 1px !important;
  }
  .pc-mt-2 {
    margin-top: 2px !important;
  }
  .pc-mt-3 {
    margin-top: 3px !important;
  }
  .pc-mt-4 {
    margin-top: 4px !important;
  }
  .pc-mt-5 {
    margin-top: 5px !important;
  }
  .pc-mt-6 {
    margin-top: 6px !important;
  }
  .pc-mt-7 {
    margin-top: 7px !important;
  }
  .pc-mt-8 {
    margin-top: 8px !important;
  }
  .pc-mt-9 {
    margin-top: 9px !important;
  }
  .pc-mt-10 {
    margin-top: 10px !important;
  }
  .pc-mt-11 {
    margin-top: 11px !important;
  }
  .pc-mt-12 {
    margin-top: 12px !important;
  }
  .pc-mt-13 {
    margin-top: 13px !important;
  }
  .pc-mt-14 {
    margin-top: 14px !important;
  }
  .pc-mt-15 {
    margin-top: 15px !important;
  }
  .pc-mt-16 {
    margin-top: 16px !important;
  }
  .pc-mt-17 {
    margin-top: 17px !important;
  }
  .pc-mt-18 {
    margin-top: 18px !important;
  }
  .pc-mt-19 {
    margin-top: 19px !important;
  }
  .pc-mt-20 {
    margin-top: 20px !important;
  }
  .pc-mt-21 {
    margin-top: 21px !important;
  }
  .pc-mt-22 {
    margin-top: 22px !important;
  }
  .pc-mt-23 {
    margin-top: 23px !important;
  }
  .pc-mt-24 {
    margin-top: 24px !important;
  }
  .pc-mt-25 {
    margin-top: 25px !important;
  }
  .pc-mt-26 {
    margin-top: 26px !important;
  }
  .pc-mt-27 {
    margin-top: 27px !important;
  }
  .pc-mt-28 {
    margin-top: 28px !important;
  }
  .pc-mt-29 {
    margin-top: 29px !important;
  }
  .pc-mt-30 {
    margin-top: 30px !important;
  }
  .pc-mt-31 {
    margin-top: 31px !important;
  }
  .pc-mt-32 {
    margin-top: 32px !important;
  }
  .pc-mt-33 {
    margin-top: 33px !important;
  }
  .pc-mt-34 {
    margin-top: 34px !important;
  }
  .pc-mt-35 {
    margin-top: 35px !important;
  }
  .pc-mt-36 {
    margin-top: 36px !important;
  }
  .pc-mt-37 {
    margin-top: 37px !important;
  }
  .pc-mt-38 {
    margin-top: 38px !important;
  }
  .pc-mt-39 {
    margin-top: 39px !important;
  }
  .pc-mt-40 {
    margin-top: 40px !important;
  }
  .pc-mt-41 {
    margin-top: 41px !important;
  }
  .pc-mt-42 {
    margin-top: 42px !important;
  }
  .pc-mt-43 {
    margin-top: 43px !important;
  }
  .pc-mt-44 {
    margin-top: 44px !important;
  }
  .pc-mt-45 {
    margin-top: 45px !important;
  }
  .pc-mt-46 {
    margin-top: 46px !important;
  }
  .pc-mt-47 {
    margin-top: 47px !important;
  }
  .pc-mt-48 {
    margin-top: 48px !important;
  }
  .pc-mt-49 {
    margin-top: 49px !important;
  }
  .pc-mt-50 {
    margin-top: 50px !important;
  }
  .pc-mt-51 {
    margin-top: 51px !important;
  }
  .pc-mt-52 {
    margin-top: 52px !important;
  }
  .pc-mt-53 {
    margin-top: 53px !important;
  }
  .pc-mt-54 {
    margin-top: 54px !important;
  }
  .pc-mt-55 {
    margin-top: 55px !important;
  }
  .pc-mt-56 {
    margin-top: 56px !important;
  }
  .pc-mt-57 {
    margin-top: 57px !important;
  }
  .pc-mt-58 {
    margin-top: 58px !important;
  }
  .pc-mt-59 {
    margin-top: 59px !important;
  }
  .pc-mt-60 {
    margin-top: 60px !important;
  }
  .pc-mt-61 {
    margin-top: 61px !important;
  }
  .pc-mt-62 {
    margin-top: 62px !important;
  }
  .pc-mt-63 {
    margin-top: 63px !important;
  }
  .pc-mt-64 {
    margin-top: 64px !important;
  }
  .pc-mt-65 {
    margin-top: 65px !important;
  }
  .pc-mt-66 {
    margin-top: 66px !important;
  }
  .pc-mt-67 {
    margin-top: 67px !important;
  }
  .pc-mt-68 {
    margin-top: 68px !important;
  }
  .pc-mt-69 {
    margin-top: 69px !important;
  }
  .pc-mt-70 {
    margin-top: 70px !important;
  }
  .pc-mt-71 {
    margin-top: 71px !important;
  }
  .pc-mt-72 {
    margin-top: 72px !important;
  }
  .pc-mt-73 {
    margin-top: 73px !important;
  }
  .pc-mt-74 {
    margin-top: 74px !important;
  }
  .pc-mt-75 {
    margin-top: 75px !important;
  }
  .pc-mt-76 {
    margin-top: 76px !important;
  }
  .pc-mt-77 {
    margin-top: 77px !important;
  }
  .pc-mt-78 {
    margin-top: 78px !important;
  }
  .pc-mt-79 {
    margin-top: 79px !important;
  }
  .pc-mt-80 {
    margin-top: 80px !important;
  }
  .pc-mt-81 {
    margin-top: 81px !important;
  }
  .pc-mt-82 {
    margin-top: 82px !important;
  }
  .pc-mt-83 {
    margin-top: 83px !important;
  }
  .pc-mt-84 {
    margin-top: 84px !important;
  }
  .pc-mt-85 {
    margin-top: 85px !important;
  }
  .pc-mt-86 {
    margin-top: 86px !important;
  }
  .pc-mt-87 {
    margin-top: 87px !important;
  }
  .pc-mt-88 {
    margin-top: 88px !important;
  }
  .pc-mt-89 {
    margin-top: 89px !important;
  }
  .pc-mt-90 {
    margin-top: 90px !important;
  }
  .pc-mt-91 {
    margin-top: 91px !important;
  }
  .pc-mt-92 {
    margin-top: 92px !important;
  }
  .pc-mt-93 {
    margin-top: 93px !important;
  }
  .pc-mt-94 {
    margin-top: 94px !important;
  }
  .pc-mt-95 {
    margin-top: 95px !important;
  }
  .pc-mt-96 {
    margin-top: 96px !important;
  }
  .pc-mt-97 {
    margin-top: 97px !important;
  }
  .pc-mt-98 {
    margin-top: 98px !important;
  }
  .pc-mt-99 {
    margin-top: 99px !important;
  }
  .pc-mt-100 {
    margin-top: 100px !important;
  }
}
input[type=button], input[type=text], input[type=submit] {
  -webkit-adiappearance: none;
  border-radius: 0;
}

input[type=text], textarea {
  padding: 8px;
  border: 1px solid #000;
  border-radius: 5px;
}

select {
  padding: 5px;
}

input[type=radio], input[type=checkbox] {
  visibility: hidden;
}

label {
  padding-left: 20px;
  position: relative;
}
label::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #888;
  border-radius: 2px;
  top: 8px;
  left: 0;
}

input[type=radio]:checked + label::before, input[type=checkbox]:checked + label::before {
  background: #999;
}

select {
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  display: block;
}

.select {
  display: inline-block;
  border: #888 1px solid;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.select.arrow select {
  padding-right: 20px;
  position: relative;
}
.select.arrow::after {
  content: "";
  display: block;
  position: absolute;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
  right: 15px;
  top: 18px;
}

.img-fix {
  width: 100%;
  height: auto;
}
.img-vfix {
  width: auto;
  height: 100%;
}
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.img-crisp {
  image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width: 750px) {
  .sp-img-fix {
    width: 100%;
    height: auto;
  }
  .sp-img-vfix {
    width: auto;
    height: 100%;
  }
  .sp-img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .sp-img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@media screen and (min-width: 751px) {
  .pc-img-fix {
    width: 100%;
    height: auto;
  }
  .pc-img-vfix {
    width: auto;
    height: 100%;
  }
  .pc-img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .pc-img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.li-disc li {
  margin-left: 2em;
  list-style: disc;
}
.li-disc li.notice {
  list-style: none;
  position: relative;
}
.li-disc li.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1.5em;
}
.li-num li {
  margin-left: 1.8em;
  list-style: decimal;
}
.li-num li.notice {
  list-style: none;
  position: relative;
}
.li-num li.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1.3em;
}
.li-dot li {
  margin-left: 5px;
  padding-left: 25px;
  position: relative;
}
.li-dot li:not([class=notice])::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 5px;
  position: absolute;
  top: 8px;
  left: 5px;
}
.li-dot li.notice {
  list-style: none;
  position: relative;
}
.li-dot li.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.li-paren li {
  margin-left: 2em;
  list-style: none;
  position: relative;
  counter-increment: cnt;
}
.li-paren li:not([class=notice])::before {
  content: "（" counter(cnt) "）";
  margin-left: -3em;
  width: 3em;
  display: inline-block;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0.3em;
}
.li-paren li.notice {
  list-style: none;
  position: relative;
}
.li-paren li.notice::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -1.5em;
}
.li-notice li {
  padding-left: 1.5em;
  position: relative;
}
.li-notice li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 5px;
}

.ff-noto-sans {
  font-family: "Noto Sans JP", sans-serif;
}
.ff-noto-serif {
  font-family: "Noto Serif JP", serif;
}

.fw-n {
  font-weight: normal;
}
.fw-b {
  font-weight: bold;
}
.fw-100 {
  font-weight: 100;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}

.fc-blk {
  color: #000;
}

.ta-l {
  text-align: left;
}
.ta-c {
  text-align: center;
}
.ta-r {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.txt-notice {
  font-size: 12px;
}
.txt-error {
  color: #f00;
}
.txt-break {
  word-break: break-all;
  overflow-wrap: break-word;
}
.txt-crop {
  line-height: 2;
}
.txt-crop::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 2) * 0.5em);
}
.txt-crop::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 2) * 0.5em);
}

.marker-yl {
  background: linear-gradient(transparent 70%, #000 70%);
}

@media screen and (max-width: 751px) {
  .sp-fw-n {
    font-weight: normal;
  }
  .sp-fw-b {
    font-weight: bold;
  }
  .sp-fw-100 {
    font-weight: 100;
  }
  .sp-fw-200 {
    font-weight: 200;
  }
  .sp-fw-300 {
    font-weight: 300;
  }
  .sp-fw-400 {
    font-weight: 400;
  }
  .sp-fw-500 {
    font-weight: 500;
  }
  .sp-fw-600 {
    font-weight: 600;
  }
  .sp-fw-700 {
    font-weight: 700;
  }
  .sp-fw-800 {
    font-weight: 800;
  }
  .sp-fw-900 {
    font-weight: 900;
  }
  .sp-fc-blk {
    color: #000;
  }
  .sp-ta-l {
    text-align: left;
  }
  .sp-ta-c {
    text-align: center;
  }
  .sp-ta-r {
    text-align: right;
  }
  .sp-nowrap {
    white-space: nowrap;
  }
}
@media screen and (min-width: 750px) {
  .pc-fw-n {
    font-weight: normal;
  }
  .pc-fw-b {
    font-weight: bold;
  }
  .pc-fw-100 {
    font-weight: 100;
  }
  .pc-fw-200 {
    font-weight: 200;
  }
  .pc-fw-300 {
    font-weight: 300;
  }
  .pc-fw-400 {
    font-weight: 400;
  }
  .pc-fw-500 {
    font-weight: 500;
  }
  .pc-fw-600 {
    font-weight: 600;
  }
  .pc-fw-700 {
    font-weight: 700;
  }
  .pc-fw-800 {
    font-weight: 800;
  }
  .pc-fw-900 {
    font-weight: 900;
  }
  .pc-fc-blk {
    color: #000;
  }
  .pc-ta-l {
    text-align: left;
  }
  .pc-ta-c {
    text-align: center;
  }
  .pc-ta-r {
    text-align: right;
  }
  .pc-nowrap {
    white-space: nowrap;
  }
}
@media screen and (min-width: 641px) {
  .txt-240 {
    font-size: 240px;
  }
}
@media screen and (max-width: 1360px) {
  .txt-240 {
    font-size: 20vw;
  }
}
@media screen and (max-width: 750px) {
  .txt-240 {
    font-size: 32vw;
  }
}
@media screen and (min-width: 641px) {
  .txt-200 {
    font-size: 200px;
  }
}
@media screen and (max-width: 1360px) {
  .txt-200 {
    font-size: 16.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .txt-200 {
    font-size: 26.6666666667vw;
  }
}
@media screen and (min-width: 641px) {
  .txt-160 {
    font-size: 160px;
  }
}
@media screen and (max-width: 1360px) {
  .txt-160 {
    font-size: 13.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .txt-160 {
    font-size: 21.3333333333vw;
  }
}
@media screen and (min-width: 641px) {
  .txt-24 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1360px) {
  .txt-24 {
    font-size: 2vw;
  }
}
@media screen and (max-width: 750px) {
  .txt-24 {
    font-size: 5.3333333333vw;
  }
}

.wm-rl {
  writing-mode: vertical-rl;
}

.wht {
  color: #fff;
}

.blk {
  color: #000;
}

.btn-round {
  border-radius: 40px;
  display: inline-block;
  height: 80px;
  box-sizing: border-box;
}

.btn-round span {
  display: inline-block;
  line-height: 74px;
  text-align: center;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.1em;
  position: relative;
  height: 100%;
}

.btn-round span::before {
  content: '';
  display: inline-block;
  margin: auto;
  border-top: .12em solid #000;
  border-right: .12em solid #000;
  transform: rotate(45deg);
  position: absolute;
  inset: 0 8% 0 auto;
  height: .6em;
  width: .6em;
  transition: all 0.3s 0s;
}

.btn-round span::after {
  content: "";
  position: absolute;
  inset: calc(50% - 0.06em) 8% 0 auto;
  height: .12em;
  width: 1em;
  background: #000;
  transition: all 0.3s 0s;
}

.btn-round.yel {
  width: 100%;
  background-color: #fff000;
  color: #000;
}
.btn-round.yel:hover {
  background-color: #e5006a;
  color: #ffffff;
  transition: all 0.3s 0s;
}
.btn-round.blk, .btn-round.blu {
  width: 360px;
  margin: 0 auto;
  display: block;
  color: #fff;
}

.btn-round.blk {
  background-color: #000;
}
.btn-round.blu {
  background-color: #286dff;
}
.btn-round.blk:hover {
  background-color: #e5006a;
  transition: all 0.3s 0s;
}

.btn-round.blk span::before {
  border-top: .12em solid #ffffff;
  border-right: .12em solid #ffffff;
}

.btn-round.blk span::after {
  background: #ffffff;
}


@media screen and (min-width: 751px) {
  .btn-round:hover span::before, .btn-round:hover span::after {
    /*transform: translateX(8px);*/
    transition: all 0.3s 0s;
	right: 5%;
  }
  .btn-round:hover span::before {
    border-top: .12em solid #ffffff;
    border-right: .12em solid #ffffff;
  }
  .btn-round:hover span::after {
	  background-color: #ffffff;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  .btn-round {
    border-radius: 3.3333333333vw;
    height: 6.6666666667vw;
  }
  .btn-round span {
    line-height: 6.1666666667vw;
    font-size: 2vw;
  }
  .btn-round.blk, .btn-round.blu {
    width: 30vw;
  }
}
@media screen and (max-width: 750px) {
  .btn-round {
    border-radius: 6.6666666667vw;
    height: 13.3333333333vw;
  }
  .btn-round span {
    line-height: 12vw;
    font-size: 4.2666666667vw;
  }
  .btn-round.blk, .btn-round.blu {
    width: 89.3333333333vw;
  }
}

.p-works li, .p-course li {
  width: calc((100% - 60px) / 3);
  background-color: #fff;
  border-radius: 5px;
  /*border: 3px solid #000;*/
}
@media screen and (max-width: 1360px) {
  .p-works li, .p-course li {
    width: calc((100% - 5vw) / 3);
  }
}
@media screen and (max-width: 750px) {
  .p-works li, .p-course li {
    width: 100%;
  }
}

.p-works li {
  padding: 20px;
}
.p-works li .graduate_detail .face {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.p-works li .graduate_detail .col {
  width: calc(100% - 120px);
  line-height: 1.5;
}
.p-works li .graduate_detail .col h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
}
@media screen and (max-width: 1360px) {
  .p-works li {
    padding: 1.6666666667vw;
  }
  .p-works li .graduate_detail .face {
    width: 7.5vw;
    height: 7.5vw;
  }
  .p-works li .graduate_detail .col {
    width: calc(100% - 9.1666666667vw);
  }
  .p-works li .graduate_detail .col h5 {
    font-size: min(2vw, 24px);
    margin-bottom: 0.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .p-works li {
    padding: 5.3333333333vw;
    margin-bottom: 5vw;
  }
  .p-works li .graduate_detail {
    margin-top: 4vw;
  }
  .p-works li .graduate_detail .face {
    width: 20vw;
    height: 20vw;
  }
  .p-works li .graduate_detail .col {
    width: calc(100% - 22.6666666667vw);
  }
  .p-works li .graduate_detail .col h5 {
    font-size: 5.3333333333vw;
    margin-bottom: 0;
  }
}

.p-course {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:0 2em;
}
@media screen and (max-width: 480px) {
.p-course {
grid-template-columns:repeat(1, 1fr);
}
}
.p-course > li {
width:100%;
padding-bottom:1.25em;  
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
.p-course > li img {
  border-radius: 5px 5px 0 0;
}
.p-course > li.kokka {
  position: relative;
}
.p-course > li.kokka::before {
  content: "国家資格 合格保証制度";
  width: 220px;
  height: 40px;
  background-color: #e5006a;
  /*border: 3px solid #000;*/
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  left: 50%;
  /*text-align: center;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1360px) {
  .p-course > li.kokka::before {
    width: min(220px, 21.6666666667vw);
    height: min(40px, 3.3333333333vw);
    /*border-radius: min(20px, 1.6666666667vw);*/
    font-size: min(18px, 1.5vw);
    /*top: calc(1.6666666667vw * -1);*/
  }
}
@media screen and (max-width: 750px) {
  .p-course > li.kokka::before {
    width: 58.6666666667vw;
    height: 10.6666666667vw;
    /*border-radius: 5.3333333333vw;*/
    font-size: 4.8vw;
    /*top: calc(4.1666666667vw * -1);
    border: 0.8vw solid #000;*/
  }
}
.p-course > li .detail {
  padding: 20px;
  position: relative;
}
.p-course > li .detail h5 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 1360px) {
  .p-course > li .detail {
    padding: 1.6666666667vw;
  }
  .p-course > li .detail h5 {
    font-size: min(2vw, 24px);
  }
}
@media screen and (max-width: 750px) {
  .p-course > li .detail {
    padding: 5.3333333333vw;
  }
  .p-course > li .detail h5 {
    font-size: 5.3333333333vw;
  }
  .p-course > li:not(:last-child) {
    margin-bottom: 9.3333333333vw;
  }
}

.p-course__school {
padding:0 20px;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:0 1em;
}
@media (min-width: 481px) and (max-width: 768px) {
.p-course__school {
padding:0 1.6666666667vw;
gap:0 .75em;
}
}
.p-course__school > li {
width:100%;
}
.p-course__school > li > a {
display:block;
padding:.4em 0 .5em;
background:#E5006A;
color:#fff;
text-align:center;
font-size:1.1em;
line-height:1;
border-radius:.25em;
}

.p-feature li .num {
  position: relative;
  width: 100px;
}
.p-feature li .num::before, .p-feature li .num::after {
  position: absolute;
  left: 0;
}
.p-feature li .num::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #fff;
  top: 64px;
}
.p-feature li .num::after {
  content: "特 長";
  color: #fff;
  top: 70px;
  width: 100px;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.25em;
  text-align: center;
  line-height: 1;
  padding-left: 9px;
}
.p-feature li .p-box {
  background-color: #fff;
  /*border: 3px solid #000;*/
  margin-bottom: 40px;
}
.p-feature li .p-box h6 {
  background-color: #000000;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}
.p-feature li .p-box p {
  padding: 20px;
}
.p-feature li .p-box.l {
  margin: 0 auto;
  position: relative;
  margin-top: 90px;
}
.p-feature li .p-box.l::before, .p-feature li .p-box.l::after {
  content: "";
  width: 50px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  left: calc(50% - 25px);
  top: -70px;
}
.p-feature li .p-box.l::after {
  transform-origin: center center;
  transform: rotate(90deg);
}
@media screen and (min-width: 751px) {
  .p-feature .p-box.s {
    width: calc((100% - 60px) / 3);
  }
  .p-feature .p-box.l {
    width: 640px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  .p-feature li .num {
    width: 8.3333333333vw;
  }
  .p-feature li .num::before {
    height: 0.25vw;
    top: 5.3333333333vw;
  }
  .p-feature li .num::after {
    top: 5.8333333333vw;
    width: 8.3333333333vw;
    font-size: 2.5vw;
    padding-left: 0.75vw;
  }
  .p-feature li .p-box {
    /*border: 3px solid #000;*/
    margin-bottom: 3.3333333333vw;
  }
  .p-feature li .p-box h6 {
    height: 5vw;
    line-height: 5vw;
    font-size: 2vw;
  }
  .p-feature li .p-box p {
    padding: 1.6666666667vw;
  }
  .p-feature li .p-box.s {
    width: calc((100% - 5vw) / 3);
  }
  .p-feature li .p-box.l {
    width: 53.3333333333vw;
    margin-top: 7.5vw;
  }
  .p-feature li .p-box.l::before, .p-feature li .p-box.l::after {
    width: 4.1666666667vw;
    height: 0.8333333333vw;
    left: calc(50% - 2.0833333333vw);
    top: calc(5.8333333333vw * -1);
  }
}
@media screen and (max-width: 750px) {
  .p-feature li {
    margin-bottom: 9.3333333333vw;
  }
  .p-feature li .num {
    position: relative;
    width: 26.6666666667vw;
    padding-bottom: 17.3333333333vw;
    margin: 0 auto 4vw;
  }
  .p-feature li .num::before {
    content: "";
    height: 0.8vw;
    top: 17.3333333333vw;
  }
  .p-feature li .num::after {
    top: 20.6666666667vw;
    width: 26.6666666667vw;
    font-size: 8vw;
    padding-left: 2.4vw;
  }
  .p-feature li .p-box {
    /*border: 0.8vw solid #000;*/
    margin-bottom: 5.3333333333vw;
  }
  .p-feature li .p-box:first-child {
    margin-top: 9.3333333333vw;
  }
  .p-feature li .p-box h6 {
    height: 14.6666666667vw;
    line-height: 14.6666666667vw;
    font-size: 5.3333333333vw;
    text-align: left;
    padding: 0 5.3333333333vw;
    position: relative;
  }
  .p-feature li .p-box h6::before, .p-feature li .p-box h6::after {
    content: "";
    width: 6.6666666667vw;
    height: 0.8vw;
    border-radius: 0.4vw;
    position: absolute;
    right: 6.6666666667vw;
    top: calc(50% - 0.4vw);
    transform-origin: center center;
    background-color: #ffffff;
  }
  .p-feature li .p-box h6::after {
    transform: rotate(90deg);
    transition: all 0.3s 0s;
  }
  .p-feature li .p-box p {
    padding: 4.6666666667vw;
    display: none;
  }
  .p-feature li .p-box.l {
    margin-top: 24vw;
  }
  .p-feature li .p-box.l::before, .p-feature li .p-box.l::after {
    width: 13.3333333333vw;
    height: 2.6666666667vw;
    left: calc(50% - 6.6666666667vw);
    top: calc(13.3333333333vw * -1);
  }
}

.txt-border {
  display: inline;
  line-height: 1.4em;
  padding: 0.2666666667vw 1.0666666667vw;
  color: #fff;
  background: linear-gradient(transparent 0%, #e5006a 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

h6.txt-border {
  display: inline-block;
  font-size: 36px;
  letter-spacing: 0em;
  margin-bottom: 10px;
  font-weight: bold;
}
h6.txt-border span {
  line-height: 1;
}
@media screen and (max-width: 1360px) {
  h6.txt-border {
    font-size: 3vw;
    margin-bottom: 0.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  h6.txt-border {
    font-size: 6.4vw;
    margin-bottom: 5.3333333333vw;
  }
}

.p-awards {
  color: #fff;
  line-height: 1.25;
  font-weight: bold;
}
.p-awards .col {
  width: calc((100% - 60px) / 3);
}
.p-awards .col img {
  border-radius: 5px;
  margin-bottom: 20px;
}
.p-awards .col.icon {
  position: relative;
}
.p-awards .col.icon::before, .p-awards .col.icon::after {
  position: absolute;
  /*right: 5.3333333333vw;
  top: 0;*/
  right: 2vw;
  top: 2vw;
}
.p-awards .col.icon::before {
  content: attr(data-awards) "年連続";
  width: 8.2666666667vw;
  height: 26.6666666667vw;
  font-size: 4.8vw;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  z-index: 1;
  color: #000;
  text-align: center;
  line-height: 8.5333333333vw;
}
.p-awards .col.icon::after {
  content: "";
  width: 8.2666666667vw;
  height: 26.6666666667vw;
  background-color: #fff000;
  border-radius: 4.1333333333vw;
}
@media screen and (min-width: 751px) {
  .p-awards .col.icon::before, .p-awards .col.icon::after {
    top: min(1.6666666667vw, 20px);
    right: min(1.6666666667vw, 20px);
  }
  .p-awards .col.icon::before {
    content: attr(data-awards) "年連続";
    width: min(3.3333333333vw, 40px);
    height: min(10.8333333333vw, 130px);
    font-size: min(2vw, 24px);
    line-height: min(3.5vw, 42px);
  }
  .p-awards .col.icon::after {
    content: "";
    width: min(3.3333333333vw, 40px);
    height: min(10.8333333333vw, 130px);
    border-radius: min(20px, 1.6666666667vw);
  }
}
@media screen and (max-width: 750px) {
  .p-awards {
    width: 60vw;
    margin: 0 auto;
  }
  .p-awards .col {
    width: 100%;
    margin-top: 9.3333333333vw;
  }
  .p-awards .col img {
    margin-bottom: 5.3333333333vw;
  }
}

.bbl-pink {
  width: 100%;
  margin: 0 auto;
}
.bbl-pink h5 {
  text-align: center;
  position: relative;
  z-index: 10;
  width: 90%;
  transform: translateX(-50%);
  left: 50%;
}
.bbl-pink h5 em {
  background-color: #e5006a;
  border-radius: 2.6666666667vw;
  padding: 2.6666666667vw 8vw;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 5;
  line-height: 1;
  font-size: 5.3333333333vw;
  font-weight: bold;
  color: #ffffff;
}
.bbl-pink h5::before, .bbl-pink h5::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
}
.bbl-pink h5::before {
  border-left: 2.6666666667vw solid #e5006a;
  border-top: 2.6666666667vw solid #e5006a;
  border-right: 2.6666666667vw solid transparent;
  border-bottom: 2.6666666667vw solid transparent;
  bottom: calc(4vw * -1);
  left: 9.3333333333vw;
  z-index: 10;
}
.bbl-pink span p {
  z-index: 3;
  color: #fff;
  /*position: relative;*/
  /*padding: 4vw 5.3333333333vw 8vw;*/
  padding: 4vw 0 8vw;
  line-height: 2;
  word-break: keep-all;
}
@media screen and (min-width: 751px) {
  .bbl-pink {
    width: 960px;
  }
  .bbl-pink h5 {
    width: 620px;
  }
  .bbl-pink h5 em {
    border-radius: 10px;
    padding: 20px 30px;
    font-size: 31px;
    /*border: 3px solid #000;*/
  }
  .bbl-pink h5::before {
    border-left: 16px solid #e5006a;
    border-top: 16px solid #e5006a;
    border-right: 16px solid transparent;
    border-bottom: 16px solid transparent;
    bottom: -16px;
    left: 40px;
    z-index: 10;
  }
  .bbl-pink span p {
    padding: 20px 60px 60px;
    text-align: center;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  .bbl-pink {
    width: min(960px, 100%);
  }
  .bbl-pink h5 {
    width: min(620, 51.6666666667vw);
  }
  .bbl-pink h5 em {
    border-radius: min(10px, 0.8333333333vw);
    padding: min(20px, 1.6666666667vw) min(30px, 2.5vw);
    font-size: min(31px, 2.5833333333vw);
  }
  .bbl-pink h5::before {
    border-left: min(16px, 1.3333333333vw) solid #e5006a;
    border-top: min(16px, 1.3333333333vw) solid #e5006a;
    border-right: min(16px, 1.3333333333vw) solid transparent;
    border-bottom: min(16px, 1.3333333333vw) solid transparent;
    bottom: min(-16px, 1.3333333333vw * -1);
    left: min(40px, 3.3333333333vw);
    z-index: 10;
  }
  .bbl-pink span p {
    padding: min(20px, 3.3333333334vw) min(60px, 5vw) min(60px, 5vw);
  }
}

header {
  position: fixed;
  width: 100%;
  padding: 15px 80px 15px 40px;
  z-index: 100;
}
header .logo {
  z-index: 2000;
  height: 50px;
}
header::after {
  content: "";
  width: 100%;
  height: 80px;
  background-color: #fff;
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
header nav {
  z-index: 20;
  font-size: 18px;
}
header nav li a {
  padding: 0px 20px;
  font-weight: bold;
}
@media screen and (min-width: 751px) {
  header nav .c-pointer {
    padding: 0px 20px;
  }
  header nav .oc-open {
    visibility: hidden;
    height: 0;
    opacity: 0;
    padding: 0px 20px;
    transition: all 0.3s 0s;
  }
  header nav .oc-open li {
    opacity: 0;
    padding: 0 16px;
  }
  header nav .oc-open::after {
    height: 0;
    transition: all 0.3s 0s;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  header nav .oc-open li {
    padding: 0 min(16px, 1.3333333333vw);
  }
}
@media screen and (max-width: 1360px) {
  header {
    padding: 1.3333333333vw calc((100% - 91.6666666667vw) / 2) 1.3333333333vw 3.3333333333vw;
  }
  header .logo {
    height: 4.1666666667vw;
  }
  header::after {
    height: 6.6666666667vw;
  }
  header nav {
    font-size: 1.5vw;
  }
  header nav li a {
    padding: 0vw 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  header {
    padding: 2.6666666667vw;
  }
  header .logo {
    height: 6.6666666667vw;
  }
  header::after {
    height: 11.4666666667vw;
  }
  header nav {
    z-index: 20;
    font-size: 18px;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    padding: 12vw 10.6666666667vw;
    width: 100%;
    top: 0.8vw;
    left: 0;
    display: inline-block;
    transition: all 0.3s 0s;
  }
  header nav li {
    padding: 1.3333333333vw 0;
  }
  header nav li p {
    padding-left: 2.6666666667vw;
  }
  header nav li a {
    padding: 0px 20px;
    font-weight: bold;
  }
  header .hum {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    position: fixed;
    right: 2.6666666667vw;
    left: auto;
    z-index: 1000;
    transition: all 0.3s 0s;
  }
  header .hum::before, header .hum::after {
    content: "";
    width: 100%;
    height: 0.8vw;
    border-radius: 0.4vw;
    background-color: #000;
    position: absolute;
    left: 0;
    transform: rotate(0deg);
    transition: all 0.3s 0s;
  }
  header .hum::before {
    top: 0;
  }
  header .hum::after {
    bottom: 0;
  }
  header .hum span {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  header .hum span::before {
    content: "";
    width: 100%;
    height: 0.8vw;
    border-radius: 0.4vw;
    background-color: #000;
    position: absolute;
    left: 0;
    top: calc(50% - 0.4vw);
  }
}

footer {
  background-color: #000000;
  color: #fff;
}
footer .nav {
  padding: 10px 45px;
  line-height: 1.5;
}
footer .nav li {
  margin-left: 40px;
  font-size: 24px;
  font-weight: bold;
}
footer .nav .icon {
  padding-left: 80px;
  position: relative;
}
footer .nav .icon::before {
  content: "";
  width: 58px;
  height: 59px;
  background-image: url("../../img/lp_img/common/icon_tel.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
footer .copy {
  background-color: #000;
  text-align: center;
  font-size: 14px;
  padding: 18px 0px;
  line-height: 1;
}
@media screen and (max-width: 1360px) {
  footer .nav {
    padding: 0.8333333333vw 0;
  }
  footer .nav li {
    margin-left: 0.8333333333vw;
    font-size: 2vw;
  }
  footer .nav .icon {
    padding-left: 6.6666666667vw;
  }
  footer .nav .icon::before {
    width: 4.8333333333vw;
    height: 4.9166666667vw;
  }
  footer .copy {
    font-size: 1.1666666667vw;
    padding: 1.5vw 0vw;
  }
}
@media screen and (max-width: 750px) {
  footer {
    padding-top: 10.6666666667vw;
  }
  footer .nav {
    padding: 1.3333333333vw 0;
  }
  footer .nav li {
    margin: 0 auto 4vw;
    font-size: 6.4vw;
    padding-left: 4.6666666667vw;
  }
  footer .nav .icon {
    margin: 0 auto 5.3333333333vw;
    padding-left: 25.3333333333vw;
  }
  footer .nav .icon::before {
    width: 15.4666666667vw;
    height: 16vw;
    left: 5.0666666667vw;
  }
  footer .copy {
    /*border-bottom: 0.8vw solid #e60020;*/
    font-size: 3.7333333333vw;
    padding: 4.2666666667vw 0vw;
  }
}


.kv {
  background-image: url("../../img/lp_img/08_4/kv_pc.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*height: 770px;*/
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
}
.kv h1 {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-40%)
}
@media screen and (max-width: 1360px) {
	/*
  .kv {
    height: min(64.1666666667vw, 770px);
  }
	*/
}
@media screen and (max-width: 750px) {
  .kv {
    background-image: url("../../img/lp_img/08_4/kv_sp.png");
	  /*
    height: 133.3333333333vw;
    top: 0;
    left: 0;
	  */
  }
}

.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 12;
}
@media screen and (max-width: 1360px) {
  .inner {
    width: min(91.6666666667vw, 1200px);
  }
}
@media screen and (max-width: 750px) {
  .inner {
    width: 85.3333333333vw;
  }
}

.b-content {
  background: #333333;
  padding: 70px 0 120px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .b-content {
    padding: 9.3333333333vw 0 16vw;
  }
}
.b-content .ttl {
  text-align: center;
  color: #fff;
  margin-bottom: 70px;
}
.b-content .ttl h3 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 30px;
  letter-spacing: 1.3px;
  position: relative;
  height: 118px;
}
.b-content .ttl h3 span {
  position: relative;
  z-index: 1;
  height: 118px;
  display: inline-flex;
  align-items: center;
}
.b-content .ttl h3::before {
  content: "";
  position: absolute;
  height: 118px;
  transform: translateX(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
}
.b-content .ttl .p-lead {
  font-style: 24px;
  font-weight: 500;
  color: #fff;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 1360px) {
  .b-content .ttl {
    margin-bottom: min(70px, 5.8333333333vw);
  }
  .b-content .ttl h3 {
    font-size: min(48px, 4vw);
    margin-bottom: min(30px, 2.5vw);
    height: min(118px, 9.8333333333vw);
  }
  .b-content .ttl h3::before {
    height: min(118px, 9.8333333333vw);
    top: calc(50% - 5vw);
  }
  .b-content .ttl h3 span {
    height: min(118px, 9.8333333333vw);
  }
  .b-content .ttl .p-lead {
    font-size: min(24px, 2vw);
  }
}
@media screen and (max-width: 750px) {
  .b-content .ttl {
    margin-bottom: 10.6666666667vw;
  }
  .b-content .ttl h3 {
    font-size: 6.4vw;
    margin-bottom: 4vw;
    height: 15.3333333333vw;
  }
  .b-content .ttl h3 span {
    height: 15.3333333333vw;
  }
  .b-content .ttl h3::before {
    height: 11.4666666667vw;
  }
  .b-content .ttl .p-lead {
    font-size: 4.2666666667vw;
  }
}
.b-content.graduate, .b-content.course, .b-content.feature {
  position: relative;
}
.b-content.graduate::before, .b-content.graduate::after, .b-content.course::before, .b-content.course::after, .b-content.feature::before, .b-content.feature::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.b-content.graduate .ttl h3::before {
  background-image: url("../../img/lp_img/common/txt_graduate.png");
  width: 1035px;
}
@media screen and (max-width: 1360px) {
  .b-content.graduate .ttl h3::before {
    width: min(86.25vw, 1035px);
  }
}
@media screen and (max-width: 750px) {
  .b-content.graduate .ttl h3::before {
    width: 92.9333333333vw;
  }
}
.b-content.course .ttl h3::before {
  background-image: url("../../img/lp_img/common/txt_course.png");
  width: 690px;
}
@media screen and (max-width: 1360px) {
  .b-content.course .ttl h3::before {
    width: 57.5vw;
  }
}
.b-content.feature .ttl h3::before {
  background-image: url("../../img/lp_img/common/txt_feature.png");
  width: 754px;
}
@media screen and (max-width: 1360px) {
  .b-content.feature .ttl h3::before {
    width: 62.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .b-content.feature .ttl h3::before {
    width: 75.6vw;
  }
}
@media screen and (min-width: 751px) {
  .b-content.feature .p-feature li {
    margin: 0 auto 70px;
  }
	/*
  .b-content.feature .p-feature li:nth-child(1) {
    width: 910px;
  }
	*/
  .b-content.feature .p-feature li:nth-child(1) .txt-feature {
    width: 780px;
	margin: 0 auto;
  }
  .b-content.feature .p-feature li:nth-child(2) .txt-feature {
    width: 860px;
	  margin: 0 auto;
  }
  .b-content.feature .p-feature li:nth-child(3) .txt-feature {
    width: 650px;
    margin: 0 auto;
  }
  .b-content.feature .p-feature li:nth-child(4) .txt-feature {
    width: 640px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  .b-content.feature .p-feature li {
    margin: 0 auto 5.8333333333vw;
  }
  .b-content.feature .p-feature li:nth-child(1) .txt-feature {
    width: 75.8333333333vw;
  }
  .b-content.feature .p-feature li:nth-child(2) .txt-feature {
    width: 75.8333333333vw;
  }
  .b-content.feature .p-feature li:nth-child(3) .txt-feature {
    width: 66.6666666667vw;
  }
  .b-content.feature .p-feature li:nth-child(4) .txt-feature {
    width: 58.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .b-content.feature .p-feature li {
    width: 100%;
  }
  .b-content.feature .p-feature li:nth-child(2) .txt-feature .txt, .b-content.feature .p-feature li:nth-child(4) .txt-feature .txt {
    order: 2;
  }
  .b-content.feature .p-feature li:nth-child(2) .txt-feature .num, .b-content.feature .p-feature li:nth-child(4) .txt-feature .num {
    order: 1;
  }
}

.is-slide {
  overflow: hidden;
  width: 100%;
  height: 480px;
}
.is-slide img {
  width: 640px;
}
@media screen and (max-width: 1360px) {
  .is-slide {
    height: 36.5vw;
  }
  .is-slide img {
    width: 53.3333333333vw;
  }
}

.is-txt-mov {
  overflow: hidden;
  width: 100%;
  position: absolute;
  z-index: 11;
}
.is-txt-mov img {
  width: 2545px;
  padding-left: 120px;
}
@media screen and (max-width: 1360px) {
  .is-txt-mov img {
    width: min(2545px, 212.0833333333vw);
    padding-left: min(120px, 10vw);
  }
}

.cv_ev {
  position: relative;
  background-color: #2b2b2b;
  color: #fff;
}
.cv_ev .p-lead {
  line-height: 1.25 !important;
  text-align: center;
  margin-bottom: 20px;
}
.cv_ev .p-area {
  width: calc((100% - 80px) / 3);
  padding-bottom: 40px;
}

@media screen and (max-width: 1360px) {
  .cv_ev .p-area {
    width: calc((100% - 6.6666666667vw) / 3);
    padding-bottom: 3.3333333333vw;
  }
}

@media screen and (max-width: 750px) {
  .cv_ev .p-area {
    width: 100%;
    padding-bottom: 5.3333333333vw;
    position: relative;
  }
  .cv_ev .p-area:last-child {
    padding-bottom: 10.6666666667vw;
  }
}

.cv_ev .p-area .col {
  padding-right: 140px;
  height: 300px;
  margin-bottom: 30px;
  padding-top: 110px;
}
.cv_ev .p-area .col p {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
  z-index: 10;
}
.cv_ev .p-area .col p.ff-oswald {
  font-size: 100px;
  line-height: 1;
}
@media screen and (max-width: 1360px) {
  .cv_ev .p-area {
    width: calc((100% - 6.6666666667vw) / 3);
    padding-bottom: 3.3333333333vw;
  }
  .cv_ev .p-area .col {
    padding-right: min(100px, 8.3333333333vw);
    height: min(300px, 25vw);
    margin-bottom: min(30px, 2.5vw);
    padding-top: min(110px, 9.1666666667vw);
  }
  .cv_ev .p-area .col p {
    font-size: 2vw;
    margin-bottom: 0.6666666667vw;
  }
  .cv_ev .p-area .col p.ff-oswald {
    font-size: min(100px, 8.3333333333vw);
  }
}
@media screen and (max-width: 750px) {
  .cv_ev .p-area {
    width: 100%;
    padding-bottom: 5.3333333333vw;
    position: relative;
  }
  .cv_ev .p-area:last-child {
    padding-bottom: 10.6666666667vw;
  }
  .cv_ev .p-area .col {
    display: inline-block;
    width: calc(100% - 33.3333333333vw);
    padding-right: 18.6666666667vw;
    height: 40vw;
    margin-bottom: 4vw;
    padding-top: 14.6666666667vw;
  }
  .cv_ev .p-area .col p {
    font-size: 3.7333333333vw;
  }
  .cv_ev .p-area .col p.ff-oswald {
    font-size: 13.3333333333vw;
  }
}
.cv_ev .p-area.tokyo .col, .cv_ev .p-area.osaka .col, .cv_ev .p-area.nagoya .col {
  position: relative;
}
.cv_ev .p-area.tokyo .col::before, .cv_ev .p-area.osaka .col::before, .cv_ev .p-area.nagoya .col::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: top right;
  height: 100%;
}
.cv_ev .p-area.tokyo .col::before {
  /*width: 17.8666666667vw;*/
  height: min(calc((100 / 375) * 100vw),200px);
  background-image: url("../../img/lp_img/common/cv_ev-tm.png");
}

.cv_ev .p-area.osaka .col::before {
  /*width: 19.0666666667vw;*/
  height: min(calc((100 / 375) * 100vw),200px);
  background-image: url("../../img/lp_img/common/cv_ev-om.png");
}

.cv_ev .p-area.nagoya .col::before {
  /*width: 10.8vw;*/
  height: min(calc((100 / 375) * 100vw),200px);
  background-image: url("../../img/lp_img/common/cv_ev-nm.png");
}

.cv_ev .p-area .access {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: clamp(0.938rem, 0.819rem + 0.5vw, 1.25rem);
}

.cv_ev .p-area .access-text .title {
    font-size: clamp(2rem, 1.243rem + 3.23vw, 4rem);
    font-weight: bold;
}

.cv_ev .p-area .access-text p {
    font-size: clamp(0.875rem, 0.638rem + 1.01vw, 1.5rem);
    font-weight: bold;
}

.cv_ev .p-area .access-image {
    height: clamp(6.25rem, 3.885rem + 10.09vw, 12.5rem);
}

@media screen and (max-width: 750px) {
    .cv_ev .p-area .access {
		justify-content: space-around;
        padding: 0 17%;
    }
}

.cv_ev .inner {
	padding: 80px 0;
}

.cv_ev .inner .p-lead .text  {
	text-align: center;
}

.cv_ev .inner .p-lead .text  {
	position: relative;
	padding: 1em 2em;
	display: inline-block;
	font-size: clamp(1.25rem, 0.777rem + 2.02vw, 2.5rem);
}

.cv_ev .inner .p-lead .text:before,
.cv_ev .inner .p-lead .text:after {
	position: absolute;
	content: '';
}

.cv_ev .inner .p-lead .text:after {
	top: 0;
	left: 0;
	width: clamp(2.5rem, 1.554rem + 4.04vw, 5rem);
	height: clamp(2.5rem, 1.554rem + 4.04vw, 5rem);
	border-top: 2px solid #fff000;
	border-left: 2px solid #fff000;
}

.cv_ev .inner .p-lead .text:before {
	right: 0;
	bottom: 0;
	width: clamp(2.5rem, 1.554rem + 4.04vw, 5rem);
	height: clamp(2.5rem, 1.554rem + 4.04vw, 5rem);
	border-right: 2px solid #fff000;
	border-bottom: 2px solid #fff000;
}

.cv_doc {
    min-height: 400px;
	height: calc((400 / 1366)* 100vw);
	background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../img/lp_img/common/bg_cv_doc.png);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}  

.cv_doc::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.cv_doc .cv_doc__box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 25%;
	z-index: 1;
}

.cv_doc .cv_doc__box .image {
	height: calc((220 / 1366)* 100vw);
	margin-right: calc((40 / 1366)* 100vw);
}

.cv_doc .cv_doc__box .text .p-lead {
	font-size: clamp(0.875rem, 0.638rem + 1.01vw, 1.5rem);
	margin-bottom: clamp(0.938rem, 0.819rem + 0.5vw, 1.25rem);
}


@media screen and (max-width: 750px) {
	.cv_doc .cv_doc {
		height: calc((400 / 375)* 100vw);
	}
	
	.cv_doc .cv_doc__box {
		flex-direction: column;
		margin-left: 0;
	}
	
	.cv_doc .cv_doc__box .image {
		height: calc((160 / 375)* 100vw);
		margin-right: 0;
		margin-bottom: clamp(0.938rem, 0.819rem + 0.5vw, 1.25rem);
	}
}

.c-pointer {
  cursor: pointer;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .sp-c-pointer {
    cursor: pointer;
  }
}

body.fashion .kv {
  background-image: url("../../img/lp_img/08_3/kv_pc.png");
}
@media screen and (max-width: 750px) {
  body.fashion .kv {
    background-image: url("../../img/lp_img/08_3/kv_sp.png");
  }
}

@media screen and (max-width: 750px) {
  body.is-open {
    overflow: hidden;
  }
  body.is-open header nav {
    visibility: visible;
    position: fixed;
    padding: 12vw 10.6666666667vw;
    width: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    opacity: 1;
    transition: all 0.3s 0s;
  }
  body.is-open header nav::after {
    content: "";
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  body.is-open header nav ul {
    position: relative;
    z-index: 10;
  }
  body.is-open header nav li {
    padding: 1.3333333333vw 0;
    position: relative;
  }
  body.is-open header nav li p {
    background-color: #e5006a;
    color: #fff;
    padding-left: 2.6666666667vw;
  }
  body.is-open header nav li:not(.border-none) {
    border-bottom: 0.2666666667vw solid #e5006a;
  }
  body.is-open header nav li a:not(.inline) {
    display: block;
  }
  body.is-open header nav li:not(.border-none)::after {
    content: "";
    width: 4vw;
    height: 4vw;
    border-top: 0.9333333333vw solid black;
    border-right: 0.9333333333vw solid black;
    background-color: transparent;
    position: absolute;
    transform-origin: center;
    right: 5.3333333333vw;
    top: calc(50% - 2.5333333333vw);
    transform: rotate(45deg);
  }
  body.is-open header .hum::before, body.is-open header .hum::after {
    top: calc(50% - 0.4vw);
    transform-origin: center center;
    transition: all 0.3s 0s;
  }
  body.is-open header .hum::before {
    transform: rotate(45deg);
  }
  body.is-open header .hum::after {
    transform: rotate(-45deg);
  }
  body.is-open header .hum span::before {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  header.pc-menu-open nav .oc-open {
    visibility: visible;
    opacity: 1;
    height: auto;
    position: absolute;
    transition: all 0.3s 0s;
  }
  header.pc-menu-open nav .oc-open li {
    padding: 16px;
    text-align: center;
    line-height: 1;
    position: relative;
    z-index: 1;
    opacity: 1;
  }
  header.pc-menu-open nav .oc-open li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  header.pc-menu-open nav .oc-open::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.75;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 751px) and (max-width: 1360px) {
  header.pc-menu-open nav .oc-open {
    top: 6.6666666667vw;
  }
  header.pc-menu-open nav .oc-open li {
    padding: min(16px, 1.3333333333vw);
  }
}
@media screen and (min-width: 751px) and (min-width: 1361px) {
  header.pc-menu-open nav .oc-open {
    top: 80px;
  }
  header.pc-menu-open nav .oc-open li {
    padding: 16px;
  }
}
@media screen and (max-width: 750px) {
  .p-feature li .p-box.active h6::after {
    transform: rotate(0deg);
    transition: all 0.3s 0s;
  }
}

.text-slide-container {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
	position: absolute;
	bottom: 0;
}

.text-slide-wrapper {
  display: flex;
  animation: text-slide-flow 200s infinite linear 1s both;
}
@keyframes text-slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}

	
.text-slide {
    margin-left: min(calc((100 / 375) * 100vw),200px);
	height: min(calc((150 / 375) * 100vw),300px);
}

.image-slide-container {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
	margin-top: min(calc((40 / 375) * 100vw),80px);
}

.image-slide-wrapper {
  display: flex;
  animation: image-slide-flow 50s infinite linear 1s both;
}
@keyframes image-slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}

.image-slide {
    margin-left: min(calc((20 / 375) * 100vw),40px);
	height: min(calc((135 / 375) * 100vw),270px);
	border-radius: 5px;
    overflow: hidden;
}