@charset "UTF-8";
/* =========================================================

Web Fonts

========================================================= */
/**
* @license
* MyFonts Webfont Build ID 3404912, 2017-06-10T18:08:16-0400
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Gilroy-SemiBold by Radomir Tinkov
* URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/semi-bold/
* Licensed pageviews: 100,000
*
* Webfont: Gilroy-Light by Radomir Tinkov
* URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/light/
* Licensed pageviews: 110,000
*
* Webfont: Gilroy-ExtraBold by Radomir Tinkov
* URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold/
* Licensed pageviews: 10,000
*
*
* License: https://www.myfonts.com/viewlicense?type=web&buildid=3404912
* Webfonts copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
*
* © 2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/* =========================================================

Foundation

========================================================= */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/

/*@font-face {
  font-family: "Italian Plate, sans-serif";
  src: url("../../fonts/Northbank-Forward.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NorthbankSlant";
  src: url("../../fonts/Northbank-ForwardSlanted.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NorthbankN5";
  src: url("../../fonts/Northbank-N5.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NorthbankN5Slanted";
  src: url("../../fonts/Northbank-N5Slanted.ttf");
  font-weight: normal;
  font-style: normal;
}*/

/* @font-face {
  font-family:'Italian Plate No2';
  src:  url('../../fonts/ItalianPlateNo2-Light.eot');
  src:  url('../../fonts/ItalianPlateNo2-Light.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/ItalianPlateNo2-Light.woff2') format('woff2'),
      url('../../fonts/ItalianPlateNo2-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family:'Italian Plate No2';
  src:  url('../../fonts/ItalianPlateNo2-Medium.eot');
  src:  url('../../fonts/ItalianPlateNo2-Medium.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/ItalianPlateNo2-Medium.woff2') format('woff2'),
      url('../../fonts/ItalianPlateNo2-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family:'Italian Plate No2';
  src:  url('../../fonts/ItalianPlateNo2-Demibold.eot');
  src:  url('../../fonts/ItalianPlateNo2-Demibold.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/ItalianPlateNo2-Demibold.woff2') format('woff2'),
      url('../../fonts/ItalianPlateNo2-Demibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family:'Italian Plate No2';
  src:  url('../../fonts/ItalianPlateNo2-Extrabold.eot');
  src:  url('../../fonts/ItalianPlateNo2-Extrabold.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/ItalianPlateNo2-Extrabold.woff2') format('woff2'),
      url('../../fonts/ItalianPlateNo2-Extrabold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
} */

/* @font-face {
    font-family: 'DarbySans';
    src: url('../../fonts/DarbySans-Light.otf') format('opentype'),
         url('../../fonts/DarbySans-LightItalic.otf') format('opentype'),
         url('../../fonts/DarbySans-Medium.otf') format('opentype'),
         url('../../fonts/DarbySans-MediumItalic.otf') format('opentype'),
         url('../../fonts/DarbySans-Regular.otf') format('opentype'),
         url('../../fonts/DarbySans-RegularItalic.otf') format('opentype');
    font-weight: 300; Light
    font-style: normal;
} */

/* @font-face {
    font-family: 'DarbySans';
    src: url('../../fonts/DarbySans-LightItalic.otf') format('opentype');
    font-weight: 300; Light
    font-style: italic;
} */

/* @font-face {
    font-family: 'DarbySans';
    src: url('../../fonts/DarbySans-Medium.otf') format('opentype');
    font-weight: 500; Medium
    font-style: normal;
} */

/* @font-face {
    font-family: 'DarbySans';
    src: url('../../fonts/DarbySans-MediumItalic.otf') format('opentype');
    font-weight: 500; Medium
    font-style: italic;
} */

/* @font-face {
    font-family: 'DarbySans';
    src: url('../../fonts/DarbySans-Regular.otf') format('opentype');
    font-weight: 400; Regular
    font-style: normal;
} */

/* @font-face {
    font-family: 'DarbySans';
    src: url('../../fonts/DarbySans-RegularItalic.otf') format('opentype');
    font-weight: 400; Regular
    font-style: italic;
} */

@import url("https://cdn-reeble.b-cdn.net/fonts/lords/fonts.css");

:root {
	--primary:#1E0046;
  --secondary:#FFC800;
    --whitecolor: #f0eff4;
    --blackfontcolor: #000;
    --greenbackgroundopacity: rgba(124, 180, 0, 0.5);
    --pinkbuttoncolor: #E72323;
    --AvenirNextBold: 'Roboto', sans-serif;
    --AvenirNextMedium: 'Roboto', sans-serif;
    --Yugothib: "Yugothib";
    --greyfontcolor: #b1b5b8;
    --darkgreyfontcolor: #7F8386;
    --mediumgreyfontcolor: #B1B5B8;
    --font-light:"Italian Plate No2";
    --font-medium:"Italian Plate No2";
    --font-semibold:"Italian Plate No2";
    --font-extrabold:"Italian Plate No2";
    --font-body:"DarbySans";

}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  scroll-behavior: smooth;
}

/**
* Remove default margin.
*/
body {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 300;
}

/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
  display: none;
}

/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
  background-color: transparent;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
  border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
  font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/
dfn {
  font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9.
*/
mark {
  background: #ff0;
  color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
  border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
  margin: 0;
}

/**
* Address differences between Firefox and other browsers.
*/
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
* Contain overflow in all browsers.
*/
pre {
  overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
  overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
  text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
  line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
  overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
  font-weight: bold;
}

/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.martel-sans-extralight {
  font-family: "Martel Sans", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.martel-sans-light {
  font-family: "Martel Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.martel-sans-regular {
  font-family: "Martel Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.martel-sans-semibold {
  font-family: "Martel Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.martel-sans-bold {
  font-family: "Martel Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.martel-sans-extrabold {
  font-family: "Martel Sans", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.martel-sans-black {
  font-family: "Martel Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
}


/******************************************************************************
* FONT
*******************************************************************************/
* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
}

footer,
header,
section {
  display: block;
}

dd,
dt,
li,
p,
pre,
td,
th {
  line-break: strict;
  word-break: break-strict;
}

dd,
div,
dl,
dt,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  vertical-align: bottom;
}

input[type=text],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 0;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}

figure {
  margin: 0px;
}

/******************************************************************************

* BASIC

*******************************************************************************/
html {
  height: 100%;
  font-size: 62.5%;
}


body {
  height: 100%;
  color: #131313;
  font-size: 1rem;
  font-family: "Italian Plate No2", sans-serif;
  font-weight: 400;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  -ms-font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* line-height: 1;
  letter-spacing: 0; */
  background: #FFF;
  word-wrap: break-word;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0;
}

a {
  color: #2B292B;
}
a:hover {
  color: #474347;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}

a,
a:focus,
a:active,
a:hover,
a:visited,
:focus,
:active,
:hover,
:visited {
  outline: none !important;
  text-decoration: none;
}

img[src$=".svg"] {
  width: 100%;
}
.l-gnav-toggle {
  display: none!important;
}
.digital-text{
  letter-spacing:1px;
  padding-top:4px;
  text-align: center;
}

/* =========================================================

Layout

========================================================= */
.l-container {
  max-width: 1680px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 130px;
  padding-right: 130px;
}
@media (max-width: 1025px) {
  .l-container {
    padding-left: 40px;
    padding-right: 40px;

  }

}
@media (max-width: 1024px){
  .l-gnav-toggle{
    display: block !important;
  }
  .play-button-wrapper {
    padding-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .l-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  
}
@media (max-width: 767px) {
  .is-home .l-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.p-camp-feature__list .l-container {
  padding: 0 100px;
}
@media (max-width: 1025px) {
  .p-camp-feature__list .l-container {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .p-camp-feature__list .l-container {
    padding: 0 20px;
  }
}

.l-container--xl {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1025px) {
  .l-container--xl {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .l-container--xl {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1025px) {
  .l-container--xl-2 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .l-container--xl-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-container--lg {
  max-width: 1440px;
}

.l-container--md {
  max-width: 1360px;
}

.l-container--sm {
  /*max-width: 1120px;*/
  max-width: 1080px;
}

.l-container--xs {
  max-width: 780px;
}

.l-container-fluid {
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 1025px) {
  .l-container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .l-container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .is-page-loaded .l-header .custom-sel {
    right: 3%;
    -webkit-transform: translate(-26%, -50%);
    -ms-transform: translate(-26%, -50%);
    transform: translate(-26%, -50%);
  }
  .is-header-bg-show .l-header-logo .digital-text{    display: none;}
  .is-header-bg-show .l-header-logo .l-header-limited{    display: none;}
}
.p-list .l-container-fluid {
  margin-top: 0;
}

.l-row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.l-row.l-gutter-0 {
  margin-right: 0;
  margin-left: 0;
}

.l-row.l-gutter-10 {
  margin-right: -5px;
  margin-left: -5px;
}

.l-row.l-gutter-20 {
  margin-right: -10px;
  margin-left: -10px;
}

.l-row.l-gutter-30 {
  margin-right: -15px;
  margin-left: -15px;
}

.l-row.l-gutter-40 {
  margin-right: -20px;
  margin-left: -20px;
}

.l-row.l-gutter-50 {
  margin-right: -25px;
  margin-left: -25px;
}

.l-row.l-gutter-60 {
  margin-right: -30px;
  margin-left: -30px;
}

.l-row.l-gutter-70 {
  margin-right: -35px;
  margin-left: -35px;
}

.l-row.l-gutter-80 {
  margin-right: -40px;
  margin-left: -40px;
}

.l-row.l-gutter-90 {
  margin-right: -45px;
  margin-left: -45px;
}

.l-row.l-gutter-100 {
  margin-right: -50px;
  margin-left: -50px;
}

.l-gutter-0 > [class^=l-col-],
.l-gutter-0 > [class*=l-col-] {
  padding-right: 0;
  padding-left: 0;
}

.l-gutter-10 > [class^=l-col-],
.l-gutter-10 > [class*=l-col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.l-gutter-20 > [class^=l-col-],
.l-gutter-20 > [class*=l-col-] {
  padding-right: 10px;
  padding-left: 10px;
}

.l-gutter-30 > [class^=l-col-],
.l-gutter-30 > [class*=l-col-] {
  padding-right: 15px;
  padding-left: 15px;
}

.l-gutter-40 > [class^=l-col-],
.l-gutter-40 > [class*=l-col-] {
  padding-right: 20px;
  padding-left: 20px;
}

.l-gutter-50 > [class^=l-col-],
.l-gutter-50 > [class*=l-col-] {
  padding-right: 25px;
  padding-left: 25px;
}

.l-gutter-60 > [class^=l-col-],
.l-gutter-60 > [class*=l-col-] {
  padding-right: 30px;
  padding-left: 30px;
}

.l-gutter-70 > [class^=l-col-],
.l-gutter-70 > [class*=l-col-] {
  padding-right: 35px;
  padding-left: 35px;
}

.l-gutter-80 > [class^=l-col-],
.l-gutter-80 > [class*=l-col-] {
  padding-right: 40px;
  padding-left: 40px;
}

.l-gutter-90 > [class^=l-col-],
.l-gutter-90 > [class*=l-col-] {
  padding-right: 45px;
  padding-left: 45px;
}

.l-gutter-100 > [class^=l-col-],
.l-gutter-100 > [class*=l-col-] {
  padding-right: 50px;
  padding-left: 50px;
}
.edit-icon{
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.l-row.is-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.l-col.is-reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

.l-col-xs,
.l-col-xs-1,
.l-col-xs-2,
.l-col-xs-2_5,
.l-col-xs-3,
.l-col-xs-4,
.l-col-xs-5,
.l-col-xs-6,
.l-col-xs-7,
.l-col-xs-8,
.l-col-xs-9,
.l-col-xs-10,
.l-col-xs-11,
.l-col-xs-12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.l-col-xs {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.l-col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.l-col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.l-col-xs-2_5 {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.l-col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.l-col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.l-col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.l-col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.l-col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.l-col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.l-col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.l-col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.l-col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.l-col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.l-col-xs-offset-1 {
  margin-left: 8.333%;
}

.l-col-xs-offset-2 {
  margin-left: 16.667%;
}

.l-col-xs-offset-2_5 {
  margin-left: 20%;
}

.l-col-xs-offset-3 {
  margin-left: 25%;
}

.l-col-xs-offset-4 {
  margin-left: 33.333%;
}

.l-col-xs-offset-5 {
  margin-left: 41.667%;
}

.l-col-xs-offset-6 {
  margin-left: 50%;
}

.l-col-xs-offset-7 {
  margin-left: 58.333%;
}

.l-col-xs-offset-8 {
  margin-left: 66.667%;
}

.l-col-xs-offset-9 {
  margin-left: 75%;
}

.l-col-xs-offset-10 {
  margin-left: 83.333%;
}

.l-col-xs-offset-11 {
  margin-left: 91.667%;
}

.l-start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.l-center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.l-end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.l-top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.l-middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.l-bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.l-around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.l-between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.l-first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.l-last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

@media (min-width: 768px) {
  .l-col-sm,
.l-col-sm-1,
.l-col-sm-2,
.l-col-sm-2_5,
.l-col-sm-3,
.l-col-sm-4,
.l-col-sm-5,
.l-col-sm-6,
.l-col-sm-7,
.l-col-sm-8,
.l-col-sm-9,
.l-col-sm-10,
.l-col-sm-11,
.l-col-sm-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .l-col-sm {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .l-col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .l-col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .l-col-sm-2_5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  .l-col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .l-col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .l-col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .l-col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .l-col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .l-col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .l-col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .l-col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .l-col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .l-col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .l-col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .l-col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .l-col-sm-offset-2_5 {
    margin-left: 20%;
  }

  .l-col-sm-offset-3 {
    margin-left: 25%;
  }

  .l-col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .l-col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .l-col-sm-offset-6 {
    margin-left: 50%;
  }

  .l-col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .l-col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .l-col-sm-offset-9 {
    margin-left: 75%;
  }

  .l-col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .l-col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .l-start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .l-center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .l-end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .l-top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .l-middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .l-bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .l-around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .l-between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .l-first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .l-last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media (min-width: 1025px) {
  .l-col-md,
.l-col-md-1,
.l-col-md-2,
.l-col-md-2_5,
.l-col-md-3,
.l-col-md-4,
.l-col-md-5,
.l-col-md-6,
.l-col-md-7,
.l-col-md-8,
.l-col-md-9,
.l-col-md-10,
.l-col-md-11,
.l-col-md-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .l-col-md {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .l-col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .l-col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .l-col-md-2_5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  .l-col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .l-col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .l-col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .l-col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .l-col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .l-col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .l-col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .l-col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .l-col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .l-col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .l-col-md-offset-1 {
    margin-left: 8.333%;
  }

  .l-col-md-offset-2 {
    margin-left: 16.667%;
  }

  .l-col-md-offset-2_5 {
    margin-left: 20%;
  }

  .l-col-md-offset-3 {
    margin-left: 25%;
  }

  .l-col-md-offset-4 {
    margin-left: 33.333%;
  }

  .l-col-md-offset-5 {
    margin-left: 41.667%;
  }

  .l-col-md-offset-6 {
    margin-left: 50%;
  }

  .l-col-md-offset-7 {
    margin-left: 58.333%;
  }

  .l-col-md-offset-8 {
    margin-left: 66.667%;
  }

  .l-col-md-offset-9 {
    margin-left: 75%;
  }

  .l-col-md-offset-10 {
    margin-left: 83.333%;
  }

  .l-col-md-offset-11 {
    margin-left: 91.667%;
  }

  .l-start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .l-center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .l-end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .l-top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .l-middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .l-bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .l-around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .l-between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .l-first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .l-last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media (min-width: 1441px) {
  .l-col-lg,
.l-col-lg-1,
.l-col-lg-2,
.l-col-lg-2_5,
.l-col-lg-3,
.l-col-lg-4,
.l-col-lg-5,
.l-col-lg-6,
.l-col-lg-7,
.l-col-lg-8,
.l-col-lg-9,
.l-col-lg-10,
.l-col-lg-11,
.l-col-lg-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .l-col-lg {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .l-col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .l-col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .l-col-lg-2_5 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .l-col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .l-col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .l-col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .l-col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .l-col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .l-col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .l-col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .l-col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .l-col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .l-col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .l-col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .l-col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .l-col-lg-offset-2_5 {
    margin-left: 20%;
  }

  .l-col-lg-offset-3 {
    margin-left: 25%;
  }

  .l-col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .l-col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .l-col-lg-offset-6 {
    margin-left: 50%;
  }

  .l-col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .l-col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .l-col-lg-offset-9 {
    margin-left: 75%;
  }

  .l-col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .l-col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .l-start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .l-center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .l-end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .l-top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .l-middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .l-bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .l-around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .l-between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .l-first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .l-last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media (min-width: 1681px) {
  .l-col-xlg,
.l-col-xlg-1,
.l-col-xlg-2,
.l-col-xlg-2_5,
.l-col-xlg-3,
.l-col-xlg-4,
.l-col-xlg-5,
.l-col-xlg-6,
.l-col-xlg-7,
.l-col-xlg-8,
.l-col-xlg-9,
.l-col-xlg-10,
.l-col-xlg-11,
.l-col-xlg-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }

  .l-col-xlg {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .l-col-xlg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .l-col-xlg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .l-col-xlg-2_5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }

  .l-col-xlg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .l-col-xlg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .l-col-xlg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .l-col-xlg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .l-col-xlg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .l-col-xlg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .l-col-xlg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .l-col-xlg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .l-col-xlg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .l-col-xlg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .l-col-xlg-offset-1 {
    margin-left: 8.333%;
  }

  .l-col-xlg-offset-2 {
    margin-left: 16.667%;
  }

  .l-col-xlg-offset-3 {
    margin-left: 25%;
  }

  .l-col-xlg-offset-4 {
    margin-left: 33.333%;
  }

  .l-col-xlg-offset-5 {
    margin-left: 41.667%;
  }

  .l-col-xlg-offset-6 {
    margin-left: 50%;
  }

  .l-col-xlg-offset-7 {
    margin-left: 58.333%;
  }

  .l-col-xlg-offset-8 {
    margin-left: 66.667%;
  }

  .l-col-xlg-offset-9 {
    margin-left: 75%;
  }

  .l-col-xlg-offset-10 {
    margin-left: 83.333%;
  }

  .l-col-xlg-offset-11 {
    margin-left: 91.667%;
  }

  .l-start-xlg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .l-center-xlg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .l-end-xlg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .l-top-xlg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .l-middle-xlg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .l-bottom-xlg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .l-around-xlg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .l-between-xlg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .l-first-xlg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .l-last-xlg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
/*header*/
.l-header {
  width: 100%;
/*  height: 90px;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: var(--primary);
  height: 85px;
}
@media (max-width: 1300px) {
  .l-header {
    height: 100px;
  }
}
@media (max-width: 1025px) {
  .l-header {
    height: 100px;
  }
}
.is-header-bg-show .l-header {
  height: 130px;
  display: none;
}
@media (max-width: 1025px) {
  .is-header-bg-show .l-header {
    height: 100px;
    background: var(--primary);
  }
}
@media (max-width: 767px) {
  .is-header-bg-show .l-header {
    height: 60px;
  }
}
.l-header.is-fixed {
  position: fixed;
}
@media (max-width: 767px) {
  .l-header {
    width: 100%;
    height: 100px;
  }
  .l-header img{
    width: 140px!important;
  }
}

.is-header-bg-show.is-gnav-open .l-header {
  background: none;
}

.l-header-logo {
  position: absolute;
  left: 60px;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 100;
  width: 100px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.is-home .l-header-logo {
  opacity: 0;
  visibility: hidden;
}
.is-about .l-header-logo {
  background-image: url(../img/logo_w.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 38px;
  background-position: center center;
}
@media (max-width: 767px) {
  .is-about .l-header-logo {
    width: 70px;
    height: 27px;
  }
}
.is-about .l-header-logo img {
  opacity: 0;
}
.is-masterclass .l-header-logo {
  background-image: url(../img/logo_w.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 38px;
  background-position: center center;
}
@media (max-width: 767px) {
  .is-masterclass .l-header-logo {
    width: 70px;
    height: 27px;
  }
}
.is-masterclass .l-header-logo img {
  opacity: 0;
}
.is-camp .l-header-logo {
  background-image: url(../img/logo_w.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 38px;
  background-position: center center;
}
@media (max-width: 767px) {
  .is-camp .l-header-logo {
    width: 70px;
    height: 27px;
  }
}
.is-camp .l-header-logo img {
  opacity: 0;
}
.is-digital .l-header-logo {
  background-image: url(https://test-api.reeble.io/ddg_digital/assets/img/web/logo-white-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 190px;
    height: 58px;
    background-position: center center;
}
@media (max-width: 767px) {
  .is-digital .l-header-logo {
    width: 70px;
    height: 27px;
  }
}
.is-digital .l-header-logo img {
  opacity: 1;
}
.is-content .l-header-logo {
  opacity: 1;
  visibility: visible;
}
.is-page-loaded .l-header-logo {
  opacity: 1;
  visibility: visible;
}
.is-header-bg-show .l-header-logo {
  opacity: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
@media (max-width: 1025px) {
  .is-header-bg-show .l-header-logo {
    opacity: 1;
  }
}
.is-secret .l-header-logo {
  display: none;
}
.is-gnav-open .l-header-logo {
  opacity: 1;
}
.l-header-logo a {
  display: block;
}
.l-header-logo svg {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1260px) {
  .l-header-logo {
    left: 45px;
  }
}
@media (max-width: 1025px) {
  .l-header-logo {
    left: 40px;
  }
}
@media (max-width: 767px) {
  .l-header-logo {
    left: 10px;
    width: 70px;
  }
  .is-page-loaded .custom-sel {
    margin: 0px 15px 0px 10px !important;
  }
  .l-gnav-toggle {
    right: 15px !important;
  }
}
.is-about.is-header-bg-show .l-header-logo {
  background-image: url(../img/logo_b.png);
}

.is-masterclass.is-header-bg-show .l-header-logo {
  background-image: url(../img/logo_b.png);
}

.is-camp.is-header-bg-show .l-header-logo {
  background-image: url(../img/logo_b.png);
}

.is-digital.is-header-bg-show .l-header-logo {
  background-image: url(../img/logo_b.png);
  margin-top: 10px;
  width: 60px;
}

.l-header-limited {
  color: #fff;
  opacity: 0;
  display: none;
  font-size: 18px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 5px;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-page-loaded .l-header-limited {
  opacity: 1;
}
@media (max-width: 767px) {
  .l-header-limited {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .l-header-limited {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 10px;
    white-space: nowrap;
  }
  .is-header-bg-show .l-header-limited {
    color: #111;
    margin-top: 8px;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
.is-digital .l-header-limited {
  opacity: 1;
  display: block;
  text-align: center;
}

.l-header__body {
  position: absolute;
  right: 30px;
  top: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1025px) {
  .l-header__body {
    display: none;
  }
}

.l-header-nav {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0 15px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.is-page-loaded .l-header-nav {
  opacity: 1;
}
.is-header-bg-show .l-header-nav {
  display: none;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.is-gnav-open .l-header-nav {
  opacity: 0;
}
.is-secret .l-header-nav {
  display: none;
}
@media (max-width: 1025px) {
  .l-header-nav {
    display: none;
  }
}
.is-pad .l-header-nav {
  display: none;
}

.l-header-nav__menu {
  letter-spacing: -0.4em;
  text-align: center;
}

.l-header-nav__item {
  display: inline-block;
  padding: 20px;
  position: relative;
}
@media (max-width: 1260px) {
  .l-header-nav__item {
    padding: 20px 10px;
  }
}
.l-header-nav__item a {
  position: relative;
  display: block;
  font-size: 18px;
/*  font-size: 1.4rem;*/
  font-weight: 800;
  font-family: var(--font-extrabold);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 32px;
  letter-spacing: 0;
  color: #fff!important;
  cursor: pointer;
  letter-spacing: 0.05em;
}
@media (max-width: 1260px) {
  .l-header-nav__item a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.l-header-nav__item a:after {
  width: 100%;
  height: 1px;
  background: var(--primary);
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  /*.is-dark & {
      background: #FFF;
  }*/
}
.is-about .l-header-nav__item a {
  color: #fff;
}
.is-digital .l-header-nav__item a {
  color: #fff;
}
.is-digital .l-header-nav__item a:after {
  background: #fff;
}
.is-masterclass .l-header-nav__item a {
  color: #fff;
}
.is-masterclass .l-header-nav__item a:after {
  background: #fff100;
}
.is-camp .l-header-nav__item a {
  color: #fff;
}
.is-camp .l-header-nav__item a:after {
  background: #fff;
}
.l-header-nav__item a:hover:after {
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.l-header-nav__item.is-current a:after {
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.l-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: -1;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-header-bg-show .l-header__bg {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.is-gnav-open .l-header__bg {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
@media (max-width: 767px) {
  .l-header__bg {
    height: 60px;
  }
}

#l-header > ul {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
#l-header > ul > li {
  display: table-cell;
  position: inherit;
}
#l-header > ul > li:hover .l-header-mm__inner {
  max-height: 9999px;
  opacity: 1;
}
#l-header > ul > li > a {
  display: inline-block;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#l-header > ul .l-header-mm__inner {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  left: 0%;
  text-align: center;
  position: absolute;
}
#l-header > ul .l-header-mm__inner .l-header-mm__list {
  background: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#l-header > ul .l-header-mm__inner .l-header-mm__list li {
  display: inline-block;
}
#l-header > ul .l-header-mm__inner a {
  color: #101010;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  padding: 25px 5px 20px;
  width: 200px;
  z-index: 1111;
}
#l-header > ul .l-header-mm__inner a:after {
  content: none;
}
#l-header > ul .l-header-mm__inner a:hover {
  color: #fff;
}
#l-header > ul .l-header-mm__inner a:hover span {
  color: #fff;
}
#l-header > ul .l-header-mm__item {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  position: relative;
}
#l-header > ul .l-header-mm__item:last-child {
  border-left: none;
}
#l-header > ul .l-header-mm__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary);
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  z-index: 0;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
#l-header > ul .l-header-mm__item:hover:before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
#l-header > ul .l-header-mm__item span {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.8;
  font-family: var(--font-extrabold);
  color: var(--primary);
}

.l-footer {
  padding: 80px 0 20px;
  background: #fff;
  z-index: 111111;
  position: relative;
  background: #fafafa;
}
@media (max-width: 767px) {
  .l-footer {
    padding: 50px 0 60px;
  }
}

/*.l-footer-logo {
    width: 140px;
    display: block;
    position: absolute;
    top: 0px;
    right: 100px;
    @media (max-width: $breakpoint-l) {
        right: 80px;
    }
    @media (max-width: $breakpoint-md) {
        right: 60px;
    }
    @media (max-width: $breakpoint-sm) {
        width: 150px;
        position: static;
        margin: 0 auto;
        padding-top: 50px;
    }
    a {
        display: inline-block;
        &:hover {
            opacity: 0.5;
        }
    }
    img {
        width: 100%;
    }
}

.l-footer-copyright {
    font-weight: 500;
    letter-spacing: 0.05em;
    @include font-style(9, 1.6);
    font-family: $font-family-eng;
    color: #282828;
    position: absolute;
    bottom: -30px;
    right: 100px;
    @media (max-width: $breakpoint-l) {
        right: 80px;
    }
    @media (max-width: $breakpoint-md) {
        right: 60px;
    }
    @media (max-width: $breakpoint-sm) {
        margin-top: 20px;
        position: static;
        text-align: center;
    }
}
.l-footer__wrap{
    position: relative;
    padding: 0 100px;
    @media (max-width: $breakpoint-l) {
        padding-left: 80px;
        padding-right: 80px;
    }
    @media (max-width: $breakpoint-md) {
        padding-left: 60px;
        padding-right: 60px;
    }
    @media (max-width: $breakpoint-sm) {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.l-footer__box{
    display: flex;
    flex-wrap: wrap;
    width: 400px;
    @media (max-width: $breakpoint-sm) {
    width: 100%;
    }
}
.l-footer__list{
    -ms-flex-preferred-size:50%;
    flex-basis: 50%;
    max-width: 50%;

}
.l-footer__item {
    a {
        display: block;
        text-align: left;
        @include font-style(12, 600, 1.3);
        font-family: $font-family-eng;
        margin-bottom: 20px;
        margin-top: 20px;
        letter-spacing: .1em;
        @media (max-width: $breakpoint-sm) {
            @include font-style(12, 600, 1.3);
            padding-bottom: 5px;
        }
    }
    is-secret & {
        display: none;
    }
}
.l-footer-sns{
    text-align: center;
    border-top: 1px solid #e6e6e6;
    margin-top: 80px;
    @media (max-width: $breakpoint-sm) {
        margin-top: 40px;
    }
}
p{
    @include font-style(14, 600, 1.3);
    margin-top: 20px;
    @media (max-width: $breakpoint-sm) {
        @include font-style(12, 600, 1.3);
        margin-top: 15px;
    }
}

.l-footer-sns__list{
    text-align: center;
    margin-top: 60px;
    @media (max-width: $breakpoint-sm) {
        margin-top: 30px;
    }
}
.l-footer-sns__item{
    display: inline-block;
    a{
        @include font-style(30, 600, 1.3);
        display: block;
        padding: 0 10px;
        @media (max-width: $breakpoint-sm) {
            @include font-style(20, 600, 1.3);
            padding: 0 5px;
        }
    }
}*/
.l-footer-logo {
  width: 140px;
  display: block;
  position: absolute;
  top: 0px;
  right: 100px;
}
@media (max-width: 1260px) {
  .l-footer-logo {
    right: 80px;
  }
}
@media (max-width: 1025px) {
  .l-footer-logo {
    right: 60px;
  }
}
@media (max-width: 767px) {
  .l-footer-logo {
    width: 150px;
    position: static;
    margin: 0 auto;
    padding-top: 50px;
  }
}
.l-footer-logo a {
  display: inline-block;
}
.l-footer-logo a:hover {
  opacity: 0.5;
}
.l-footer-logo img {
  width: 100%;
}

.l-footer-copyright {
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: 9px;
  font-size: 0.9rem;
  font-weight: 1.6;
  line-height: 1.8;
  font-family: var(--font-medium);
  color: #282828;
  position: absolute;
  top: 70px;
  right: 100px;
}
@media (max-width: 1260px) {
  .l-footer-copyright {
    right: 80px;
  }
}
@media (max-width: 1025px) {
  .l-footer-copyright {
    right: 60px;
  }
}
@media (max-width: 767px) {
  .l-footer-copyright {
    margin-top: 20px;
    position: static;
    text-align: center;
  }
}

.l-footer__wrap {
  position: relative;
  padding: 0 100px;
}
@media (max-width: 1260px) {
  .l-footer__wrap {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 1025px) {
  .l-footer__wrap {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .l-footer__wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .l-footer__box {
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
  }
}

.l-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .l-footer__list {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    display: block;
  }
}

.l-footer__item {
  padding-right: 30px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .l-footer__item {
    padding-right: 0px;
  }
}
.l-footer__item a {
  display: block;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
  font-family: var(--font-semibold);
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .l-footer__item a {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }
}

.l-footer-sns {
  text-align: center;
  border-top: 1px solid #e6e6e6;
  position: relative;
  z-index: 20002;
  padding: 80px 0 60px;
  background: #fff;
  z-index:999;
}
@media (max-width: 767px) {
  .l-footer-sns {
    padding: 40px 0 30px;
  }
}
.l-footer-sns p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 20px;
  display: none;
}
@media (max-width: 767px) {
  .l-footer-sns p {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 15px;
    display: none;
  }
}

.l-footer-sns__list {
  text-align: center;
}

.l-footer-sns__item {
  display: inline-block;
}
.l-footer-sns__item a {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.3;
  display: block;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .l-footer-sns__item a {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    padding: 0 5px;
  }
}

/*sidebar*/
.l-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 80px;
  height: 100%;
  /*background: #FFF;*/
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: top 1s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
  -o-transition: top 1s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
  transition: top 1s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
  display: none;
}
@media (max-width: 1025px) {
  .l-sidebar {
    display: none;
  }
}
.l-sidebar.is-fixed {
  position: fixed;
}

.l-sidebar__logo {
  width: 48px;
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-gnav-open .l-sidebar__logo {
  opacity: 0;
}

.l-sidebar__logo-img {
  width: 48px;
  height: auto;
}

.l-sidebar__sns {
  position: absolute;
  /*bottom: 48px;*/
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.l-sidebar__sns-item {
  font-size: 16px;
  text-align: center;
  padding-bottom: 20px;
}

.l-sidebar__search--item {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 16px;
  display: none;
}

.l-sidebar__search {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 80px;
  bottom: 0px;
  width: calc(100% - 80px);
  height: 100px;
  padding: 25px 40px;
  background: #FFF;
  font-weight: 500;
  z-index: 10000;
  -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  color: #131313;
}
.l-sidebar__search.is-active {
  visibility: visible;
  opacity: 1;
}
.is-gnav-open .l-sidebar__search {
  opacity: 0;
}

.l-sidebar__bottom {
  -webkit-transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-gnav-open .l-sidebar__bottom {
  opacity: 0;
}

/*wrapper*/
.l-wrapper {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  overflow: hidden;
}
.l-wrapper.is-close {
  -webkit-transform: translateX(430px);
      -ms-transform: translateX(430px);
          transform: translateX(430px);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.l-wrapper.is-onscreen {
  -webkit-animation: fadeIn 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s forwards;
          animation: fadeIn 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s forwards;
}

/*content*/
.l-content {
  width: 100%;
  margin-top: 150px;
  overflow: hidden;
  position: relative;
  z-index: 101;
}
@media (max-width: 1025px) {
  .l-content {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .l-content {
    margin-top: 60px;
  }
}
.is-home .l-content {
  margin-top: 0px;
}
.is-about .l-content {
  margin-top: 0px;
}
.is-camp .l-content {
  margin-top: 0px;
}
.is-digital .l-content {
  margin-top: 0px;
}
.is-masterclass .l-content {
  margin-top: 0px;
}

.l-content__head {
  padding: 0;
}

.l-content__header {
  position: relative;
}
.l-content__header:before {
  position: absolute;
  content: "";
  background: var(--primary);
  height: 1025px;
  top: 0;
  left: 0px;
  z-index: 1;
  width: 0;
  mix-blend-mode: multiply;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
@media (max-width: 1025px) {
  .l-content__header:before {
    height: 900px;
  }
}
@media (max-width: 767px) {
  .l-content__header:before {
    height: 430px;
  }
}
.l-content__header.is-onscreen:before {
  width: 35%;
}
@media (max-width: 1440px) {
  .l-content__header.is-onscreen:before {
    width: 28%;
  }
}
.is-secret .l-content__header {
  padding-top: 0px;
}
.is-about .l-content__header {
  display: none;
}
.is-masterclass .l-content__header {
  display: none;
}
.is-camp .l-content__header {
  display: none;
}
.is-digital .l-content__header {
  display: none;
}

.l-content__body {
  margin-top: 20px;
  position: relative;
}
.is-masterclass .l-content__body {
  margin-top: 0px;
}
.is-camp .l-content__body {
  margin-top: 0px;
}
.is-digital .l-content__body {
  margin-top: 0px;
}

.l-content__heading {
  padding: 120px 0 40px;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .l-content__heading {
    padding: 60px 0 20px;
  }
}
.l-content__heading-en {
  font-size: 60px;
  font-size: 6rem;
  font-weight: 800;
  font-family: var(--font-extrabold);
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .l-content__heading-en {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media (max-width: 320px) {
  .l-content__heading-en {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.l-content__heading-jp {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .l-content__heading-jp {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.l-gnav {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 10001;
  pointer-events: none;
}
.is-gnav-open .l-gnav {
  pointer-events: all;
}
@media (max-width: 1025px) {
  .l-gnav {
    left: auto;
    right: 0;
  }
}
@media (max-width: 767px) {
  .l-gnav {
    width: 100%;
  }
}

.l-gnav__body {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1001;
  width: 100%;
}
@media (max-width: 767px) {
  .l-gnav__body {
    width: 100%;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.l-gnav__menu {
  width: 100%;
}

.l-gnav__item {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 800;
  font-family: var(--font-extrabold);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 15px 0 20px;
  position: relative;
  -webkit-transform: translate3d(0, 60%, 0);
          transform: translate3d(0, 60%, 0);
  text-align: center;
  opacity: 0;
  z-index: 111;
  -webkit-transition: 0.5s cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.5s cubic-bezier(1, 0, 0, 1);
  transition: 0.5s cubic-bezier(1, 0, 0, 1);
}
@media (max-width: 767px) {
  .l-gnav__item {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 12px 0;
  }
}
@media (min-width: 767px) {
  .l-gnav__item a {
    -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    color: #000;
    cursor: pointer;
  }
}
.l-gnav__item a:hover {
  color: #fff;
}
.is-gnav-open .l-gnav__item {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.is-gnav-open .l-gnav__item:nth-child(1) {
  -webkit-transition-delay: 0.32s;
       -o-transition-delay: 0.32s;
          transition-delay: 0.32s;
}
.is-gnav-open .l-gnav__item:nth-child(2) {
  -webkit-transition-delay: 0.34s;
       -o-transition-delay: 0.34s;
          transition-delay: 0.34s;
}
.is-gnav-open .l-gnav__item:nth-child(3) {
  -webkit-transition-delay: 0.36s;
       -o-transition-delay: 0.36s;
          transition-delay: 0.36s;
}
.is-gnav-open .l-gnav__item:nth-child(4) {
  -webkit-transition-delay: 0.38s;
       -o-transition-delay: 0.38s;
          transition-delay: 0.38s;
}
.is-gnav-open .l-gnav__item:nth-child(5) {
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.is-gnav-open .l-gnav__item:nth-child(6) {
  -webkit-transition-delay: 0.42s;
       -o-transition-delay: 0.42s;
          transition-delay: 0.42s;
}
.is-gnav-open .l-gnav__item:nth-child(7) {
  -webkit-transition-delay: 0.44s;
       -o-transition-delay: 0.44s;
          transition-delay: 0.44s;
}
.is-gnav-open .l-gnav__item:nth-child(8) {
  -webkit-transition-delay: 0.46s;
       -o-transition-delay: 0.46s;
          transition-delay: 0.46s;
}
.is-gnav-open .l-gnav__item:nth-child(9) {
  -webkit-transition-delay: 0.48s;
       -o-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
.l-gnav__item.is-current a {
  color: #FFF;
}

.l-gnav__menu-sub {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.l-gnav__item--sub {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  display: inline-block;
}
@media (max-width: 767px) {
  .l-gnav__item--sub {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
  }
}
.l-gnav__item--sub a {
  padding: 0 10px;
}
@media (max-width: 767px) {
  .l-gnav__item--sub a {
    padding: 0 6px;
  }
}

.l-gnav__item--sub.is-current a {
  color: #FFF;
}

.l-gnav__sub-inner {
  position: absolute;
  top: 0;
  left: 66%;
  z-index: 1;
  width: 34%;
  height: 100%;
  -webkit-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  transition: 0.45s cubic-bezier(1, 0, 0, 1);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate3d(0, 60%, 0);
          transform: translate3d(0, 60%, 0);
  text-align: center;
  opacity: 0;
  z-index: 111;
}
.is-gnav-open .l-gnav__sub-inner {
  -webkit-transition-delay: 0.57s;
       -o-transition-delay: 0.57s;
          transition-delay: 0.57s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
@media (max-width: 767px) {
  .l-gnav__sub-inner {
    top: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
  }
}

.l-gnav__footer {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.l-gnav__sub {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  max-width: 100%;
  height: 100vh;
  width: 100%;
}
@media (max-width: 767px) {
  .l-gnav__sub {
    height: 100px;
    top: 100%;
    -webkit-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
            transform: translateY(-200%);
  }
}

.l-gnav-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 111;
}

.l-gnav-sns__item {
  display: inline-block;
  padding: 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 767px) {
  .l-gnav-sns__item a {
    display: block;
    color: #000;
    -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}

.l-gnav__bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.l-gnav__bg-item {
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: 0;
  background: var(--primary);
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  transition: 0.45s cubic-bezier(1, 0, 0, 1);
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.is-gnav-open .l-gnav__bg-item {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.l-gnav__bg-item--1 {
  top: 0;
  left: 0;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
.l-gnav__bg-item--2 {
  top: 50%;
  right: 0;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
}

.l-gnav__bg-sub {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  background-color: #fff;
  -webkit-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  -o-transition: 0.45s cubic-bezier(1, 0, 0, 1);
  transition: 0.45s cubic-bezier(1, 0, 0, 1);
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.is-gnav-open .l-gnav__bg-sub {
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.l-gnav-toggle {
  width: 140px;
  height: 140px;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 10002;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  background: var(--primary);
}
@media (max-width: 1300px) {
  .l-gnav-toggle {
    width: 120px;
    height: 120px;
  }
}
.is-header-bg-show .l-gnav-toggle {
  width: 130px;
  height: 130px;
  margin-top: 0px;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
@media (max-width: 1300px) {
  .is-header-bg-show .l-gnav-toggle {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 1260px) {
  .is-header-bg-show .l-gnav-toggle {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .is-header-bg-show .l-gnav-toggle {
    width: 55px;
    height: 60px;
  }
  .language-text a {
    padding: 15px 20px !important;
  }
      .is-page-loaded .custom-sel {
        margin: 25px 0px 0px 10px !important;
        right: 40px !important;
        top: 24% !important;
    }
}
.l-gnav-toggle.is-fixed {
  position: fixed;
}
.is-page-loaded .l-gnav-toggle {
  opacity: 1;
}
.is-masterclass .l-gnav-toggle {
  background: #ded649;
}
.is-secret .l-gnav-toggle {
  display: none;
}
@media (max-width: 1025px) {
  .l-gnav-toggle {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .l-gnav-toggle {
    width: 60px;
    height: 60px;
    top: 20px;
  }
}

.l-gnav-toggle__inner {
  width: 30px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 58%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
}
@media (max-width: 1025px) {
  .l-gnav-toggle__inner {
    width: 25px;
  }
}
/* @media (max-width: 1025px) {
  .l-gnav-toggle__inner {
    height: 20px;
  }
} */

.l-gnav-toggle__bar {
  display: block;
  width: 30px;
  height: 2px;
  background: #fff;
  -webkit-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
  position: absolute;
  left: 0px;
  z-index: 10;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: gnavLineMove 2s infinite ease;
          animation: gnavLineMove 2s infinite ease;
}
@media (max-width: 1025px) {
  .l-gnav-toggle__bar {
    width: 25px;
  }
}
@media (max-width: 767px) {
  .l-gnav-toggle__bar {
    -webkit-animation: none;
            animation: none;
  }
}
.l-gnav-toggle__bar--first {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 7px;
  -webkit-animation-delay: 0;
          animation-delay: 0;
}
@media (max-width: 767px) {
  .l-gnav-toggle__bar--first {
    top: 2px;
  }
}
.l-gnav-toggle__bar--second {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 19px;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@media (max-width: 767px) {
  .l-gnav-toggle__bar--second {
    top: 8px;
  }
}
.l-gnav-toggle__bar--third {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 31px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
@media (max-width: 767px) {
  .l-gnav-toggle__bar--third {
    top: 14px;
  }
}
.is-gnav-open .l-gnav-toggle__bar {
  background: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation: none;
          animation: none;
}
.is-gnav-open .l-gnav-toggle__bar--first {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 19px;
  left: 0px;
}
@media (max-width: 767px) {
  .is-gnav-open .l-gnav-toggle__bar--first {
    top: 10px;
  }
}
.is-gnav-open .l-gnav-toggle__bar--second {
  opacity: 0;
}
.is-gnav-open .l-gnav-toggle__bar--third {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 19px;
  left: 0px;
}
@media (max-width: 767px) {
  .is-gnav-open .l-gnav-toggle__bar--third {
    top: 10px;
  }
}

@-webkit-keyframes gnavLineMove {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49.9% {
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes gnavLineMove {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49.9% {
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.l-main {
  width: 100%;
  overflow: hidden;
}
/*@import "layout/parallax";*/
/* =========================================================

Object

========================================================= */
/* ---------------------------------------------------------

Component

--------------------------------------------------------- */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?c85xjd");
  src: url("../fonts/icomoon.eot?c85xjd#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?c85xjd") format("truetype"), url("../fonts/icomoon.woff?c85xjd") format("woff"), url("../fonts/icomoon.svg?c85xjd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: "BauerBodoniStd";
  src: url("../../fonts/BauerBodoniStd-BoldItalic.otf");
  font-weight: normal;
  font-style: normal;
}*/
[class^=c-icon-],
[class*=c-icon-] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c-icon-arrow-s-up:before {
  content: "";
}

.c-icon-arrow-s-right:before {
  content: "";
}

.c-icon-arrow-s-left:before {
  content: "";
}

.c-icon-arrow-s-down:before {
  content: "";
}

.c-icon-check:before {
  content: "";
}

.c-icon-list:before {
  content: "";
}

.c-icon-arrow-right_2:before {
  content: "";
}

.p-activities-bottom .c-icon-list:before {
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  .p-activities-bottom .c-icon-list:before {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.c-icon-arrow-down:before {
  content: "";
}

.c-icon-arrow-left:before {
  content: "";
}

.c-icon-arrow-right:before {
  content: "";
}

.c-icon-arrow-up:before {
  content: "";
}

.c-icon-youtube:before {
  content: "";
}

.c-icon-instagram:before {
  content: "";
}

.c-icon-pinterest:before {
  content: "";
}

.c-icon-twitter:before {
  content: "";
}

.c-icon-facebook:before {
  content: "";
}

.c-icon-line:before {
  content: "";
  color: #fff;
}

.c-icon-search:before {
  content: "";
}

.c-form-section {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}
@media (max-width: 767px) {
  .c-form-section {
    font-size: 1.2rem;
    padding-bottom: 20px;
    margin-top: 10px;
  }
}

.c-form-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-form-lead {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .c-form-lead {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
  }
}
.c-form-lead span {
  color: var(--primary);
  font-size: 30px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .c-form-lead span {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.5;
  }
}

.c-form-subtext {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  color: #888;
  margin-bottom: 10px;
}
.c-form-subtext--2 {
  color: #131313;
  margin-top: 16px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .c-form-subtext--2 {
    margin-top: 10px;
    margin-bottom: 5px;
  }
}

.form2 .c-form-subtext--2:first-child {
  margin-top: 0px;
}

.c-form-table {
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
.is-onscreen .c-form-table {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .c-form-table {
    display: block;
  }
}

.c-form-table__head {
  width: 33%;
  vertical-align: top;
  text-align: left;
}
@media (max-width: 767px) {
  .c-form-table__head {
    width: 100%;
  }
}

.c-form-thanks-head {
  text-align: center;
}

.c-form-table__body {
  width: 67%;
  padding-bottom: 20px;
  position: relative;
  vertical-align: top;
}
@media (max-width: 767px) {
  .c-form-table__body {
    width: 100%;
    display: block;
    padding-bottom: 10px;
  }
}
.c-form-table__body--2 {
  border: 1px solid #dbdbdb;
  padding: 30px;
  margin-bottom: 20px;
}
.c-form-table__body--2 p {
  margin-bottom: 5px;
}

.form2 .c-form-table__body--2 {
  border: none;
  padding: 0;
}

.c-form-table__text {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  display: inline-block;
  padding: 20px 10px 16px 10px;
  text-align: right;
}
@media (max-width: 767px) {
  .requireddesign {
margin-right: 10px;
}
.is-digital #button.show{
opacity:0
}
  .c-form-table__text {
    font-size: 1.2rem;
    padding: 16px 20px 10px 0;
    text-align: left;
  }
}
.c-form-table__body .c-form-table__text {
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
}
.form2 .c-form-table__text {
  padding: 4px 20px 16px 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  .form2 .c-form-table__text {
    padding: 16px 20px 10px 0;
  }
}

.c-form-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .c-form-table__row {
    display: block;
    margin-bottom: 5px;
  }
}

.c-form-table__row:last-of-type .c-form-table__body {
  padding-bottom: 0;
}

.c-form-table__input {
  width: 100%;
  display: block;
  padding: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  background: none;
}
@media (max-width: 767px) {
  .c-form-table__input {
    padding: 12px;
  }
}

.c-form-table__select-wrap select {
  display: inline-block;
  padding: 15px;
  -moz-appearance: none;
       appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  outline-offset: 0px;
  -webkit-appearance: none;
}

.c-form-table__select-wrap .c-form-table__select-check {
  background: #fff;
}

.c-form-table__input--sm {
  width: 100%;
}
.c-form-table__input::-webkit-input-placeholder {
  color: #999;
}

.c-form-table__input:-ms-input-placeholder {
  color: #999;
}

.c-form-table__input::-moz-placeholder {
  color: #999;
}

input.sample::-webkit-input-placeholder {
  color: #ccc;
  font-weight: normal;
}

input.sample:-ms-input-placeholder {
  color: #ccc;
  font-weight: normal;
}

input.sample::-moz-placeholder {
  color: #ccc;
  font-weight: normal;
}

.c-form-table__input--textarea {
  height: 190px;
}

/*.c-form-table__input--select {
  background-image: url(/images/common/icon_arrow_down.svg);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 25px;
  position: relative;
}*/
.c-form-table__input--select selected {
  color: #dbdbdb;
}
@media (max-width: 767px) {
  .c-form-table__input--select {
    padding: 15px;
  }
}

.c-form-table__error {
  color: var(--primary);
  margin-top: 10px;
}
@media (max-width: 767px) {
  .c-form-table__error {
    margin-top: 5px;
  }
}

.c-form-agree {
  max-width: 400px;
  margin: 0 auto;
  border: solid 1px #CCC;
  text-align: center;
  padding: 20px;
}
@media (max-width: 767px) {
  .c-form-agree {
    padding: 15px;
  }
}

.c-form-agree__heading {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .c-form-agree__heading {
    font-size: 1.2rem;
  }
}

.c-form-agree__text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;

}
@media (max-width: 767px) {
  .c-form-agree__text {
    font-size: 1.2rem;
  }
}
.c-form-agree__text a {
  text-decoration: underline;
}

.c-form-submit {
  display: table;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 0.1em;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 100;
  background: none;
  position: relative;
  border: none;
  z-index: 100;
  border: 1px solid #888888;
}
@media (max-width: 767px) {
  .c-form-submit {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 55px;
  }
}
.c-form-submit:before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.c-form-submit:hover {
  color: #131313;
}
.c-form-submit:hover:before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.c-form-submit-border__line {
  position: absolute;
  background: #888;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 100;
}
.c-form-submit-border__line--left {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.is-onscreen .c-form-submit-border__line--left {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.c-form-submit-border__line--right {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.is-onscreen .c-form-submit-border__line--right {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.c-form-submit-border__line--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}
.is-onscreen .c-form-submit-border__line--top {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.c-form-submit-border__line--bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.is-onscreen .c-form-submit-border__line--bottom {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.c-form-submit-button {
  max-width: 200px;
  text-align: center;
  height: 55px;
  line-height: 55px;
  position: relative;
  margin: 50px auto 30px;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.c-form-submit-button a {
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.c-form-submit-button a:hover {
  color: #fff;
}
.c-form-submit-button:hover .c-form-submit-border__line--left {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.c-form-submit-button:hover .c-form-submit-border__line--right {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.c-form-submit-button:hover .c-form-submit-border__line--top {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.c-form-submit-button:hover .c-form-submit-border__line--bottom {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.c-form-submit-button:hover:before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
@media (max-width: 1025px) {
  .c-form-submit-button {
    margin-top: 50px;
    max-width: 200px;
  }
}
.c-form-submit-button:before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
  z-index: 100;
}

.c-form-table__input label {
  line-height: 135%;
  position: relative;
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
}

.c-form-table__input-check {
  position: relative;
  cursor: pointer;
  margin-right: 4px;
}

.c-form-table__input-check:before {
  position: absolute;
  z-index: 1;
  top: 0.125rem;
  left: 0.1875rem;
  width: 0.75rem;
  height: 0.375rem;
  content: "";
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -o-transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  -ms-transform: rotate(-45deg) scale(0, 0);
      transform: rotate(-45deg) scale(0, 0);
  border: 2px solid var(--primary);
  border-top-style: none;
  border-right-style: none;
}

.c-form-table__input-check:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  -ms-transform: rotate(-45deg) scale(1, 1);
      transform: rotate(-45deg) scale(1, 1);
}

.c-form-table__input-check:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  content: "";
  cursor: pointer;
  border: 1px solid #888;
  background: #ffffff;
}

.c-form-heading {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 30px;
  color: var(--primary);
}
@media (max-width: 767px) {
  .c-form-heading {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.5;
  }
}

.c-form__msg {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 0 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .c-form__msg {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
  }
}
.c-form__msg-error {
  color: var(--primary);
  font-weight: 600;
}

.error {
  font-size: 100%;
  color: var(--primary);
  display: inline-block !important;
}

.c-mask {
  overflow: hidden;
}

.c-mask--inlineblock {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}

.c-mask__inner {
  display: inline-block;
  -webkit-transform: translateY(108%);
      -ms-transform: translateY(108%);
          transform: translateY(108%);
}

.is-onscreen .c-mask__inner {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.c-mask__inner--2 {
  display: inline-block;
  -webkit-transform: translateX(-108%);
      -ms-transform: translateX(-108%);
          transform: translateX(-108%);
}
@media (max-width: 767px) {
  .c-mask__inner--2 {
    -webkit-transform: translateY(108%);
        -ms-transform: translateY(108%);
            transform: translateY(108%);
  }
}

.is-onscreen .c-mask__inner--2 {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@media (max-width: 767px) {
  .is-onscreen .c-mask__inner--2 {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}

.is-onscreen .c-mask__inner {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.c-mask__cover {
  position: relative;
}
.c-mask__cover:after {
  width: 100%;
  height: 100%;
  display: block;
  background: #100F0F;
  content: "";
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}
.is-onscreen .c-mask__cover:after {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.c-mask__cover--2:after {
  background: #f7f7f7;
}
.c-mask__cover--3:after {
  background: #fff;
}
.c-mask__cover--4:after {
  background: #000;
}

.c-mask__cover-y {
  position: relative;
}
.c-mask__cover-y:after {
  width: 100%;
  height: 100%;
  display: block;
  background: #100F0F;
  content: "";
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
@media (max-width: 767px) {
  .c-mask__cover-y:after {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    -o-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  }
}
.is-onscreen .c-mask__cover-y:after {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}

.c-rect-mask {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
}

.c-rect-mask__inner {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.c-rect-mask__inner:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 10;
  background-color: #100F0F;
}

.is-ie .c-rect-mask__inner:after {
  width: 0;
}

.is_edge .c-rect-mask__inner:after {
  width: 0;
}

.c-rect-mask__inner--w:after {
  background-color: #fff;
}

.c-rect-mask__inner--b:after {
  background-color: #100F0F;
}

.is-onscreen .c-rect-mask__inner {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s forwards alternate;
}

.is-onscreen .c-rect-mask__inner:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--1 {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--1:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--2 {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--2:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--3 {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--3:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 1s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 1s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--4 {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 1.6s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 1.6s forwards alternate;
}

.is-onscreen .c-rect-mask__inner--4:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 1.8s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 1.8s forwards alternate;
}

.c-mask-paragraph {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.c-mask-paragraph__inner {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  -webkit-transform: translateY(108%);
      -ms-transform: translateY(108%);
          transform: translateY(108%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}
.is-onscreen .c-mask-paragraph__inner {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.is-onscreen .c-mask-paragraph .c-mask-paragraph__inner {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.is-current .c-rect-mask__inner {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s forwards alternate;
}

.is-current .c-rect-mask__inner:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s forwards alternate;
}

.is-current .c-rect-mask__inner--2 {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s forwards alternate;
}

.is-current .c-rect-mask__inner--2:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s forwards alternate;
}

.is-current .c-rect-mask__inner--3 {
  -webkit-animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s forwards alternate;
          animation: onscreen-rect-1 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s forwards alternate;
}

.is-current .c-rect-mask__inner--3:after {
  -webkit-animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 1s forwards alternate;
          animation: onscreen-rect-2 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 1s forwards alternate;
}

@-webkit-keyframes onscreen-rect-1 {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes onscreen-rect-1 {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes onscreen-rect-2 {
  0% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
@keyframes onscreen-rect-2 {
  0% {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}
.c-text-mask {
  overflow: hidden;
  position: relative;
}

.c-text-mask--inlineblock {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.c-text-mask__item {
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(110%);
  -ms-transform: translateY(110%);
  transform: translateY(110%);
}

/*paragraph*/
.c-paragraph {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 1.6em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .c-paragraph {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.c-paragraph--md {
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .c-paragraph--md {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (min-width: 767px) {
  .c-paragraph--md {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
    -o-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
  }
}

.c-paragraph--sm {
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .c-paragraph--sm {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.c-paragraph--xs {
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .c-paragraph--xs {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.c-paragraph-lead {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  position: relative;
}
.is-onscreen .c-paragraph-lead {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.c-paragraph-lead a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6 !important;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  border-radius: 6px;
  -o-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #888;
  border-radius: 6px;
  -o-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 8px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 8px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 8px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps__rail-x,
.ps__rail-y {
  opacity: 1 !important;
  right: 3px !important;
}

/*button*/
.c-button {
  display: block;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow: hidden;
  color: #131313;
  font-family: var(--font-semibold);
  opacity: 1;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-onscreen .c-button {
  opacity: 1;
}
.p-top-news .c-button {
  margin-top: 60px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.p-top-news .c-button a {
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 767px) {
  .p-top-news .c-button {
    margin-top: 40px;
  }
}
.p-top-about .c-button {
  margin-top: 60px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.p-top-about .c-button a {
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 767px) {
  .p-top-about .c-button {
    margin-top: 30px;
  }
}
.p-top-academy .c-button {
  margin-top: 60px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.p-top-academy .c-button a {
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 767px) {
  .p-top-academy .c-button {
    margin-top: 30px;
  }
}
.p-top-coach .c-button {
  margin-top: 0px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.p-top-coach .c-button a {
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 767px) {
  .p-top-coach .c-button {
    margin-top: 0px;
  }
}
.c-button-link--kv .c-button {
  color: #fff;
}
.c-button-link--digital .c-button {
  color: var(--primary);
  font-family: var(--font-extrabold);
  font-weight: 800;
      font-size: 22px;
    letter-spacing: 1.8px;
}
@media (max-width: 767px) {
  .c-button-link--digital .c-button {
    font-size: 15px;
    font-size: 1.3rem;
    padding: 0px 17px !important;
  }
}

.c-button-link {
  max-width: 200px;
  text-align: center;
  height: 55px;
  line-height: 55px;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 99;
}
@media (max-width: 1025px) {
  .c-button-link {
    margin-top: 40px;
  }
}
.c-button-link--2 {
  margin: 0 auto;
}
.is-coach .c-button-link--2 {
  margin: 0;
}
@media (max-width: 767px) {
  .is-coach .c-button-link--2 {
    margin: 0 auto;
  }
}
.c-button-link--kv {
  margin: 0 auto;
  max-width: 300px;
}
@media (max-width: 1025px) {
  .c-button-link--kv {
    max-width: 40%;
  }
}
@media (max-width: 767px) {
  .c-button-link--kv {
    max-width: 60%;
  }
}
@media (max-width: 1025px) {
  .c-button-link--kv a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.c-button-link a {
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
          color: var(--primary);
              font-size: 22px;
    letter-spacing: 1.8px;
}
.c-button-link div:hover
.c-button-link a:hover {
  color: #131313;
}
.c-button-link:hover .c-button-border__line--left {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.c-button-link:hover .c-button-border__line--right {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.c-button-link:hover .c-button-border__line--top {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.c-button-link:hover .c-button-border__line--bottom {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.c-button-link:hover:before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.c-button-link:before {
  position: absolute;
  content: "";
  background: var(--secondary);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.c-button-link.c-button-link--digital {
/*  border: 1px solid #fff;*/
}
.c-button-link.c-button-link--digital:before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  /*background: var(--primary);*/
}
.c-button-link.c-button-link--digital:hover {
/*  border: 1px solid #131313;*/
    color: black;
  background: #fff;
  border-radius: 12px;
}
.c-button-link.c-button-link--digital:hover .c-button {
    color: #000;
}
.c-button-link.c-button-link--digital:hover:before {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.c-button-link--3:hover {
  color: #131313;
}
.c-button-link--3:hover .c-button {
  color: #131313;
}
.c-button-link--3 .c-button {
  color: #fff;
}
.c-button-link--3:before {
  background: #fff;
}
@media (max-width: 767px) {
  .c-button-link--3 {
    margin: 0 auto 20px !important;
  }
}
.c-button-link--top {
  margin-left: auto;
}
.c-button-link--top:hover {
  color: #131313;
}
.c-button-link--top:hover .c-button {
  color: #131313;
}
.c-button-link--top .c-button {
  color: #fff;
}
.c-button-link--top:before {
  background: #fff;
}
@media (max-width: 767px) {
  .c-button-link--top {
    margin-right: auto;
    margin-left: inherit;
    -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  .p-top-academy .c-button-link--top {
    -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
            transform: translateX(40px);
  }
}
.c-button-link--digital {
  height: 80px;
  line-height: 80px;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .c-button-link--digital {
    max-width: 280px;
    height: 60px;
    line-height: 60px;
  }
  .p-digital-button .c-button-link--digital {
    max-width: 280px;
    height: 40px;
    line-height: 40px;
  }
}

.c-button__inner {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  -webkit-transform: translateY(108%);
      -ms-transform: translateY(108%);
          transform: translateY(108%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}
.is-onscreen .c-button__inner {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.c-button-border__line {
  position: absolute;
  background: #888;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.c-button-border__line--left {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.is-onscreen .c-button-border__line--left {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.c-button-border__line--right {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.is-onscreen .c-button-border__line--right {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.c-button-border__line--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}
.is-onscreen .c-button-border__line--top {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.c-button-border__line--bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.is-onscreen .c-button-border__line--bottom {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.c-button-link--3 .c-button-border__line {
  background: #fff;
}
.c-button-link--top .c-button-border__line {
  background: #fff;
}
.c-button-link--kv .c-button-border__line {
  background: #fff;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.c-button-close {
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: -20px;
  right: 10px;
}
.c-button-close:hover .c-button-close__icon div:before {
  right: 0;
}

.c-button-close__icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-button-close__icon div {
  height: 1px;
  width: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  background-color: gray;
}
.c-button-close__icon div:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 100%;
  content: "";
  background: #fff;
  -webkit-transition: 0.5s right cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.5s right cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s right cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-button-close__icon div:nth-child(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-button-close__icon div:nth-child(2) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-button-close__icon div:nth-child(2):before {
  -webkit-transition: 0.5s right cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  -o-transition: 0.5s right cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transition: 0.5s right cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}
@media (max-width: 767px) {
  .c-button-close__icon {
    width: 40px;
    height: 40px;
  }
  .c-button-close__icon div {
    width: 40px;
    margin-left: -20px;
  }
}

/*post*/
.c-post {
  margin-bottom: 70px;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
.c-post.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .c-post {
    margin-bottom: 40px;
  }
}

.c-post-list {
  padding: 0 80px;
}
@media (max-width: 1260px) {
  .c-post-list {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .c-post-list {
    padding: 0 20px;
  }
}
.is-secret .c-post-list {
  display: none;
}

.c-post__frame {
  position: relative;
}
@media (max-width: 767px) {
  .c-post__frame {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.c-post__image {
  position: relative;
  overflow: hidden;
}
.c-post__image img {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
a:hover .c-post__image img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.c-post__overlay {
  z-index: 2;
  position: absolute;
  background: #000;
  top: 1px;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: hue;
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.c-post__frame:hover .c-post__overlay {
  visibility: visible;
  opacity: 0;
}
.p-top-section__frame:hover .c-post__overlay {
  visibility: visible;
  opacity: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.is-onscreen .c-post__overlay {
  visibility: visible;
  opacity: 1;
}
.is-ie .c-post__overlay {
  opacity: 0.2;
}
.is_edge .c-post__overlay {
  opacity: 0.2;
}

.c-post__tx {
  padding-top: 20px;
  z-index: 20;
  position: relative;
  margin-bottom: 10px;
}

.c-post__title {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  -ms-font-feature-settings: "palt";
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #000;
  text-align: center;
}
@media (max-width: 1025px) {
  .c-post__title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .c-post__title {
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1;
  }
}
.c-post__title--jp {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .c-post__title--jp {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
  }
}

.c-section {
 /*  padding: 100px 0; */
  position: relative;
  z-index: 20002;
  background: #fff;
}
@media (max-width: 767px) {
  .c-section {
    padding: 60px 0 40px;
  }
}
.is-secret .c-section {
  display: none;
}
.is-home .c-section {
  padding: 0 0 60px;
}
@media (max-width: 767px) {
  .is-home .c-section {
    padding: 0 0 40px;
  }
}

.c-section__heading {
  font-size: 60px;
  font-size: 6rem;
  line-height: 1.3;
  text-align: center;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 1025px) {
  .c-section__heading {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .c-section__heading {
    font-size: 40px;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
.c-section__heading-jp {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 1025px) {
  .c-section__heading-jp {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .c-section__heading-jp {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
.c-section__heading--2 {
  color: #fff;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .c-section__heading--2 {
    margin-bottom: 30px;
  }
}

.c-section-contact {
  /* margin-top: 60px; */
}
.is-secret .c-section-contact {
  display: none;
}

.c-section-contact__inner {
  background: var(--primary);
  padding: 120px 0 100px;
}
@media (max-width: 767px) {
  .c-section-contact__inner {
    padding: 80px 0 60px;
  }
}

.c-table {
  width: 100%;
}

.c-table__tr {
  border-bottom: 1px solid #e6e6e6;
}

.c-table__th {
  width: 15%;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-family: var(--font-extrabold);
  font-weight: 800;
  text-align: left;
  position: relative;
  padding: 40px 0 30px 15px;
  color: var(--primary);
}
.p-transactions__table .c-table__th {
  font-family: var(--font-extrabold);
  font-weight: 800;
  color: #111;
  border: 1px solid #e6e6e6;
  width: 20%;
  padding: 40px 15px 30px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-transactions__table .c-table__th {
    width: 100%;
    display: block;
    padding: 15px;
    border-top: none;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .c-table__th {
    width: 100%;
    display: block;
    padding: 30px 0 5px 10px;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    vertical-align: text-top;
  }
}
.p-event__body .c-table__th {
  font-family: var(--font-extrabold);
  font-weight: 800;
  width: 100%;
  display: block;
  padding: 40px 0 0px 15px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .p-event__body .c-table__th {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
    padding: 30px 0 0px 10px;
  }
}

.c-table__td {
  width: 85%;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
  padding: 40px 10px 30px;
}
@media (max-width: 767px) {
  .c-table__td {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    width: 100%;
    display: block;
    padding: 0px 0 20px 10px;
    vertical-align: text-top;
  }
}
.p-transactions__table .c-table__td {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #e6e6e6;
  width: 80%;
  padding: 30px;
}
@media (max-width: 767px) {
  .p-transactions__table .c-table__td {
    width: 100%;
    display: block;
    padding: 15px;
    margin-bottom: 30px;
  }
}
.p-event__body .c-table__td {
  font-family: var(--font-extrabold);
  font-weight: 800;
  width: 100%;
  display: block;
  padding: 0px 0 30px 15px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .p-event__body .c-table__td {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    padding: 0px 0 20px 10px;
  }
}

.p-masterclass-detail__table .c-table {
  width: 100%;
}
.p-masterclass-detail__table .c-table__tr {
  border-bottom: 1px solid #e6e6e6;
}
.p-masterclass-detail__table .c-table__tr:last-child {
  border-bottom: none;
}
.p-masterclass-detail__table .c-table__th {
  width: 15%;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  text-align: left;
  position: relative;
  color: #131313;
  vertical-align: top;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .p-masterclass-detail__table .c-table__th {
    width: 100%;
    padding: 30px 0 0;
  }
}
.p-masterclass-detail__table .c-table__td {
  width: 85%;
  padding: 30px 0;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-masterclass-detail__table .c-table__td {
    width: 100%;
    padding: 20px 0 30px;
  }
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 15px;
  width: 15px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
/* .slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
} */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  color: black;
  opacity: 0.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#cboxWrapper {
  width: 100% !important;
  height: calc(100% - 0px) !important;
  top: 0px !important;
}

#cboxOverlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 20001 !important;
  width: 100% !important;
  height: 100vh !important;
}
#cboxOverlay .movie {
  width: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  width: 100% !important;
  height: calc(100% - 0px) !important;
  top: 0px !important;
  left: 0 !important;
  position: absolute !important;
}

#cboxLoadedContent {
  /*overflow: hidden;*/
  -webkit-overflow-scrolling: touch;
  width: 100% !important;
  height: calc(100% - 0px) !important;
  top: 130px !important;
}

#colorbox {
  outline: 0;
  position: absolute !important;
  /*overflow-y: scroll!important;
  overflow-x: hidden!important;*/
  width: 60% !important;
  max-width: 700px !important;
  height: calc(100% - 200px) !important;
  top: 130px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  z-index: 20001 !important;
  position: fixed !important;
}
#colorbox .movie {
  width: 100%;
}
@media (max-width: 767px) {
  #colorbox {
    width: calc(100% - 30px) !important;
    left: 15px !important;
    height: calc(100% - 200px) !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}
#colorbox .p-digital-coaches__heading {
  color: #fff;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.98;
  filter: alpha(opacity=98);
}

#cboxTopLeft {
  display: none;
}

#cboxTopCenter {
  display: none;
}

#cboxTopRight {
  display: none;
}

#cboxBottomLeft {
  display: none;
}

#cboxBottomCenter {
  display: none;
}

#cboxBottomRight {
  display: none;
}

#cboxMiddleLeft {
  display: none;
}

#cboxMiddleRight {
  display: none;
}

#cboxError {
  padding: 50px;
}

#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}

#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}

#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}

#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
}

#cboxClose {
  position: absolute;
  top: -54px;
  right: 10px;
  display: block;
  color: #fff;
  font-size: 40px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.colorbox__inner {
  padding: 0 35px;
}

@media (max-width: 767px) {
  #video_01 {
    margin-top: 130px;
  }
}

/* ---------------------------------------------------------

Project

--------------------------------------------------------- */
.p-top {
  width: 100%;
  position: relative;
  z-index: 1111;
}

/******************************************************************************

* KV

*******************************************************************************/
.p-top-kv {
  width: 100%;
  height: 100vh;
  /*min-height: 700px;*/
  position: relative;
}

.p-top-kv__header {
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 2;
}

.p-top-kv__body {
  width: calc(100% - 33%);
  height: calc(100% - 140px);
  position: absolute;
  overflow: hidden;
  z-index: 2;
  right: 0px;
  top: 140px;
  text-align: center;
}
@media (max-width: 1025px) {
  .p-top-kv__body {
    width: calc(100% - 40%);
    height: calc(100% - 100px);
    top: 90px;
  }
}
@media (max-width: 767px) {
  .p-top-kv__body {
    width: calc(100% - 0%);
    height: 265px;
    top: 60px;
    position: static;
  }
}

.p-top-kv__box {
  width: calc(100% - 67%);
  height: calc(100% - 150px);
  position: absolute;
  overflow: hidden;
  z-index: 2;
  left: 0px;
  top: 150px;
  text-align: center;
}
@media (max-width: 1025px) {
  .p-top-kv__box {
    width: calc(100% - 60%);
    height: calc(100% - 100px);
    top: 100px;
  }
}
@media (max-width: 767px) {
  .p-top-kv__box {
    width: calc(100% - 0%);
    height: calc(100% - 0px);
    top: inherit;
    bottom: 0;
    position: static;
  }
}

.p-top-kv__symbol {
  position: absolute;
  left: 50%;
  top: calc(50% - 75px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 23%;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media (max-width: 1025px) {
  .p-top-kv__symbol {
    top: calc(50% - 50px);
  }
}
@media (max-width: 767px) {
  .p-top-kv__symbol {
    position: static;
    -webkit-transform: translate(0%, 0%) scale(0.9);
        -ms-transform: translate(0%, 0%) scale(0.9);
            transform: translate(0%, 0%) scale(0.9);
    padding: 0 18%;
    margin-top: 100px;
  }
}
@media (max-width: 320px) {
  .p-top-kv__symbol {
    position: static;
    -webkit-transform: translate(0%, 0%) scale(0.8);
        -ms-transform: translate(0%, 0%) scale(0.8);
            transform: translate(0%, 0%) scale(0.8);
    padding: 0 10%;
    margin-top: 60px;
  }
}
.is-page-loaded .p-top-kv__symbol {
  opacity: 1;
}

.p-top-kv_text {
  text-align: left;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 500;
  font-family: var(--font-medium);
  color: #c6c6c6;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .p-top-kv_text {
    margin-top: 30px;
  }
}

.p-top-kv__item {
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media (max-width: 767px) {
  .p-top-kv__item {
    height: 285px;
    min-height: 0;
    top: 60px;
  }
}
.is-page-loaded .p-top-kv__item {
  opacity: 1;
}

.p-top-kv__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  left: 0;
  top: 0;
}

.p-top-kv__translate {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  left: 0;
  top: 0;
}

.p-top-kv__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 5s linear;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 5s linear;
  -o-transition: transform 5s linear, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 5s linear, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 5s linear, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 5s linear;
}
.is-page-loaded .p-top-kv__image {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
@media (max-width: 1025px) {
  .p-top-kv__image {
    background-position: right center;
  }
}

.p-top-kv__scroll {
  display: block;
  position: absolute;
  left: 23%;
  bottom: 120px;
  -webkit-transform: translate(0%);
      -ms-transform: translate(0%);
          transform: translate(0%);
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  z-index: 1000;
  letter-spacing: 0.05em;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.is-page-loaded .p-top-kv__scroll {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-top-kv__scroll {
    display: none;
  }
}
.p-top-kv__scroll a {
  display: block;
  color: #131313;
  font-family: var(--font-extrabold);
  font-weight: 800;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.p-top-kv__scroll:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 0;
  background: #131313;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s;
  -webkit-animation: moveLineTopToBottom 2s infinite;
          animation: moveLineTopToBottom 2s infinite;
}
@media (max-width: 767px) {
  .p-top-kv__scroll:after {
    top: 55px;
  }
}
.is-page-loaded .p-top-kv__scroll:after {
  height: 100px;
}
@media (max-width: 767px) {
  .is-page-loaded .p-top-kv__scroll:after {
    height: 80px;
  }
}
.is-ie .p-top-kv__scroll {
  display: none;
}
.is_edge .p-top-kv__scroll {
  display: none;
}

.p-top-kv__button {
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 100%;
}
@media (max-width: 1025px) {
  .p-top-kv__button {
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    width: 100%;
  }
}
@media (max-width: 767px) {
  .p-top-kv__button {
    top: 50%;
    -webkit-transform: translate(50%, -40%);
        -ms-transform: translate(50%, -40%);
            transform: translate(50%, -40%);
  }
}

.p-top-kv__button-text {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 10px;
}
@media (max-width: 1260px) {
  .p-top-kv__button-text {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (max-width: 1025px) {
  .p-top-kv__button-text {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .p-top-kv__button-text {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.p-top-section {
  padding: 150px 0 130px;
  position: relative;
}
@media (max-width: 1440px) {
  .p-top-section {
    padding: 130px 0 110px;
  }
}
@media (max-width: 1025px) {
  .p-top-section {
    padding: 100px 0 80px;
  }
}
@media (max-width: 767px) {
  .p-top-section {
    padding: 70px 0 60px;
  }
}
.p-top-section.p-top-movie {
  padding: 150px 0 0px;
}
@media (max-width: 767px) {
  .p-top-section.p-top-movie {
    padding: 50px 0px 20px;
  }
}
@media (max-width: 320px) {
  .p-top-section.p-top-movie {
    padding: 80px 0px 20px;
  }
}
@media (max-width: 767px) {
  .p-top-section.p-top-news {
    padding: 70px 20px 60px;
  }
}
@media (max-width: 767px) {
  .p-top-section.p-top-about {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .p-top-section.p-top-academy {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .p-top-section.p-top-coach {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.p-top-section__heading {
  color: #131313;
  margin-bottom: 30px;
  position: relative;
  z-index: 111;
}
@media (max-width: 767px) {
  .p-top-section__heading {
    margin-bottom: 10px;
  }
}
.p-top-section__heading-en {
  font-size: 70px;
  font-size: 7rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 1440px) {
  .p-top-section__heading-en {
    font-size: 65px;
    font-size: 6.5rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-top-section__heading-en {
    font-size: 55px;
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-top-section__heading-en {
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1;
  }
}
.p-top-sponsor .p-top-section__heading-en {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .p-top-sponsor .p-top-section__heading-en {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
  }
}
.p-top-section__heading-jp {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 767px) {
  .p-top-section__heading-jp {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
  }
}
.p-top-news .p-top-section__heading {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-top-news .p-top-section__heading {
    margin-bottom: 10px;
  }
}
.p-top-academy .p-top-section__heading {
  text-align: right;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-top-academy .p-top-section__heading {
    margin-bottom: 10px;
  }
}
.p-top-coach .p-top-section__heading {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-top-coach .p-top-section__heading {
    margin-bottom: 10px;
    text-align: left;
  }
}
.p-top-apply .p-top-section__heading {
  text-align: center;
  margin-bottom: 100px;
  color: #fff;
}
@media (max-width: 1025px) {
  .p-top-apply .p-top-section__heading {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .p-top-apply .p-top-section__heading {
    margin-bottom: 40px;
  }
}
.p-top-sponsor .p-top-section__heading {
  margin-bottom: 20px;
}

.p-top-section__tag {
  color: #131313;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  position: absolute;
  bottom: 120px;
  right: 50px;
}
@media (max-width: 1440px) {
  .p-top-section__tag {
    right: 30px;
  }
}
@media (max-width: 1025px) {
  .p-top-section__tag {
    right: 10px;
    bottom: 80px;
  }
}
@media (max-width: 767px) {
  .p-top-section__tag {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    top: 110px;
    bottom: inherit;
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .p-top-coach .p-top-section__tag {
    top: 170px;
  }
}
.p-top-section__tag--2 {
  left: 50px;
  right: inherit;
}
@media (max-width: 1440px) {
  .p-top-section__tag--2 {
    left: 30px;
  }
}
@media (max-width: 1025px) {
  .p-top-section__tag--2 {
    left: 10px;
  }
}

.p-top-section__frame {
  position: relative;
}
@media (max-width: 767px) {
  .p-top-section__frame {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.p-top-section__image {
  position: relative;
  overflow: hidden;
}
.p-top-section__image img {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
a:hover .p-top-section__image img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.p-top-section__pos {
  margin-left: -16.77777%;
}
@media (max-width: 767px) {
  .p-top-section__pos {
    margin-left: 0;
  }
}

.p-top-section__tx {
  position: relative;
  padding: 80px 55px 65px;
  color: #fff;
  margin-top: 150px;
}
.p-top-section__tx:before {
  content: "";
  width: 0%;
  height: 100%;
  background: var(--primary);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  z-index: 111;
  left: 0;
  -webkit-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-onscreen .p-top-section__tx:before {
  width: 100%;
}
.is-ie .p-top-section__tx:before {
  opacity: 0.8;
}
.is_edge .p-top-section__tx:before {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .p-top-about .p-top-section__tx:before {
    -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
            transform: translateX(-30px);
  }
}
@media (max-width: 767px) {
  .p-top-academy .p-top-section__tx:before {
    -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
            transform: translateX(30px);
  }
}
@media (max-width: 1440px) {
  .p-top-section__tx {
    padding: 45px 35px 40px;
    margin-top: 140px;
  }
}
@media (max-width: 1025px) {
  .p-top-section__tx {
    padding: 40px 25px 35px;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .p-top-section__tx {
    padding: 50px 40px 50px;
    margin-top: -30px;
  }
}
.p-top-coach .p-top-section__tx {
  margin-top: -100px;
  padding: 150px 55px 65px;
  text-align: center;
}
@media (max-width: 1440px) {
  .p-top-coach .p-top-section__tx {
    margin-top: -80px;
    padding: 120px 55px 40px;
  }
}
@media (max-width: 1025px) {
  .p-top-coach .p-top-section__tx {
    padding: 90px 60px 30px;
    margin-top: -60px;
  }
}
@media (max-width: 767px) {
  .p-top-coach .p-top-section__tx {
    text-align: left;
    padding: 55px 30px 50px;
    margin-top: -25px;
  }
}

.p-top-section__ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  z-index: 111;
  margin-bottom: 30px;
  position: relative;
}
@media (max-width: 1440px) {
  .p-top-section__ttl {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
  }
}
@media (max-width: 1025px) {
  .p-top-section__ttl {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .p-top-section__ttl {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 12px;
  }
  .p-top-about .p-top-section__ttl {
    -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  .p-top-academy .p-top-section__ttl {
    -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
            transform: translateX(40px);
  }
}

.p-top-section__lead {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8;
  z-index: 111;
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 1440px) {
  .p-top-section__lead {
    padding-bottom: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8;
  }
}
@media (max-width: 767px) {
  .p-top-section__lead {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
    padding-bottom: 12px;
  }
  .p-top-about .p-top-section__lead {
    -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  .p-top-academy .p-top-section__lead {
    -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
            transform: translateX(40px);
  }
}
.p-top-coach .p-top-section__lead {
  padding-bottom: 30px;
}
@media (max-width: 1440px) {
  .p-top-coach .p-top-section__lead {
    padding-bottom: 20px;
  }
}

.p-top-movie {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
}
.p-top-movie.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.p-top-movie .movie {
  width: 100%;
  max-width: 1360px;
}
.p-top-movie .c-post__overlay {
  pointer-events: none;
}
.p-top-movie:active .c-post__overlay {
  visibility: visible;
  opacity: 0;
}

.p-top-movie__inner {
  position: relative;
}

.p-top-movie__button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-top-news__table {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
.is-onscreen .p-top-news__table {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-top-about {
  background: #fafafa;
}

.p-top-coach {
  background: #fafafa;
}
@media (max-width: 1440px) {
  .p-top-coach .l-gutter-50 {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (max-width: 1025px) {
  .p-top-coach .l-gutter-50 {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (max-width: 767px) {
  .p-top-coach .l-gutter-50 {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media (max-width: 1440px) {
  .p-top-coach .l-col-md-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 1025px) {
  .p-top-coach .l-col-md-4 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 1025px) {
  .p-top-coach .l-col-md-4 {
    padding-right: 1px;
    padding-left: 1px;
  }
}

.p-top-apply {
  padding-top: 0px;
}
@media (max-width: 1440px) {
  .p-top-apply {
    padding-top: 0px;
  }
}
@media (max-width: 1025px) {
  .p-top-apply {
    padding-top: 0px;
  }
}

.p-top-coach__inner {
  padding: 0 100px;
}
@media (max-width: 1440px) {
  .p-top-coach__inner {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .p-top-coach__inner {
    padding: 10px 10px 0;
  }
}

.p-top-coach__name {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.3;
  z-index: 11111;
  font-family: var(--font-extrabold);
  font-weight: 800;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20px;
  width: 100%;
}
@media (max-width: 1440px) {
  .p-top-coach__name {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 1025px) {
  .p-top-coach__name {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 1025px) {
  .p-top-coach__name {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    bottom: 5px;
    -webkit-transform: translateX(-50%) scale(0.9);
        -ms-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
  }
}

.p-top-apply__inner {
  background: var(--primary);
  padding: 180px 0 60px;
  background-size: cover;
  background-position: center -70px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-image: url(../img/top_apply.jpg);
  position: relative;
}
.p-top-apply__inner:before {
  content: "";
  width: 0%;
  height: 100%;
  background: var(--primary);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  z-index: 11;
  left: 0;
  -webkit-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-onscreen .p-top-apply__inner:before {
  width: 100%;
}
.is-ie .p-top-apply__inner:before {
  opacity: 0.8;
}
.is_edge .p-top-apply__inner:before {
  opacity: 0.8;
}
@media (max-width: 1440px) {
  .p-top-apply__inner {
    padding: 150px 0 40px;
  }
}
@media (max-width: 1025px) {
  .p-top-apply__inner {
    padding: 110px 0 30px;
  }
}
@media (max-width: 767px) {
  .p-top-apply__inner {
    padding: 80px 0 30px;
    background-position: center 0px;
  }
}

.p-top-apply__image-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 110;
}
@media (max-width: 1440px) {
  .p-top-apply__image-2 img {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .p-top-apply__image-2 {
    width: 100%;
  }
  .p-top-apply__image-2 img {
    padding: 0 50px;
  }
}

.p-top-sponsor {
  text-align: center;
  position: relative;
  z-index: 20002;
  background: #fff;
  padding: 0 0 60px;
}
@media (max-width: 767px) {
  .p-top-sponsor {
    padding: 0 0 30px;
  }
}
.p-top-sponsor__logo {
  display: inline-block;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .p-top-sponsor__logo {
    display: table;
    margin: 0 auto 20px;
  }
}
.p-top-sponsor__logo img {
  height: 21px;
}
@media (max-width: 767px) {
  .p-top-sponsor__logo img {
    height: 20px;
  }
}

.p-top-section__link {
  padding: 60px 0 0px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.p-top-section__link .c-button {
  margin-top: 30px;
}
.is-coach .p-top-section__link {
  padding-top: 10px;
  text-align: left;
}
@media (max-width: 767px) {
  .is-coach .p-top-section__link {
    text-align: center;
  }
}

.p-academy__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-academy__body {
    padding: 40px 0 60px;
  }
}

.p-academy__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 70px 80px 90px;
}
@media (max-width: 767px) {
  .p-academy__inner {
    padding: 30px 20px 30px;
  }
}

.p-academy__inner .l-row {
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  opacity: 0;
}

.p-academy__inner.is-onscreen .l-row {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-academy__lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-academy__lead {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

.p-academy__link {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .p-academy__link {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;
  }
}

.p-academy__section {
  padding: 80px 0 40px;
}
@media (max-width: 767px) {
  .p-academy__section {
    padding: 60px 0 20px;
  }
}

.p-academy__section-heading {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: 3px solid var(--primary);
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .p-academy__section-heading {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 30px;
  }
}

.p-academy__section-lead {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 25px;
}

.p-academy__place {
  padding: 50px 0 0;
  position: relative;
}
@media (max-width: 767px) {
  .p-academy__place {
    padding: 30px 10px 0;
  }
}
.p-academy__place:before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: calc(100% - 100px);
  z-index: -1;
  top: 0;
  left: 0;
}
.p-academy__place ul {
  display: table;
  margin: 0 auto !important;
}
.p-academy__place li {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px !important;
  width: auto !important;
}
@media (max-width: 767px) {
  .p-academy__place li {
    padding: 0 5px !important;
    width: 50% !important;
    margin-bottom: 0 !important;
  }
}
.p-academy__place img {
  width: 24px;
  display: table;
  margin: 0 auto 8px;
}
@media (max-width: 767px) {
  .p-academy__place img {
    width: 20px;
  }
}
.p-academy__place dl {
  text-align: center;
}
.p-academy__place dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .p-academy__place dt {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
  }
}
.p-academy__place dd {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .p-academy__place dd {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 15px;
  }
}
.p-academy__place .map {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .p-academy__place .map {
    margin-top: 0px;
  }
}

.p-academy__inner .lp_place .map {
  padding: 0 50px;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .p-academy__inner .lp_place .map {
    padding: 0px;
    margin-bottom: 0 !important;
  }
}
.p-academy__inner .lp_place .map > div {
  position: relative;
  height: 0;
  overflow: hidden;
}
.p-academy__inner .lp_place .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-academy__schedule {
  margin-bottom: 40px;
}

.p-academy__freetext {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .p-academy__freetext {
    margin-top: 20px;
  }
}

.p-academy-button {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow: hidden;
  color: #131313;
  text-align: center;
  font-family: var(--font-semibold);
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-top: 40px;
}
.p-academy-button span {
  color: var(--primary);
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .p-academy-button span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.is-onscreen .p-academy-button {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-academy-button {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 20px;
  }
}

.p-academy-button__link {
  text-align: center;
  position: relative;
  height: 80px;
  line-height: 80px;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-bottom: 0px;
}
.p-academy-button__link:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .p-academy-button__link {
    margin-bottom: 30px;
    height: 60px;
    line-height: 60px;
  }
}
@media (max-width: 320px) {
  .p-academy-button__link {
    height: 50px;
    line-height: 50px;
  }
}
.p-academy-apply .p-academy-button__link {
  height: 140px;
  line-height: 140px;
}
.p-academy-button__link a {
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.p-academy-button__link a:hover {
  color: #131313;
}
.p-academy-button__link:hover .p-academy-button-border__line--left {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-academy-button__link:hover .p-academy-button-border__line--right {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-academy-button__link:hover .p-academy-button-border__line--top {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-academy-button__link:hover .p-academy-button-border__line--bottom {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-academy-button__link:hover:before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-academy-button__link:before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.p-academy-button-border__line {
  position: absolute;
  background: #888;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.p-academy-button-border__line--left {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.is-onscreen .p-academy-button-border__line--left {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-academy-button-border__line--right {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.is-onscreen .p-academy-button-border__line--right {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-academy-button-border__line--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}
.is-onscreen .p-academy-button-border__line--top {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.p-academy-button-border__line--bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.is-onscreen .p-academy-button-border__line--bottom {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.p-academy-class__list {
  border-top: 1px solid var(--primary);
  border-left: 1px solid var(--primary);
  border-bottom: 1px solid var(--primary);
}
@media (max-width: 767px) {
  .p-academy-class__list {
    border-bottom: none;
  }
}

.p-academy-class__item {
  border-right: 1px solid var(--primary);
  padding: 40px;
  height: 240px;
}
@media (max-width: 767px) {
  .p-academy-class__item {
    padding: 30px;
    height: auto;
    border-bottom: 1px solid var(--primary);
  }
}

.p-academy-class__tag {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  color: var(--primary);
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-academy-class__tag {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
  }
}

.p-academy-class__heading {
  margin-bottom: 15px;
}
.p-academy-class__heading span {
  display: block;
}
.p-academy-class__heading-en {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .p-academy-class__heading-en {
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 3px;
  }
}
.p-academy-class__heading-jp {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767px) {
  .p-academy-class__heading-jp {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
  }
}
.p-academy-course__detail .p-academy-class__heading {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .p-academy-course__detail .p-academy-class__heading {
    margin-bottom: 30px;
  }
}

.p-academy-class__description {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-academy-class__description {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8;
  }
}

.p-academy-price__list {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .p-academy-price__list {
    margin-top: 50px;
  }
}

.p-academy-course__ttl {
  padding: 20px;
  background: var(--primary);
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
@media (max-width: 767px) {
  .p-academy-course__ttl {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    padding: 15px;
  }
}
.p-academy-course__ttl--campaign {
  background: var(--primary);
  margin-bottom: 30px;
}

.p-academy-course__detail {
  padding-top: 50px;
  border-top: 5px solid var(--primary);
  margin-top: 50px;
}
@media (max-width: 767px) {
  .p-academy-course__detail {
    margin-top: 30px;
    padding-top: 30px;
  }
}
.p-academy-course__detail--2 {
  padding-top: 0;
  margin-top: 30px;
  border-top: none;
}

.p-academy-course__item {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .p-academy-course__item:last-child {
    padding-bottom: 20px;
  }
}
.p-academy-course__item:first-child {
  border-bottom: 1px solid #e6e6e6;
}

.p-academy-course__name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
}

.p-academy-course__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .p-academy-course__box p {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
  }
}

.p-academy-course__description {
  vertical-align: middle;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
@media (max-width: 767px) {
  .p-academy-course__description {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
}
.p-academy-course__description p {
  margin-bottom: 0;
}

.p-academy-course__price {
  vertical-align: middle;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  text-align: right;
}
@media (max-width: 767px) {
  .p-academy-course__price {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
}
.p-academy-course__price p {
  margin-bottom: 0;
}

.p-masterclass-kv {
  width: 100%;
  height: 100vh;
  /*min-height: 700px;*/
  position: relative;
}

.p-masterclass-kv__body {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  left: 0px;
  top: 0px;
}

.p-masterclass-kv__item {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
}

.p-masterclass-kv__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 767px) {
  .p-masterclass-kv__image {
    background-position: -570px center;
  }
}
@media (max-width: 320px) {
  .p-masterclass-kv__image {
    background-position: -470px center;
  }
}

.p-masterclass-kv__box {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1025px) {
  .p-masterclass-kv__box {
    left: 7%;
  }
}
@media (max-width: 767px) {
  .p-masterclass-kv__box {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }
}

.p-masterclass-kv__heading {
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.p-masterclass-kv__heading span {
  display: block;
}
.p-masterclass-kv__heading--en {
  font-size: 90px;
  font-size: 9rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  margin: 8px 0 20px;
}
@media (max-width: 1260px) {
  .p-masterclass-kv__heading--en {
    font-size: 80px;
    font-size: 8rem;
    font-weight: 700;
    line-height: 1;
    margin: 8px 0 15px;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-kv__heading--en {
    font-size: 70px;
    font-size: 7rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-masterclass-kv__heading--en {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
  }
}
.p-masterclass-kv__heading--copy1 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 1260px) {
  .p-masterclass-kv__heading--copy1 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-kv__heading--copy1 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-masterclass-kv__heading--copy1 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
  }
}
.p-masterclass-kv__heading--copy2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  font-style: italic;
}
@media (max-width: 1260px) {
  .p-masterclass-kv__heading--copy2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-kv__heading--copy2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-masterclass-kv__heading--copy2 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
  }
}
.is-page-loaded .p-masterclass-kv__heading {
  opacity: 1;
}

.p-masterclass-kv__scroll {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 120px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  z-index: 1000;
  letter-spacing: 0.05em;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
@media (max-width: 767px) {
  .p-masterclass-kv__scroll {
    bottom: 90px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.is-page-loaded .p-masterclass-kv__scroll {
  opacity: 1;
}
.p-masterclass-kv__scroll a {
  display: block;
  color: #fff;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
.p-masterclass-kv__scroll:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 0;
  background: #fff;
  top: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s;
  -webkit-animation: moveLineTopToBottom 2s infinite;
          animation: moveLineTopToBottom 2s infinite;
}
@media (max-width: 767px) {
  .p-masterclass-kv__scroll:after {
    top: 22px;
  }
}
.p-masterclass-kv__scroll:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100px;
  background: #fff;
  top: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s;
  opacity: 0.2;
}
@media (max-width: 767px) {
  .p-masterclass-kv__scroll:before {
    height: 80px;
    top: 22px;
  }
}
.is-page-loaded .p-masterclass-kv__scroll:after {
  height: 100px;
}
@media (max-width: 767px) {
  .is-page-loaded .p-masterclass-kv__scroll:after {
    height: 80px;
  }
}
.is-ie .p-masterclass-kv__scroll {
  display: none;
}
.is_edge .p-masterclass-kv__scroll {
  display: none;
}

.p-masterclass__inner {
  position: relative;
  z-index: 11;
}

.p-masterclass-about__intro {
  position: relative;
  padding: 450px 0 350px;
  background: #131313;
}
@media (max-width: 1260px) {
  .p-masterclass-about__intro {
    padding: 400px 0 350px;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-about__intro {
    padding: 200px 0 350px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__intro {
    padding: 200px 0 150px;
  }
}
.p-masterclass-about__intro:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 44%);
  background-image: url(../img/masteclass_02.jpg);
  background-position: center;
  background-size: cover;
}
@media (max-width: 1025px) {
  .p-masterclass-about__intro:before {
    height: calc(100% - 55%);
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__intro:before {
    height: calc(100% - 65%);
    background-position: center top;
  }
}
.p-masterclass-about__intro:after {
  content: "";
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 150px;
  background: #fff;
  opacity: 0.2;
}
@media (max-width: 767px) {
  .p-masterclass-about__intro:after {
    height: 100px;
  }
}

.p-masterclass-about__inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 140px;
  position: relative;
}
@media (max-width: 1025px) {
  .p-masterclass-about__inner {
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__inner {
    padding: 0 30px;
  }
}

.p-masterclass-about__image {
  position: relative;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}
.is-onscreen .p-masterclass-about__image {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.p-masterclass-about__image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #cecee8;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.is-onscreen .p-masterclass-about__image:after {
  width: 0;
}

.p-masterclass-about__image-2 {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  opacity: 0;
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.is-onscreen .p-masterclass-about__image-2 {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.p-masterclass-about__pos {
  margin-left: -25%;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transform: translateY(240px);
      -ms-transform: translateY(240px);
          transform: translateY(240px);
}
.p-masterclass-about__pos.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(140px);
      -ms-transform: translateY(140px);
          transform: translateY(140px);
}
@media (max-width: 1025px) {
  .p-masterclass-about__pos {
    -webkit-transform: translateY(220px);
        -ms-transform: translateY(220px);
            transform: translateY(220px);
  }
  .p-masterclass-about__pos.is-onscreen {
    opacity: 1;
    -webkit-transform: translateY(120px);
        -ms-transform: translateY(120px);
            transform: translateY(120px);
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__pos {
    -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
            transform: translateY(100px);
    margin-left: -10px;
  }
  .p-masterclass-about__pos.is-onscreen {
    opacity: 1;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.p-masterclass-about__heading {
  color: #fff;
}
.p-masterclass-about__heading span {
  display: block;
}
.p-masterclass-about__heading--en {
  font-size: 80px;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-semibold);
  margin: 0px 0 5px;
}
@media (max-width: 1260px) {
  .p-masterclass-about__heading--en {
    font-size: 70px;
    font-size: 7rem;
    font-weight: 600;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-about__heading--en {
    font-size: 60px;
    font-size: 6rem;
    font-weight: 600;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__heading--en {
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
  }
}
.p-masterclass-about__heading--jp {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 1260px) {
  .p-masterclass-about__heading--jp {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-about__heading--jp {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
  }
}

.p-masterclass-about__text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  margin-top: 35px;
  color: #fff;
}
@media (max-width: 1025px) {
  .p-masterclass-about__text {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.8;
  }
}

.p-masterclass-about__item {
  position: relative;
  background: #131313;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-masterclass-about__item {
    height: 700px !important;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__item:nth-child(3) .p-masterclass-about__image-2 {
    background-position: -400px center;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__item:last-child .p-masterclass-about__image-2 {
    background-position: -650px center;
  }
}
.p-masterclass-about__item:nth-child(2) .p-masterclass-about__credit {
  right: 30px;
  left: inherit;
}
@media (max-width: 767px) {
  .p-masterclass-about__item:nth-child(2) .p-masterclass-about__credit {
    top: 20px;
    right: 20px;
  }
}

.p-masterclass-about__box {
  position: absolute;
  top: 0;
  right: -100%;
  width: 33.3333%;
  height: 100%;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.is-onscreen .p-masterclass-about__box {
  right: 0;
}
@media (max-width: 1260px) {
  .p-masterclass-about__box {
    width: 36%;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__box {
    width: 100%;
    height: 53%;
    top: 47%;
  }
}
.p-masterclass-about__box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 111;
  background: #797bbe;
}
.is-ie .p-masterclass-about__box:after {
  background: #313373;
  opacity: 0.5;
}
.is_edge .p-masterclass-about__box:after {
  background: #313373;
  opacity: 0.5;
}
.p-masterclass-about__box--2 {
  left: -100%;
}
.is-onscreen .p-masterclass-about__box--2 {
  left: 0;
}

.p-masterclass-about__box-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1111;
  width: 100%;
  padding: 0 20%;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition-delay: 1.5s;
       -o-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.is-onscreen .p-masterclass-about__box-inner {
  opacity: 1;
}
@media (max-width: 1025px) {
  .p-masterclass-about__box-inner {
    padding: 0 13%;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__box-inner {
    padding: 0 20px;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
}

.p-masterclass-about__num {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  position: relative;
  display: table;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
@media (max-width: 1025px) {
  .p-masterclass-about__num {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__num {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
  }
}
.p-masterclass-about__num:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff100;
  bottom: 0;
  left: 0;
}

.p-masterclass-about__heading-2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 45px;
  white-space: nowrap;
}
@media (max-width: 1260px) {
  .p-masterclass-about__heading-2 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 35px;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-about__heading-2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__heading-2 {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
  }
}

.p-masterclass-about__heading-3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  font-style: italic;
  margin-bottom: 30px;
}
@media (max-width: 1025px) {
  .p-masterclass-about__heading-3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .p-masterclass-about__heading-3 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
  }
}

.p-masterclass-about__text-2 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  color: #fff;
}
@media (max-width: 1260px) {
  .p-masterclass-about__text-2 {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-about__text-2 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8;
  }
}
.p-masterclass-about__text-2 span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 1260px) {
  .p-masterclass-about__text-2 span {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-about__text-2 span {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
  }
}

.p-masterclass-about__credit {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-semibold);
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 30px;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}
.is-onscreen .p-masterclass-about__credit {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-masterclass-about__credit {
    top: 20px;
    right: 20px;
    left: inherit;
  }
}

.p-masterclass-detail__intro {
  position: relative;
  padding: 300px 0 150px;
  background: #131313;
}
@media (max-width: 1260px) {
  .p-masterclass-detail__intro {
    padding: 250px 0 100px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__intro {
    padding: 200px 0 100px;
  }
}
.p-masterclass-detail__intro:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 45%);
  background-image: url(../img/masteclass_08.jpg);
  background-position: center top;
  background-size: cover;
}
@media (max-width: 767px) {
  .p-masterclass-detail__intro:before {
    height: calc(100% - 35%);
    background-position: -180px top;
  }
}

.p-masterclass-detail__inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 140px;
  position: relative;
}
@media (max-width: 1025px) {
  .p-masterclass-detail__inner {
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__inner {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__inner--2 {
    padding: 0 30px;
  }
}

.p-masterclass-detail__heading {
  color: #fff;
  position: relative;
  z-index: 111;
  text-align: center;
  padding-bottom: 180px;
}
@media (max-width: 767px) {
  .p-masterclass-detail__heading {
    padding-bottom: 130px;
  }
}
.p-masterclass-detail__heading span {
  display: block;
}
.p-masterclass-detail__heading--sub {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2;
}
@media (max-width: 767px) {
  .p-masterclass-detail__heading--sub {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
  }
}
.p-masterclass-detail__heading--en {
  font-size: 80px;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-semibold);
  margin: 0px 0 5px;
}
@media (max-width: 1260px) {
  .p-masterclass-detail__heading--en {
    font-size: 70px;
    font-size: 7rem;
    font-weight: 600;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-detail__heading--en {
    font-size: 60px;
    font-size: 6rem;
    font-weight: 600;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__heading--en {
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
    margin: 5px 0;
  }
}
.p-masterclass-detail__heading--jp {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 1260px) {
  .p-masterclass-detail__heading--jp {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-detail__heading--jp {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
  }
}
.p-masterclass-detail__heading:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 150px;
  background: #fff;
  opacity: 0.2;
}
@media (max-width: 767px) {
  .p-masterclass-detail__heading:after {
    height: 100px;
  }
}

.p-masterclass-detail__box {
  text-align: left;
  color: #fff;
  margin-top: -40px;
  margin-left: -20px;
  z-index: 111;
  position: relative;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}
.is-onscreen .p-masterclass-detail__box {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 1025px) {
  .p-masterclass-detail__box {
    margin-top: -30px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__box {
    margin-left: -10px;
    margin-top: -20px;
  }
}

.p-masterclass-detail__category {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-masterclass-detail__category {
    margin-bottom: 20px;
  }
}
.p-masterclass-detail__category span {
  display: block;
}
.p-masterclass-detail__category--en {
  font-size: 70px;
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-semibold);
  margin: 0px 0 5px;
}
@media (max-width: 1260px) {
  .p-masterclass-detail__category--en {
    font-size: 60px;
    font-size: 6rem;
    font-weight: 600;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-masterclass-detail__category--en {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 600;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__category--en {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1;
  }
}
.p-masterclass-detail__category--jp {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 1260px) {
  .p-masterclass-detail__category--jp {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
  }
}

.p-masterclass-detail__concept {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 1025px) {
  .p-masterclass-detail__concept {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
  }
}

.p-masterclass-detail__bottom {
  background: #fff;
  padding: 60px 0 130px;
}
@media (max-width: 1260px) {
  .p-masterclass-detail__bottom {
    padding: 60px 0 100px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__bottom {
    padding: 100px 0 60px;
  }
}

.p-masterclass-detail__box-2 {
  text-align: left;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}
.is-onscreen .p-masterclass-detail__box-2 {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-masterclass-detail__coach {
  background: #fff;
  padding: 60px 70px;
  margin-top: -130px;
}
@media (max-width: 1260px) {
  .p-masterclass-detail__coach {
    margin-top: -150px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-detail__coach {
    padding: 40px 30px 0;
  }
}

.p-masterclass-detail__coach-inner {
  padding-top: 30px;
}

.p-masterclass-detail__ttl {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.4;
  font-family: var(--font-extrabold);
  font-weight: 800;
  margin-bottom: 25px;
}

.p-masterclass-detail__text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 40px;
}
.p-masterclass-detail__text span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .p-masterclass-detail__table {
    padding: 0 30px;
  }
}

.p-masterclass-info {
  background: #fafafa;
  padding: 130px 0;
}
@media (max-width: 1025px) {
  .p-masterclass-info {
    padding: 100px 80px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-info {
    padding: 100px 20px;
  }
}

.p-masterclass-info__inner {
  background: #fff;
  max-width: 960px;
  margin: 0 auto;
  padding: 75px 80px;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}
.p-masterclass-info__inner.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .p-masterclass-info__inner {
    padding: 50px 30px;
  }
}

.p-masterclass-info__heading {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 45px;
}
@media (max-width: 1025px) {
  .p-masterclass-info__heading {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .p-masterclass-info__heading {
    margin-bottom: 25px;
  }
}

.p-masterclass-info__text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-masterclass-info__text {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8;
  }
}

.p-masterclass-info__item {
  border-top: 1px solid #e6e6e6;
  margin-top: 40px;
}
.p-masterclass-info__item a {
  text-decoration: underline;
}
.p-masterclass-info__item span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
}

.p-masterclass-info__category {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  padding: 40px 0 25px;
}

.p-masterclass-link {
  background: #fff;
}

.p-masterclass-link__wrap {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 100px;
}
@media (max-width: 1025px) {
  .p-masterclass-link__wrap {
    padding: 60px 80px 0;
  }
}
@media (max-width: 767px) {
  .p-masterclass-link__wrap {
    padding: 60px 20px 100px;
  }
}

.p-masterclass-button {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow: hidden;
  color: #131313;
  text-align: center;
  font-family: var(--font-semibold);
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-top: 40px;
}
.is-onscreen .p-masterclass-button {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-masterclass-button {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 50px;
  }
}

.p-masterclass-button__link {
  text-align: center;
  position: relative;
  height: 140px;
  line-height: 140px;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-masterclass-button__link {
    margin-bottom: 15px;
    height: 100px;
    line-height: 100px;
  }
}
@media (max-width: 320px) {
  .p-masterclass-button__link {
    height: 80px;
    line-height: 8 0px;
  }
}
.p-masterclass-button__link a {
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.p-masterclass-button__link a:hover {
  color: #131313;
}
.p-masterclass-button__link:hover .p-masterclass-button-border__line--left {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-masterclass-button__link:hover .p-masterclass-button-border__line--right {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-masterclass-button__link:hover .p-masterclass-button-border__line--top {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-masterclass-button__link:hover .p-masterclass-button-border__line--bottom {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-masterclass-button__link:hover:before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-masterclass-button__link:before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.p-masterclass-button-border__line {
  position: absolute;
  background: #888;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.p-masterclass-button-border__line--left {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.is-onscreen .p-masterclass-button-border__line--left {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-masterclass-button-border__line--right {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.is-onscreen .p-masterclass-button-border__line--right {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-masterclass-button-border__line--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}
.is-onscreen .p-masterclass-button-border__line--top {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.p-masterclass-button-border__line--bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.is-onscreen .p-masterclass-button-border__line--bottom {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.p-masterclass-button__text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}

.p-masterclass-info__link {
  margin: 80px 0 0;
}
@media (max-width: 767px) {
  .p-masterclass-info__link {
    margin: 40px 0 0;
  }
}

.p-masterclass-info__link-text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 767px) {
  .p-masterclass-info__link-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
  }
}

.p-masterclass-info__button a {
  display: block;
  text-align: center;
  padding: 35px 0;
  margin-top: 20px;
  position: relative;
  color: #fff;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid #ded649;
}
@media (max-width: 767px) {
  .p-masterclass-info__button a {
    padding: 25px 0 23px;
  }
}
.p-masterclass-info__button a:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ded649;
  z-index: -1;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.p-masterclass-info__button a:hover {
  color: #111;
  border: 1px solid #111;
}
.p-masterclass-info__button a:hover:before {
  width: 0px;
}
.p-masterclass-info__button span {
  display: block;
}
.p-masterclass-info__button-text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .p-masterclass-info__button-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4;
  }
}
.p-masterclass-info__button-text-2 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .p-masterclass-info__button-text-2 {
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 5px;
  }
}

.p-event__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-event__body {
    padding: 40px 0 60px;
  }
}

.p-event__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 80px 0px 90px;
}
@media (max-width: 767px) {
  .p-event__inner {
    padding: 40px 25px 60px;
  }
}

.p-event__heading {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.3;
  font-family: var(--font-extrabold);
  font-weight: 800;
  padding-bottom: 10px;
  margin-bottom: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .p-event__heading {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
.p-event__heading:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 3px;
  background: var(--primary);
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-onscreen .p-event__heading:before {
  width: 100%;
}

.p-event__heading-2 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.3;
  font-family: var(--font-extrabold);
  font-weight: 800;
  padding-bottom: 10px;
  margin-top: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .p-event__heading-2 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 15px;
  }
}
.p-event__heading-2:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 3px;
  background: var(--primary);
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-onscreen .p-event__heading-2:before {
  width: 100%;
}

.p-event__paragraph {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-event__paragraph {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
  }
}
.p-event__paragraph a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.p-event__date {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-family: var(--font-extrabold);
  font-weight: 800;
  color: var(--primary);
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .p-event__date {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
  }
}

.p-event__content {
  margin-bottom: 60px;
  padding: 0 60px;
}
@media (max-width: 767px) {
  .p-event__content {
    padding: 0;
  }
}

.is-event .p-event__body img {
  padding: 30px 100px;
}
@media (max-width: 767px) {
  .is-event .p-event__body img {
    padding: 30px 0px;
  }
}

.is-event .p-event__body .p-event__image img {
  padding: 30px 0 20px;
}
.p-apply__body {
  background: #fafafa;
  padding: 80px 0 100px;
}
@media (max-width: 767px) {
  .p-apply__body {
    padding: 40px 0 60px;
  }
}

.p-apply__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 60px 8% 80px;
}
@media (max-width: 767px) {
  .p-apply__inner {
    padding: 40px 25px 10px;
  }
}

.p-apply-polisy__inner {
  border: 1px solid #888;
  padding: 30px;
  margin-top: 50px;
}

.p-apply-terms__list {
  border: 1px solid #888;
  padding: 60px 40px;
  height: 600px;
  position: relative;
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .p-apply-terms__list {
    padding: 10px 15px 20px;
  }
}

.p-apply-terms {
  padding: 60px 0 150px;
}
@media (max-width: 767px) {
  .p-apply-terms {
    padding: 40px 0 120px;
  }
}

.p-apply-terms__box {
  position: relative;
  margin-top: 60px;
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  position: relative;
}
.p-apply-terms__box.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .p-apply-terms__box {
    margin-top: 40px;
  }
}

.p-apply-terms__item {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .p-apply-terms__item {
    margin-bottom: 25px;
  }
}

.p-apply-terms__ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 10px;
  margin: 20px 0;
  border-bottom: 1px solid #2d2d2d;
}
@media (max-width: 767px) {
  .p-apply-terms__ttl {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
.p-apply-terms__ttl--2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: none;
  text-align: center;
}
@media (max-width: 767px) {
  .p-apply-terms__ttl--2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}

.p-apply-terms__laed {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-apply-terms__laed {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
  }
}

.p-apply-button {
  display: inline-block;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow: hidden;
  color: #131313;
  text-align: center;
  font-family: var(--font-semibold);
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.p-apply-button span {
  color: var(--primary);
  font-size: 30px;
  font-size: 3rem;
}
@media (max-width: 767px) {
  .p-apply-button span {
    font-size: 20px;
    font-size: 2rem;
  }
}
.is-onscreen .p-apply-button {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-apply-button {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.p-apply-button__link {
  text-align: center;
  position: relative;
  height: 200px;
  line-height: 200px;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-bottom: 50px;
}
.p-apply-button__link:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .p-apply-button__link {
    margin-bottom: 30px;
    height: 120px;
    line-height: 120px;
  }
}
@media (max-width: 320px) {
  .p-apply-button__link {
    height: 100px;
    line-height: 100px;
  }
}
.p-apply-button__link a {
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.p-apply-button__link a:hover {
  color: #131313;
}
.p-apply-button__link:hover .p-apply-button-border__line--left {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-apply-button__link:hover .p-apply-button-border__line--right {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-apply-button__link:hover .p-apply-button-border__line--top {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-apply-button__link:hover .p-apply-button-border__line--bottom {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-apply-button__link:hover:before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-apply-button__link:before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.p-apply-button-border__line {
  position: absolute;
  background: #888;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.p-apply-button-border__line--left {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.is-onscreen .p-apply-button-border__line--left {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-apply-button-border__line--right {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.is-onscreen .p-apply-button-border__line--right {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-apply-button-border__line--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}
.is-onscreen .p-apply-button-border__line--top {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.p-apply-button-border__line--bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}
.is-onscreen .p-apply-button-border__line--bottom {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.p-contact__body {
  background: #fafafa;
  /*padding: 80px 0 100px;*/
}
@media (max-width: 767px) {
  .p-contact__body {
    padding: 40px 0 60px;
  }
}

.p-contact__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 60px 8% 80px;
}
@media (max-width: 767px) {
  .p-contact__inner {
    padding: 40px 25px 10px;
  }
}

.p-coach__body {
  position: relative;
  z-index: 111;
}

.p-coach__lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 80px;
  opacity: 0;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  padding: 80px;
  background: #fff;
}
.p-coach__lead.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .p-coach__lead {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 50px;
    padding: 30px;
  }
}

.p-coach__tx {
  padding-left: 35px;
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
.is-onscreen .p-coach__tx {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .p-coach__tx {
    padding-left: 0px;
  }
}

.p-coach__tag {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin: 30px 0 10px;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 767px) {
  .p-coach__tag {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    margin: 25px 0 5px;
  }
}

.p-coach__name {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 40px;
  font-family: var(--font-extrabold);
  font-weight: 800;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .p-coach__name {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
  }
}

.p-coach__item {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .p-coach__item:last-child {
    margin-bottom: 0px;
  }
}

.p-coach__image {
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
.is-onscreen .p-coach__image {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-about__body {
  margin-top: 20px;
  position: relative;
}

.p-about-kv__body {
  margin-top: 20px;
  position: relative;
  height: 700px;
}
@media (max-width: 1025px) {
  .p-about-kv__body {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .p-about-kv__body {
    height: 250px;
  }
}

.p-about-kv__item {
  width: calc(100% - 130px);
  height: 700px;
  min-height: 100%;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  z-index: 1010;
  position: absolute;
  top: 0;
  left: 130px;
}
@media (max-width: 1025px) {
  .p-about-kv__item {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .p-about-kv__item {
    height: 250px;
    left: 30px;
    width: calc(100% - 30px);
  }
}
.is-page-loaded .p-about-kv__item {
  opacity: 1;
}

.p-about-kv__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  left: 0;
  top: 0;
}

.p-about-kv__translate {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  left: 0;
  top: 0;
}

.p-about-kv__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 5s linear;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 5s linear;
  -o-transition: transform 5s linear, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 5s linear, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 5s linear, opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform 5s linear;
  position: relative;
}
.p-about-kv__image:after {
  content: "";
  z-index: 2;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  background: #000;
  top: 1px;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: hue;
}
.is-ie .p-about-kv__image:after {
  opacity: 0.2;
}
.is_edge .p-about-kv__image:after {
  opacity: 0.2;
}
.is-page-loaded .p-about-kv__image {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.p-about-content {
  margin-top: 180px;
}
@media (max-width: 1025px) {
  .p-about-content {
    margin-top: 100px;
  }
}

.p-about-content__logo {
  padding-bottom: 80px;
  border-bottom: 1px solid #131313;
}
@media (max-width: 767px) {
  .p-about-content__logo {
    padding-bottom: 50px;
  }
}
.p-about-content__logo img {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
@media (max-width: 767px) {
  .p-about-content__logo img {
    width: 170px;
  }
}
.p-about-content__logo.is-onscreen img {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-about-content__list {
  margin-top: 90px;
}
@media (max-width: 767px) {
  .p-about-content__list {
    margin-top: 60px;
  }
}

.p-about-content__item {
  padding-bottom: 80px;
  margin-bottom: 100px;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 767px) {
  .p-about-content__item {
    padding-bottom: 40px;
    margin-bottom: 60px;
  }
}
.p-about-content__item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .p-about-content__item:last-child {
    padding-bottom: 0px;
  }
}

.p-top-content__heading {
  margin-bottom: 60px;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 767px) {
  .p-top-content__heading {
    margin-bottom: 30px;
  }
}
.p-top-content__heading-tag {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-top-content__heading-tag {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 7px;
  }
}
.p-top-content__heading-en {
  font-size: 72px;
  font-size: 7.2rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-top-content__heading-en {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 3px;
  }
}
@media (max-width: 320px) {
  .p-top-content__heading-en {
    font-size: 42px;
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1;
  }
}
.p-top-content__heading-jp {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  font-family: "YuGothic", "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (max-width: 767px) {
  .p-top-content__heading-jp {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
  }
}

.p-news__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-news__body {
    padding: 40px 0 60px;
  }
}

.p-news__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 80px 0px 90px;
}
@media (max-width: 767px) {
  .p-news__inner {
    padding: 40px 25px 60px;
  }
}

.p-news__heading {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.3;
  padding-bottom: 10px;
  margin-bottom: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .p-news__heading {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
.p-news__heading:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0;
  height: 3px;
  background: var(--primary);
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-onscreen .p-news__heading:before {
  width: 100%;
}

.p-news__paragraph {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-news__paragraph {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
  }
}
.p-news__paragraph a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.p-news__date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-family: var(--font-extrabold);
  font-weight: 800;
  color: var(--primary);
  margin-bottom: 10px;
}

.p-news__content {
  margin-bottom: 60px;
  padding: 0 60px;
}
@media (max-width: 767px) {
  .p-news__content {
    padding: 0;
  }
}

.p-news-other {
  margin-top: 50px;
}

.p-new-other__heading {
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 20px;
}

.p-news-other__place {
  background: var(--primary);
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.8;
  padding: 10px 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .p-news-other__place {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.8;
  }
}

.p-news-other__list {
  margin: 30px 0;
}

.p-news-other__item {
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}

.p-news-other__date {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .p-news-other__date {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.8;
  }
}

.p-news-other__coat {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-news-other__coat {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.8;
  }
}

.p-news-other__tx {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .p-news-other__tx {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.7;
  }
}

.p-privacy__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-privacy__body {
    padding: 40px 0 60px;
  }
}

.p-privacy-policy__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-privacy-policy__body {
    padding: 40px 0 60px;
  }
}

.p-terms-conditions__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-terms-conditions__body {
    padding: 40px 0 60px;
  }
}

.p-terms__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-terms__body {
    padding: 40px 0 60px;
  }
}

.p-privacy__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 80px 60px 90px;
}
@media (max-width: 767px) {
  .p-privacy__inner {
    padding: 40px 25px 60px;
  }
}
.p-privacy__inner a {
  color: var(--primary);
  text-decoration: underline;
}

.p-privacy__heading {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.3;
  padding: 10px 0 10px 10px;
  margin-bottom: 30px;
  background: var(--primary);
  color: #fff;
}
@media (max-width: 767px) {
  .p-privacy__heading {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
  }
}

.p-privacy__heading-2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .p-privacy__heading-2 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}

.p-privacy__item a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.p-terms_conditions__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 80px 60px 90px;
}
@media (max-width: 767px) {
  .p-terms_conditions__inner {
    padding: 40px 25px 60px;
  }
}
.p-terms_conditions__inner a {
  color: var(--primary);
  text-decoration: underline;
}

.p-terms_conditions__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-terms_conditions__body {
    padding: 40px 0 60px;
  }
}

.p-terms_conditions__heading {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .p-terms_conditions__heading {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}

.p-faq__body {
  background: #fafafa;
  padding: 80px 0 100px;
}
@media (max-width: 767px) {
  .p-faq__body {
    padding: 40px 0 60px;
  }
}

.p-faq__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 60px 0 80px;
}
@media (max-width: 767px) {
  .p-faq__inner {
    padding: 40px 25px 10px;
  }
}

.p-faq__heading {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.3;
  padding: 10px 0 10px 10px;
  margin-bottom: 30px;
  background: var(--primary);
  color: #fff;
}
@media (max-width: 767px) {
  .p-faq__heading {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
  }
}

.p-faq__ttl {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media (max-width: 1025px) {
  .p-faq__ttl {
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .p-faq__ttl {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
  }
}

.p-faq__list {
  padding-bottom: 20px;
}
.p-faq__list:last-child {
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .p-faq__list {
    padding-bottom: 0px;
  }
}

.p-faq__item {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-faq__item {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.p-faq__item:last-child {
  border-bottom: none;
}
.p-faq__item a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.p-faq__question {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-faq__question {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
.p-faq__question .Qbold {
  color: var(--primary);
  font-family: var(--font-extrabold);
  font-weight: 800;
  margin-right: 5px;
}

.p-faq__answer {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-faq__answer {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
  }
}
.p-faq__answer .Abold {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
  color: var(--primary);
  font-family: var(--font-extrabold);
  font-weight: 800;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .p-faq__answer .Abold {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.8;
  }
}

.p-camp-kv {
  width: 100%;
  height: 100vh;
  /*min-height: 700px;*/
  position: relative;
}
.p-camp-kv__body {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  left: 0px;
  top: 0px;
}

.p-camp-kv__item {
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  position: relative;
}
.p-camp-kv__item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
}

.p-camp-kv__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.p-camp-kv__box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
@media (max-width: 767px) {
  .p-camp-kv__box {
    padding: 0 20px;
  }
}

.p-camp-kv__heading {
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  text-align: center;
}
.p-camp-kv__heading span {
  display: block;
}
.p-camp-kv__heading--copy1 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 1260px) {
  .p-camp-kv__heading--copy1 {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 1025px) {
  .p-camp-kv__heading--copy1 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-camp-kv__heading--copy1 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
  }
}
.p-camp-kv__heading--copy2 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (max-width: 1260px) {
  .p-camp-kv__heading--copy2 {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 1025px) {
  .p-camp-kv__heading--copy2 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .p-camp-kv__heading--copy2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
.is-page-loaded .p-camp-kv__heading {
  opacity: 1;
}

.p-camp-campaign {
  padding: 25px 0;
  max-width: 600px;
  margin: 30px auto 0;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.is-page-loaded .p-camp-campaign {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-camp-campaign {
    padding: 20px 0;
    margin: 20px auto 0;
  }
}

.p-camp-campaign__lead {
  color: #ff41be;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin: 0 auto 20px;
}
@media (max-width: 767px) {
  .p-camp-campaign__lead {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 auto 15px;
  }
}

.p-camp-campaign__button a {
  display: table;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  background: #ff41be;
  padding: 20px 25px;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .p-camp-campaign__button a {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
  }
}

.is-camp .evt {
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.is-page-loaded .is-camp .evt {
  opacity: 1;
}

.p-camp-movie {
  background: #fff;
  position: relative;
  z-index: 111;
}

.p-camp-movie__body {
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  margin-top: 0px;
  margin-bottom: 120px;
  border: 15px solid #fff;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}
.is-page-loaded .p-camp-movie__body {
  opacity: 1;
  margin-top: -100px;
}
@media (max-width: 1025px) {
  .is-page-loaded .p-camp-movie__body {
    margin-top: -50px;
  }
}
@media (max-width: 767px) {
  .p-camp-movie__body {
    border: 10px solid #fff;
  }
}

.p-camp-movie__thumb {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
}
.is-close .p-camp-movie__thumb {
  opacity: 0;
}
.is-ie .p-camp-movie__thumb {
  display: none;
}
.p-camp-movie__thumb:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
.p-camp-movie__thumb.is-close:after {
  opacity: 0;
}

.p-camp-movie__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1111;
}
.is-close .p-camp-movie__icon {
  opacity: 0;
}
.is-ie .p-camp-movie__icon {
  display: none;
}
@media (max-width: 767px) {
  .p-camp-movie__icon img {
    width: 40px;
  }
}

.p-camp-feature {
  background: #fff;
  z-index: 111;
  position: relative;
}
.p-camp-feature:before {
  background: var(--primary);
  position: absolute;
  top: 200px;
  left: 0;
  content: "";
  width: 100%;
  height: calc(100% - 300px);
  z-index: -1;
}
@media (max-width: 1025px) {
  .p-camp-feature:before {
    height: calc(100% - 200px);
    top: 100px;
  }
}

.p-camp-feature__kv {
  padding-bottom: 160px;
  position: relative;
}
@media (max-width: 767px) {
  .p-camp-feature__kv {
    padding-bottom: 80px;
  }
}

.p-camp-feature__image {
  position: relative;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}
.p-camp-feature__image.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.p-camp-feature__image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #cdefee;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.p-camp-feature__image.is-onscreen:after {
  width: 0;
}

.p-camp-feature__ttl {
  color: #fff;
  margin-bottom: 50px;
  text-align: center;
  opacity: 0;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  position: relative;
  z-index: 111;
}
.p-camp-feature__ttl.is-onscreen {
  opacity: 1;
  margin-top: -70px;
}
@media (max-width: 767px) {
  .p-camp-feature__ttl.is-onscreen {
    margin-top: -25px;
  }
}
@media (max-width: 767px) {
  .p-camp-feature__ttl {
    margin-bottom: 30px;
  }
}
.p-camp-feature__ttl span {
  display: block;
}
.p-camp-feature__ttl--en {
  font-size: 150px;
  font-size: 15rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
@media (max-width: 1025px) {
  .p-camp-feature__ttl--en {
    font-size: 120px;
    font-size: 12rem;
    font-weight: 700;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .p-camp-feature__ttl--en {
    font-size: 60px;
    font-size: 6rem;
    font-weight: 700;
    line-height: 1;
  }
}
.p-camp-feature__ttl--jp {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767px) {
  .p-camp-feature__ttl--jp {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
}

.p-camp-feature__lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  color: #fff;
  text-align: left;
}

.p-camp-feature__list {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
}
.p-camp-feature__list--1:after {
  background: #fff;
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  width: 1px;
  height: 0px;
  z-index: 1;
  opacity: 0.5;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
@media (max-width: 767px) {
  .p-camp-feature__list--1:after {
    height: 100px;
    bottom: -50px;
  }
}
.p-camp-feature__list--1.is-onscreen:after {
  height: 200px;
}

@media (max-width: 1025px) {
  .p-camp .l-row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 1025px) {
  .p-camp .l-col-sm-4 {
    padding: 0 15px;
  }
}

@media (max-width: 1025px) {
  .p-camp .l-col-sm-7 {
    padding: 0 15px;
  }
}

.p-camp-feature__heading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 111;
}
.p-camp-feature__heading img {
  width: 80px;
}
@media (max-width: 1440px) {
  .p-camp-feature__heading img {
    width: 70px;
  }
}
@media (max-width: 1260px) {
  .p-camp-feature__heading img {
    width: 60px;
  }
}
@media (max-width: 1025px) {
  .p-camp-feature__heading img {
    width: 50px;
  }
}
@media (max-width: 767px) {
  .p-camp-feature__heading img {
    width: 30px;
  }
}

.p-camp-feature__heading-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 111;
}
.p-camp-feature__heading-2 img {
  width: 80px;
}
@media (max-width: 1440px) {
  .p-camp-feature__heading-2 img {
    width: 70px;
  }
}
@media (max-width: 1260px) {
  .p-camp-feature__heading-2 img {
    width: 60px;
  }
}
@media (max-width: 1025px) {
  .p-camp-feature__heading-2 img {
    width: 50px;
  }
}
@media (max-width: 767px) {
  .p-camp-feature__heading-2 img {
    width: 30px;
  }
}

.p-camp-feature__inner {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  padding: 0 100px;
}
@media (max-width: 1025px) {
  .p-camp-feature__inner {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .p-camp-feature__inner {
    padding: 0 20px;
  }
}

.p-camp-feature__heading-jp {
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 35px;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
}
.is-onscreen .p-camp-feature__heading-jp {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .p-camp-feature__heading-jp {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}

.p-camp-feature__description {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
}
.is-onscreen .p-camp-feature__description {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.p-camp-feature__description span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
}

.p-camp-feature__slick-item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #cdefee;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.is-onscreen .p-camp-feature__slick-item:after {
  width: 0;
}

.p-camp-schedule {
  background: #fafafa;
  padding: 140px 0 40px;
}
@media (max-width: 1025px) {
  .p-camp-schedule {
    padding: 100px 40px 40px;
  }
}
@media (max-width: 767px) {
  .p-camp-schedule {
    padding: 80px 20px 20px;
  }
}

.p-camp-schedule__inner {
  background: #fff;
  max-width: 960px;
  padding: 70px 80px 60px;
  margin: 0 auto 80px;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
}
.is-onscreen .p-camp-schedule__inner {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .p-camp-schedule__inner {
    padding: 70px 20px 40px;
    margin: 0 auto 60px;
  }
}

.p-camp-schedule__heading {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .p-camp-schedule__heading {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
  }
}

.p-camp-schedule__lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-camp-schedule__lead {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
  }
}

.p-camp-schedule__item {
  padding-top: 50px;
  margin-top: 40px;
  border-top: 1px solid #e6e6e6;
}

.p-camp-schedule__place {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-camp-schedule__place {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
  }
}

.p-camp-schedule__button {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  padding: 28px 0;
  text-align: center;
  border: 1px solid #e6e6e6;
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer;
}
.p-camp-schedule__button:after {
  content: "";
  background-image: url(/images/common/icon_arrow_down.svg);
  width: 30px;
  height: 30px;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.is-open .p-camp-schedule__button:after {
  background-image: url(/images/common/icon_arrow_up.svg);
}
@media (max-width: 767px) {
  .p-camp-schedule__button:after {
    right: 10px;
  }
}

.p-camp-schedule__box {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  display: none;
}
.is-open .p-camp-schedule__box {
  display: block;
}

.p-camp-schedule__box-text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .p-camp-schedule__box-text {
    text-align: left;
  }
}
.p-camp-schedule__box-text-2 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-camp-schedule__box-text-2 {
    text-align: left;
  }
}

.p-camp-other {
  padding: 140px 0 0;
}
@media (max-width: 767px) {
  .p-camp-other {
    padding: 80px 0 0;
  }
}

.p-camp-other__inner {
  padding: 200px 0 150px;
}
@media (max-width: 767px) {
  .p-camp-other__inner {
    padding: 100px 0 80px;
  }
}

.p-camp-other__heading {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .p-camp-other__heading {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
  }
}

.p-camp-other__link {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .p-camp-other__link {
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: 600;
    line-height: 1;
  }
}

.p-camp-other__image {
  background-size: cover;
  background-position: center center;
  position: relative;
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.is-onscreen .p-camp-other__image {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.p-camp-button {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow: hidden;
  color: #131313;
  text-align: center;
  font-family: var(--font-semibold);
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-top: 40px;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.is-page-loaded .p-camp-button {
  opacity: 1;
}
@media (max-width: 767px) {
  .p-camp-button {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 30px;
  }
}

.p-camp-button__link {
  text-align: center;
  position: relative;
  height: 75px;
  line-height: 75px;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  max-width: 270px;
  margin: 0 auto;
  -webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.8s;
       -o-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
}
.is-onscreen .p-camp-button__link {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.is-page-loaded .p-camp-button__link {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 767px) {
  .p-camp-button__link {
    margin-bottom: 15px;
    height: 65px;
    line-height: 65px;
  }
}
.p-camp-button__link a {
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  color: #fff;
}
.p-camp-button__link a:hover {
  color: #131313;
}
.p-camp-button__link:hover .p-camp-button-border__line--left {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-camp-button__link:hover .p-camp-button-border__line--right {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.p-camp-button__link:hover .p-camp-button-border__line--top {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-camp-button__link:hover .p-camp-button-border__line--bottom {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
.p-camp-button__link:hover:before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-camp-button__link:before {
  position: absolute;
  content: "";
  background: var(--primary);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.p-camp-button-border__line {
  position: absolute;
  background: #fff;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.p-camp-button-border__line--left {
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.is-page-loaded .p-camp-button-border__line--left {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-camp-button-border__line--right {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.is-page-loaded .p-camp-button-border__line--right {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.p-camp-button-border__line--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.is-page-loaded .p-camp-button-border__line--top {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.p-camp-button-border__line--bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
.is-page-loaded .p-camp-button-border__line--bottom {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.p-camp-button-2 {
  position: relative;
  z-index: 111;
  max-width: 960px;
  margin: 100px auto;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
}
.p-camp-button-2.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media (max-width: 1025px) {
  .p-camp-button-2 {
    padding: 0 40px;
    margin: 80px auto;
  }
}
@media (max-width: 767px) {
  .p-camp-button-2 {
    padding: 0 20px;
    margin: 60px auto;
  }
}
.p-camp-button-2 a {
  display: block;
  padding: 40px 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #fff;
  text-align: center;
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background: var(--primary);
}

.p-camp-feature__movie {
  margin-top: 60px;
}
.p-camp-feature__movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-camp-feature__movie__item {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
}
.is-onscreen .p-camp-feature__movie__item {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-camp-campaign-attention {
  padding: 30px 60px;
  border: 1px solid #888;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .p-camp-campaign-attention {
    padding: 30px 20px;
  }
}

.p-digital-kv {
  width: 100%;
  height: 87vh;
  /*min-height: 700px;*/
  position: relative;
}
.p-digital-kv__body {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  left: 0px;
  top: 0px;
}

.p-digital-kv__item {
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  position: relative;
}
.p-digital-kv__item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
/*  background: #000;*/
background: linear-gradient(45deg, rgba(16, 1, 43, 1), transparent);
/*  opacity: 0.2;*/
opacity: 25;
}

.p-digital-kv__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.p-digital-kv__box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1200px;
  color: #fff;
  margin-top: 2%;
}
@media (max-width: 1200px) {
  .p-digital-kv__box {
    width: 90%;
  }
}
@media (max-width: 1025px) {
  .p-digital-kv__box {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__box {
    width: 90%;
    margin-top: 6%;
  }
}
@media (max-width: 320px) {
  .p-digital-kv__box {
    width: 90%;
    margin-top: 8%;
  }
}

.p-digital-kv__movie {
  position: relative;
  margin: 0 auto;
  border: 10px solid #fff;
  margin-bottom: 20px;
  cursor: pointer;
  z-index: 111;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-page-loaded .p-digital-kv__movie {
  opacity: 1;
}
@media (max-width: 1025px) {
  .p-digital-kv__movie {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__movie {
    border: 5px solid #fff;
    margin-bottom: 10px;
  }
}
.p-digital-kv__movie span {
  display: block;
  color: #fff;
  text-align: center;
  font-family: var(--font-extrabold);
  font-weight: 800;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  margin-top: 10px;
}

.p-digital-kv__thumb {
  position: relative;
}
.p-digital-kv__thumb:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
}

.p-digital-kv__icon {
  position:relative;
  top: -9px;
  left: 15px !important;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  text-align: center;
}
.p-digital-kv__icon:hover {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .p-digital-kv__icon img {
    width: 50px;
  }
}

.p-digital-kv__left {
  padding-right: 40px;
}
@media (max-width: 1025px) {
  .p-digital-kv__left {
    padding-right: 0px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__left {
    margin-bottom: 10px;
  }
}

.p-digital-kv__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-page-loaded .p-digital-kv__category {
  opacity: 1;
}
@media (max-width: 1200px) {
  .p-digital-kv__category {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__category {
    margin-top: 10px;
  }
}

.p-digital-kv__category-item {
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  text-align: center;
}
.p-digital-kv__category-item svg {
  height: 40px;
  width: 80px;
}
@media (max-width: 1200px) {
  .p-digital-kv__category-item svg {
    height: 40px;
    width: 80px;
  }
}
@media (max-width: 1025px) {
  .p-digital-kv__category-item svg {
    height: 40px;
    width: 80px;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__category-item svg {
    height: 20px;
    width: 80px;
  }
}
.p-digital-kv__category-item p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .p-digital-kv__category-item p {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 1025px) {
  .p-digital-kv__category-item p {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__category-item p {
    margin-top: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
  }
}

.p-digital-kv__heading {
  position: static;
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 1025px) {
  .p-digital-kv__heading {
    text-align: center;
  }
}
.p-digital-kv__heading span {
  display: block;
}
.p-digital-kv__heading--en {
  font-family: var(--font-extrabold);
  font-weight: 800;
  letter-spacing: 0.1em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .p-digital-kv__heading--en {
    margin-bottom: 10px;
  }
}
.p-digital-kv__heading--jp {
  font-size: 40px;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .p-digital-kv__heading--jp {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__heading--jp {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}
.is-page-loaded .p-digital-kv__heading {
  opacity: 1;
}

.p-digital-kv__limited {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  color: #e771a5;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 767px) {
  .p-digital-kv__limited {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8;
    margin-top: 10px;
    text-align: left;
  }
}
@media (max-width: 320px) {
  .p-digital-kv__limited {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: left;
  }
}
.is-page-loaded .p-digital-kv__limited {
  opacity: 1;
}

.p-digital-kv__text {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8;
  margin-top: 0;
  opacity: 0;
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 1025px) {
  .p-digital-kv__text {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .p-digital-kv__text {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.8;
    text-align: left;
  }
}
@media (max-width: 320px) {
  .p-digital-kv__text {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
  }
}
.p-digital-kv__text--2 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
}
@media (max-width: 1025px) {
  .p-digital-kv__text--2 {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.8;
  }
}
@media (max-width: 320px) {
  .p-digital-kv__text--2 {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
  }
}
.is-page-loaded .p-digital-kv__text {
  opacity: 1;
}

.p-digital__body {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 60px;
}

.p-digital__heading {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .p-digital__heading {
    margin-bottom: 40px;
  }
  .p-digital-features02 .p-digital__heading {
    margin-bottom: 20px;
  }
}
.p-digital__heading span {
  display: block;
  /* line-height: 36px !important; */
}
.p-digital__heading-en {
  font-size: 90px;
  font-size: 6.5rem;
  line-height: 1.3;
  font-family: var(--font-extrabold);
  font-weight: 800;
  color: #fff;
}
.p-digital__heading-en:hover{
  color: #fff;
}
@media (max-width: 767px) {
  .p-digital__heading-en {
    font-size: 60px;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
.p-digital-voice .p-digital__heading-en {
  color: var(--primary);
}
.p-digital-price .p-digital__heading-en {
  color: var(--primary);
}
.p-digital-features02 .p-digital__heading-en {
  color: var(--primary);
  font-size: 60px;
  font-size: 5.7rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .p-digital-features02 .p-digital__heading-en {
    font-size: 40px;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.3;
  }
}
.p-digital__heading-jp {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .p-digital__heading-jp {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.3;
  }
}

.p-digital__heading-2 {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: var(--primary);
  margin-top: 30px;
}
@media (max-width: 767px) {
  .p-digital__heading-2 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.p-digital-guide {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .p-digital-guide {
    margin-top: 40px;
  }
}
.p-digital-guide a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.p-digital-guide__heading {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-digital-guide__heading {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2;
  }
}

.p-digital-features {
  padding: 100px 0;
  background: var(--primary);
  margin-top: 60px;
}
@media (max-width: 767px) {
  .p-digital-features {
    padding: 60px 0 30px;
  }
}

.p-digital-features__heading {
  position: relative;
  padding-left: 40px;
  margin: 30px 0;
}
@media (max-width: 767px) {
  .p-digital-features__heading {
    margin: 30px 0 20px;
  }
}
.p-digital-features__heading-num {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  position: absolute;
  top: 0;
  left: 0;
}
.p-digital-features__heading-ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.p-digital-features__heading-sub {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 20px;
}

.p-digital__box {
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.is-onscreen .p-digital__box {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-digital-voice li div {
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.p-digital-voice li div.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-digital-voice li dl {
  opacity: 0;
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.p-digital-voice li dl.is-onscreen {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.p-digital-features__image {
  position: relative;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
}
.is-onscreen .p-digital-features__image {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.p-digital-features__image:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
}
.p-digital-features__image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #cdefee;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  z-index: 1;
}
.is-onscreen .p-digital-features__image:after {
  width: 0;
}
.p-digital-features__image-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-digital-features__image:hover {
  opacity: 0.5;
}

.p-digital-coaches {
  padding: 100px 0;
  background: var(--primary);
}
@media (max-width: 767px) {
  .p-digital-coaches {
    padding: 60px 0 30px;
  }
}

.p-digital-coaches__image {
  position: relative;
}
.is-onscreen .p-digital-coaches__image {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.p-digital-coaches__image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #cdefee;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
.is-onscreen .p-digital-coaches__image:after {
  width: 0;
}

.p-digital-features__item p {
  height: 200px;
}
@media (max-width: 1260px) {
  .p-digital-features__item p {
    height: 220px;
  }
}
@media (max-width: 1260px) {
  .p-digital-features__item p {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .p-digital-features__item p {
    height: auto;
  }
}
.p-digital-features__item p a {
  display: block;
  font-weight: 600;
  margin-top: 10px;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .p-digital-features__item {
    margin-bottom: 60px;
  }
}

.p-digital-coaches__item p {
  height: 160px;
}
@media (max-width: 1260px) {
  .p-digital-coaches__item p {
    height: 210px;
  }
}
@media (max-width: 1025px) {
  .p-digital-coaches__item p {
    height: auto;
  }
}
@media (max-width: 767px) {
  .p-digital-coaches__item p {
    height: auto;
  }
}
@media (max-width: 767px) {
  .p-digital-coaches__item {
    margin-bottom: 60px;
  }
}

.p-digital-coaches {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .p-digital-coaches {
    padding: 60px 0 30px;
  }
}

.p-digital-coaches__heading {
  position: relative;
  margin: 30px 0 20px;
}
.p-digital-coaches__heading span {
  display: block;
}
.p-digital-coaches__heading-eng {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.5;
  font-family: var(--font-extrabold);
  font-weight: 800;
}
.p-digital-coaches__heading-jp {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
}

.p-digital-price {
  padding: 100px 0;
  background: var(--primary);
}
.p-digital-price .p-digital-price__heading-en{
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .p-digital-price {
    padding: 60px 0 50px;
  }
}
.p-digital-price .l-container {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .p-digital-price .l-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.p-digital-price__heading {
  display: table;
  position: relative;
  padding: 30px 0 0 30px;
}
@media (max-width: 767px) {
  .p-digital-price__heading {
    padding: 20px 0 0 15px;
  }
}
.p-digital-price__heading:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 341px 0 0;
  line-height: 0px;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-digital-price__heading:before {
    border-width: 70px 250px 0 0;
  }
}
.is-consul .p-digital-price__heading:before {
  border-color: #7ac1ee transparent transparent transparent;
}
.is-online .p-digital-price__heading:before {
  border-color: #c884f8 transparent transparent transparent;
}
.is-learn .p-digital-price__heading:before {
  border-color: #f5ce75 transparent transparent transparent;
}
.p-digital-price__heading span {
  display: block;
}
.p-digital-price__heading-en {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  font-family: var(--font-extrabold);
  font-weight: 800;
  color: #131313;
}
@media (max-width: 767px) {
  .p-digital-price__heading-en {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
  }
}
.p-digital-price__heading-jp {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6;
}
.p-digital-price__description {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 15px 0 25px 30px;
  height: 80px;
}
@media (max-width: 1160px) {
  .p-digital-price__description {
    height: auto;
  }
}
@media (max-width: 767px) {
  .p-digital-price__description {
    padding: 15px 0 25px 15px;
  }
}

.p-digital-price__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 1160px) {
  .p-digital-price__list {
    display: block;
  }
}

.p-digital-price__item {
  margin-bottom: 80px;
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  padding: 0 15px;
}
.p-digital-price__item:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .p-digital-price__item {
    margin-bottom: 50px;
  }
}

.p-digital-price__content {
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-digital-price__content .bold {
   font-weight: 600;
}
.p-digital-price__content .small {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.p-digital-price__course {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 30px 20px 20px;
  position: relative;
  height: 185px;
  width: 100%;
}
@media (max-width: 1160px) {
  .p-digital-price__course {
    height: auto;
    width: 100%;
  }
}
.p-digital-price__course:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  content: "";
}
@media (max-width: 767px) {
  .p-digital-price__course {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6;
    padding: 30px 20px 20px;
    margin-bottom: 0px;
  }
}

.p-digital-price__yen {
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  padding: 15px 5px;
  height: 110px;
}
@media (max-width: 767px) {
  .p-digital-price__yen {
    height: auto;
  }
}
.p-digital-price__yen p {
  width: 100%;
  padding: 0 5px;
}
@media (max-width: 767px) {
  .p-digital-price__yen p {
    position: static;
    -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    padding: 0px;
  }
}

.p-digital-price__num {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 15px 2px;
  position: relative;
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
}
.p-digital-price__num:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #e6e6e6;
  content: "";
}
.p-digital-price__num p {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .p-digital-price__num p {
    position: static;
    -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    padding: 0px;
  }
}

.p-digital-price__age {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  padding: 15px 5px;
}
.p-digital-price__age:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #e6e6e6;
  content: "";
}
.p-digital-price__age p {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .p-digital-price__age p {
    position: static;
    -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    padding: 0px;
  }
}

.p-digital-voice {
  padding: 100px 0 0px;
}
@media (max-width: 767px) {
  .p-digital-voice {
    padding: 60px 0 0px;
  }
  .p-digital-voice li {
    margin-bottom: 60px;
  }
}

.c_btn {
  text-align: center;
  padding-bottom: 1px;
}

.c_btn a {
  display: inline-block;
  z-index: 1;
  font-size: 1.8rem;
  border: solid 1px var(--primary);
  width: 13em;
  height: 3.9em;
  text-align: center;
  color: #fff;
  position: relative;
  font-weight: bold;
  background: var(--primary);
}
@media (max-width: 1025px) {
  .c_btn a {
    font-size: 1.6rem;
    width: 12em;
    height: 3.8em;
  }
}
@media (max-width: 767px) {
  .c_btn a {
    width: 15em;
    height: 4.2em;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.p-digital-features__list .c_btn a {
  background: #fff;
  color: var(--primary);
  border: solid 1px #fff;
}
.p-digital-coaches__list .c_btn a {
  background: #fff;
  color: var(--primary);
  border: solid 1px #fff;
}

.c_btn a i {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-top: 1.3em;
}
@media (max-width: 1025px) {
  .c_btn a i {
    padding-top: 1.2em;
  }
}

.c_btn a i:before {
  content: "";
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  z-index: -1;
}
.p-digital-features__list .c_btn a i:before {
  background: var(--primary);
}
.p-digital-coaches__list .c_btn a i:before {
  background: var(--primary);
}

.c_btn a b {
  display: block;
  height: 100%;
  position: relative;
}

.c_btn a b:before {
  content: "";
  position: absolute;
  left: 0.5em;
  bottom: -0.5em;
  height: 0.5em;
  border-left: solid 1px #000;
}
.p-digital-features__list .c_btn a b:before {
  border-left: 1px solid #fff;
}
.p-digital-coaches__list .c_btn a b:before {
  border-left: 1px solid #fff;
}

.c_btn a b:after {
  content: "";
  position: absolute;
  top: 0.5em;
  right: -0.5em;
  width: 0.5em;
  border-top: solid 1px #000;
}
.p-digital-features__list .c_btn a b:after {
  border-top: 1px solid #fff;
}
.p-digital-coaches__list .c_btn a b:after {
  border-top: 1px solid #fff;
}

.c_btn a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0.5em;
  top: 0.5em;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  z-index: -1;
}
.p-digital-features__list .c_btn a:before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.p-digital-coaches__list .c_btn a:before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.c_btn a:hover {
  opacity: 1;
  color: #000;
  border: solid 1px #000;
}
.p-digital-features__list .c_btn a:hover {
  border: solid 1px #fff;
  color: #fff;
}
.p-digital-coaches__list .c_btn a:hover {
  border: solid 1px #fff;
  color: #fff;
}

.c_btn a:hover i:before {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.lp_voice dl {
  position: relative;
}

.lp_voice dl.open .more:before {
  content: "close";
}

.lp_voice dl.open dd {
  height: auto;
}

.lp_voice dl .more {
  position: absolute;
  color: var(--primary);
  letter-spacing: 0;
  line-height: 1.2;
  border-bottom: solid 1px var(--primary);
  right: 0;
  bottom: -1.5em;
  cursor: pointer;
  font-size: 1.4rem;
}

.lp_voice dl .more:before {
  content: "もっとみる";
}

.lp_voice dt {
  font-size: 1.8rem;
  color: var(--primary);
  font-weight: bold;
  letter-spacing: -0.05em;
  margin: 0.8em 0 0.5em;
}

.lp_voice dd {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: -0.05em;
  height: 12em;
  overflow: hidden;
}

.lp_voice ul {
  margin-bottom: 4em;
}

.lp_voice li img {
  display: block;
}

@media screen and (max-width: 767px) {
  .lp_voice {
    margin-bottom: 6em;
  }

  .lp_voice ul {
    margin-bottom: 3em;
  }

  .lp_voice li + li {
    margin-top: 2em;
  }
}
@media screen and (min-width: 768px) {
  .lp_voice ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .lp_voice ul > * {
    -ms-flex-preferred-size: 28%;
        flex-basis: 28%;
    max-width: 28%;
  }
}
.p-digital-button {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  z-index: 20001;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  -webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.is-button .p-digital-button {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.p-digital-features02 {
  padding: 100px 0;
  border-top: 1px solid #e6e6e6;
 /*  margin-top: 100px; */
}
@media (max-width: 767px) {
  .p-digital-features02 {
    padding: 60px 0 0px;
    margin-top: 60px;
  }
}
.p-digital-features02 .l-container {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 767px) {
  .p-digital-features02 .l-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.p-transactions__body {
  background: #fafafa;
  padding: 60px 0 100px;
}
@media (max-width: 767px) {
  .p-transactions__body {
    padding: 40px 0 60px;
  }
}

.p-transactions__inner {
  background: #fff;
  position: relative;
  z-index: 11;
  padding: 80px 60px 90px;
}
@media (max-width: 767px) {
  .p-transactions__inner {
    padding: 40px 25px 60px;
  }
}

/* ---------------------------------------------------------

Utility

--------------------------------------------------------- */
/******************************************************************************
* FONT
*******************************************************************************/
.u-fz-10 {
  font-size: 10px !important;
}

.u-fz-11 {
  font-size: 11px !important;
}

.u-fz-12 {
  font-size: 12px !important;
}

.u-fz-13 {
  font-size: 13px !important;
}

.u-fz-14 {
  font-size: 14px !important;
}

.u-fz-15 {
  font-size: 15px !important;
}

.u-fz-16 {
  font-size: 16px !important;
}

.u-fz-17 {
  font-size: 17px !important;
}

.u-fz-18 {
  font-size: 18px !important;
}

.u-fz-19 {
  font-size: 19px !important;
}

.u-fz-20 {
  font-size: 20px !important;
}

.u-fw-nm {
  font-weight: normal !important;
}

.u-fw-b {
  font-weight: bold !important;
}

.u-fw-br {
  font-weight: bolder !important;
}

.u-fw-l {
  font-weight: 200 !important;
}

.u-fw-lr {
  font-weight: lighter !important;
}

.u-fw-100 {
  font-weight: 100 !important;
}

.u-fw-200 {
  font-weight: 200 !important;
}

.u-fw-300 {
  font-weight: 300 !important;
}

.u-fw-400 {
  font-weight: 400 !important;
}

.u-fw-500 {
  font-weight: 500 !important;
}

.u-fw-600 {
  font-weight: 600 !important;
}

.u-fw-700 {
  font-weight: 700 !important;
}

.u-fw-800 {
  font-weight: 800 !important;
}

.u-fw-900 {
  font-weight: 900 !important;
}

.u-fs-nm {
  font-style: normal !important;
}

.u-fs-i {
  font-style: italic !important;
}

.u-fs-o {
  font-style: oblique !important;
}

.u-ff-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

/******************************************************************************
* MARGIN
*******************************************************************************/
.u-m-a {
  margin: auto !important;
}

.u-m-0 {
  margin: 0 !important;
}

.u-m-0_a {
  margin: 0 auto !important;
}

.u-m-xs {
  margin: 1rem !important;
}

.u-m-sm {
  margin: 2rem !important;
}

.u-m-md {
  margin: 3rem !important;
}

.u-m-lg {
  margin: 4rem !important;
}

.u-m-xl {
  margin: 6rem !important;
}

.u-m-xxl {
  margin: 8rem !important;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mt-xs {
  margin-top: 1rem !important;
}

.u-mt-sm {
  margin-top: 2rem !important;
}

.u-mt-md {
  margin-top: 3rem !important;
}

.u-mt-lg {
  margin-top: 4rem !important;
}

.u-mt-xl {
  margin-top: 6rem !important;
}

.u-mt-xxl {
  margin-top: 8rem !important;
}

.u-mr-a {
  margin-right: auto !important;
}

.u-mr-0 {
  margin-right: 0 !important;
}

.u-mr-xs {
  margin-right: 1rem !important;
}

.u-mr-sm {
  margin-right: 2rem !important;
}

.u-mr-md {
  margin-right: 3rem !important;
}

.u-mr-lg {
  margin-right: 4rem !important;
}

.u-mr-xl {
  margin-right: 6rem !important;
}

.u-mr-xxl {
  margin-right: 8rem !important;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-mb-xs {
  margin-bottom: 1rem !important;
}

.u-mb-sm {
  margin-bottom: 2rem !important;
}

.u-mb-md {
  margin-bottom: 3rem !important;
}

.u-mb-lg {
  margin-bottom: 4rem !important;
}

.u-mb-xl {
  margin-bottom: 6rem !important;
}

.u-mb-xxl {
  margin-bottom: 8rem !important;
}

.u-ml-a {
  margin-left: auto !important;
}

.u-ml-0 {
  margin-left: 0 !important;
}

.u-ml-xs {
  margin-left: 1rem !important;
}

.u-ml-sm {
  margin-left: 2rem !important;
}

.u-ml-md {
  margin-left: 3rem !important;
}

.u-ml-lg {
  margin-left: 4rem !important;
}

.u-ml-xl {
  margin-left: 6rem !important;
}

.u-ml-xxl {
  margin-left: 8rem !important;
}

.u-mlr-a {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  .u-m-xs {
    margin: 0.5rem !important;
  }

  .u-m-sm {
    margin: 1rem !important;
  }

  .u-m-md {
    margin: 2rem !important;
  }

  .u-m-lg {
    margin: 3rem !important;
  }

  .u-m-xl {
    margin: 4rem !important;
  }

  .u-m-xxl {
    margin: 5rem !important;
  }

  .u-mt-xs {
    margin-top: 0.5rem !important;
  }

  .u-mt-sm {
    margin-top: 1rem !important;
  }

  .u-mt-md {
    margin-top: 2rem !important;
  }

  .u-mt-lg {
    margin-top: 3rem !important;
  }

  .u-mt-xl {
    margin-top: 4rem !important;
  }

  .u-mt-xxl {
    margin-top: 5rem !important;
  }

  .u-mr-xs {
    margin-right: 0.5rem !important;
  }

  .u-mr-sm {
    margin-right: 1rem !important;
  }

  .u-mr-md {
    margin-right: 2rem !important;
  }

  .u-mr-lg {
    margin-right: 3rem !important;
  }

  .u-mr-xl {
    margin-right: 4rem !important;
  }

  .u-mr-xxl {
    margin-right: 5rem !important;
  }

  .u-mb-xs {
    margin-bottom: 0.5rem !important;
  }

  .u-mb-sm {
    margin-bottom: 1rem !important;
  }

  .u-mb-md {
    margin-bottom: 2rem !important;
  }

  .u-mb-lg {
    margin-bottom: 3rem !important;
  }

  .u-mb-xl {
    margin-bottom: 4rem !important;
  }

  .u-mb-xxl {
    margin-bottom: 5rem !important;
  }

  .u-ml-xs {
    margin-left: 0.5rem !important;
  }

  .u-ml-sm {
    margin-left: 1rem !important;
  }

  .u-ml-md {
    margin-left: 2rem !important;
  }

  .u-ml-lg {
    margin-left: 3rem !important;
  }

  .u-ml-xl {
    margin-left: 4rem !important;
  }

  .u-ml-xxl {
    margin-left: 5rem !important;
  }
}
.u-m-0 {
  margin: 0px !important;
}

.u-m-5 {
  margin: 5px !important;
}

.u-m-10 {
  margin: 10px !important;
}

.u-m-15 {
  margin: 15px !important;
}

.u-m-20 {
  margin: 20px !important;
}

.u-m-25 {
  margin: 25px !important;
}

.u-m-30 {
  margin: 30px !important;
}

.u-m-35 {
  margin: 35px !important;
}

.u-m-40 {
  margin: 40px !important;
}

.u-m-45 {
  margin: 45px !important;
}

.u-m-50 {
  margin: 50px !important;
}

.u-m-55 {
  margin: 55px !important;
}

.u-m-60 {
  margin: 60px !important;
}

.u-m-65 {
  margin: 65px !important;
}

.u-m-70 {
  margin: 70px !important;
}

.u-m-75 {
  margin: 75px !important;
}

.u-m-80 {
  margin: 80px !important;
}

.u-m-85 {
  margin: 85px !important;
}

.u-m-90 {
  margin: 90px !important;
}

.u-m-95 {
  margin: 95px !important;
}

.u-m-100 {
  margin: 100px !important;
}

.u-mt-0 {
  margin-top: 0px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

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

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

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

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

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

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

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

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

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

.u-mt-55 {
  margin-top: 55px !important;
}

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

.u-mt-65 {
  margin-top: 65px !important;
}

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

.u-mt-75 {
  margin-top: 75px !important;
}

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

.u-mt-85 {
  margin-top: 85px !important;
}

.u-mt-90 {
  margin-top: 90px !important;
}

.u-mt-95 {
  margin-top: 95px !important;
}

.u-mt-100 {
  margin-top: 100px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-ml-0 {
  margin-left: 0px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-ml-35 {
  margin-left: 35px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-ml-45 {
  margin-left: 45px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-ml-55 {
  margin-left: 55px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-ml-65 {
  margin-left: 65px !important;
}

.u-ml-70 {
  margin-left: 70px !important;
}

.u-ml-75 {
  margin-left: 75px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-ml-85 {
  margin-left: 85px !important;
}

.u-ml-90 {
  margin-left: 90px !important;
}

.u-ml-95 {
  margin-left: 95px !important;
}

.u-ml-100 {
  margin-left: 100px !important;
}

.u-mr-0 {
  margin-right: 0px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-mr-35 {
  margin-right: 35px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mr-45 {
  margin-right: 45px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-mr-55 {
  margin-right: 55px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-mr-65 {
  margin-right: 65px !important;
}

.u-mr-70 {
  margin-right: 70px !important;
}

.u-mr-75 {
  margin-right: 75px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-mr-85 {
  margin-right: 85px !important;
}

.u-mr-90 {
  margin-right: 90px !important;
}

.u-mr-95 {
  margin-right: 95px !important;
}

.u-mr-100 {
  margin-right: 100px !important;
}

.u-xs-m-0 {
  margin: 0px;
}

.u-xs-m-5 {
  margin: 5px;
}

.u-xs-m-10 {
  margin: 10px;
}

.u-xs-m-15 {
  margin: 15px;
}

.u-xs-m-20 {
  margin: 20px;
}

.u-xs-m-25 {
  margin: 25px;
}

.u-xs-m-30 {
  margin: 30px;
}

.u-xs-m-35 {
  margin: 35px;
}

.u-xs-m-40 {
  margin: 40px;
}

.u-xs-m-45 {
  margin: 45px;
}

.u-xs-m-50 {
  margin: 50px;
}

.u-xs-m-55 {
  margin: 55px;
}

.u-xs-m-60 {
  margin: 60px;
}

.u-xs-m-65 {
  margin: 65px;
}

.u-xs-m-70 {
  margin: 70px;
}

.u-xs-m-75 {
  margin: 75px;
}

.u-xs-m-80 {
  margin: 80px;
}

.u-xs-m-85 {
  margin: 85px;
}

.u-xs-m-90 {
  margin: 90px;
}

.u-xs-m-95 {
  margin: 95px;
}

.u-xs-m-100 {
  margin: 100px;
}

.u-xs-mt-0 {
  margin-top: 0px;
}

.u-xs-mt-5 {
  margin-top: 5px;
}

.u-xs-mt-10 {
  margin-top: 10px;
}

.u-xs-mt-15 {
  margin-top: 15px;
}

.u-xs-mt-20 {
  margin-top: 20px;
}

.u-xs-mt-25 {
  margin-top: 25px;
}

.u-xs-mt-30 {
  margin-top: 30px;
}

.u-xs-mt-35 {
  margin-top: 35px;
}

.u-xs-mt-40 {
  margin-top: 40px;
}

.u-xs-mt-45 {
  margin-top: 45px;
}

.u-xs-mt-50 {
  margin-top: 50px;
}

.u-xs-mt-55 {
  margin-top: 55px;
}

.u-xs-mt-60 {
  margin-top: 60px;
}

.u-xs-mt-65 {
  margin-top: 65px;
}

.u-xs-mt-70 {
  margin-top: 70px;
}

.u-xs-mt-75 {
  margin-top: 75px;
}

.u-xs-mt-80 {
  margin-top: 80px;
}

.u-xs-mt-85 {
  margin-top: 85px;
}

.u-xs-mt-90 {
  margin-top: 90px;
}

.u-xs-mt-95 {
  margin-top: 95px;
}

.u-xs-mt-100 {
  margin-top: 100px;
}

.u-xs-mb-0 {
  margin-bottom: 0px;
}

.u-xs-mb-5 {
  margin-bottom: 5px;
}

.u-xs-mb-10 {
  margin-bottom: 10px;
}

.u-xs-mb-15 {
  margin-bottom: 15px;
}

.u-xs-mb-20 {
  margin-bottom: 20px;
}

.u-xs-mb-25 {
  margin-bottom: 25px;
}

.u-xs-mb-30 {
  margin-bottom: 30px;
}

.u-xs-mb-35 {
  margin-bottom: 35px;
}

.u-xs-mb-40 {
  margin-bottom: 40px;
}

.u-xs-mb-45 {
  margin-bottom: 45px;
}

.u-xs-mb-50 {
  margin-bottom: 50px;
}

.u-xs-mb-55 {
  margin-bottom: 55px;
}

.u-xs-mb-60 {
  margin-bottom: 60px;
}

.u-xs-mb-65 {
  margin-bottom: 65px;
}

.u-xs-mb-70 {
  margin-bottom: 70px;
}

.u-xs-mb-75 {
  margin-bottom: 75px;
}

.u-xs-mb-80 {
  margin-bottom: 80px;
}

.u-xs-mb-85 {
  margin-bottom: 85px;
}

.u-xs-mb-90 {
  margin-bottom: 90px;
}

.u-xs-mb-95 {
  margin-bottom: 95px;
}

.u-xs-mb-100 {
  margin-bottom: 100px;
}

.u-xs-ml-0 {
  margin-left: 0px;
}

.u-xs-ml-5 {
  margin-left: 5px;
}

.u-xs-ml-10 {
  margin-left: 10px;
}

.u-xs-ml-15 {
  margin-left: 15px;
}

.u-xs-ml-20 {
  margin-left: 20px;
}

.u-xs-ml-25 {
  margin-left: 25px;
}

.u-xs-ml-30 {
  margin-left: 30px;
}

.u-xs-ml-35 {
  margin-left: 35px;
}

.u-xs-ml-40 {
  margin-left: 40px;
}

.u-xs-ml-45 {
  margin-left: 45px;
}

.u-xs-ml-50 {
  margin-left: 50px;
}

.u-xs-ml-55 {
  margin-left: 55px;
}

.u-xs-ml-60 {
  margin-left: 60px;
}

.u-xs-ml-65 {
  margin-left: 65px;
}

.u-xs-ml-70 {
  margin-left: 70px;
}

.u-xs-ml-75 {
  margin-left: 75px;
}

.u-xs-ml-80 {
  margin-left: 80px;
}

.u-xs-ml-85 {
  margin-left: 85px;
}

.u-xs-ml-90 {
  margin-left: 90px;
}

.u-xs-ml-95 {
  margin-left: 95px;
}

.u-xs-ml-100 {
  margin-left: 100px;
}

.u-xs-mr-0 {
  margin-right: 0px;
}

.u-xs-mr-5 {
  margin-right: 5px;
}

.u-xs-mr-10 {
  margin-right: 10px;
}

.u-xs-mr-15 {
  margin-right: 15px;
}

.u-xs-mr-20 {
  margin-right: 20px;
}

.u-xs-mr-25 {
  margin-right: 25px;
}

.u-xs-mr-30 {
  margin-right: 30px;
}

.u-xs-mr-35 {
  margin-right: 35px;
}

.u-xs-mr-40 {
  margin-right: 40px;
}

.u-xs-mr-45 {
  margin-right: 45px;
}

.u-xs-mr-50 {
  margin-right: 50px;
}

.u-xs-mr-55 {
  margin-right: 55px;
}

.u-xs-mr-60 {
  margin-right: 60px;
}

.u-xs-mr-65 {
  margin-right: 65px;
}

.u-xs-mr-70 {
  margin-right: 70px;
}

.u-xs-mr-75 {
  margin-right: 75px;
}

.u-xs-mr-80 {
  margin-right: 80px;
}

.u-xs-mr-85 {
  margin-right: 85px;
}

.u-xs-mr-90 {
  margin-right: 90px;
}

.u-xs-mr-95 {
  margin-right: 95px;
}

.u-xs-mr-100 {
  margin-right: 100px;
}

@media (min-width: 768px) {
  .u-sm-m-0 {
    margin: 0px;
  }

  .u-sm-m-5 {
    margin: 5px;
  }

  .u-sm-m-10 {
    margin: 10px;
  }

  .u-sm-m-15 {
    margin: 15px;
  }

  .u-sm-m-20 {
    margin: 20px;
  }

  .u-sm-m-25 {
    margin: 25px;
  }

  .u-sm-m-30 {
    margin: 30px;
  }

  .u-sm-m-35 {
    margin: 35px;
  }

  .u-sm-m-40 {
    margin: 40px;
  }

  .u-sm-m-45 {
    margin: 45px;
  }

  .u-sm-m-50 {
    margin: 50px;
  }

  .u-sm-m-55 {
    margin: 55px;
  }

  .u-sm-m-60 {
    margin: 60px;
  }

  .u-sm-m-65 {
    margin: 65px;
  }

  .u-sm-m-70 {
    margin: 70px;
  }

  .u-sm-m-75 {
    margin: 75px;
  }

  .u-sm-m-80 {
    margin: 80px;
  }

  .u-sm-m-85 {
    margin: 85px;
  }

  .u-sm-m-90 {
    margin: 90px;
  }

  .u-sm-m-95 {
    margin: 95px;
  }

  .u-sm-m-100 {
    margin: 100px;
  }

  .u-sm-mt-0 {
    margin-top: 0px;
  }

  .u-sm-mt-5 {
    margin-top: 5px;
  }

  .u-sm-mt-10 {
    margin-top: 10px;
  }

  .u-sm-mt-15 {
    margin-top: 15px;
  }

  .u-sm-mt-20 {
    margin-top: 20px;
  }

  .u-sm-mt-25 {
    margin-top: 25px;
  }

  .u-sm-mt-30 {
    margin-top: 30px;
  }

  .u-sm-mt-35 {
    margin-top: 35px;
  }

  .u-sm-mt-40 {
    margin-top: 40px;
  }

  .u-sm-mt-45 {
    margin-top: 45px;
  }

  .u-sm-mt-50 {
    margin-top: 50px;
  }

  .u-sm-mt-55 {
    margin-top: 55px;
  }

  .u-sm-mt-60 {
    margin-top: 60px;
  }

  .u-sm-mt-65 {
    margin-top: 65px;
  }

  .u-sm-mt-70 {
    margin-top: 70px;
  }

  .u-sm-mt-75 {
    margin-top: 75px;
  }

  .u-sm-mt-80 {
    margin-top: 80px;
  }

  .u-sm-mt-85 {
    margin-top: 85px;
  }

  .u-sm-mt-90 {
    margin-top: 90px;
  }

  .u-sm-mt-95 {
    margin-top: 95px;
  }

  .u-sm-mt-100 {
    margin-top: 100px;
  }

  .u-sm-mb-0 {
    margin-bottom: 0px;
  }

  .u-sm-mb-5 {
    margin-bottom: 5px;
  }

  .u-sm-mb-10 {
    margin-bottom: 10px;
  }

  .u-sm-mb-15 {
    margin-bottom: 15px;
  }

  .u-sm-mb-20 {
    margin-bottom: 20px;
  }

  .u-sm-mb-25 {
    margin-bottom: 25px;
  }

  .u-sm-mb-30 {
    margin-bottom: 30px;
  }

  .u-sm-mb-35 {
    margin-bottom: 35px;
  }

  .u-sm-mb-40 {
    margin-bottom: 40px;
  }

  .u-sm-mb-45 {
    margin-bottom: 45px;
  }

  .u-sm-mb-50 {
    margin-bottom: 50px;
  }

  .u-sm-mb-55 {
    margin-bottom: 55px;
  }

  .u-sm-mb-60 {
    margin-bottom: 60px;
  }

  .u-sm-mb-65 {
    margin-bottom: 65px;
  }

  .u-sm-mb-70 {
    margin-bottom: 70px;
  }

  .u-sm-mb-75 {
    margin-bottom: 75px;
  }

  .u-sm-mb-80 {
    margin-bottom: 80px;
  }

  .u-sm-mb-85 {
    margin-bottom: 85px;
  }

  .u-sm-mb-90 {
    margin-bottom: 90px;
  }

  .u-sm-mb-95 {
    margin-bottom: 95px;
  }

  .u-sm-mb-100 {
    margin-bottom: 100px;
  }

  .u-sm-ml-0 {
    margin-left: 0px;
  }

  .u-sm-ml-5 {
    margin-left: 5px;
  }

  .u-sm-ml-10 {
    margin-left: 10px;
  }

  .u-sm-ml-15 {
    margin-left: 15px;
  }

  .u-sm-ml-20 {
    margin-left: 20px;
  }

  .u-sm-ml-25 {
    margin-left: 25px;
  }

  .u-sm-ml-30 {
    margin-left: 30px;
  }

  .u-sm-ml-35 {
    margin-left: 35px;
  }

  .u-sm-ml-40 {
    margin-left: 40px;
  }

  .u-sm-ml-45 {
    margin-left: 45px;
  }

  .u-sm-ml-50 {
    margin-left: 50px;
  }

  .u-sm-ml-55 {
    margin-left: 55px;
  }

  .u-sm-ml-60 {
    margin-left: 60px;
  }

  .u-sm-ml-65 {
    margin-left: 65px;
  }

  .u-sm-ml-70 {
    margin-left: 70px;
  }

  .u-sm-ml-75 {
    margin-left: 75px;
  }

  .u-sm-ml-80 {
    margin-left: 80px;
  }

  .u-sm-ml-85 {
    margin-left: 85px;
  }

  .u-sm-ml-90 {
    margin-left: 90px;
  }

  .u-sm-ml-95 {
    margin-left: 95px;
  }

  .u-sm-ml-100 {
    margin-left: 100px;
  }

  .u-sm-mr-0 {
    margin-right: 0px;
  }

  .u-sm-mr-5 {
    margin-right: 5px;
  }

  .u-sm-mr-10 {
    margin-right: 10px;
  }

  .u-sm-mr-15 {
    margin-right: 15px;
  }

  .u-sm-mr-20 {
    margin-right: 20px;
  }

  .u-sm-mr-25 {
    margin-right: 25px;
  }

  .u-sm-mr-30 {
    margin-right: 30px;
  }

  .u-sm-mr-35 {
    margin-right: 35px;
  }

  .u-sm-mr-40 {
    margin-right: 40px;
  }

  .u-sm-mr-45 {
    margin-right: 45px;
  }

  .u-sm-mr-50 {
    margin-right: 50px;
  }

  .u-sm-mr-55 {
    margin-right: 55px;
  }

  .u-sm-mr-60 {
    margin-right: 60px;
  }

  .u-sm-mr-65 {
    margin-right: 65px;
  }

  .u-sm-mr-70 {
    margin-right: 70px;
  }

  .u-sm-mr-75 {
    margin-right: 75px;
  }

  .u-sm-mr-80 {
    margin-right: 80px;
  }

  .u-sm-mr-85 {
    margin-right: 85px;
  }

  .u-sm-mr-90 {
    margin-right: 90px;
  }

  .u-sm-mr-95 {
    margin-right: 95px;
  }

  .u-sm-mr-100 {
    margin-right: 100px;
  }
}
@media (min-width: 1024px) {
  .u-md-m-0 {
    margin: 0px;
  }

  .u-md-m-5 {
    margin: 5px;
  }

  .u-md-m-10 {
    margin: 10px;
  }

  .u-md-m-15 {
    margin: 15px;
  }

  .u-md-m-20 {
    margin: 20px;
  }

  .u-md-m-25 {
    margin: 25px;
  }

  .u-md-m-30 {
    margin: 30px;
  }

  .u-md-m-35 {
    margin: 35px;
  }

  .u-md-m-40 {
    margin: 40px;
  }

  .u-md-m-45 {
    margin: 45px;
  }

  .u-md-m-50 {
    margin: 50px;
  }

  .u-md-m-55 {
    margin: 55px;
  }

  .u-md-m-60 {
    margin: 60px;
  }

  .u-md-m-65 {
    margin: 65px;
  }

  .u-md-m-70 {
    margin: 70px;
  }

  .u-md-m-75 {
    margin: 75px;
  }

  .u-md-m-80 {
    margin: 80px;
  }

  .u-md-m-85 {
    margin: 85px;
  }

  .u-md-m-90 {
    margin: 90px;
  }

  .u-md-m-95 {
    margin: 95px;
  }

  .u-md-m-100 {
    margin: 100px;
  }

  .u-md-mt-0 {
    margin-top: 0px;
  }

  .u-md-mt-5 {
    margin-top: 5px;
  }

  .u-md-mt-10 {
    margin-top: 10px;
  }

  .u-md-mt-15 {
    margin-top: 15px;
  }

  .u-md-mt-20 {
    margin-top: 20px;
  }

  .u-md-mt-25 {
    margin-top: 25px;
  }

  .u-md-mt-30 {
    margin-top: 30px;
  }

  .u-md-mt-35 {
    margin-top: 35px;
  }

  .u-md-mt-40 {
    margin-top: 40px;
  }

  .u-md-mt-45 {
    margin-top: 45px;
  }

  .u-md-mt-50 {
    margin-top: 50px;
  }

  .u-md-mt-55 {
    margin-top: 55px;
  }

  .u-md-mt-60 {
    margin-top: 60px;
  }

  .u-md-mt-65 {
    margin-top: 65px;
  }

  .u-md-mt-70 {
    margin-top: 70px;
  }

  .u-md-mt-75 {
    margin-top: 75px;
  }

  .u-md-mt-80 {
    margin-top: 80px;
  }

  .u-md-mt-85 {
    margin-top: 85px;
  }

  .u-md-mt-90 {
    margin-top: 90px;
  }

  .u-md-mt-95 {
    margin-top: 95px;
  }

  .u-md-mt-100 {
    margin-top: 100px;
  }

  .u-md-mb-0 {
    margin-bottom: 0px;
  }

  .u-md-mb-5 {
    margin-bottom: 5px;
  }

  .u-md-mb-10 {
    margin-bottom: 10px;
  }

  .u-md-mb-15 {
    margin-bottom: 15px;
  }

  .u-md-mb-20 {
    margin-bottom: 20px;
  }

  .u-md-mb-25 {
    margin-bottom: 25px;
  }

  .u-md-mb-30 {
    margin-bottom: 30px;
  }

  .u-md-mb-35 {
    margin-bottom: 35px;
  }

  .u-md-mb-40 {
    margin-bottom: 40px;
  }

  .u-md-mb-45 {
    margin-bottom: 45px;
  }

  .u-md-mb-50 {
    margin-bottom: 50px;
  }

  .u-md-mb-55 {
    margin-bottom: 55px;
  }

  .u-md-mb-60 {
    margin-bottom: 60px;
  }

  .u-md-mb-65 {
    margin-bottom: 65px;
  }

  .u-md-mb-70 {
    margin-bottom: 70px;
  }

  .u-md-mb-75 {
    margin-bottom: 75px;
  }

  .u-md-mb-80 {
    margin-bottom: 80px;
  }

  .u-md-mb-85 {
    margin-bottom: 85px;
  }

  .u-md-mb-90 {
    margin-bottom: 90px;
  }

  .u-md-mb-95 {
    margin-bottom: 95px;
  }

  .u-md-mb-100 {
    margin-bottom: 100px;
  }

  .u-md-ml-0 {
    margin-left: 0px;
  }

  .u-md-ml-5 {
    margin-left: 5px;
  }

  .u-md-ml-10 {
    margin-left: 10px;
  }

  .u-md-ml-15 {
    margin-left: 15px;
  }

  .u-md-ml-20 {
    margin-left: 20px;
  }

  .u-md-ml-25 {
    margin-left: 25px;
  }

  .u-md-ml-30 {
    margin-left: 30px;
  }

  .u-md-ml-35 {
    margin-left: 35px;
  }

  .u-md-ml-40 {
    margin-left: 40px;
  }

  .u-md-ml-45 {
    margin-left: 45px;
  }

  .u-md-ml-50 {
    margin-left: 50px;
  }

  .u-md-ml-55 {
    margin-left: 55px;
  }

  .u-md-ml-60 {
    margin-left: 60px;
  }

  .u-md-ml-65 {
    margin-left: 65px;
  }

  .u-md-ml-70 {
    margin-left: 70px;
  }

  .u-md-ml-75 {
    margin-left: 75px;
  }

  .u-md-ml-80 {
    margin-left: 80px;
  }

  .u-md-ml-85 {
    margin-left: 85px;
  }

  .u-md-ml-90 {
    margin-left: 90px;
  }

  .u-md-ml-95 {
    margin-left: 95px;
  }

  .u-md-ml-100 {
    margin-left: 100px;
  }

  .u-md-mr-0 {
    margin-right: 0px;
  }

  .u-md-mr-5 {
    margin-right: 5px;
  }

  .u-md-mr-10 {
    margin-right: 10px;
  }

  .u-md-mr-15 {
    margin-right: 15px;
  }

  .u-md-mr-20 {
    margin-right: 20px;
  }

  .u-md-mr-25 {
    margin-right: 25px;
  }

  .u-md-mr-30 {
    margin-right: 30px;
  }

  .u-md-mr-35 {
    margin-right: 35px;
  }

  .u-md-mr-40 {
    margin-right: 40px;
  }

  .u-md-mr-45 {
    margin-right: 45px;
  }

  .u-md-mr-50 {
    margin-right: 50px;
  }

  .u-md-mr-55 {
    margin-right: 55px;
  }

  .u-md-mr-60 {
    margin-right: 60px;
  }

  .u-md-mr-65 {
    margin-right: 65px;
  }

  .u-md-mr-70 {
    margin-right: 70px;
  }

  .u-md-mr-75 {
    margin-right: 75px;
  }

  .u-md-mr-80 {
    margin-right: 80px;
  }

  .u-md-mr-85 {
    margin-right: 85px;
  }

  .u-md-mr-90 {
    margin-right: 90px;
  }

  .u-md-mr-95 {
    margin-right: 95px;
  }

  .u-md-mr-100 {
    margin-right: 100px;
  }
}
@media (min-width: 1441px) {
  .u-lg-m-0 {
    margin: 0px;
  }

  .u-lg-m-5 {
    margin: 5px;
  }

  .u-lg-m-10 {
    margin: 10px;
  }

  .u-lg-m-15 {
    margin: 15px;
  }

  .u-lg-m-20 {
    margin: 20px;
  }

  .u-lg-m-25 {
    margin: 25px;
  }

  .u-lg-m-30 {
    margin: 30px;
  }

  .u-lg-m-35 {
    margin: 35px;
  }

  .u-lg-m-40 {
    margin: 40px;
  }

  .u-lg-m-45 {
    margin: 45px;
  }

  .u-lg-m-50 {
    margin: 50px;
  }

  .u-lg-m-55 {
    margin: 55px;
  }

  .u-lg-m-60 {
    margin: 60px;
  }

  .u-lg-m-65 {
    margin: 65px;
  }

  .u-lg-m-70 {
    margin: 70px;
  }

  .u-lg-m-75 {
    margin: 75px;
  }

  .u-lg-m-80 {
    margin: 80px;
  }

  .u-lg-m-85 {
    margin: 85px;
  }

  .u-lg-m-90 {
    margin: 90px;
  }

  .u-lg-m-95 {
    margin: 95px;
  }

  .u-lg-m-100 {
    margin: 100px;
  }

  .u-lg-mt-0 {
    margin-top: 0px;
  }

  .u-lg-mt-5 {
    margin-top: 5px;
  }

  .u-lg-mt-10 {
    margin-top: 10px;
  }

  .u-lg-mt-15 {
    margin-top: 15px;
  }

  .u-lg-mt-20 {
    margin-top: 20px;
  }

  .u-lg-mt-25 {
    margin-top: 25px;
  }

  .u-lg-mt-30 {
    margin-top: 30px;
  }

  .u-lg-mt-35 {
    margin-top: 35px;
  }

  .u-lg-mt-40 {
    margin-top: 40px;
  }

  .u-lg-mt-45 {
    margin-top: 45px;
  }

  .u-lg-mt-50 {
    margin-top: 50px;
  }

  .u-lg-mt-55 {
    margin-top: 55px;
  }

  .u-lg-mt-60 {
    margin-top: 60px;
  }

  .u-lg-mt-65 {
    margin-top: 65px;
  }

  .u-lg-mt-70 {
    margin-top: 70px;
  }

  .u-lg-mt-75 {
    margin-top: 75px;
  }

  .u-lg-mt-80 {
    margin-top: 80px;
  }

  .u-lg-mt-85 {
    margin-top: 85px;
  }

  .u-lg-mt-90 {
    margin-top: 90px;
  }

  .u-lg-mt-95 {
    margin-top: 95px;
  }

  .u-lg-mt-100 {
    margin-top: 100px;
  }

  .u-lg-mb-0 {
    margin-bottom: 0px;
  }

  .u-lg-mb-5 {
    margin-bottom: 5px;
  }

  .u-lg-mb-10 {
    margin-bottom: 10px;
  }

  .u-lg-mb-15 {
    margin-bottom: 15px;
  }

  .u-lg-mb-20 {
    margin-bottom: 20px;
  }

  .u-lg-mb-25 {
    margin-bottom: 25px;
  }

  .u-lg-mb-30 {
    margin-bottom: 30px;
  }

  .u-lg-mb-35 {
    margin-bottom: 35px;
  }

  .u-lg-mb-40 {
    margin-bottom: 40px;
  }

  .u-lg-mb-45 {
    margin-bottom: 45px;
  }

  .u-lg-mb-50 {
    margin-bottom: 50px;
  }

  .u-lg-mb-55 {
    margin-bottom: 55px;
  }

  .u-lg-mb-60 {
    margin-bottom: 60px;
  }

  .u-lg-mb-65 {
    margin-bottom: 65px;
  }

  .u-lg-mb-70 {
    margin-bottom: 70px;
  }

  .u-lg-mb-75 {
    margin-bottom: 75px;
  }

  .u-lg-mb-80 {
    margin-bottom: 80px;
  }

  .u-lg-mb-85 {
    margin-bottom: 85px;
  }

  .u-lg-mb-90 {
    margin-bottom: 90px;
  }

  .u-lg-mb-95 {
    margin-bottom: 95px;
  }

  .u-lg-mb-100 {
    margin-bottom: 100px;
  }

  .u-lg-ml-0 {
    margin-left: 0px;
  }

  .u-lg-ml-5 {
    margin-left: 5px;
  }

  .u-lg-ml-10 {
    margin-left: 10px;
  }

  .u-lg-ml-15 {
    margin-left: 15px;
  }

  .u-lg-ml-20 {
    margin-left: 20px;
  }

  .u-lg-ml-25 {
    margin-left: 25px;
  }

  .u-lg-ml-30 {
    margin-left: 30px;
  }

  .u-lg-ml-35 {
    margin-left: 35px;
  }

  .u-lg-ml-40 {
    margin-left: 40px;
  }

  .u-lg-ml-45 {
    margin-left: 45px;
  }

  .u-lg-ml-50 {
    margin-left: 50px;
  }

  .u-lg-ml-55 {
    margin-left: 55px;
  }

  .u-lg-ml-60 {
    margin-left: 60px;
  }

  .u-lg-ml-65 {
    margin-left: 65px;
  }

  .u-lg-ml-70 {
    margin-left: 70px;
  }

  .u-lg-ml-75 {
    margin-left: 75px;
  }

  .u-lg-ml-80 {
    margin-left: 80px;
  }

  .u-lg-ml-85 {
    margin-left: 85px;
  }

  .u-lg-ml-90 {
    margin-left: 90px;
  }

  .u-lg-ml-95 {
    margin-left: 95px;
  }

  .u-lg-ml-100 {
    margin-left: 100px;
  }

  .u-lg-mr-0 {
    margin-right: 0px;
  }

  .u-lg-mr-5 {
    margin-right: 5px;
  }

  .u-lg-mr-10 {
    margin-right: 10px;
  }

  .u-lg-mr-15 {
    margin-right: 15px;
  }

  .u-lg-mr-20 {
    margin-right: 20px;
  }

  .u-lg-mr-25 {
    margin-right: 25px;
  }

  .u-lg-mr-30 {
    margin-right: 30px;
  }

  .u-lg-mr-35 {
    margin-right: 35px;
  }

  .u-lg-mr-40 {
    margin-right: 40px;
  }

  .u-lg-mr-45 {
    margin-right: 45px;
  }

  .u-lg-mr-50 {
    margin-right: 50px;
  }

  .u-lg-mr-55 {
    margin-right: 55px;
  }

  .u-lg-mr-60 {
    margin-right: 60px;
  }

  .u-lg-mr-65 {
    margin-right: 65px;
  }

  .u-lg-mr-70 {
    margin-right: 70px;
  }

  .u-lg-mr-75 {
    margin-right: 75px;
  }

  .u-lg-mr-80 {
    margin-right: 80px;
  }

  .u-lg-mr-85 {
    margin-right: 85px;
  }

  .u-lg-mr-90 {
    margin-right: 90px;
  }

  .u-lg-mr-95 {
    margin-right: 95px;
  }

  .u-lg-mr-100 {
    margin-right: 100px;
  }
}
/******************************************************************************
* PADDING
*******************************************************************************/
.u-p-0 {
  padding: 0 !important;
}

.u-p-xs {
  padding: 1rem !important;
}

.u-p-sm {
  padding: 2rem !important;
}

.u-p-md {
  padding: 3rem !important;
}

.u-p-lg {
  padding: 4rem !important;
}

.u-p-xl {
  padding: 6rem !important;
}

.u-p-xxl {
  padding: 8rem !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.u-pt-xs {
  padding-top: 1rem !important;
}

.u-pt-sm {
  padding-top: 2rem !important;
}

.u-pt-md {
  padding-top: 3rem !important;
}

.u-pt-lg {
  padding-top: 4rem !important;
}

.u-pt-xl {
  padding-top: 6rem !important;
}

.u-pt-xxl {
  padding-top: 8rem !important;
}

.u-pr-0 {
  padding-right: 0 !important;
}

.u-pr-xs {
  padding-right: 1rem !important;
}

.u-pr-sm {
  padding-right: 2rem !important;
}

.u-pr-md {
  padding-right: 3rem !important;
}

.u-pr-lg {
  padding-right: 4rem !important;
}

.u-pr-xl {
  padding-right: 6rem !important;
}

.u-pr-xxl {
  padding-right: 8rem !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

.u-pb-xs {
  padding-bottom: 1rem !important;
}

.u-pb-sm {
  padding-bottom: 2rem !important;
}

.u-pb-md {
  padding-bottom: 3rem !important;
}

.u-pb-lg {
  padding-bottom: 4rem !important;
}

.u-pb-xl {
  padding-bottom: 6rem !important;
}

.u-pb-xxl {
  padding-bottom: 8rem !important;
}

.u-pl-0 {
  padding-left: 0 !important;
}

.u-pl-xs {
  padding-left: 1rem !important;
}

.u-pl-sm {
  padding-left: 2rem !important;
}

.u-pl-md {
  padding-left: 3rem !important;
}

.u-pl-lg {
  padding-left: 4rem !important;
}

.u-pl-xl {
  padding-left: 6rem !important;
}

.u-pl-xxl {
  padding-left: 8rem !important;
}

@media (max-width: 767px) {
  .u-p-xs {
    padding: 0.5rem !important;
  }

  .u-p-sm {
    padding: 1rem !important;
  }

  .u-p-md {
    padding: 2rem !important;
  }

  .u-p-lg {
    padding: 3rem !important;
  }

  .u-p-xl {
    padding: 4rem !important;
  }

  .u-p-xxl {
    padding: 5rem !important;
  }

  .u-pr-xs {
    padding-right: 0.5rem !important;
  }

  .u-pr-sm {
    padding-right: 1rem !important;
  }

  .u-pr-md {
    padding-right: 2rem !important;
  }

  .u-pr-lg {
    padding-right: 3rem !important;
  }

  .u-pr-xl {
    padding-right: 4rem !important;
  }

  .u-pr-xxl {
    padding-right: 5rem !important;
  }

  .u-pt-xs {
    padding-top: 0.5rem !important;
  }

  .u-pt-sm {
    padding-top: 1rem !important;
  }

  .u-pt-md {
    padding-top: 2rem !important;
  }

  .u-pt-lg {
    padding-top: 3rem !important;
  }

  .u-pt-xl {
    padding-top: 4rem !important;
  }

  .u-pt-xxl {
    padding-top: 5rem !important;
  }

  .u-pb-xs {
    padding-bottom: 0.5rem !important;
  }

  .u-pb-sm {
    padding-bottom: 1rem !important;
  }

  .u-pb-md {
    padding-bottom: 2rem !important;
  }

  .u-pb-lg {
    padding-bottom: 3rem !important;
  }

  .u-pb-xl {
    padding-bottom: 4rem !important;
  }

  .u-pb-xxl {
    padding-bottom: 5rem !important;
  }

  .u-pl-xs {
    padding-left: 0.5rem !important;
  }

  .u-pl-sm {
    padding-left: 1rem !important;
  }

  .u-pl-md {
    padding-left: 2rem !important;
  }

  .u-pl-lg {
    padding-left: 3rem !important;
  }

  .u-pl-xl {
    padding-left: 4rem !important;
  }

  .u-pl-xxl {
    padding-left: 5rem !important;
  }
}
/******************************************************************************
* PADDING
*******************************************************************************/
.u-p0 {
  padding: 0px !important;
}

.u-p5 {
  padding: 5px !important;
}

.u-p10 {
  padding: 10px !important;
}

.u-p15 {
  padding: 15px !important;
}

.u-p20 {
  padding: 20px !important;
}

.u-p25 {
  padding: 25px !important;
}

.u-p30 {
  padding: 30px !important;
}

.u-p35 {
  padding: 35px !important;
}

.u-p40 {
  padding: 40px !important;
}

.u-p45 {
  padding: 45px !important;
}

.u-p50 {
  padding: 50px !important;
}

.u-p55 {
  padding: 55px !important;
}

.u-p60 {
  padding: 60px !important;
}

.u-p65 {
  padding: 65px !important;
}

.u-p70 {
  padding: 70px !important;
}

.u-p75 {
  padding: 75px !important;
}

.u-p80 {
  padding: 80px !important;
}

.u-p85 {
  padding: 85px !important;
}

.u-p90 {
  padding: 90px !important;
}

.u-p95 {
  padding: 95px !important;
}

.u-p100 {
  padding: 100px !important;
}

.u-pt-0 {
  padding-top: 0px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pt-55 {
  padding-top: 55px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pt-65 {
  padding-top: 65px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pt-75 {
  padding-top: 75px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pt-85 {
  padding-top: 85px !important;
}

.u-pt-90 {
  padding-top: 90px !important;
}

.u-pt-95 {
  padding-top: 95px !important;
}

.u-pt-100 {
  padding-top: 100px !important;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pb-35 {
  padding-bottom: 35px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pb-45 {
  padding-bottom: 45px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pb-55 {
  padding-bottom: 55px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pb-65 {
  padding-bottom: 65px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pb-75 {
  padding-bottom: 75px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pb-85 {
  padding-bottom: 85px !important;
}

.u-pb-90 {
  padding-bottom: 90px !important;
}

.u-pb-95 {
  padding-bottom: 95px !important;
}

.u-pb-100 {
  padding-bottom: 100px !important;
}

.u-pl-0 {
  padding-left: 0px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pl-25 {
  padding-left: 25px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

.u-pl-35 {
  padding-left: 35px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

.u-pl-45 {
  padding-left: 45px !important;
}

.u-pl-50 {
  padding-left: 50px !important;
}

.u-pl-55 {
  padding-left: 55px !important;
}

.u-pl-60 {
  padding-left: 60px !important;
}

.u-pl-65 {
  padding-left: 65px !important;
}

.u-pl-70 {
  padding-left: 70px !important;
}

.u-pl-75 {
  padding-left: 75px !important;
}

.u-pl-80 {
  padding-left: 80px !important;
}

.u-pl-85 {
  padding-left: 85px !important;
}

.u-pl-90 {
  padding-left: 90px !important;
}

.u-pl-95 {
  padding-left: 95px !important;
}

.u-pl-100 {
  padding-left: 100px !important;
}

.u-pr-0 {
  padding-right: 0px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pr-25 {
  padding-right: 25px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

.u-pr-35 {
  padding-right: 35px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-pr-45 {
  padding-right: 45px !important;
}

.u-pr-50 {
  padding-right: 50px !important;
}

.u-pr-55 {
  padding-right: 55px !important;
}

.u-pr-60 {
  padding-right: 60px !important;
}

.u-pr-65 {
  padding-right: 65px !important;
}

.u-pr-70 {
  padding-right: 70px !important;
}

.u-pr-75 {
  padding-right: 75px !important;
}

.u-pr-80 {
  padding-right: 80px !important;
}

.u-pr-85 {
  padding-right: 85px !important;
}

.u-pr-90 {
  padding-right: 90px !important;
}

.u-pr-95 {
  padding-right: 95px !important;
}

.u-pr-100 {
  padding-right: 100px !important;
}

.u-xs-p0 {
  padding: 0px;
}

.u-xs-p5 {
  padding: 5px;
}

.u-xs-p10 {
  padding: 10px;
}

.u-xs-p15 {
  padding: 15px;
}

.u-xs-p20 {
  padding: 20px;
}

.u-xs-p25 {
  padding: 25px;
}

.u-xs-p30 {
  padding: 30px;
}

.u-xs-p35 {
  padding: 35px;
}

.u-xs-p40 {
  padding: 40px;
}

.u-xs-p45 {
  padding: 45px;
}

.u-xs-p50 {
  padding: 50px;
}

.u-xs-p55 {
  padding: 55px;
}

.u-xs-p60 {
  padding: 60px;
}

.u-xs-p65 {
  padding: 65px;
}

.u-xs-p70 {
  padding: 70px;
}

.u-xs-p75 {
  padding: 75px;
}

.u-xs-p80 {
  padding: 80px;
}

.u-xs-p85 {
  padding: 85px;
}

.u-xs-p90 {
  padding: 90px;
}

.u-xs-p95 {
  padding: 95px;
}

.u-xs-p100 {
  padding: 100px;
}

.u-xs-pt-0 {
  padding-top: 0px;
}

.u-xs-pt-5 {
  padding-top: 5px;
}

.u-xs-pt-10 {
  padding-top: 10px;
}

.u-xs-pt-15 {
  padding-top: 15px;
}

.u-xs-pt-20 {
  padding-top: 20px;
}

.u-xs-pt-25 {
  padding-top: 25px;
}

.u-xs-pt-30 {
  padding-top: 30px;
}

.u-xs-pt-35 {
  padding-top: 35px;
}

.u-xs-pt-40 {
  padding-top: 40px;
}

.u-xs-pt-45 {
  padding-top: 45px;
}

.u-xs-pt-50 {
  padding-top: 50px;
}

.u-xs-pt-55 {
  padding-top: 55px;
}

.u-xs-pt-60 {
  padding-top: 60px;
}

.u-xs-pt-65 {
  padding-top: 65px;
}

.u-xs-pt-70 {
  padding-top: 70px;
}

.u-xs-pt-75 {
  padding-top: 75px;
}

.u-xs-pt-80 {
  padding-top: 80px;
}

.u-xs-pt-85 {
  padding-top: 85px;
}

.u-xs-pt-90 {
  padding-top: 90px;
}

.u-xs-pt-95 {
  padding-top: 95px;
}

.u-xs-pt-100 {
  padding-top: 100px;
}

.u-xs-pb-0 {
  padding-bottom: 0px;
}

.u-xs-pb-5 {
  padding-bottom: 5px;
}

.u-xs-pb-10 {
  padding-bottom: 10px;
}

.u-xs-pb-15 {
  padding-bottom: 15px;
}

.u-xs-pb-20 {
  padding-bottom: 20px;
}

.u-xs-pb-25 {
  padding-bottom: 25px;
}

.u-xs-pb-30 {
  padding-bottom: 30px;
}

.u-xs-pb-35 {
  padding-bottom: 35px;
}

.u-xs-pb-40 {
  padding-bottom: 40px;
}

.u-xs-pb-45 {
  padding-bottom: 45px;
}

.u-xs-pb-50 {
  padding-bottom: 50px;
}

.u-xs-pb-55 {
  padding-bottom: 55px;
}

.u-xs-pb-60 {
  padding-bottom: 60px;
}

.u-xs-pb-65 {
  padding-bottom: 65px;
}

.u-xs-pb-70 {
  padding-bottom: 70px;
}

.u-xs-pb-75 {
  padding-bottom: 75px;
}

.u-xs-pb-80 {
  padding-bottom: 80px;
}

.u-xs-pb-85 {
  padding-bottom: 85px;
}

.u-xs-pb-90 {
  padding-bottom: 90px;
}

.u-xs-pb-95 {
  padding-bottom: 95px;
}

.u-xs-pb-100 {
  padding-bottom: 100px;
}

.u-xs-pl-0 {
  padding-left: 0px;
}

.u-xs-pl-5 {
  padding-left: 5px;
}

.u-xs-pl-10 {
  padding-left: 10px;
}

.u-xs-pl-15 {
  padding-left: 15px;
}

.u-xs-pl-20 {
  padding-left: 20px;
}

.u-xs-pl-25 {
  padding-left: 25px;
}

.u-xs-pl-30 {
  padding-left: 30px;
}

.u-xs-pl-35 {
  padding-left: 35px;
}

.u-xs-pl-40 {
  padding-left: 40px;
}

.u-xs-pl-45 {
  padding-left: 45px;
}

.u-xs-pl-50 {
  padding-left: 50px;
}

.u-xs-pl-55 {
  padding-left: 55px;
}

.u-xs-pl-60 {
  padding-left: 60px;
}

.u-xs-pl-65 {
  padding-left: 65px;
}

.u-xs-pl-70 {
  padding-left: 70px;
}

.u-xs-pl-75 {
  padding-left: 75px;
}

.u-xs-pl-80 {
  padding-left: 80px;
}

.u-xs-pl-85 {
  padding-left: 85px;
}

.u-xs-pl-90 {
  padding-left: 90px;
}

.u-xs-pl-95 {
  padding-left: 95px;
}

.u-xs-pl-100 {
  padding-left: 100px;
}

.u-xs-pr-0 {
  padding-right: 0px;
}

.u-xs-pr-5 {
  padding-right: 5px;
}

.u-xs-pr-10 {
  padding-right: 10px;
}

.u-xs-pr-15 {
  padding-right: 15px;
}

.u-xs-pr-20 {
  padding-right: 20px;
}

.u-xs-pr-25 {
  padding-right: 25px;
}

.u-xs-pr-30 {
  padding-right: 30px;
}

.u-xs-pr-35 {
  padding-right: 35px;
}

.u-xs-pr-40 {
  padding-right: 40px;
}

.u-xs-pr-45 {
  padding-right: 45px;
}

.u-xs-pr-50 {
  padding-right: 50px;
}

.u-xs-pr-55 {
  padding-right: 55px;
}

.u-xs-pr-60 {
  padding-right: 60px;
}

.u-xs-pr-65 {
  padding-right: 65px;
}

.u-xs-pr-70 {
  padding-right: 70px;
}

.u-xs-pr-75 {
  padding-right: 75px;
}

.u-xs-pr-80 {
  padding-right: 80px;
}

.u-xs-pr-85 {
  padding-right: 85px;
}

.u-xs-pr-90 {
  padding-right: 90px;
}

.u-xs-pr-95 {
  padding-right: 95px;
}

.u-xs-pr-100 {
  padding-right: 100px;
}

@media (min-width: 768px) {
  .u-sm-p0 {
    padding: 0px;
  }

  .u-sm-p5 {
    padding: 5px;
  }

  .u-sm-p10 {
    padding: 10px;
  }

  .u-sm-p15 {
    padding: 15px;
  }

  .u-sm-p20 {
    padding: 20px;
  }

  .u-sm-p25 {
    padding: 25px;
  }

  .u-sm-p30 {
    padding: 30px;
  }

  .u-sm-p35 {
    padding: 35px;
  }

  .u-sm-p40 {
    padding: 40px;
  }

  .u-sm-p45 {
    padding: 45px;
  }

  .u-sm-p50 {
    padding: 50px;
  }

  .u-sm-p55 {
    padding: 55px;
  }

  .u-sm-p60 {
    padding: 60px;
  }

  .u-sm-p65 {
    padding: 65px;
  }

  .u-sm-p70 {
    padding: 70px;
  }

  .u-sm-p75 {
    padding: 75px;
  }

  .u-sm-p80 {
    padding: 80px;
  }

  .u-sm-p85 {
    padding: 85px;
  }

  .u-sm-p90 {
    padding: 90px;
  }

  .u-sm-p95 {
    padding: 95px;
  }

  .u-sm-p100 {
    padding: 100px;
  }

  .u-sm-pt-0 {
    padding-top: 0px;
  }

  .u-sm-pt-5 {
    padding-top: 5px;
  }

  .u-sm-pt-10 {
    padding-top: 10px;
  }

  .u-sm-pt-15 {
    padding-top: 15px;
  }

  .u-sm-pt-20 {
    padding-top: 20px;
  }

  .u-sm-pt-25 {
    padding-top: 25px;
  }

  .u-sm-pt-30 {
    padding-top: 30px;
  }

  .u-sm-pt-35 {
    padding-top: 35px;
  }

  .u-sm-pt-40 {
    padding-top: 40px;
  }

  .u-sm-pt-45 {
    padding-top: 45px;
  }

  .u-sm-pt-50 {
    padding-top: 50px;
  }

  .u-sm-pt-55 {
    padding-top: 55px;
  }

  .u-sm-pt-60 {
    padding-top: 60px;
  }

  .u-sm-pt-65 {
    padding-top: 65px;
  }

  .u-sm-pt-70 {
    padding-top: 70px;
  }

  .u-sm-pt-75 {
    padding-top: 75px;
  }

  .u-sm-pt-80 {
    padding-top: 80px;
  }

  .u-sm-pt-85 {
    padding-top: 85px;
  }

  .u-sm-pt-90 {
    padding-top: 90px;
  }

  .u-sm-pt-95 {
    padding-top: 95px;
  }

  .u-sm-pt-100 {
    padding-top: 100px;
  }

  .u-sm-pb-0 {
    padding-bottom: 0px;
  }

  .u-sm-pb-5 {
    padding-bottom: 5px;
  }

  .u-sm-pb-10 {
    padding-bottom: 10px;
  }

  .u-sm-pb-15 {
    padding-bottom: 15px;
  }

  .u-sm-pb-20 {
    padding-bottom: 20px;
  }

  .u-sm-pb-25 {
    padding-bottom: 25px;
  }

  .u-sm-pb-30 {
    padding-bottom: 30px;
  }

  .u-sm-pb-35 {
    padding-bottom: 35px;
  }

  .u-sm-pb-40 {
    padding-bottom: 40px;
  }

  .u-sm-pb-45 {
    padding-bottom: 45px;
  }

  .u-sm-pb-50 {
    padding-bottom: 50px;
  }

  .u-sm-pb-55 {
    padding-bottom: 55px;
  }

  .u-sm-pb-60 {
    padding-bottom: 60px;
  }

  .u-sm-pb-65 {
    padding-bottom: 65px;
  }

  .u-sm-pb-70 {
    padding-bottom: 70px;
  }

  .u-sm-pb-75 {
    padding-bottom: 75px;
  }

  .u-sm-pb-80 {
    padding-bottom: 80px;
  }

  .u-sm-pb-85 {
    padding-bottom: 85px;
  }

  .u-sm-pb-90 {
    padding-bottom: 90px;
  }

  .u-sm-pb-95 {
    padding-bottom: 95px;
  }

  .u-sm-pb-100 {
    padding-bottom: 100px;
  }

  .u-sm-pl-0 {
    padding-left: 0px;
  }

  .u-sm-pl-5 {
    padding-left: 5px;
  }

  .u-sm-pl-10 {
    padding-left: 10px;
  }

  .u-sm-pl-15 {
    padding-left: 15px;
  }

  .u-sm-pl-20 {
    padding-left: 20px;
  }

  .u-sm-pl-25 {
    padding-left: 25px;
  }

  .u-sm-pl-30 {
    padding-left: 30px;
  }

  .u-sm-pl-35 {
    padding-left: 35px;
  }

  .u-sm-pl-40 {
    padding-left: 40px;
  }

  .u-sm-pl-45 {
    padding-left: 45px;
  }

  .u-sm-pl-50 {
    padding-left: 50px;
  }

  .u-sm-pl-55 {
    padding-left: 55px;
  }

  .u-sm-pl-60 {
    padding-left: 60px;
  }

  .u-sm-pl-65 {
    padding-left: 65px;
  }

  .u-sm-pl-70 {
    padding-left: 70px;
  }

  .u-sm-pl-75 {
    padding-left: 75px;
  }

  .u-sm-pl-80 {
    padding-left: 80px;
  }

  .u-sm-pl-85 {
    padding-left: 85px;
  }

  .u-sm-pl-90 {
    padding-left: 90px;
  }

  .u-sm-pl-95 {
    padding-left: 95px;
  }

  .u-sm-pl-100 {
    padding-left: 100px;
  }

  .u-sm-pr-0 {
    padding-right: 0px;
  }

  .u-sm-pr-5 {
    padding-right: 5px;
  }

  .u-sm-pr-10 {
    padding-right: 10px;
  }

  .u-sm-pr-15 {
    padding-right: 15px;
  }

  .u-sm-pr-20 {
    padding-right: 20px;
  }

  .u-sm-pr-25 {
    padding-right: 25px;
  }

  .u-sm-pr-30 {
    padding-right: 30px;
  }

  .u-sm-pr-35 {
    padding-right: 35px;
  }

  .u-sm-pr-40 {
    padding-right: 40px;
  }

  .u-sm-pr-45 {
    padding-right: 45px;
  }

  .u-sm-pr-50 {
    padding-right: 50px;
  }

  .u-sm-pr-55 {
    padding-right: 55px;
  }

  .u-sm-pr-60 {
    padding-right: 60px;
  }

  .u-sm-pr-65 {
    padding-right: 65px;
  }

  .u-sm-pr-70 {
    padding-right: 70px;
  }

  .u-sm-pr-75 {
    padding-right: 75px;
  }

  .u-sm-pr-80 {
    padding-right: 80px;
  }

  .u-sm-pr-85 {
    padding-right: 85px;
  }

  .u-sm-pr-90 {
    padding-right: 90px;
  }

  .u-sm-pr-95 {
    padding-right: 95px;
  }

  .u-sm-pr-100 {
    padding-right: 100px;
  }
}
@media (min-width: 1024px) {
  .u-md-p0 {
    padding: 0px;
  }

  .u-md-p5 {
    padding: 5px;
  }

  .u-md-p10 {
    padding: 10px;
  }

  .u-md-p15 {
    padding: 15px;
  }

  .u-md-p20 {
    padding: 20px;
  }

  .u-md-p25 {
    padding: 25px;
  }

  .u-md-p30 {
    padding: 30px;
  }

  .u-md-p35 {
    padding: 35px;
  }

  .u-md-p40 {
    padding: 40px;
  }

  .u-md-p45 {
    padding: 45px;
  }

  .u-md-p50 {
    padding: 50px;
  }

  .u-md-p55 {
    padding: 55px;
  }

  .u-md-p60 {
    padding: 60px;
  }

  .u-md-p65 {
    padding: 65px;
  }

  .u-md-p70 {
    padding: 70px;
  }

  .u-md-p75 {
    padding: 75px;
  }

  .u-md-p80 {
    padding: 80px;
  }

  .u-md-p85 {
    padding: 85px;
  }

  .u-md-p90 {
    padding: 90px;
  }

  .u-md-p95 {
    padding: 95px;
  }

  .u-md-p100 {
    padding: 100px;
  }

  .u-md-pt-0 {
    padding-top: 0px;
  }

  .u-md-pt-5 {
    padding-top: 5px;
  }

  .u-md-pt-10 {
    padding-top: 10px;
  }

  .u-md-pt-15 {
    padding-top: 15px;
  }

  .u-md-pt-20 {
    padding-top: 20px;
  }

  .u-md-pt-25 {
    padding-top: 25px;
  }

  .u-md-pt-30 {
    padding-top: 30px;
  }

  .u-md-pt-35 {
    padding-top: 35px;
  }

  .u-md-pt-40 {
    padding-top: 40px;
  }

  .u-md-pt-45 {
    padding-top: 45px;
  }

  .u-md-pt-50 {
    padding-top: 50px;
  }

  .u-md-pt-55 {
    padding-top: 55px;
  }

  .u-md-pt-60 {
    padding-top: 60px;
  }

  .u-md-pt-65 {
    padding-top: 65px;
  }

  .u-md-pt-70 {
    padding-top: 70px;
  }

  .u-md-pt-75 {
    padding-top: 75px;
  }

  .u-md-pt-80 {
    padding-top: 80px;
  }

  .u-md-pt-85 {
    padding-top: 85px;
  }

  .u-md-pt-90 {
    padding-top: 90px;
  }

  .u-md-pt-95 {
    padding-top: 95px;
  }

  .u-md-pt-100 {
    padding-top: 100px;
  }

  .u-md-pb-0 {
    padding-bottom: 0px;
  }

  .u-md-pb-5 {
    padding-bottom: 5px;
  }

  .u-md-pb-10 {
    padding-bottom: 10px;
  }

  .u-md-pb-15 {
    padding-bottom: 15px;
  }

  .u-md-pb-20 {
    padding-bottom: 20px;
  }

  .u-md-pb-25 {
    padding-bottom: 25px;
  }

  .u-md-pb-30 {
    padding-bottom: 30px;
  }

  .u-md-pb-35 {
    padding-bottom: 35px;
  }

  .u-md-pb-40 {
    padding-bottom: 40px;
  }

  .u-md-pb-45 {
    padding-bottom: 45px;
  }

  .u-md-pb-50 {
    padding-bottom: 50px;
  }

  .u-md-pb-55 {
    padding-bottom: 55px;
  }

  .u-md-pb-60 {
    padding-bottom: 60px;
  }

  .u-md-pb-65 {
    padding-bottom: 65px;
  }

  .u-md-pb-70 {
    padding-bottom: 70px;
  }

  .u-md-pb-75 {
    padding-bottom: 75px;
  }

  .u-md-pb-80 {
    padding-bottom: 80px;
  }

  .u-md-pb-85 {
    padding-bottom: 85px;
  }

  .u-md-pb-90 {
    padding-bottom: 90px;
  }

  .u-md-pb-95 {
    padding-bottom: 95px;
  }

  .u-md-pb-100 {
    padding-bottom: 100px;
  }

  .u-md-pl-0 {
    padding-left: 0px;
  }

  .u-md-pl-5 {
    padding-left: 5px;
  }

  .u-md-pl-10 {
    padding-left: 10px;
  }

  .u-md-pl-15 {
    padding-left: 15px;
  }

  .u-md-pl-20 {
    padding-left: 20px;
  }

  .u-md-pl-25 {
    padding-left: 25px;
  }

  .u-md-pl-30 {
    padding-left: 30px;
  }

  .u-md-pl-35 {
    padding-left: 35px;
  }

  .u-md-pl-40 {
    padding-left: 40px;
  }

  .u-md-pl-45 {
    padding-left: 45px;
  }

  .u-md-pl-50 {
    padding-left: 50px;
  }

  .u-md-pl-55 {
    padding-left: 55px;
  }

  .u-md-pl-60 {
    padding-left: 60px;
  }

  .u-md-pl-65 {
    padding-left: 65px;
  }

  .u-md-pl-70 {
    padding-left: 70px;
  }

  .u-md-pl-75 {
    padding-left: 75px;
  }

  .u-md-pl-80 {
    padding-left: 80px;
  }

  .u-md-pl-85 {
    padding-left: 85px;
  }

  .u-md-pl-90 {
    padding-left: 90px;
  }

  .u-md-pl-95 {
    padding-left: 95px;
  }

  .u-md-pl-100 {
    padding-left: 100px;
  }

  .u-md-pr-0 {
    padding-right: 0px;
  }

  .u-md-pr-5 {
    padding-right: 5px;
  }

  .u-md-pr-10 {
    padding-right: 10px;
  }

  .u-md-pr-15 {
    padding-right: 15px;
  }

  .u-md-pr-20 {
    padding-right: 20px;
  }

  .u-md-pr-25 {
    padding-right: 25px;
  }

  .u-md-pr-30 {
    padding-right: 30px;
  }

  .u-md-pr-35 {
    padding-right: 35px;
  }

  .u-md-pr-40 {
    padding-right: 40px;
  }

  .u-md-pr-45 {
    padding-right: 45px;
  }

  .u-md-pr-50 {
    padding-right: 50px;
  }

  .u-md-pr-55 {
    padding-right: 55px;
  }

  .u-md-pr-60 {
    padding-right: 60px;
  }

  .u-md-pr-65 {
    padding-right: 65px;
  }

  .u-md-pr-70 {
    padding-right: 70px;
  }

  .u-md-pr-75 {
    padding-right: 75px;
  }

  .u-md-pr-80 {
    padding-right: 80px;
  }

  .u-md-pr-85 {
    padding-right: 85px;
  }

  .u-md-pr-90 {
    padding-right: 90px;
  }

  .u-md-pr-95 {
    padding-right: 95px;
  }

  .u-md-pr-100 {
    padding-right: 100px;
  }
}
@media (min-width: 1441px) {
  .u-lg-p0 {
    padding: 0px;
  }

  .u-lg-p5 {
    padding: 5px;
  }

  .u-lg-p10 {
    padding: 10px;
  }

  .u-lg-p15 {
    padding: 15px;
  }

  .u-lg-p20 {
    padding: 20px;
  }

  .u-lg-p25 {
    padding: 25px;
  }

  .u-lg-p30 {
    padding: 30px;
  }

  .u-lg-p35 {
    padding: 35px;
  }

  .u-lg-p40 {
    padding: 40px;
  }

  .u-lg-p45 {
    padding: 45px;
  }

  .u-lg-p50 {
    padding: 50px;
  }

  .u-lg-p55 {
    padding: 55px;
  }

  .u-lg-p60 {
    padding: 60px;
  }

  .u-lg-p65 {
    padding: 65px;
  }

  .u-lg-p70 {
    padding: 70px;
  }

  .u-lg-p75 {
    padding: 75px;
  }

  .u-lg-p80 {
    padding: 80px;
  }

  .u-lg-p85 {
    padding: 85px;
  }

  .u-lg-p90 {
    padding: 90px;
  }

  .u-lg-p95 {
    padding: 95px;
  }

  .u-lg-p100 {
    padding: 100px;
  }

  .u-lg-pt-0 {
    padding-top: 0px;
  }

  .u-lg-pt-5 {
    padding-top: 5px;
  }

  .u-lg-pt-10 {
    padding-top: 10px;
  }

  .u-lg-pt-15 {
    padding-top: 15px;
  }

  .u-lg-pt-20 {
    padding-top: 20px;
  }

  .u-lg-pt-25 {
    padding-top: 25px;
  }

  .u-lg-pt-30 {
    padding-top: 30px;
  }

  .u-lg-pt-35 {
    padding-top: 35px;
  }

  .u-lg-pt-40 {
    padding-top: 40px;
  }

  .u-lg-pt-45 {
    padding-top: 45px;
  }

  .u-lg-pt-50 {
    padding-top: 50px;
  }

  .u-lg-pt-55 {
    padding-top: 55px;
  }

  .u-lg-pt-60 {
    padding-top: 60px;
  }

  .u-lg-pt-65 {
    padding-top: 65px;
  }

  .u-lg-pt-70 {
    padding-top: 70px;
  }

  .u-lg-pt-75 {
    padding-top: 75px;
  }

  .u-lg-pt-80 {
    padding-top: 80px;
  }

  .u-lg-pt-85 {
    padding-top: 85px;
  }

  .u-lg-pt-90 {
    padding-top: 90px;
  }

  .u-lg-pt-95 {
    padding-top: 95px;
  }

  .u-lg-pt-100 {
    padding-top: 100px;
  }

  .u-lg-pb-0 {
    padding-bottom: 0px;
  }

  .u-lg-pb-5 {
    padding-bottom: 5px;
  }

  .u-lg-pb-10 {
    padding-bottom: 10px;
  }

  .u-lg-pb-15 {
    padding-bottom: 15px;
  }

  .u-lg-pb-20 {
    padding-bottom: 20px;
  }

  .u-lg-pb-25 {
    padding-bottom: 25px;
  }

  .u-lg-pb-30 {
    padding-bottom: 30px;
  }

  .u-lg-pb-35 {
    padding-bottom: 35px;
  }

  .u-lg-pb-40 {
    padding-bottom: 40px;
  }

  .u-lg-pb-45 {
    padding-bottom: 45px;
  }

  .u-lg-pb-50 {
    padding-bottom: 50px;
  }

  .u-lg-pb-55 {
    padding-bottom: 55px;
  }

  .u-lg-pb-60 {
    padding-bottom: 60px;
  }

  .u-lg-pb-65 {
    padding-bottom: 65px;
  }

  .u-lg-pb-70 {
    padding-bottom: 70px;
  }

  .u-lg-pb-75 {
    padding-bottom: 75px;
  }

  .u-lg-pb-80 {
    padding-bottom: 80px;
  }

  .u-lg-pb-85 {
    padding-bottom: 85px;
  }

  .u-lg-pb-90 {
    padding-bottom: 90px;
  }

  .u-lg-pb-95 {
    padding-bottom: 95px;
  }

  .u-lg-pb-100 {
    padding-bottom: 100px;
  }

  .u-lg-pl-0 {
    padding-left: 0px;
  }

  .u-lg-pl-5 {
    padding-left: 5px;
  }

  .u-lg-pl-10 {
    padding-left: 10px;
  }

  .u-lg-pl-15 {
    padding-left: 15px;
  }

  .u-lg-pl-20 {
    padding-left: 20px;
  }

  .u-lg-pl-25 {
    padding-left: 25px;
  }

  .u-lg-pl-30 {
    padding-left: 30px;
  }

  .u-lg-pl-35 {
    padding-left: 35px;
  }

  .u-lg-pl-40 {
    padding-left: 40px;
  }

  .u-lg-pl-45 {
    padding-left: 45px;
  }

  .u-lg-pl-50 {
    padding-left: 50px;
  }

  .u-lg-pl-55 {
    padding-left: 55px;
  }

  .u-lg-pl-60 {
    padding-left: 60px;
  }

  .u-lg-pl-65 {
    padding-left: 65px;
  }

  .u-lg-pl-70 {
    padding-left: 70px;
  }

  .u-lg-pl-75 {
    padding-left: 75px;
  }

  .u-lg-pl-80 {
    padding-left: 80px;
  }

  .u-lg-pl-85 {
    padding-left: 85px;
  }

  .u-lg-pl-90 {
    padding-left: 90px;
  }

  .u-lg-pl-95 {
    padding-left: 95px;
  }

  .u-lg-pl-100 {
    padding-left: 100px;
  }

  .u-lg-pr-0 {
    padding-right: 0px;
  }

  .u-lg-pr-5 {
    padding-right: 5px;
  }

  .u-lg-pr-10 {
    padding-right: 10px;
  }

  .u-lg-pr-15 {
    padding-right: 15px;
  }

  .u-lg-pr-20 {
    padding-right: 20px;
  }

  .u-lg-pr-25 {
    padding-right: 25px;
  }

  .u-lg-pr-30 {
    padding-right: 30px;
  }

  .u-lg-pr-35 {
    padding-right: 35px;
  }

  .u-lg-pr-40 {
    padding-right: 40px;
  }

  .u-lg-pr-45 {
    padding-right: 45px;
  }

  .u-lg-pr-50 {
    padding-right: 50px;
  }

  .u-lg-pr-55 {
    padding-right: 55px;
  }

  .u-lg-pr-60 {
    padding-right: 60px;
  }

  .u-lg-pr-65 {
    padding-right: 65px;
  }

  .u-lg-pr-70 {
    padding-right: 70px;
  }

  .u-lg-pr-75 {
    padding-right: 75px;
  }

  .u-lg-pr-80 {
    padding-right: 80px;
  }

  .u-lg-pr-85 {
    padding-right: 85px;
  }

  .u-lg-pr-90 {
    padding-right: 90px;
  }

  .u-lg-pr-95 {
    padding-right: 95px;
  }

  .u-lg-pr-100 {
    padding-right: 100px;
  }
}
.u-lisi-n {
  list-style-image: none !important;
}

.u-va-sup {
  vertical-align: super !important;
}

.u-va-t {
  vertical-align: top !important;
}

.u-va-tt {
  vertical-align: text-top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-bl {
  vertical-align: baseline !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-va-tb {
  vertical-align: text-bottom !important;
}

.u-va-sub {
  vertical-align: sub !important;
}

/* =========================================================
BORDER
========================================================= */
.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-ta-j {
  text-align: justify !important;
}

.u-td-n {
  text-decoration: none !important;
}

.u-td-u {
  text-decoration: underline !important;
}

.u-td-o {
  text-decoration: overline !important;
}

.u-td-l {
  text-decoration: line-through !important;
}

.u-te-n {
  -webkit-text-emphasis: none !important;
          text-emphasis: none !important;
}

/* =========================================================
FLOAT
========================================================= */
.u-float-l {
  float: left !important;
}

.u-float-r {
  float: right !important;
}

/* =========================================================
COLOR
========================================================= */
.u-c-require {
  color: var(--primary) !important;
}

.u-c-white {
  color: #ffffff !important;
}

.u-c-primary {
  color: var(--primary) !important;
}

/* =========================================================
BORDER
========================================================= */
.u-bd {
  border: solid 1px #E9E9E9;
}

.u-bd-t {
  border-top: solid 1px #E9E9E9;
}

.u-bd-b {
  border-bottom: solid 1px #E9E9E9;
}

.u-bd-l {
  border-left: solid 1px #E9E9E9;
}

.u-bd-r {
  border-right: solid 1px #E9E9E9;
}

/* =========================================================
CLEAR
========================================================= */
.clear,
.u-clearfix:before,
.u-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.u-clearfix:after {
  clear: both;
}

/* =========================================================
DISPLAY
========================================================= */
.u-d-n {
  display: none !important;
}

.u-d-b {
  display: block !important;
}

.u-d-f {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-d-if {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.u-d-i {
  display: inline !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-li {
  display: list-item !important;
}

.u-d-ri {
  display: run-in !important;
}

.u-d-cp {
  display: compact !important;
}

.u-d-tb {
  display: table !important;
}

.u-d-itb {
  display: inline-table !important;
}

.u-d-tbcp {
  display: table-caption !important;
}

.u-d-tbcl {
  display: table-column !important;
}

.u-d-tbclg {
  display: table-column-group !important;
}

.u-d-tbhg {
  display: table-header-group !important;
}

.u-d-tbfg {
  display: table-footer-group !important;
}

.u-d-tbr {
  display: table-row !important;
}

.u-d-tbrg {
  display: table-row-group !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-rb {
  display: ruby !important;
}

.u-d-rbb {
  display: ruby-base !important;
}

.u-d-rbbg {
  display: ruby-base-group !important;
}

.u-d-rbt {
  display: ruby-text !important;
}

.u-d-rbtg {
  display: ruby-text-group !important;
}

.u-sp-block {
  display: none !important;
}
@media (max-width: 767px) {
  .u-sp-block {
    display: block !important;
  }
}

.u-pc-block {
  display: block !important;
}
@media (max-width: 767px) {
  .u-pc-block {
    display: none !important;
  }
}

.u-tab-none {
  display: none !important;
}
@media (max-width: 1025px) {
  .u-tab-none {
    display: block !important;
  }
}

.u-tab-block {
  display: block !important;
}
@media (max-width: 1025px) {
  .u-tab-block {
    display: none !important;
  }
}

.u-sp-inline {
  display: none !important;
}
@media (max-width: 767px) {
  .u-sp-inline {
    display: inline !important;
  }
}

.u-pc-inline {
  display: inline !important;
}
@media (max-width: 767px) {
  .u-pc-inline {
    display: none !important;
  }
}

.u-sp-inlineblock {
  display: none !important;
}
@media (max-width: 767px) {
  .u-sp-inlineblock {
    display: inline-block !important;
  }
}

.u-pc-inlineblock {
  display: inline-block !important;
}
@media (max-width: 767px) {
  .u-pc-inlineblock {
    display: none !important;
  }
}

/* =========================================================
IMG
========================================================= */
.u-img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-width: 170px;
  margin-top: 20px;
}

.u-img-no-responsive {
  display: inline-block;
  max-width: auto;
  height: auto;
}

.u-img-fit {
  display: inline-block;
  width: 100%;
  height: auto;
}

/* =========================================================
TRANSITION-DELAY
========================================================= */
.is-onscreen .u-delay-004 {
  -webkit-transition-delay: 0.04s !important;
       -o-transition-delay: 0.04s !important;
          transition-delay: 0.04s !important;
  -webkit-animation-delay: 0.04s !important;
          animation-delay: 0.04s !important;
}
.is-onscreen .u-delay-005 {
  -webkit-transition-delay: 0.05s !important;
       -o-transition-delay: 0.05s !important;
          transition-delay: 0.05s !important;
  -webkit-animation-delay: 0.05s !important;
          animation-delay: 0.05s !important;
}
.is-onscreen .u-delay-006 {
  -webkit-transition-delay: 0.06s !important;
       -o-transition-delay: 0.06s !important;
          transition-delay: 0.06s !important;
  -webkit-animation-delay: 0.06s !important;
          animation-delay: 0.06s !important;
}
.is-onscreen .u-delay-007 {
  -webkit-transition-delay: 0.07s !important;
       -o-transition-delay: 0.07s !important;
          transition-delay: 0.07s !important;
  -webkit-animation-delay: 0.07s !important;
          animation-delay: 0.07s !important;
}
.is-onscreen .u-delay-008 {
  -webkit-transition-delay: 0.08s !important;
       -o-transition-delay: 0.08s !important;
          transition-delay: 0.08s !important;
  -webkit-animation-delay: 0.08s !important;
          animation-delay: 0.08s !important;
}
.is-onscreen .u-delay-010 {
  -webkit-transition-delay: 0.1s !important;
       -o-transition-delay: 0.1s !important;
          transition-delay: 0.1s !important;
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}
.is-onscreen .u-delay-011 {
  -webkit-transition-delay: 0.11s !important;
       -o-transition-delay: 0.11s !important;
          transition-delay: 0.11s !important;
  -webkit-animation-delay: 0.11s !important;
          animation-delay: 0.11s !important;
}
.is-onscreen .u-delay-012 {
  -webkit-transition-delay: 0.12s !important;
       -o-transition-delay: 0.12s !important;
          transition-delay: 0.12s !important;
  -webkit-animation-delay: 0.12s !important;
          animation-delay: 0.12s !important;
}
.is-onscreen .u-delay-013 {
  -webkit-transition-delay: 0.13s !important;
       -o-transition-delay: 0.13s !important;
          transition-delay: 0.13s !important;
  -webkit-animation-delay: 0.13s !important;
          animation-delay: 0.13s !important;
}
.is-onscreen .u-delay-014 {
  -webkit-transition-delay: 0.14s !important;
       -o-transition-delay: 0.14s !important;
          transition-delay: 0.14s !important;
  -webkit-animation-delay: 0.14s !important;
          animation-delay: 0.14s !important;
}
.is-onscreen .u-delay-015 {
  -webkit-transition-delay: 0.15s !important;
       -o-transition-delay: 0.15s !important;
          transition-delay: 0.15s !important;
  -webkit-animation-delay: 0.15s !important;
          animation-delay: 0.15s !important;
}
.is-onscreen .u-delay-016 {
  -webkit-transition-delay: 0.16s !important;
       -o-transition-delay: 0.16s !important;
          transition-delay: 0.16s !important;
  -webkit-animation-delay: 0.16s !important;
          animation-delay: 0.16s !important;
}
.is-onscreen .u-delay-020 {
  -webkit-transition-delay: 0.2s !important;
       -o-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}
.is-onscreen .u-delay-024 {
  -webkit-transition-delay: 0.24s !important;
       -o-transition-delay: 0.24s !important;
          transition-delay: 0.24s !important;
  -webkit-animation-delay: 0.24s !important;
          animation-delay: 0.24s !important;
}
.is-onscreen .u-delay-025 {
  -webkit-transition-delay: 0.25s !important;
       -o-transition-delay: 0.25s !important;
          transition-delay: 0.25s !important;
  -webkit-animation-delay: 0.25s !important;
          animation-delay: 0.25s !important;
}
.is-onscreen .u-delay-028 {
  -webkit-transition-delay: 0.28s !important;
       -o-transition-delay: 0.28s !important;
          transition-delay: 0.28s !important;
  -webkit-animation-delay: 0.28s !important;
          animation-delay: 0.28s !important;
}
.is-onscreen .u-delay-030 {
  -webkit-transition-delay: 0.3s !important;
       -o-transition-delay: 0.3s !important;
          transition-delay: 0.3s !important;
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}
.is-onscreen .u-delay-032 {
  -webkit-transition-delay: 0.32s !important;
       -o-transition-delay: 0.32s !important;
          transition-delay: 0.32s !important;
  -webkit-animation-delay: 0.32s !important;
          animation-delay: 0.32s !important;
}
.is-onscreen .u-delay-035 {
  -webkit-transition-delay: 0.35s !important;
       -o-transition-delay: 0.35s !important;
          transition-delay: 0.35s !important;
  -webkit-animation-delay: 0.35s !important;
          animation-delay: 0.35s !important;
}
.is-onscreen .u-delay-036 {
  -webkit-transition-delay: 0.36s !important;
       -o-transition-delay: 0.36s !important;
          transition-delay: 0.36s !important;
  -webkit-animation-delay: 0.36s !important;
          animation-delay: 0.36s !important;
}
.is-onscreen .u-delay-040 {
  -webkit-transition-delay: 0.4s !important;
       -o-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}
.is-onscreen .u-delay-044 {
  -webkit-transition-delay: 0.44s !important;
       -o-transition-delay: 0.44s !important;
          transition-delay: 0.44s !important;
  -webkit-animation-delay: 0.44s !important;
          animation-delay: 0.44s !important;
}
.is-onscreen .u-delay-045 {
  -webkit-transition-delay: 0.45s !important;
       -o-transition-delay: 0.45s !important;
          transition-delay: 0.45s !important;
  -webkit-animation-delay: 0.45s !important;
          animation-delay: 0.45s !important;
}
.is-onscreen .u-delay-048 {
  -webkit-transition-delay: 0.48s !important;
       -o-transition-delay: 0.48s !important;
          transition-delay: 0.48s !important;
  -webkit-animation-delay: 0.48s !important;
          animation-delay: 0.48s !important;
}
.is-onscreen .u-delay-050 {
  -webkit-transition-delay: 0.5s !important;
       -o-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important;
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}
.is-onscreen .u-delay-052 {
  -webkit-transition-delay: 0.52s !important;
       -o-transition-delay: 0.52s !important;
          transition-delay: 0.52s !important;
  -webkit-animation-delay: 0.52s !important;
          animation-delay: 0.52s !important;
}
.is-onscreen .u-delay-055 {
  -webkit-transition-delay: 0.55s !important;
       -o-transition-delay: 0.55s !important;
          transition-delay: 0.55s !important;
  -webkit-animation-delay: 0.55s !important;
          animation-delay: 0.55s !important;
}
.is-onscreen .u-delay-056 {
  -webkit-transition-delay: 0.56s !important;
       -o-transition-delay: 0.56s !important;
          transition-delay: 0.56s !important;
  -webkit-animation-delay: 0.56s !important;
          animation-delay: 0.56s !important;
}
.is-onscreen .u-delay-060 {
  -webkit-transition-delay: 0.6s !important;
       -o-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}
.is-onscreen .u-delay-064 {
  -webkit-transition-delay: 0.64s !important;
       -o-transition-delay: 0.64s !important;
          transition-delay: 0.64s !important;
  -webkit-animation-delay: 0.64s !important;
          animation-delay: 0.64s !important;
}
.is-onscreen .u-delay-065 {
  -webkit-transition-delay: 0.65s !important;
       -o-transition-delay: 0.65s !important;
          transition-delay: 0.65s !important;
  -webkit-animation-delay: 0.65s !important;
          animation-delay: 0.65s !important;
}
.is-onscreen .u-delay-068 {
  -webkit-transition-delay: 0.68s !important;
       -o-transition-delay: 0.68s !important;
          transition-delay: 0.68s !important;
  -webkit-animation-delay: 0.68s !important;
          animation-delay: 0.68s !important;
}
.is-onscreen .u-delay-070 {
  -webkit-transition-delay: 0.7s !important;
       -o-transition-delay: 0.7s !important;
          transition-delay: 0.7s !important;
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}
.is-onscreen .u-delay-072 {
  -webkit-transition-delay: 0.72s !important;
       -o-transition-delay: 0.72s !important;
          transition-delay: 0.72s !important;
  -webkit-animation-delay: 0.72s !important;
          animation-delay: 0.72s !important;
}
.is-onscreen .u-delay-075 {
  -webkit-transition-delay: 0.75s !important;
       -o-transition-delay: 0.75s !important;
          transition-delay: 0.75s !important;
  -webkit-animation-delay: 0.75s !important;
          animation-delay: 0.75s !important;
}
.is-onscreen .u-delay-076 {
  -webkit-transition-delay: 0.76s !important;
       -o-transition-delay: 0.76s !important;
          transition-delay: 0.76s !important;
  -webkit-animation-delay: 0.76s !important;
          animation-delay: 0.76s !important;
}
.is-onscreen .u-delay-080 {
  -webkit-transition-delay: 0.8s !important;
       -o-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}
.is-onscreen .u-delay-085 {
  -webkit-transition-delay: 0.85s !important;
       -o-transition-delay: 0.85s !important;
          transition-delay: 0.85s !important;
  -webkit-animation-delay: 0.85s !important;
          animation-delay: 0.85s !important;
}
.is-onscreen .u-delay-090 {
  -webkit-transition-delay: 0.9s !important;
       -o-transition-delay: 0.9s !important;
          transition-delay: 0.9s !important;
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}
.is-onscreen .u-delay-095 {
  -webkit-transition-delay: 0.95s !important;
       -o-transition-delay: 0.95s !important;
          transition-delay: 0.95s !important;
  -webkit-animation-delay: 0.95s !important;
          animation-delay: 0.95s !important;
}
.is-onscreen .u-delay-100 {
  -webkit-transition-delay: 1s !important;
       -o-transition-delay: 1s !important;
          transition-delay: 1s !important;
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}
.is-onscreen .u-delay-105 {
  -webkit-transition-delay: 1.05s !important;
       -o-transition-delay: 1.05s !important;
          transition-delay: 1.05s !important;
  -webkit-animation-delay: 1.05s !important;
          animation-delay: 1.05s !important;
}
.is-onscreen .u-delay-110 {
  -webkit-transition-delay: 1.1s !important;
       -o-transition-delay: 1.1s !important;
          transition-delay: 1.1s !important;
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}
.is-onscreen .u-delay-105 {
  -webkit-transition-delay: 1.05s !important;
       -o-transition-delay: 1.05s !important;
          transition-delay: 1.05s !important;
  -webkit-animation-delay: 1.05s !important;
          animation-delay: 1.05s !important;
}
.is-onscreen .u-delay-110 {
  -webkit-transition-delay: 1.1s !important;
       -o-transition-delay: 1.1s !important;
          transition-delay: 1.1s !important;
  -webkit-animation-delay: 1.1s !important;
          animation-delay: 1.1s !important;
}
.is-onscreen .u-delay-115 {
  -webkit-transition-delay: 1.15s !important;
       -o-transition-delay: 1.15s !important;
          transition-delay: 1.15s !important;
  -webkit-animation-delay: 1.15s !important;
          animation-delay: 1.15s !important;
}
.is-onscreen .u-delay-120 {
  -webkit-transition-delay: 1.2s !important;
       -o-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important;
}
.is-onscreen .u-delay-125 {
  -webkit-transition-delay: 1.25s !important;
       -o-transition-delay: 1.25s !important;
          transition-delay: 1.25s !important;
  -webkit-animation-delay: 1.25s !important;
          animation-delay: 1.25s !important;
}
.is-onscreen .u-delay-130 {
  -webkit-transition-delay: 1.3s !important;
       -o-transition-delay: 1.3s !important;
          transition-delay: 1.3s !important;
  -webkit-animation-delay: 1.3s !important;
          animation-delay: 1.3s !important;
}
.is-onscreen .u-delay-135 {
  -webkit-transition-delay: 1.35s !important;
       -o-transition-delay: 1.35s !important;
          transition-delay: 1.35s !important;
  -webkit-animation-delay: 1.35s !important;
          animation-delay: 1.35s !important;
}
.is-onscreen .u-delay-140 {
  -webkit-transition-delay: 1.4s !important;
       -o-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important;
  -webkit-animation-delay: 1.4s !important;
          animation-delay: 1.4s !important;
}
.is-onscreen .u-delay-145 {
  -webkit-transition-delay: 1.45s !important;
       -o-transition-delay: 1.45s !important;
          transition-delay: 1.45s !important;
  -webkit-animation-delay: 1.45s !important;
          animation-delay: 1.45s !important;
}
.is-onscreen .u-delay-150 {
  -webkit-transition-delay: 1.5s !important;
       -o-transition-delay: 1.5s !important;
          transition-delay: 1.5s !important;
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}
.is-onscreen .u-delay-155 {
  -webkit-transition-delay: 1.55s !important;
       -o-transition-delay: 1.55s !important;
          transition-delay: 1.55s !important;
  -webkit-animation-delay: 1.55s !important;
          animation-delay: 1.55s !important;
}
.is-onscreen .u-delay-160 {
  -webkit-transition-delay: 1.6s !important;
       -o-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important;
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important;
}
.is-onscreen .u-delay-165 {
  -webkit-transition-delay: 1.65s !important;
       -o-transition-delay: 1.65s !important;
          transition-delay: 1.65s !important;
  -webkit-animation-delay: 1.65s !important;
          animation-delay: 1.65s !important;
}
.is-onscreen .u-delay-170 {
  -webkit-transition-delay: 1.7s !important;
       -o-transition-delay: 1.7s !important;
          transition-delay: 1.7s !important;
  -webkit-animation-delay: 1.7s !important;
          animation-delay: 1.7s !important;
}
.is-onscreen .u-delay-180 {
  -webkit-transition-delay: 1.8s !important;
       -o-transition-delay: 1.8s !important;
          transition-delay: 1.8s !important;
  -webkit-animation-delay: 1.8s !important;
          animation-delay: 1.8s !important;
}
.is-onscreen .u-delay-190 {
  -webkit-transition-delay: 1.9s !important;
       -o-transition-delay: 1.9s !important;
          transition-delay: 1.9s !important;
  -webkit-animation-delay: 1.9s !important;
          animation-delay: 1.9s !important;
}
.is-onscreen .u-delay-200 {
  -webkit-transition-delay: 2s !important;
       -o-transition-delay: 2s !important;
          transition-delay: 2s !important;
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}

/* =========================================================
YOUTUBE
========================================================= */
.u-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.u-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* =========================================================
POINTER-EVENTS
========================================================= */
.u-hover-shit {
  pointer-events: none;
}

/* =========================================================
onscreen
========================================================= */
/* =========================================================
ANIMATION
========================================================= */
@-webkit-keyframes moveLineLeftToRight {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  49.9% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  50% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
@keyframes moveLineLeftToRight {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  49.9% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  50% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
@-webkit-keyframes moveLineTopToBottom {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  49.9% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
}
@keyframes moveLineTopToBottom {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  49.9% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
  }
  50% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.u-p-r {
  position: relative !important;
}
/*Hide gnav toggle on laptop*/
@media (width: 1440px){
  .l-gnav-toggle {
    display: none;
  }
}
#button {
  display: inline-block;
  background-color: var(--primary);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}
.lauguage-selection{
position: absolute;
width: 120px;
background: white;
right: 5%;
top: 50px;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
}
.is-page-loaded.is-header-bg-show .custom-sel{
display:none;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.is-header-bg-show .custom-sel,
.custom-sel{
  display: none;
}
.is-page-loaded .custom-sel {
margin: 0px 30px 0 30px;
    display: inline-block;
    position: absolute;
    right: 3%;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    top: 50%;
    top: 34%;
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%);*/
}
.is-digital .language-text{color: white;}
.language-text{
    font-size: 1.4rem;
    font-family: var(--font-extrabold);
    font-weight: 800;
    color: #131313;
    float: left;
    font-feature-settings: "palt";
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.language-text a {
    color: var(--primary);
    background: var(--secondary);
    padding: 15px 20px 12px;
    font-size: 18px;
    line-height: 18px;
}
.language-text a:hover{
 background: #e6b400;
}
.triangle {
  position: absolute;
  top: 20px;
  right: 5px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.custom-sel ul {
    position: absolute;
    top: 34px;
    right: 0px;
    display: block;
    background: #fff;
    width: 90px;
    padding-top: 0px;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    overflow: hidden;
}

.custom-sel li {
  cursor: pointer;
    padding: 6px 5px;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.05em;
}
.custom-sel li:hover{
        background: var(--primary);
    color: white;
}
.overlay-option{
    display: none;
}
.custom-sel li.active{
      background: var(--primary);
    color: white;
}

.droparrow {
    position: relative;
}

.droparrow:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 36%;
    width: 18px;
    height: 18px;
    background: var(--primary);
    z-index:-1;
}

.droparrow:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 48%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    z-index: -1;
}
.requireddesign{
  padding: 10px 10px 10px 10px;
    background: var(--primary);
    color: #fff;
}
.colorbox__inner .plyr--video.plyr--hide-controls .plyr__controls {
opacity: 1;
pointer-events: none;
transform: translateY(0%);
}
.selected-language{
cursor: pointer;
}
.pinkcolor{
  color: var(--primary);
}
.is-header-bg-show.is-button .l-header{display:none}



@media (max-width: 1025px) {
.is-header-bg-show.is-button body .l-header{display:none}
}

.text-1{
  font-size: 36px;
line-height: 19px;
text-align: center;
color: var(--primary);
margin-bottom: 20px;
}
/*login register page starts*/
.phone-layout{
    width: 90%;
    position: absolute;
    bottom: -10px;
    right: -10px;
}
.otp-forgot-section{
display:flex;
justify-content:space-between;
align-item:flex-end;
}
.ball-layout{
    position: absolute;
    bottom: 10%;
    right: 43%;
    width: 35%; }
.phone-layout img{width:100%;}
.ball-layout img{width:100%; }
.login-register-popup-left{ background: url(../img/grass.png)no-repeat;
    height: 100vh;
    background-size: cover;
    position: relative;
    overflow: hidden;}
.login-register-popup-right {
height: 100vh;
display: flex;
width: 320px;
    MIN-WIDTH: 320px;
align-items: center;
margin: 0 auto;
float: none;
justify-content: center;
}
.login-register-popup-right .omrs-input-underlined input{}
.login-register-popup{
        width: 100%;
    height: 100vh;
    position: fixed;
    background: var(--blackfontcolor);
    z-index: 100;
    display: none;
    z-index:99999;
    color:white;
    
}
.omrs-input-underlined i {
color:var(--primary);
font-size:20px;
}
.slide-up
{
    bottom: 0px !important;
}

.slide-down
{
    bottom: -475px !important;
}
.login-register-popup-right-logo img{
        height: 40px;
    width: auto;
    margin: 0 auto;
    float: none;
    display: block;
}
.reset-popup-right-logo img{
        height: 60px;
    width: auto;
   /*  margin: 0 auto; */
    float: none;
    display: block;
}
.login-register-popup-right-inner{   /* background: #303334;
    padding: 60px 40px;
    border-radius: 8px;*/
    position: relative;
    width:100%;
}
.close-login-register-popup{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: #303334;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 2px 3px #00000087;
    cursor: pointer;
    display:flex;
    justify-content:center;
    align-items:center;
}    
.close-register-popup{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: #303334;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 2px 3px #00000087;
    cursor: pointer;
}  
.close-login-register-popup:hover{
    background: var(--whitecolor);
    color: var(--darkgreyfontcolor);
}
.close-register-popup:hover{
    background: var(--whitecolor);
    color: var(--darkgreyfontcolor);
}
.create-page-text{
    color: #7f8386;
}
.create-redirect{
    color: #f0eff4;
}
.enable-after-sometime{
    background: transparent;
    outline: none;
    border: none;
    color: white;
   /*  float: right; */
}
.running-timer{color: #16DB2F;
    display: flex;
    font-size: 0.875rem;
    font-style: normal;
    text-align: right;
    align-items: center;
    font-weight: bold;
    line-height: 100%;
    margin-right: 8px;
    letter-spacing: 0.02em;}
.resend-timer{
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    margin-top: 10px;
}
.enable-after-sometime:disabled{
    color:#4e5154;
}
/*login register page ends*/

/* Input*/
.make-display-proper
    {display:none;}
.omrs-input-underlined{width: 100%;     position: relative;}

.omrs-input-underlined > input,
.omrs-input-filled > input {
    border: none;
        border-bottom: 0.125rem solid #F0EFF4;
    width: 100%;
    height: 62px;
    font-size: 16px;
    padding-left: 0.875rem;
    line-height: 147.6%;
    padding-top: 1.4rem;
    padding-bottom: 0.5rem;
    background: rgba(127, 131, 134, 0.1);
    color: rgb(127 131 134 / 84%);
}
.highlight-primary{color: var(--primary)!important;}


.omrs-input-underlined > input:focus,
.omrs-input-filled > input:focus {
    outline: none;
}

.omrs-input-underlined > .omrs-input-label,
.omrs-input-filled > .omrs-input-label {
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    line-height: 147.6%;
    transition: top .2s;
}

.omrs-input-underlined > svg,
.omrs-input-filled > svg {
    position: absolute;
    top: 0.9375rem;
    right: 0.875rem;
    fill: var(--whitecolor);
}

.omrs-input-underlined > .omrs-input-helper,
.omrs-input-filled > .omrs-input-helper {
    font-size: 0.9375rem;
    color: var(--whitecolor);
    letter-spacing: 0.0275rem;
    margin: 0.125rem 0.875rem;
}

.omrs-input-underlined > input:hover,
.omrs-input-filled > input:hover {
    /*background: var(--omrs-color-interaction-minus-two);
    border-color: var(--omrs-color-ink-high-contrast);*/
}
.otperrormssg{
    color:red;
}

.errormessage,
.omrs-input-underlined > .omrs-input-helper{
    color: red;
    margin-top: 10px;
    letter-spacing: 0.0275rem;
    margin: 0.125rem ;
   /*  display: block;
    margin-left: 13px; */
}
.loginmessagebox{
       /*  min-height: 20px;
    margin: 30px 0;
    display: block; */
    }
.omrs-input-underlined > input:focus + .omrs-input-label,
.omrs-input-underlined > input:valid + .omrs-input-label,
.omrs-input-filled > input:focus + .omrs-input-label,
.omrs-input-filled > input:valid + .omrs-input-label {
    top: 0;
    font-size: 1.5rem;
    margin-bottom: 32px;;
}

.omrs-input-underlined:not(.omrs-input-danger) > input:focus + .omrs-input-label,
.omrs-input-filled:not(.omrs-input-danger) > input:focus + .omrs-input-label {
    color: var(--primary);
}

.omrs-input-label{    font-size: 1.5rem;}
.omrs-input-underlined:not(.omrs-input-danger) > input:focus,
.omrs-input-filled:not(.omrs-input-danger) > input:focus {
    border-color: var(--primary);
}

.omrs-input-underlined:not(.omrs-input-danger) > input:focus ~ svg,
.omrs-input-filled:not(.omrs-input-danger) > input:focus ~ svg {
    /*fill: var(--omrs-color-ink-high-contrast);*/
}

/** DISABLED **/

.omrs-input-underlined > input:disabled {
    background: var(--omrs-color-bg-low-contrast);
    cursor: not-allowed;
}

.omrs-input-underlined > input:disabled + .omrs-input-label,
.omrs-input-underlined > input:disabled ~ .omrs-input-helper{
    color: var(--omrs-color-ink-low-contrast);
}

.omrs-input-underlined > input:disabled ~ svg {
    fill: var(--omrs-color-ink-low-contrast);
}


#password_rules ul{
padding-left:15px;
font-size:12px;
}
#password_rules ul li.complete {
        color: #5DB406;
    }
    .center-loader img{max-width:270px;} 
    .center-loader{
        width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    z-index: 99999;
    background: #000;
    }
    .marquee {
   overflow: hidden; 
}


.heading1{font-size: 64px; font-weight: 800; line-height: 76.8px; font-family: var(--font-extrabold);letter-spacing: 3.4px;}
.heading2{font-size: 48px; font-weight: 800; line-height: 57.6px; font-family: var(--font-extrabold);letter-spacing: 3.4px;}
.heading3{font-size: 40px; font-weight: 800; line-height: 48px;font-family: var(--font-extrabold);letter-spacing: 3.4px;}
.heading4{font-size: 32px; font-weight: 800; line-height: 38.4px;font-family: var(--font-extrabold);letter-spacing: 3.4px;}
.heading5{font-size: 24px; font-weight: 800; line-height: 28.8px;font-family: var(--font-extrabold);letter-spacing: 3.4px;}
.heading6{font-size: 16px; font-weight: 800; line-height: 19.2px;font-family: var(--font-extrabold);letter-spacing: 3.4px;}
.heading7{font-size: 14px; font-weight: 800; line-height: 16.8px;font-family: var(--font-extrabold);letter-spacing: 3.4px;}
.heading8{font-size: 13px; font-weight: 800; line-height: 14.4px;font-family: var(--font-extrabold);letter-spacing: 3.4px;}


.boadytext1{font-size: 32px; font-weight: 400; line-height: 42px;font-family: var(--font-body);}
.boadytext2{font-size: 24px; font-weight: 400; line-height: 34px;font-family: var(--font-body);}
.boadytext3{font-size: 18px; font-weight: 400; line-height: 27px;font-family: var(--font-body);}
.boadytext4{font-size: 16px; font-weight: 400; line-height: 26px;font-family: var(--font-body);}
.boadytext5{font-size: 14px; font-weight: 400; line-height: 24px;font-family: var(--font-body);}
.boadytext6{font-size: 12px; font-weight: 400; line-height: 18px;font-family: var(--font-body);}

.centerdiv {
    margin: 0 auto;
}

.greycolofont{
    color: var(--mediumgreyfontcolor);
}
.cutsom-new-button-fill-new{
    min-width: 170px;
    width: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 16.8px;
    text-align: center;
        padding: 12px 10px;
    /*background: linear-gradient(90deg, var(--primary) 0%, #FFF34C 100%);*/
    background: linear-gradient(to right,#303334 50%, var(--primary) 50%);
        background-size: 200% 100%;
    background-position: right bottom;
    transition:all .8s ease;
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
    color:var(--blackfontcolor);
    display: inline-block;
    border:none;
    outline:none;
}
.full-width-button {
    width: 100%;
    min-width: 100%;
    display: block;
}
#otp .form-control {
    padding: 5px 5px;
    height:35px;
    font-size:15px;
}

.cutsom-new-button-fill-new:hover {
    background-position:left bottom;
    color: white;
    /*border: 1px solid var(--primary);*/
}
@media screen and (max-width: 768px) {
	.hide-on-mobile{
    display: none;
  }
}
.counter-circle {
    width: 54px;
    height: 54px;
    background: #e1b26f;
    display: block;
    border-radius: 50%;
    color: white;
    font-size: 23px;
    text-align: center;
    padding: 8px 0;
    float: left;
    position: absolute;
    left: -70px;
}
.section-bg {
  background-color: #f5f5ff;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 14px;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
/*  color: #aaaaaa;*/
  font-family: var(--font-extrabold);
  font-weight: 800;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: var(--primary);
  margin: 4px 10px;
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 43px;
  text-transform: uppercase;
  color: #fff;
  font-family: var(--font-extrabold);
  font-weight: 800;
  letter-spacing: 2.3px;
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {
  background: #fff;
/*    padding: 100px 0 90px;*/
  overflow: hidden;
}

.team .member {
  text-align: center;
/*  margin-bottom: 80px;*/
overflow: hidden;
  position: relative;
  padding: 8px 0px;
}

.team .member .pic {
/*  border-radius: 4px;*/
  overflow: hidden;
}
.team .member .pic:before{
    content: ' ';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: -1px;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    opacity: 0.7;
    -webkit-transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: opacity 1s cubic-bezier(0.25, 0.8, 0.25, 1);
    background: linear-gradient(178.47deg, rgb(0 0 0 / 0%) 0%, #00000070 100%);

}
.team .member img {
  transition: transform 10s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 10s cubic-bezier(0.25, 0.8, 0.25, 1), -moz-transform 10s cubic-bezier(0.25, 0.8, 0.25, 1), -o-transform 10s cubic-bezier(0.25, 0.8, 0.25, 1);
  height: 450px;
  object-fit: cover;
  width: 100%;
  object-position: top;
  border-radius: 8px;
}

/* .team .member:hover img {
  transform: scale(1.2);
} */
.team .member:hover .pic:before {
    opacity: 0.85;
}
.team .member:hover .member_info_outer{
    bottom: 0px;
}
.member_info_outer{
  transition: all 300ms ease-in-out;
  position: absolute;
  bottom: -60px;
  left: 0px;
  right: 0px;
/*  background: rgba(255, 255, 255, 0.9);*/
  
  border-radius: 0 0 4px 4px;
/*  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);*/
z-index: 1;
}
.team .member .member-info {
padding: 30px 25px;
}

.team .member h4 {
    font-size: 31px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: 1.4px;
    line-height: 1.1;
    text-transform: uppercase;
    display: block;
    padding-bottom: 10px;
    text-align: left;
    font-family: var(--font-extrabold);
  font-weight: 800;
}

/*.team .member h4::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #0d12fc;
  bottom: 0;
  left: calc(50% - 25px);
}*/
.team .member .main-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0px 1px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.44;
    margin: 0;
    text-align: left;
    font-family: var(--font-extrabold);
  font-weight: 800;
    position: relative;
  }
  .guidelines-text{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px 1px;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    letter-spacing: normal;
/*    text-align: left;*/
    font-family: var(--font-body);
    position: relative;
  }
  .team .member span .price-section{
  /* position: absolute;
    top: 1px;
    right: -8px;
    font-weight: 700; */
    display: flex;
    font-weight: 700;
    align-self: center;
}

.team .member .social {
  margin-top: 10px;
}

.team .member .social a {
  transition: color 0.3s;
  color: #01036f;
}

.team .member .social a:hover {
  color: var(--primary);
}

.team .member .social i {
  font-size: 16px;
  margin: 0 2px;
}
.go_yellow_btn{
    background: #FFC800;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    color: #1E0046;
    letter-spacing: 1.8px;
    line-height: 1;
/*    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
    padding: 12px 25px 11px;
    font-family: var(--font-extrabold);
    font-weight: 800;
    cursor: pointer;
    border-radius: 0px 0px 8px 8px;
}

/*@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}*/

/*mcc header css start*/

.header-main {
  background: var(--primary);
  height: 85px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width: 100%;
  text-align: center;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-main .mcc_logo img{
  max-width: 218px;
}
.header-main .login_icon{
    padding-right: 8px;
}
.header-main .login_icon img{
  width: 25px;
}
.header-main .login_txt{
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: 0.3px;
    line-height: 40px;
    text-transform: uppercase;
    font-family: var(--font-extrabold);
  font-weight: 800;
}
.header-main li {
  list-style: none;
  display: inline-block;
}

.header-main a {
  color: #222;
  text-decoration: none;
  padding: 0 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.nav-up {
  top: -50px;
}

/*mcc header css end*/
  
/*mcc hero section css start*/
.hero-section, .hero_wrapper, .hero_wrapper .row{
  width: 100%;
  height: 100vh;

}
.hero_wrapper{
    background: linear-gradient(0deg, #0000004f, #0000004f), url(../img/hero-bg.jpg);
    height: 100vh;
    background-size: cover;
    background-position: left bottom;
    background-repeat:no-repeat;
}
/*.left_section_bg_img{
  background-image: url(../img/hero-bg.jpg);
}*/
.hero_img_wrapper{
  height: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.right_main_image img{
  width: 100%;
  position: absolute;
  right: 17%;
/*  bottom: 15px;*/
/*  background-image: url(../img/hero-main.png);*/
/*  height: 100vh;*/
}

.carousel-inner{
  margin-top: 5%;
}
.carousel-caption {
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
    width: 100%;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel-caption h3 {
    color: #1E0046;
    font-size: 16px;
    text-transform: uppercase;
/*    margin-top: 10px;*/
/*    margin-bottom: 10px;*/
}
.carousel-caption1 {
    color: white;
    font-size: 54px;
    position: relative;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3.6px;
/*    top: 65px;*/
}
.carousel-inner img{
      display: block;
    max-width: 100%;
    height: auto;
}
.carousel-caption1:hover{
  color: #fff;
}
/*@media screen and (min-width: 768px){
.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
}
}*/

/*mcc hero section css end*/

/*mcc footer css start*/

.footer__background {
    background: var(--primary);
    
    font-family: var(--font-extrabold);
  font-weight: 800;
}
.footer__background .container{
  padding: 40px 20px;
      border-top: 1px solid #ffffff33;
/*    border-bottom: 1px solid #ffffff33;*/
}
.footer__siteLinks {
    margin: 0 0 40px;
    padding: 0;
}
.footer__siteLinksItem {
    margin: 0 0 11px;
}
.footer__siteLinksItem {
    display: block;
    text-align: center;
    margin: 0 0 16px;
}
.footer__siteLinksLink {
    display: inline-block;
/*    font-family: "Italian Plate", sans-serif;*/
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.5;
    text-transform: uppercase;
    margin: 0;
}

.footerButton {
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0 40px 0;
}
.footer__center {
    text-align: center;
}
.footer__contactLink {
    display: inline-block;
/*    font-family: "Darby Sans", serif;*/
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    letter-spacing: normal;
    line-height: 0.5px;
    margin: 0;
}

.footerButton__button {
/*    font-family: "Italian Plate", sans-serif;*/
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    color: #fff !important;
    letter-spacing: 1px;
    line-height: 18px;
    outline: 2px solid white!important;
    padding: 12px 25px 10px;
}
.footer__social {
    margin: 35px 0 30px;
    text-align: center;
    padding: 0;
}
.footer__socialItem {
    display: inline-block;
    margin: 0 12px;
}
.footer__socialLink {
    display: block;
    width: 32px;
    height: 32px;
}
.footer__socialLink svg {
    max-width: 100%;
    max-height: 100%;
}
.footer__siteLinks--small {
    width: 100%;
    display: inline;
    text-align: center;
    margin: 16px 0 0;
    padding: 0;
}
.footer__siteLinksItemCentered {
    display: block;
    text-align: center;
    margin: 0 0 7px;
}

.footer__siteLinksItemRight {
    display: block;
    text-align: center;
    margin: 0 0 16px;
}
.footer__statementTextCenter {
    text-align: center;
}
.footer__statementText {
/*    font-family: "Darby Sans", serif;*/
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    letter-spacing: normal;
    line-height: 1.57;
    text-align: center;
    margin: 0;
    display: inline-block;
}
.footer__siteLinks--small {
    width: 100%;
    display: inline;
    text-align: center;
    margin: 16px 0 0;
}
.footer__siteLinksItem {
    display: block;
    text-align: center;
    margin: 0 0 16px;
}
.footer__separator {
    display: inline;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.footer__siteLinks--small .footer__siteLinksItem {
    display: inline-block;
    margin: 0 0 8px;
}
.footer__siteLinks--small .footer__siteLinksLink {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}
.footer__siteLinks--small .footer__siteLinksItem:after {
    content: ' | ';
}
.footer__partners {
    background: #ffffff;
    padding: 70px 0 40px;
}
.footer__partners .col-12, .footer__partners .member-cards-item.member-card-is-active {
    text-align: center;
}
.footer__background a:hover{
  color: #fff;
  text-decoration: underline;
}
/*mcc footer css end*/
@media screen and ( max-width: 1399px ){
  .member_info_outer{
    bottom: -60px;
  }
}

@media screen and ( max-width: 991px ){
  .carousel-inner {
    margin-top: 8%;
}
  .member_info_outer{
    bottom: -42px;
  }
}
@media screen and ( max-width: 850px ){
  .carousel-inner {
    margin-top: 10%;
}
}
@media screen and ( max-width: 750px ){
  .carousel-inner {
    margin-top: 11%;
}
.section-title p{
  font-size: 30px;
  line-height: 40px !important;
}
.header-main .mcc_logo img{
  max-width: 180px;
}
}
@media screen and ( max-width: 650px ){
  .carousel-inner {
    margin-top: 12%;
}
.carousel-inner img{
    height: 350px;
    object-fit: cover;
}
}
@media screen and ( max-width: 550px ){

  .carousel-inner {
    margin-top: 13%;
}
.carousel-caption1{
  font-size: 40px;
  letter-spacing: 1px;
}
}

@media screen and ( max-width: 450px ){
.carousel-inner {
    margin-top: 14%;
}
}

@media screen and ( max-width: 575px ){
  .not_575{
    display: none;
  }
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}
}
.video_play_pop {
    display: inline-flex;
    align-items: center;
}
.sample_play_font {
    font-size: 17px;
}
.sample_video_play {
    margin-left: 10px !important;
}
.sample_video_play i {
    font-size: 30px;
    margin-right: 10px;
    color: #FFC800;
}
#hero__intro_video.modal {
    z-index: 999999;
}
#hero__intro_video .banner_video_close_btn {
    position: absolute;
    right: 0;
    top: -48px;
    border: none;
/*    background-color: #;*/
    border-radius: 50%;
    padding: 7px;
    background: none;
    opacity: 1;
}
#hero__intro_video .banner_video_close_btn img{
  filter: invert(1);
}
#hero__intro_video .modal-body {
    position: relative;
    background: transparent;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 767px ){
  .video_play_pop{
    margin-left: 0px!important;
  }
  .margin_image_mob {
    margin-top: 40px;
  }
  .member_info_outer {
    bottom: 0 !important;
  }
  .mob-margin-none {
    margin-bottom: 0 !important;
  }
  .hover_video_tag {
    display: none !important;
  }
}
.video_icon_for_visual {
  /* position: absolute;
  right: 0;
  top: 10px; */
  z-index: 99999;
  cursor: pointer;
  color: #FFC800;
}
.icon_display_landingpage {
  /* background: #fff; */
  font-size: 35px !important;
  padding: 3px;
}
.guidelines_heading {
  font-weight: 700;
}
.image_section {
  display: flex;
  justify-content: center;
}
.image_section .img_academy_design {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.academy_img_overlay {
  background-color: #131313;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 25%;
  width: 100%;
  display: flex;
  position: absolute;
  z-index: 2;
}
.video_icon_for_academy {
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 99999;
  cursor: pointer;
  color: #fff;
  display: flex;
  left: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.icon_display_academy {
  font-size: 70px !important;
  margin: 0 !important;
}
.new_section_with_img_intro {
/*  background: #f1f1f1;*/
/*    background: linear-gradient(0deg, #0000004f, #0000004f), url(https://cdn-reeble.b-cdn.net/lords_digital_lp/vision-bg.jpg);*/
background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.dark_bg{
    background: var(--primary);
    color: #fff;
    border-radius: 0px;
    height: 100%;
}
.guidelines_heading{
/*    background: #FFC800;*/
    color: #fff;
/*    padding: 22px 0;*/
/*    border-radius: 0px 0px 0 0;*/
/*    letter-spacing: 1px;*/
    font-size: 43px;
    font-weight: 700;
    font-family: var(--font-extrabold);
  font-weight: 800;
}
.guide_2_col_sec{
    padding: 50px 40px;
}
.guide_bat_bg{
  position: relative;
  margin-left: 0px!important;
      border: 3px solid #fff;
}
.guide_bat_bg img{
    height: 250px;
    object-fit: cover;
}
.coach-desination{text-transform: uppercase; color: var(--secondary);}
.guide_play_icon{
      z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    left: 0;
    margin-left: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.guide_play_icon i{
      /*font-size: 50px;
      color: #FFC800;*/
          color: var(--primary);
    background-color: var(--secondary);
    padding: 16px 17px 16px 22px;
    border-radius: 50%;
    font-size: 25px;
}
.indoor-cricket-section{
  background: url(../img/indoor-cricket.jpg) no-repeat;
  height: 430px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
}
.loader {
  position: fixed;
    height: 100%;
    width: 100%;
    background: white;
    z-index: 99999999;
    display: none;
    overflow: hidden;
    border: none;
    border-radius: 0;
    top: 0px;
}
.loader-container {
  position: fixed;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation: spinner-4 1.833s ease infinite;
  animation: spinner-4 1.833s ease infinite;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.dot-loader {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}

.dot-1 {
  background-color: var(--primary);
  z-index: 4;
 -webkit-animation: spinner-4-first-child 1.833s ease infinite;
    animation: spinner-4-first-child 1.833s ease infinite;
}

.dot-2 {
  background-color:  var(--primary);
  z-index: 3;
 -webkit-animation: spinner-4-second-child 1.833s ease infinite;
    animation: spinner-4-second-child 1.833s ease infinite;
}

.dot-3 {
  background-color:  var(--primary);
  z-index: 2;
   -webkit-animation: spinner-4-third-child 1.833s ease infinite;
    animation: spinner-4-third-child 1.833s ease infinite;
}

.dot-4 {
  background-color:  var(--primary);
  z-index: 1;
  -webkit-animation: spinner-4-fourth-child 1.833s ease infinite;
    animation: spinner-4-fourth-child 1.833s ease infinite;
}


@keyframes spinner-4-fourth-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%);
    }
    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@-webkit-keyframes spinner-4-fourth-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%);
    }
    66.6% {
        top: 100%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@-webkit-keyframes spinner-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    33.3% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    66.6% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes spinner-4 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    33.3% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    66.6% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-webkit-keyframes spinner-4-third-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%);
    }
    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@keyframes spinner-4-third-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%);
    }
    66.6% {
        top: 100%;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(-100%);
        transform: translateX(-100%) translateY(-100%);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@-webkit-keyframes spinner-4-second-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0);
    }
    66.6% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@keyframes spinner-4-second-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0);
    }
    66.6% {
        top: 0;
        left: 100%;
        -webkit-transform: translateX(-100%) translateY(0);
        transform: translateX(-100%) translateY(0);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@-webkit-keyframes spinner-4-first-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    66.6% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@keyframes spinner-4-first-child {
    0% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    33.3% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    66.6% {
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    100% {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
/* .plyr--is-ios .plyr__video-wrapper{display: inline-table;} */
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation: portrait) {
  .plyr--is-ios.plyr--fullscreen-fallback .plyr__video-wrapper.plyr__video-embed{
    padding-top: 56.25%;
  overflow: visible;
  }
}
.coach-inner {
    margin-top: 20px;
    margin-bottom: 10px;
}
.coach-image-content {
    position: relative;
}
.coach-image-content img {
    width: 100%;
}
/*.showonhover {
    display: none!important;
}*/
.coach-image-overlay {
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.coach-image-overlay .heading5 {
    color: white;
}
.coach-inner:hover, .classes-outer:hover {
    transform: scale(1.1);
    transition: all 300ms ease;
}
/*.coach-inner:hover .hideonhover {
    display: none!important;
}*/
/*.coach-inner:hover .showonhover {
    display: block!important;
}*/
.coach-image-overlay .heading5{
     font-size: 30px;
    font-weight: bold;
    line-height: 36.8px;
    letter-spacing: 2px;
/*    font-family: var(--Northbank);*/
}

.owl-carousel.owl-theme .owl-nav button.owl-next:focus-visited, .owl-carousel.owl-theme .owl-nav button.owl-prev:focus-visited,
.owl-carousel.owl-theme .owl-nav button.owl-next:visited, .owl-carousel.owl-theme .owl-nav button.owl-prev:visited,
.owl-carousel.owl-theme .owl-nav button.owl-next:focus, .owl-carousel.owl-theme .owl-nav button.owl-prev:focus,
.owl-carousel.owl-theme .owl-nav button.owl-next:active, .owl-carousel.owl-theme .owl-nav button.owl-prev:active{
  background-color: #DCDCDC;
  border:0px;
  outline: 0px;
}
.owl-carousel.owl-theme .owl-nav button.owl-next:hover, .owl-carousel.owl-theme .owl-nav button.owl-prev:hover{
  background-color: #ffffff1a;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    width: 45px;
    height: 45px;
    background: transparent;
    bottom: 45%;
    text-indent: -9999px;
/*    border-radius: 50%;*/
    /* border: 3px solid #fff!important; */
    border-radius: 50%;
}
.section-home-one .owl-carousel .owl-nav button.owl-next.disabled, .section-home-one .owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled{
  display: none;
}
.owl-carousel.owl-theme .owl-nav button.owl-prev {
  background: url(../img/carousel-prev.png)no-repeat;
  background-position: center;
  left: 22%;
  background-size: 11px;
  display: block!important;
  filter: contrast(1);
/*      top: -80px;
    left: 87%;*/
}
.owl-carousel.owl-theme .owl-nav button.owl-next {
  background: url(../img/carousel-next.png)no-repeat;
  background-position: center;
/*      right: 6%;*/
    right: 22%;
/*          top: -80px;*/
  background-size: 11px;
  display: block!important;
  filter: contrast(1);
}
.owl-theme .owl-nav [class*=owl-]:hover {
  filter: none !important;
}
.owl-theme .owl-dots{bottom: 0px;}
.section-home-one .owl-carousel .owl-nav button.owl-prev {
    left: -5%;
}

.section-home-one .owl-carousel .owl-nav button.owl-next {
    right: -5%;
}
.section-home-one .owl-carousel .owl-nav button.owl-next, .section-home-one .owl-carousel .owl-nav button.owl-prev {
    bottom: 45%;
}
.owl-stage-outer{
  margin-bottom: 20px;
}
.fame-bg{
  background:linear-gradient(0deg, #000000b3, #000000b3), url(../img/hall-of-fame-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat:no-repeat ;
  background-attachment: fixed;
}
#hall-of-fame .owl-stage{
  padding-left: 0!important;
}
.player-image{
  border-radius: 8px;
}
.badge{
  position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 66px;
    background: #000000ad;
}
.badge img{
  width: 60px!important;
}
.coutry-flag-image{
    width: 55px!important;
    margin-left: auto;
}

.trending_news_box{
    box-shadow: 1px 3px 13px 0px rgba(0, 0, 0, 0.25);
    margin-top: -40px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-top: 3px solid #f00000;
}
.trending_news_box .image-box{
    background-image: url(https://www.arsenal.com/sites/default/files/styles/paragraph_group_three_column_medium_2x/public/images/1662000214%20copy.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.trending_news_box .content-box{
      padding: 40px 0;
}
@media (max-width: 767px) {
  .trending_news_box{margin-top: 20px;}
  .trending_news_box .image-box{
    padding: 120px 0;
  }
  
}
.about-bg-image img{
  width: 98%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  object-position: right;
}
.image_box{
  margin-bottom: 30px;
}
.image_box img{
  object-fit: cover;
  border-radius: 8px;
}
.height_150{
  height: 150px;
}
.height_200{
  height: 200px;
}
.height_250{
  height: 250px;
}
.height_300{
  height: 300px;
}
.height_400{
  height: 350px;
}
.height_500{
  height: 300px;
}
.about-films-content{
    padding: 60px 15px 60px 45px;
}
.margin_20{
  margin-bottom: 22px;
}
.video{/*
  height: 50px;
  width: 50px;
  line-height: 50px;*/
  text-align: center;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  background: var(--secondary);
  z-index: 999;
  padding: 19px 20px 19px 24px;
}
.video i{
  font-size: 25px;
  color: var(--primary);
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: #00183880;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -44px;
  bottom: -44px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.red-custom{
  background: red;
  padding: 7px 12px;
  color: #fff
}
.hero_heading_text{
  font-size: 62px;

}
.powered_box{
    position: absolute;
    left: 0;
    background: #fff;
    padding: 5px 10px;
    width: 100%;
    bottom: -11px;
    color: #000;
}
.powered_box .powered_box_inner{
  display: flex;
  align-items: center;
  justify-content: center;
}

.powered_box .pwd_by{
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}
.powered_box img{
  opacity: 1!important;
  width: 80px;
  margin-left: 5px;
}
.join_us_btn{
  margin-top: 20px;
}
.join_us_btn a{
  color: #fff;
  background: #E72323;
  padding: 10px 20px;
}
@media (max-width: 767px) {
    .powered_box .pwd_by{
    font-size: 9px;
}
.powered_box img{
  width: 70px;
}
.hide_on_mobile{
  display: none;
}
.video_icon_display {
  position: absolute;
  top: 40% !important;
  left: 47% !important;
}
#coachdetail .vimeo-play-icon i {
  padding: 10px 13px 10px 15px !important;
  font-size: 18px !important;
}
.mob_margin-top {
  margin-top: 20px;
}
#hero__intro_video .banner_video_close_btn {
  right: 22px !important;
  top: -55px !important;
}
.profilepic-details-coach-image {
  width: 100%;
  height: 350px;
  object-fit: contain;
}
.vision-right-col {
  padding: 40px 15px 0 15px !important;
}
.vision-right-col .body-text-color {
  padding-bottom: 0 !important;
}
.coach-section-wrapper .make-title-center {
  padding: 0px 20px 40px !important;
}
.coach-section-wrapper .guidelines-text {
  padding-bottom: 0 !important;
}
.mob_sidway_display {
  padding: 64px 15px !important;
}
.p-digital-kv__image {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7077424719887955) 13%, rgb(0 0 0 / 68%) 27%, rgb(0 0 0 / 77%) 38%, rgb(0 0 0 / 61%) 100%), url(https://cdn-reeble.b-cdn.net/lords_digital_lp/hero_banner.jpg) !important; 
}
.margin-mob-view {
  margin-bottom: 40px !important;
}
}
@media (max-width: 1024px){
  .make_col_reverse{
    flex-direction: column-reverse;
  }
  .right_image_animation{
    height: 450px;
    overflow: hidden;
    margin-bottom: 30px;
  }
  .owl-carousel.owl-theme .owl-nav button.owl-next {
    right: 18%;
  }
  .owl-carousel.owl-theme .owl-nav button.owl-prev {
    left: 18%;
  }
  /* #hero__intro_video .banner_video_close_btn {
      top: -18px!important;
      z-index: 9;
      background-color: rgb(245, 245, 245)!important;
    } */
}
@media (max-width: 650px){
    .hero_heading_text{
      font-size: 3.5rem;
      line-height: 40 px !important;
    }

}

@media (max-width: 500px){
    .hero_heading_text{
      font-size: 4.2rem !important;
      line-height: 43px !important;
      letter-spacing: 1.2px !important;
      margin-top: 10px;
      /* text-align: center !important; */
    }
    .play-button-wrapper{
      margin-top: -19px;
      /* display: flex; */
      /* justify-content: center; */
    }
    /* {
      margin-top: -13px;
    margin-left: 9px;
    } */
    .is-digital .l-header-logo{
      width: 120px;
    }
    .logo_text::after{
      right: -12px;
      bottom: 36px;
      font-size: 10px;
    }
    .powered_box{
      width: 140px;
      bottom: 5px;
    }
    .powered_box .pwd_by {
      font-size: 7px;
    }
    .powered_box img {
      width: 60px;
    }
    .custom_font {
        font-size: 2.6rem !important;
        line-height: normal !important;
        margin-top: 5px;
    }
}
@media (max-width: 400px){
    /*.custom-sel{
      padding: 3px 11px!important;
    }*/
    .sign-in-menu{
      font-size: 13px;
    }
    .lords-logo img{
      width: 150px;
    }
}
@media (max-width: 370px) and (min-width: 321px){
  .hero_heading_text{
      font-size: 1.5rem;
    }
}
@media (max-width: 991px){
  .about_box{
    padding: 55px 30px 55px;
  }
  .about_box_icon{
    top: -20px;
  }

}

.hero-section-outer{
  height: 100vh;
  width: 100%;
  background-image: url(https://cdn-reeble.b-cdn.net/image/favicon-assets/lords-mcc/hero_banner.jpg);
  background-size: cover;
  background-position: center;
}
#hero__intro_video .modal-body{
  position: relative;
background: transparent;
margin: 0;
padding: 0;
}
#hero__intro_video .banner_video_close_btn{
  position: absolute;
  right: 0;
  top: -50px;
  border: none;
/*  background-color: #fff;*/
  border-radius: 50%;
  padding: 7px;
  }
#hero__intro_video .banner_video_close_btn img {
  background: #fff;
  padding: 10px;
  border-radius: 50%;
}  
.red-sub-text{
  color: #fff;
}



@media only screen and (max-width: 640px) and (orientation: portrait) {
  /* .plyr--full-ui.plyr--is-ios.plyr--fullscreen-fallback .plyr__video-embed>.plyr__video-embed__container{
  transform: translateY(-12.27%)!important;
} */
.plyr--is-ios.plyr--fullscreen-fallback .plyr__video-embed iframe{
  bottom: 0;
right: 0;
margin: auto;
display: block;
}
.plyr--is-ios.plyr--fullscreen-fallback .plyr__video-wrapper{
  height: 100%!important;
}
}
#hero__intro_video.modal {
  z-index: 9999999;
}
#coachdetail.modal {
  z-index: 999999;
}
.modal-backdrop.show{
  z-index: 99999;
}
.hero_video_modal{
  cursor: pointer;
}
/*.join_us_btn,
.custom-sel{
  -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
border: 1px solid #e72323;
}*/

/*.join_us_btn::before,
.custom-sel::before {
position: absolute;
content: "";
background: #E72323;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/
/*.join_us_btn .sign-in-menu span{
  position: relative;
  color: white;
}
.join_us_btn .sign-in-menu::before,
.custom-sel::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.join_us_btn .sign-in-menu:active::before,
.join_us_btn .sign-in-menu:hover::before,
.custom-sel:active::before,
.custom-sel:hover::before {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.join_us_btn .sign-in-menu:active,
.join_us_btn .sign-in-menu:hover,
.custom-sel:active,
.custom-sel:hover {
  border: 1px solid #36b34b;
  color: black;
  background: #36b34b;
} 
.join_us_btn .sign-in-menu,
.custom-sel .sign-in-menu{
  color: white;
  position: relative;
}*/
/*team card design start*/
.team_card_wrapper{
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  height: 100%;
}
.team_image img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius:8px; 
  object-position:top; 
}
.team_name{
  font-family: var(--font-extrabold);
  font-weight: 800;
  font-size: 22px;
  margin: 15px 0 5px;
  color: var(--primary);
  text-transform: uppercase;
}
.team_desc{
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3px!important;
  text-transform: uppercase;
  color: #444444
}
/*.custom_img_pos{
  object-position: 0px -85px!important;
}  */  
/*team card design end*/

/*sponsor css start*/

.sponsor_card{
  height: 100%;
  border-radius: 0px;
/*  background-color: var(--secondary);*/
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 22px 0 rgba(0, 0, 0, .13);
    border: 1px solid #bdbdbd;
}
.sponsor_bg_img img{
  width: 100%;
  height: 260px;
      object-fit: contain;
    /* border-radius: 8px 8px 0 0; */
    background: var(--primary);
}
.sponsor_text_section{
  padding: 15px 20px;
  position: relative;
  border-top: 2px solid;
}
.sponsor_text_section .main_heading{
  font-family: var(--font-extrabold);
  font-weight: 800;
    font-size: 22px;
    margin: 20px 0 5px;
/*    color: var(--primary);*/
    text-transform: uppercase;
}
.step_icon{
    background: var(--secondary);
    color: var(--primary);
    display: inline-block;
    padding: 10px 17px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 800;
    position: absolute;
    top: -22px;
}
.card_small_text{
  font-size: 15px;
    color: #000;
}
.price_btn{
  text-transform: uppercase;
  text-align: center;
  margin-top: 55px;
}
/*sponsor css end*/
.sample_consultation_video{
    width: 100%;
    background: #ffffff91;
    position: fixed;
    bottom: 0;
    z-index: 2;
    padding: 20px 0;
    text-align: center;
}

.hero_sticky_section{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    background: var(--secondary);
    color: var(--primary);
    padding: 15px 65px;
    font-size: 17px;
    border: 2px solid var(--primary);
}
.hero_sticky_section:hover{
  background: #fff;
  color:var(--primary);
}
/*@media (max-width: 1025px){
  .sample_consultation_video{
    position: relative;
    background: #c6c6c691;
  }
}*/
@media (max-width: 390px){
  .hero_sticky_section{
    padding: 15px 50px;
    font-size: 14px;
  }
}
.button--primary{
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 11px 25px 12px 25px;
    background: #1E0046;
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    background: var(--primary);
    color: #fff;
    transition: all 0.1s ease-in-out;
    letter-spacing: 1.8px;
}
.column-bg-image {
/*  margin-top: -85px;*/
/*  margin-left: 95px;*/
    margin: -85px 95px 0;
}
.column-bg-image img{
  height:481px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.button--primary:hover{
  background-color: #e6b400;
}
/*.column-bg-image{
   background-image: url(../img/vision-thumbnail.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  background-position: center center; 
}*/
.vision-right-col{
      display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 40px;
    
}
.vision-box-wrapper{
/*  background: url(https://cdn-reeble.b-cdn.net/lords_digital_lp/dot-group.png);*/
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 200px;
}
.step-to-submit{
  /* background: linear-gradient(90deg, rgba(0,0,0,0.29597776610644255) 20%, rgba(0,0,0,0.506061799719888) 45%, rgba(0,0,0,0.444437149859944) 57%, rgba(0,0,0,0.38561362044817926) 70%, rgba(0,0,0,0.30438112745098034) 100%),url(https://cdn-reeble.b-cdn.net/lords_digital_lp/guideline-bg.jpg); */
  background: var(--primary);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
/*  background: #fff;*/
}
/*.purple-dot-bg{
  background: url(../img/dot-group.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 200px;
}
.yellow-dot-bg{
  background: url(../img/yellow-dot-group.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 200px;
}*/
.play-icon-btn::after{
  content: "\f144";
    font-family: 'Font Awesome 5 Free';
    margin-left: 12px;
    font-size: 25px;
}
.section-header-font{
    margin-bottom: 40px;
    font-weight: 900!important;
    font-size: 43px;
    color: #fff;
}
.demo-consultation-wrapper,.coach-section-wrapper{
  background-color: var(--primary);
/*  background-image: url(../img/left-dot-group.png);*/
      background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
/*    padding: 90px 0;*/
overflow: hidden;
}
.coach-section-wrapper{
  background-size: 40%;
}
.demo-consultation-card{
  position: relative;
}
.demo-consultation-card .line-play-icon{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 40px;
    width: 100%;
}
.demo-consultation-card .line-play-icon .vimeo-play-icon {
  position: absolute;
  left: 50px;
}
.demo-consultation-card .line-play-icon .button-associate-line{
  width: 100%;
  background: #1e0246a1;
  height: 35px;
  display: block;
  display: none!important;
}
.demo-consultation-card .line-play-icon .vimeo-play-icon i, #coachdetail .vimeo-play-icon i{
  color: var(--primary);
  background-color: var(--secondary);
  padding: 16px 17px 16px 22px;
  border-radius: 50%;
  font-size: 25px;
}

.demo-consultation-card .dot-image-1{
  position: absolute;
  right: 0;
}
.demo-consultation-card .dot-image-1 img{
  width: 140px!important;
}
.demo-consultation-card .main-thumbnail{
  width: 100%;
  height: 260px;
  object-fit: contain;
  object-position: center;
}
#owl-demo-consultation .owl-item.center .demo-consultation-card .main-thumbnail{
  width: 100%;
  height: 380px;
  object-position: center;
}
/*#owl-demo-consultation .owl-stage-outer{
  margin-bottom: 0px!important;
}*/
.demo-consultation-wrapper .heading4{
/*  padding-left: 80px;*/
}
#owl-demo-consultation .owl-stage{
      padding-left: 0px!important;
      display: flex;
      align-items: center;
}
/*#owl-demo-consultation{
  padding-left: 60px!important;
}*/
.bottom__0{
  bottom: 0px!important;
}
.back--to--indoor{
 background: #fff!important;
 margin-left: 15px;
}

.icons-row{
  display: flex;
    gap: 20px;
}
.footer-link-wrapper-1 ul{
  display: flex;
  gap: 20px;
  justify-content: end;
}
.footer-link-wrapper-1 ul li a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.copyright-text,.powered-by-txt{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: end;
  gap: 2px;  
}
.lords-logo img{
      width: 180px;
}
.powered-by-txt img{
      /*width: 90px;*/
      height: 15px;
      margin-bottom: 4px;
}
.member_info_outer .demo-consultation-card .line-play-icon .vimeo-play-icon{
  left: 25px!important;
      bottom: -5px;
}

@media (max-width: 550px){
  .team_image img{
  width: 100%;
  height: 370px;
  object-fit: cover;
  border-radius:8px; 
  object-position:top; 
}
}
@media screen and (max-device-width: 850px) and (orientation: landscape) {
  .cateogry_heading .p-digital-features__heading-ttl{
    font-size: 18px;
  }
}
@media (max-width: 470px){
  .height_150{
    height: 150px;
  }
  .height_200{
    height: 120px;
  }
  .height_250{
    height: 125px;
  }
  .height_300{
    height: 150px;
  }
  .height_400{
    height: 180px;
  }
  .height_500{
    height: 180px;
  }
  .right_image_animation{
/*      height: 400px;*/
        height: 310px;
        margin-bottom: 16px;
  }
  .l-header img{
      width: 100px!important;
  }
  /*.language-text a{
      padding: 10px 12px !important;
      font-size: 12px;
  }*/
  .l-gnav-toggle {
      width: 50px;
      height: 50px;
      top: 25px;
  }
}
@media (max-width: 470px){
   /* .language-text a{
      font-size: 10px;
  }*/
}
.coach-section-wrapper{
/*  padding: 0px 70px!important;*/
}
.make-title-center{
  padding: 54px 32px 54px 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.custom_font{
    font-family: var(--font-body);
    font-size: 38px;
    color: var(--secondary);
    font-weight: 500;
    text-align: left;
/*    font-style: italic;*/
}
.custom_font:hover{
  color: var(--secondary);
}

/*body {
    font-family: Arial, sans-serif;
}*/

#steps-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 0 120px;
/*    inset-top:0px!important*/
/*    inset: 0px auto auto 0px!important;*/
inset-block-start: 20px !important;
/*background-color: #f1f1f1;*/
}

.image-wrapper {
    text-align: center;
/*    background: var(--primary);*/
}

#step-image {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease-in-out;

}

.steps-wrapper {
    position: relative;
/*    padding-left: 40px;*/
}

.step {
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}

.step-icon {
  position: absolute;
  left: 0px;
  top: 0;
  right: 0;
  display:block;
  z-index: 2;
  text-align: center;
}
.step-icon div{
  text-align: center;
  background: #fff;
  padding: 10px 21px 6px;
  color: var(--primary);
  font-size: 25px;
  border-radius: 50%;
  display: inline-block;
  border: 4px solid var(--primary);

}
.step-icon-img{
          background: var(--primary);
    padding: 14px 16px 17px;
    border-radius: 50%;
}
.step-icon-img img{
    width: 34px;
    filter: invert(1);
}.step-card
.step-text {
    font-weight: bold;
/*    margin-bottom: 5px;*/
/*    padding-left: 17px;*/
/*    padding-top: 12px;*/
    font-size: 30px;
    line-height: auto;
    width: 100%;
}
.step-content-wrapper{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--primary);
  font-size: 20px;
}
.step-text p {
    margin: 0;
}

.progress-wrapper {
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0px;
    right: 0;
    width: 10px;
    background-color: #c0c0c0;
    border-radius: 8px;
    z-index: 1;
    display: block;
    margin: 0 auto;
}

.progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background-color: var(--primary);
    transition: height 0.5s ease;
    border-radius: 8px;
}

.step.active .step-icon {
    color: #fff;
}

/* Responsive adjustments for mobile devices */
@media (max-width: 768px) {
    #steps-section {
        flex-direction: column; /* Stack elements vertically on smaller screens */
        padding: 20px;
    }

    .col-md-6 {
        width: 100%; /* Ensure full width for each column */
        margin-bottom: 20px;
    }

    .progress-wrapper {
        left: 0; /* Adjust the position for the progress bar */
        width: 5px;
    }

    .step-icon {
        left: -30px; /* Adjust icon position for smaller screens */
    }
}
.main-video-wrapper{
      margin-top: 60px;
}

/**/
.button-spacing{
 padding: 15px 0 ;
 background: var(--primary); 
}
.step-card {
    display: flex;
    align-items: center;
    padding: 10px 35px;
    background-color: var(--secondary);
    position: relative;
    width: fit-content;
}
.step-left {
    margin-left: 11%;
    margin-right: auto;
    text-align: left;
}
.step-right {
    margin-left: 56%;
    margin-right: 0;
    text-align: right;
}

.steps-section-wrapper{
/*  background: linear-gradient(0deg, #00000075, #00000075), url(https://cdn-reeble.b-cdn.net/lords_digital_lp/steps-bg-image.jpg);*/
background: #fff;
  background-repeat: no-repeat;
  background-position: 0 20%;
  background-size: cover;
/*  background-attachment: fixed;*/
}
.section_top_bottom_spacing{
      padding: 64px 80px;
}
.students-review-wrapper{
  background: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.review-card{
    background: #fff;
    padding: 30px;
/*    margin-bottom: 20px;*/
    height: 100%;
        border: 3px solid var(--primary);
}
.review-card .heading5{
  letter-spacing: 2px;
}

.review-card .review-card-row{
    display: flex;
    gap: 15px;
    padding-top: 40px;
    align-items: center;
}
.review-card .review-card-row img{
      border-radius: 50%;
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.color-primary-title p{
  color: var(--primary);
}
.faq_wrapper .accordion-button{
  padding: 1rem 0px;
}
.faq_wrapper .accordion-button:focus{
    z-index: 3;
/*    border-color: #000;*/
    outline: 0;
    box-shadow: none;
}
.faq_wrapper .accordion-button:not(.collapsed){
  background-color: transparent;
  box-shadow: none;
}
.accordion-title{
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 90%;
}
.faq_wrapper .accordion-body{
font-size: 20px;
color: #f5f5f5;
padding: 0px;
}

.faq_wrapper .accordion-flush .accordion-item:first-child{
  border-top: 1px solid #C7CBD0;
}
.faq_wrapper .accordion-item{
  border-bottom: 1px solid #C7CBD0;
  padding: 10px 0;
  background:transparent;
}
.faq_wrapper .accordion-button{
  background: transparent;
}
.faq_wrapper .accordion-flush .accordion-item:last-child{
  border-bottom:1px solid #C7CBD0;
}
/* Hide the default icon */
/* Hide the default icon */
.accordion-button::after {
    content: none;
}

/* Add a plus icon for collapsed (closed) accordion items and position it on the right */
.accordion-button::before {
    content: '+';
    font-size: 30px;
    color: #fff;  /* Customize the color */
    position: absolute;
    right: 20px;  /* Adjust position as needed */
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
    font-weight: 500;
}

/* Add a minus icon for open accordion items and position it on the right */
.accordion-button:not(.collapsed)::before {
    content: '-';
    font-size: 30px;
    color: #fff;  /* Customize the color */
    position: absolute;
    right: 20px;  /* Adjust position as needed */
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
    font-weight: 500;
}

/* Ensure the accordion button has position: relative to position the icon */
.accordion-button {
    position: relative;
    padding-right: 40px; /* Add padding to prevent text from overlapping the icon */
}

@media screen and (max-width: 768px) {
  .make-it-column{
    flex-direction: column;
  }
  #owl-demo-consultation{
    padding-left: 0px!important;
  }
  .demo-consultation-card .main-thumbnail{
        height: 170px !important;
  }
  .play-button-wrapper {
    padding-top: 0 !important;
    padding-bottom: 25px !important;
  }
  .dotted-pattern-bg, .dotted-pattern-bg1 {
    background-size: 100% !important;
  }
  .p-digital-kv__icon  {
    top: 0 !important;
  }
  .video {
    padding: 13px 15px 13px 18px !important;
  }
  .video i {
    font-size: 18px !important;
  }
  .yellow-text-color, .guidelines_heading {
    font-size: 30px !important;
  }
  .vision-heading {
    font-size: 30px !important;
    line-height: 40px !important;
    letter-spacing: 2.3px !important;
  }
  .section-header-font {
    margin-bottom: 0px !important;
    font-size: 30px !important;
    line-height: 40px !important;
    letter-spacing: 2.3px !important;
  }
}
.steps-card-outer{
/*background: var(--primary);*/
padding: 0px 28px;  
position: relative;
height: 100%;
}
.steps-card-outer .icon-wrapper{
      display: inline-block;
    /*background: var(--primary);
    padding: 12px;*/
}
.steps-card-outer .icon-wrapper img{
      width: 65px;
    filter: invert(1);
}
.steps-card-outer .text-wrapper{
/*      margin-top: 40px;*/
}
.steps-card-outer .text-wrapper .heading4{
  text-transform: uppercase;
    color: #fff;
    line-height: normal;
    font-size: 26px;
    letter-spacing: 2px;
}
.steps-card-outer .bg-number{
/*  position: absolute;*/
    color: #ffffff38;
    font-size: 95px;
    font-weight: 900;
    right: 10px;
    top: -12px;
    line-height: normal !important;
}
.guideline-box-text{
      background: #fff;
    color: var(--primary);
    padding: 8px 0;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    font-family: 'Italian Plate No2';
    letter-spacing: 0.5px;
    text-align: center;
    font-size: 20px;
    line-height: normal;
}
.body-text-color{
  color: #555;
}
.yellow-text-color{
  color: var(--secondary);
}
.play-button-wrapper{
  padding-top: 15%;
}
.center-play-icon{
  position: static!important;
}
.center-play-icon .vimeo-play-icon{
    position: absolute;
    left: 0!important;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.center-play-icon .vimeo-play-icon i{
    padding: 20px 21px 20px 26px!important;
    font-size: 34px!important;
}
.primary-text-color{
  color: var(--primary)!important;
}
.light-footer-text-1{
  font-family: var(--font-extrabold);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
}

.light-footer-text-2{
  font-family: var(--font-extrabold);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
}

.side-footer-col-text{
  font-family: var(--font-extrabold);
  font-weight: 900;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 1.2px;
}
.bottom-footer-row-text{
  font-family: var(--font-extrabold);
  font-weight: 400!important;
  font-size: 14px!important;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase !important;
/*    line-height: 2.5;*/
}
.vertical-hr {
    font-size: 18px;
}
.footer__separator__bottom{
color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.footer__separator__top{
      
        color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.custom-loader-btn{
  position: relative;
}

.button--loading.disabled a{
  background: #DCDCDC;
  border: 1px solid #DCDCDC;
  pointer-events: none;
}
.button--loading.disabled{
  background: #DCDCDC;
  border: 1px solid #DCDCDC;
  pointer-events: none;
}

.button--loading .button__text {
  visibility: hidden;
  opacity: 0;
}

.button--loading::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
/*  border-top-color: #fff;*/
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}
@media (min-width: 576px) {
  .offset-sm-2 {
      margin-left: 0;
  }
}
.footer-section-margin {
  margin-bottom: 20px;
}
.left-col-wrapper{
      height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px;
}
.image-container video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 60%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  opacity: 0;
  transition: opacity 0.3s ease;
  margin: 0 auto;
}
.hover_video_tag {
  background: var(--primary);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
.flag_display {
  display: inline-block;
}
.flag_display_img {
  width: 25px !important;
  height: 20px !important;
  border-radius: 0 !important;
}
./*dotted-pattern-bg {
  background: url(https://cdn-reeble.b-cdn.net/image/dotted-pattern.png);
  background-position: left bottom;
  background-size: 40%;
  background-repeat: no-repeat;
}*/
.dotted-pattern-bg1 {
  background: url(https://cdn-reeble.b-cdn.net/lords_digital_lp/flag/dotted-pattern%201.png);
  background-position: right top;
  background-size: 40%;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .hero_heading_text {
    font-size: 36px !important;
  }
  .column-bg-image img {
    height: 500px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .video {
    padding: 10px 13px 10px 15px !important;
  }
  .video i {
    font-size: 20px;
  }
  .yellow-text-color {
    font-size: 25px !important;
    line-height: 32px m !important;
  }.custom_font {
    font-size: 30px !important;
    line-height: 32px !important;
  }
  .hero_heading_text {
    font-size: 32px !important;
    line-height: 32px !important;
  }
  .play-button-wrapper {
    padding-top: 0 !important;
  }
  .p-digital-kv__icon {
    top: -1px !important;
  }
  .make-title-center {
    padding: 50px 50px 0 50px !important;
  }
  .guidelines-text {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 576px) {
  .faq_wrapper .container {
    padding: 0 20px !important;
  }
  .accordion-title {
    font-size: 20px !important;
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    bottom: 40% !important;
  }
  /* .owl-carousel.owl-theme .owl-nav button.owl-prev {
    left: -1%;
  }
  .owl-carousel.owl-theme .owl-nav button.owl-next {
    right: -1%;
  } */
}
.cutsom-new-button-fill{
  width: 200px;
  font-size: 16px;
  font-weight: bold;
  line-height: 19.2px;
  text-align: center;
  padding: 16px 0;
/*    border: 1px solid #4B4B4B;*/
  background: #4B4B4B;
  background-size: 200% 100%;
  background-position:right bottom;
  transition:all 1s ease;
  text-transform: uppercase;
  cursor: pointer;
  color: white !important;
  font-family: var(--font-extrabold);
  letter-spacing: 1px;
}
.profilepic-details-coach-image {
  width: 100%;
  height: 300px;
  object-fit: contain;
}
.modal-letter-spacing {
  letter-spacing: 1px;
}
.customhr {
  height: 1px;
  margin: 0 auto;
  background: #DCDCDC;
  opacity: 1;
}
.coach-video-row, .coach-images {
  display: flex;
  gap: 10px;
}
.coach-videos .video_display_list {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}
.coach-images .col-md-4 {
  padding: 0px;
  /* width: 100%; */
}
.coach-images img {
  width: 100%;
  /* height: auto; */
  display: block;
  height: 180px;
  object-fit: cover;
}
.james_fielding {
  padding: 20px 30px;
}
.poup-detail {
  width: 100%;
  margin: 0px;
}
.outer-popup-image-banner {
  margin-bottom: 40px;
}
.popup-detail-image {
  width: 100%;
  /* margin-bottom: 40px; */
}
.outer-popup-image-banner .blackboxplayicon {
  width: 60px;
  height: 60px;
}
.video_icon_display {
  position: absolute;
  top: 40%;
  left: 47%;
}
.sch-xmark {
  float: right;
  font-size: 24px;
  background: #000;
  color: #fff;
  padding: 7px 12px;
  border-radius: 50%;
  cursor: pointer;
}
.video_modal_cross_mark {
  position: absolute;
  top: -22px;
  right: -5px;
  padding: 2px 14px;
  border-radius: 50%;
  font-size: 30px;
}
.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: auto;
  margin: 50px auto;
  padding: 0;
  max-width: 1000px;
  background: white;
}
.modal-popup-close {
    position: absolute;
    right: 13px;
    top: 30px;
    z-index: 2;
    cursor: pointer;
}
.coach-images-title {
    font-size: 20px;
    font-weight: 800;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .is-page-loaded .custom-sel {
    right: 8% !important;
    top: 40% !important;
  }
}
.testimonials_viewer_desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 500px){
      .p-digital-kv{
        height: 75vh - calc(50px) !important;
    }
        .yellow-text-color, .guidelines_heading {
        font-size: 26px !important;
        letter-spacing: 2px;
        margin-top: 12px;
    }
        .p-digital-kv__icon {
        top: 11px !important;
    }
    .waves{
          right: -50px;
    bottom: -38px;
    }
}
@media (max-height: 667px) {
  .p-digital-kv{
    height: 100vh !important;
}
}
.close-icon-img {
  border-radius: 50%;
  background: #fff;
  padding: 6px;
  filter: invert(1);
 }
 .descipline-img {
  width: 40px !important;
  height: 40px !important;
  filter: invert(1);
  margin-bottom: 10px;
 }  
 .text_section_our_vision {
  max-width: 400px;
  height: 166px;
  padding: 24px 24px 32px 24px;
  gap: 16px;
  border-radius: 8px;
  background: #1B0443;
  backdrop-filter: blur(100px)
 }
.vision_text {
  font-family: var(--font-extrabold);
  font-size: 18px;
  font-weight: 500;
  color: var(--secondary);
  line-height: 26px;
  text-transform: uppercase;  
}
.description_title {
  font-family: var(--font-extrabold);
  font-weight: 800;
  font-size: 48px;
  line-height: 48px;
  color: #ffffff;
  letter-spacing: 3.2px;
}
.description_section {
  max-width: 578px;
  height: 250px;
  gap: 10px;
  border-radius: 8px;
  background: #1B0443;
  backdrop-filter: blur(100px);
/*  margin-left: 542px;*/
  margin-top: -140px;
}
.description_text {
  font-family: var(--font-body);
  padding: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}


/*All Examples*/
[id*='grid-']:after {
  content: "";
  display: table;
  clear: both;
}

/* Example One */
[class*='grid-'] {
  float: left;
}


.grid-1 {
  position:absolute;
/*  margin-bottom: 50px;*/
  background-color: var(--primary);
}
.grid-1-item {
  border: 2px solid var(--primary);
  width: 50px;
  background-color: var(--primary);
  height: 50px;
  transition: all 1.5s ease-in-out;
}
.grid-1-item:hover {
  border: 2px solid #640ADB;
  background-color: var(--primary);
  transition: all 0s;
}

#owl-demo-consultation .owl-item > div {
  cursor: pointer;
/*  transition: margin 0.4s ease;*/
}

#owl-demo-consultation .owl-item:before{
  content: '';
  background: var(--primary);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.8;
}
#owl-demo-consultation .owl-item.center .example-consult-icon-outer{
  z-index: 2;
}
#owl-demo-consultation .owl-item.center{
  z-index: 1;
}
#owl-demo-consultation .owl-item.center img{
  -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1;
}
#owl-demo-consultation .owl-item.center:before{
  opacity: 0;
}

#owl-demo-consultation .owl-item.center > div {
  cursor: auto;
  margin: 0;
}
#owl-demo-consultation .owl-item:not(.center) > div:hover {
  opacity: .75;
}
.example-consult-icon-outer{
  height: 100%;
  justify-content: center;
  top: 0;
  bottom: 0;
}


/*#owl-demo-consultation {
  margin: 64px 0;
}
#owl-demo-consultation .owl-item > div {
  cursor: pointer;
  margin: 7.5% 0%;
  transition: margin 0.4s ease;
}
#owl-demo-consultation .owl-item.center > div {
  cursor: auto;
  margin: 0;
}
#owl-demo-consultation .owl-item.center .main-thumbnail {
  height: 360px;
}
#owl-demo-consultation .owl-item:not(.center) > div {
  opacity: .20;
}
#owl-demo-consultation .owl-item .active {
  z-index: -1;
  width: 465px !important;
}*/



/*Suraj codes start*/

.howitworks_box{
width: 900px;
height: 510px;
background-color: rgba(243, 242, 245, 1);
position: absolute;
border-radius: 8px;
}

.howitworks_main{
padding: 64px 80px 125px 80px;
}

.how-it-works-row{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
/*margin-top: 20px;*/
}

.howitworks_section{
position: relative;
}

.steps-card-outer .background_number{
color: var(--secondary);
}

.steps-card-outer .text-wrapper .step_text{
color: rgba(27, 4, 67, 1);
font-size: 32px !important;
letter-spacing: 0px !important;
}

.image-col{
/*background: rgba(255, 255, 255, 1);*/
border-radius: 10px;
box-shadow: 1px 1px 5px 5px whitesmoke;
/*text-align: center;*/
}

.image-col img, .image-column img{
width: 100%;
height: 100%;
border-radius: 10px;
}


.slick-prev, .slick-next{
background: grey;
border-radius: 50%;
left: 60px !important;
}

.slick-next{
top: 60% !important;
}

.slick-slide{
height: 26% !important;
}

.slick-list{
height: 390px!important;
}

.box_outer{
padding-bottom: 64px;
}


#steps-section-new-wrapper .slick-dots {
  position: absolute;
  top: 35%;
  left: 4%;
/*  background:rgba(0, 0, 0, 0.1);*/
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: max-content;
  width: max-content;
  
 #steps-section-new-wrapper .slick-dots li {
    list-style: none;
    margin: 15px 0;
  }
 #steps-section-new-wrapper .slick-dots  button {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: none;
    background-color: rgba(27, 4, 67, 1) !important;
    text-indent: -9999px;
    outline: 0;
    &:hover {
      color: rgba(27, 4, 67, 1)!important;
    }
  }
}

 .slick-dots li button:before {
 background: rgba(27, 4, 67, 1)!important;
 opacity: 0.1;
}


@media screen and (min-width: 1024px) and (max-width: 1200px){

.howitworks_box{
width: 620px !important;
height: 395px !important;
}


.howitworks_main{
padding: 64px !important;
}

.box_outer{
padding-bottom: 64px !important;
}

.how-it-works-row{
display: flex;
justify-content: center;
align-items: center;
}

.steps_row{
display: flex;
justify-content: center;
align-items: center;
}

#steps-section-new-wrapper .slick-dots{
top: 20% !important;
}


}



@media screen and (min-width: 1201px) and (max-width: 1400px){

.howitworks_box{
width: 825px !important;
height: 450px !important;
}


.steps_row{
display: flex;
justify-content: center;
align-items: center;
}

#steps-section-new-wrapper .slick-dots{
top: 25% !important;
}


}


@media screen and (min-width: 1401px){

.howitworks_box{
width: 850px !important;
/*height: 490px !important;*/
}

.how-it-works-row{
display: flex;
justify-content: center;
align-items: center;
}

.steps_row{
display: flex;
justify-content: center;
align-items: center;
}



}


@media screen and (min-width: 768px) and (max-width: 1024px){


.how-it-works-row{
display: flex;

}

.steps_row{
display: flex;
justify-content: center;
align-items: center;
}

.howitworks_box{
width: 87% !important;
/*height: 65% !important;*/         
}
.l-gnav-toggle__bar--first {
  -webkit-animation: none;
  animation: none;
  top: 6px;
}
.l-gnav-toggle__bar--second {
  -webkit-animation: none;
  animation: none;
  top: 12px;
}
.l-gnav-toggle__bar--third {
  -webkit-animation: none;
  animation: none;
  top: 18px;
}

}



@media screen and (max-width: 1024px){

.how-it-works-row{
flex-direction: column-reverse;
width: 100%;
margin: auto !important;
/*padding-left: 10px;*/
}

.steps_row{
flex-direction: column-reverse;
width: 100%;
margin: auto !important;
}


.box_outer{
width: 100% !important;
}

.info-section{
height: 100% !important;
width: 100% !important;
}

.text-wrapper{
/*margin-top: -10px !important;*/
display: flex;
flex-direction: column;
justify-content: center;
}

.steps-card-outer{
padding: 0px 20px !important;
margin-left: 90px !important;
display: flex;
gap: 25px;
margin-top: 30px !important;
}


.image-col img{
width: 100% !important;
height: 350px !important;
}

.image-column{
width: 100% !important;
}

.image-column img {
width: 100% !important;
height: 350px !important;
}

#steps-section-new-wrapper .slick-dots{
top: 65% !important;
}

.image-col{
box-shadow: none !important;
width: 100% !important;
}


.howitworks_box{
display: none !important;
}

.howitworks_section{
background-color: rgba(243, 242, 245, 1);
padding: 35px 20px !important;
border-radius: 10px;
}

.slick-list{
height: 580px!important;
}

} 


@media screen and (max-width: 768px){



.how-it-works-row{
display: flex;
justify-content: center;
align-items: center;
}

.steps_row{
display: flex;
justify-content: center;
align-items: center;
}

.steps-card-outer {
margin-top: 20px !important;
margin-left: 25px !important;
}

.steps-card-outer .bg-number{
font-size: 59px !important;
}

.image_section{
width: 100% !important;
margin: -85px 0 0 !important;
}


.image_section img{
width: 100% !important;
height: 400px !important;
}

.our_vision_content {
/*left: 20% !important;*/
padding: 10px !important;
height: max-content !important;
/*width: max-content !important;*/
margin: 0 auto !important;
}

.our_vision_content .vision_text{
font-size: 15px !important;
}

.our_vision_content .description_title{
font-size: 24px !important;
line-height: 30px !important;
letter-spacing: 1.2px !important;
}

.description_content{
height: max-content !important;
width: 95% !important;
position: relative !important;
/*right: 15% !important;*/
float: none !important;
margin: -140px auto 0 !important;
}

.description_content .description_text{
font-size: 15px !important;
padding: 10px !important;
line-height: 20px !important;
}

.coaches_main{
padding: 64px 20px !important;
}

.carousel_section{
padding: 0px !important;
}


}


@media screen and (max-width: 576px){

/*.howitworks_box{
width: 75% !important;
height: 505px !important;
}*/

.how-it-works-row{
display: flex;
justify-content: center;
align-items: center;
margin-left: 4px;
gap: 40px;
}

.steps_row{
display: flex;
justify-content: center;
align-items: center;
/*margin-left: 15px !important;*/
gap: 40px;
}

.steps-card-outer{
display: block !important;
margin-left: 30px !important;
margin-top: 15px !important;
padding: 0px !important;
}


.steps-card-outer .text-wrapper .step_text{
font-size: 18px !important;
}

.steps-card-outer .bg-number{
font-size: 50px !important;
}

.custom_text{
font-size: 16px !important;
}

.howitworks_main{
padding: 64px 20px !important;
}

.image-col img{
height: 250px !important;
}

.image-column img{
height: 250px !important;
}

.image_section img{
width: 100% !important;
}

.image_section{
margin: -85px 0 0 !important;
}

#steps-section-new-wrapper .slick-dots {
top: 55% !important;
}

.slick-list{
height: 500px !important;
}


.button-spacing{
padding: 0 !important;
}

.section_top_bottom_spacing{
padding: 64px 15px !important;
}



}

.member .vimeo-play-icon {
position: absolute;
left: 25px;
color: var(--primary);
background-color: var(--secondary);
padding: 15px 17px 9px 22px;
border-radius: 50%;
font-size: 25px;
top: 25px;
z-index: 10;
}


.our_vision_content{
position: relative;
z-index: 9;
transform: translate3d(0px, -90px, 0px);
}

.description_content{
transform: translate3d(0px, -75px, 0px);
float: right;
}



@media screen and (max-width: 600px){

.outer_item{
margin: 0 50px !important;
}

.demo-consultation-card .main-thumbnail{
height: 100% !important;
}
.owl-carousel.owl-theme .owl-nav button.owl-prev {
  left: 0;
}
.owl-carousel.owl-theme .owl-nav button.owl-next {
  right: 0;
}
#owl-demo-consultation .owl-item.center img {
  transform: scale(1);
}
}


@media screen and (max-width: 500px){

#steps-section-new-wrapper .slick-dots {
top: 55% !important;
}

.slick-list{
height: 430px !important;
}

.image-col img{
height: 215px !important;
}

.image-column img{
height: 215px !important;
object-fit: contain;
}
.language-text .sign-in-menu{
  padding: 12px!important;
  line-height: 12px;
  font-size: 15px;
}

}
@media (min-width: 1440px) {
  #owl-demo-consultation .owl-item.center .demo-consultation-card .main-thumbnail {
    object-position: top !important;
    transform-origin: top !important;
  }
}

@media screen and (max-width: 768px){
  .video-section {
    padding: 0 !important;
  }
  .iframe-video {
    width: 100%;
    height: 200px;
    margin-top: 40px;
    /* margin-bottom: -30px; */
    z-index: 999;
    position: relative;
  }
  #new_section_with_img_intro {
    padding-top: 20px !important;
  }
} 

@media (min-width: 1025px) {
  .iframe-video {
    height: 650px !important;
  }
}
.video-section {
  padding: 60px 80px 60px 60px;
  background: var(--primary);
}