@charset "UTF-8";
/** ===============================================
 *
 * Font
 *
 * =============================================== */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  font-feature-settings: "palt" 1;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  text-size-adjust: 100%;
}

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

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

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

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

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

@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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;
}

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: calc(100vw * ( 26 / 750 ));
  height: calc(100vw * ( 52 / 750 ));
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  padding: 0;
  border: none;
  outline: none;
  transform: translateY(-50%);
}
@media (min-width: 750px) {
  .slick-prev,
  .slick-next {
    width: calc(100vw * ( 18 / 1440 ));
    height: calc(100vw * ( 36 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .slick-prev,
  .slick-next {
    width: 18px;
    height: 36px;
  }
}
.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 {
  content: "";
  display: block;
  width: calc(100vw * ( 26 / 750 ));
  height: calc(100vw * ( 52 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .slick-prev:before,
  .slick-next:before {
    width: calc(100vw * ( 18 / 1440 ));
    height: calc(100vw * ( 36 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .slick-prev:before,
  .slick-next:before {
    width: 18px;
    height: 36px;
  }
}

.slick-prev {
  left: calc(-100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .slick-prev {
    left: calc(-100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .slick-prev {
    left: -30px;
  }
}
.slick-prev:before {
  transform: scale(-1, 1);
}
.slick-next {
  right: calc(-100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .slick-next {
    right: calc(-100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .slick-next {
    right: -30px;
  }
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
}
@media (min-width: 750px) {
  .slick-dots {
    text-align: left;
  }
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: calc(100vw * ( 40 / 750 ));
  height: calc(100vw * ( 12 / 750 ));
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  vertical-align: top;
}
@media (min-width: 750px) {
  .slick-dots li {
    width: calc(100vw * ( 20 / 1440 ));
    height: calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .slick-dots li {
    width: 20px;
    height: 4px;
  }
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  opacity: 0.75;
  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 {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: calc(100vw * ( 8 / 750 ));
  background-color: #fff;
  opacity: 0.6;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
}

/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;
  font-size: 1em;
}

.fc,
.fc *,
.fc *:before,
.fc *:after {
  box-sizing: border-box;
}

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

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

.fc a[data-navlink] {
  cursor: pointer;
}

.fc a[data-navlink]:hover {
  text-decoration: underline;
}

.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}

.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
.fc-liquid-hack th {
  position: relative;
}

@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !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;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {
  /* reset */
}

.fc .fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.fc .fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.fc .fc-button {
  -webkit-appearance: button;
}

.fc .fc-button:not(:disabled) {
  cursor: pointer;
}

.fc .fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.fc {
  /* theme */
}

.fc .fc-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.fc .fc-button:hover {
  text-decoration: none;
}

.fc .fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc .fc-button:disabled {
  opacity: 0.65;
}

.fc {
  /* "primary" coloring */
}

.fc .fc-button-primary {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #2C3E50;
  background-color: var(--fc-button-bg-color, #2C3E50);
  border-color: #2C3E50;
  border-color: var(--fc-button-border-color, #2C3E50);
}

.fc .fc-button-primary:hover {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #1e2b37;
  background-color: var(--fc-button-hover-bg-color, #1e2b37);
  border-color: #1a252f;
  border-color: var(--fc-button-hover-border-color, #1a252f);
}

.fc .fc-button-primary:disabled { /* not DRY */
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #2C3E50;
  background-color: var(--fc-button-bg-color, #2C3E50);
  border-color: #2C3E50;
  border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
}

.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  color: var(--fc-button-text-color, #fff);
  background-color: #1a252f;
  background-color: var(--fc-button-active-bg-color, #1a252f);
  border-color: #151e27;
  border-color: var(--fc-button-active-border-color, #151e27);
}

.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc {
  /* icons within buttons */
}

.fc .fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
}

.fc .fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.fc .fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}

.fc .fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}

.fc .fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}

.fc .fc-toolbar-title {
  font-size: 1.75em;
  margin: 0;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em; /* space between */
}

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
  margin-right: 0.75em; /* space between */
}

.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
  flex-direction: row-reverse;
}

.fc .fc-scroller {
  -webkit-overflow-scrolling: touch;
  position: relative; /* for abs-positioned elements within */
}

.fc .fc-scroller-liquid {
  height: 100%;
}

.fc .fc-scroller-liquid-absolute {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fc .fc-scroller-harness {
  position: relative;
  overflow: hidden;
  direction: ltr;
  /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
  /* TODO: demonstrate in codepen */
}

.fc .fc-scroller-harness-liquid {
  height: 100%;
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
  direction: rtl;
}

.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid table { /* all tables (self included) */
  width: 100%; /* because tables don't normally do this */
  table-layout: fixed;
}

.fc .fc-scrollgrid table { /* inner tables */
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
}

.fc .fc-scrollgrid {
  border-collapse: separate;
  border-right-width: 0;
  border-bottom-width: 0;
}

.fc .fc-scrollgrid-liquid {
  height: 100%;
}

.fc .fc-scrollgrid-section { /* a <tr> */
  height: 1px;
}

.fc .fc-scrollgrid-section > td {
  height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
}

.fc .fc-scrollgrid-section table {
  height: 1px;
  /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
  /* serves as a min-height. harmless */
}

.fc .fc-scrollgrid-section-liquid > td {
  height: 100%; /* better than `auto`, for firefox */
}

.fc .fc-scrollgrid-section > * {
  border-top-width: 0;
  border-left-width: 0;
}

.fc .fc-scrollgrid-section-header > *,
.fc .fc-scrollgrid-section-footer > * {
  border-bottom-width: 0;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
  border-bottom-style: hidden; /* head keeps its bottom border tho */
}

.fc {
  /* stickiness */
}

.fc .fc-scrollgrid-section-sticky > * {
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
  position: sticky;
  z-index: 3; /* TODO: var */
  /* TODO: box-shadow when sticking */
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 0; /* because border-sharing causes a gap at the top */
  /* TODO: give safari -1. has bug */
}

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
  bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
}

.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
  height: 1px; /* needs height to create scrollbars */
  margin-bottom: -1px;
}

.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}

.fc .fc-view-harness {
  flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
  position: relative;
}

.fc {
  /* when the harness controls the height, make the view liquid */
}

.fc .fc-view-harness-active > .fc-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc .fc-col-header-cell-cushion {
  display: inline-block; /* x-browser for when sticky (when multi-tier header) */
  padding: 2px 4px;
}

.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
  /* will always have a harness with position:relative/absolute, so absolutely expand */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc .fc-non-business {
  background: rgba(215, 215, 215, 0.3);
  background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}

.fc .fc-bg-event {
  background: rgb(143, 223, 130);
  background: var(--fc-bg-event-color, rgb(143, 223, 130));
  opacity: 0.3;
  opacity: var(--fc-bg-event-opacity, 0.3);
}

.fc .fc-bg-event .fc-event-title {
  margin: 0.5em;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  font-style: italic;
}

.fc .fc-highlight {
  background: rgba(188, 232, 241, 0.3);
  background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}

/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}

/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
  position: relative;
  z-index: 2;
}

/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
  opacity: 0.75;
}

.fc-event-dragging.fc-event-selected { /* TOUCH */
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
  display: none;
  position: absolute;
  z-index: 4;
}

.fc-event:hover,
.fc-event-selected { /* TOUCH */ }

.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
  display: block;
}

.fc-event-selected .fc-event-resizer {
  border-radius: 4px;
  border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
  border-width: 1px;
  border-width: var(--fc-event-resizer-dot-border-width, 1px);
  width: 8px;
  width: var(--fc-event-resizer-dot-total-width, 8px);
  height: 8px;
  height: var(--fc-event-resizer-dot-total-width, 8px);
  border-style: solid;
  border-color: inherit;
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
}

.fc-event-selected .fc-event-resizer:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}

/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event-selected:before, .fc-event:focus:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-event-selected,
.fc-event:focus {
  /* dimmer effect */
}

.fc-event-selected:after, .fc-event:focus:after {
  content: "";
  background: rgba(0, 0, 0, 0.25);
  background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  z-index: 1;
  /* assume there's a border on all sides. overcome it. */
  /* sometimes there's NOT a border, in which case the dimmer will go over */
  /* an adjacent border, which looks fine. */
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}

/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8);
}

.fc-h-event .fc-event-main {
  color: #fff;
}

.fc-h-event .fc-event-main-frame {
  display: flex; /* for make fc-event-title-container expand */
}

.fc-h-event .fc-event-time {
  max-width: 100%; /* clip overflow on this element */
  overflow: hidden;
}

.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0; /* important for allowing to shrink all the way */
}

.fc-h-event .fc-event-title {
  display: inline-block; /* need this to be sticky cross-browser */
  vertical-align: top; /* for not messing up line-height */
  left: 0; /* for sticky */
  right: 0; /* for sticky */
  max-width: 100%; /* clip overflow on this element */
  overflow: hidden;
}

.fc-h-event.fc-event-selected:before {
  /* expand hit area */
  top: -10px;
  bottom: -10px;
}

/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}

/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}

.fc .fc-popover {
  position: absolute;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc .fc-popover-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 4px;
}

.fc .fc-popover-title {
  margin: 0 2px;
}

.fc .fc-popover-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}

.fc-theme-standard .fc-popover {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
  background: #fff;
  background: var(--fc-page-bg-color, #fff);
}

.fc-theme-standard .fc-popover-header {
  background: rgba(208, 208, 208, 0.3);
  background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

:root {
  --fc-daygrid-event-dot-width: 8px;
}

/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */ }

.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table;
}

.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table;
}

.fc .fc-daygrid-body { /* a <div> that wraps the table */
  position: relative;
  z-index: 1; /* container inner z-index's because <tr>s can't do it */
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-daygrid-day-frame {
  position: relative;
  min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
}

.fc {
  /* cell top */
}

.fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: row-reverse;
}

.fc .fc-day-other .fc-daygrid-day-top {
  opacity: 0.3;
}

.fc {
  /* day number (within cell top) */
}

.fc .fc-daygrid-day-number {
  position: relative;
  z-index: 4;
  padding: 4px;
}

.fc {
  /* event container */
}

.fc .fc-daygrid-day-events {
  margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
}

.fc {
  /* positioning for balanced vs natural */
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  position: absolute;
  left: 0;
  right: 0;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  position: relative; /* for containing abs positioned event harnesses */
  min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
}

.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ }

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin-bottom: 1em;
}

.fc {
  /* event harness */
}

.fc .fc-daygrid-event-harness {
  position: relative;
}

.fc .fc-daygrid-event-harness-abs {
  position: absolute;
  top: 0; /* fallback coords for when cannot yet be computed */
  left: 0; /* */
  right: 0; /* */
}

.fc .fc-daygrid-bg-harness {
  position: absolute;
  top: 0;
  bottom: 0;
}

.fc {
  /* bg content */
}

.fc .fc-daygrid-day-bg .fc-non-business {
  z-index: 1;
}

.fc .fc-daygrid-day-bg .fc-bg-event {
  z-index: 2;
}

.fc .fc-daygrid-day-bg .fc-highlight {
  z-index: 3;
}

.fc {
  /* events */
}

.fc .fc-daygrid-event {
  z-index: 6;
  margin-top: calc(100vw * ( 6 / 750 ));
}
@media (min-width: 750px) {
  .fc .fc-daygrid-event {
    margin-top: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-daygrid-event {
    margin-top: 6px;
  }
}

.fc .fc-daygrid-event.fc-event-mirror {
  z-index: 7;
}

.fc {
  /* cell bottom (within day-events) */
}

.fc .fc-daygrid-day-bottom {
  font-size: 0.85em;
  padding: calc(100vw * ( 10 / 750 )) calc(100vw * ( 3 / 750 )) 0;
}
@media (min-width: 750px) {
  .fc .fc-daygrid-day-bottom {
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 3 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .fc .fc-daygrid-day-bottom {
    padding: 10px 3px 0;
  }
}

.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table;
}

.fc .fc-daygrid-more-link {
  position: relative;
  z-index: 4;
  cursor: pointer;
}

.fc {
  /* week number (within frame) */
}

.fc .fc-daygrid-week-number {
  position: absolute;
  z-index: 5;
  top: 0;
  padding: 2px;
  min-width: 1.5em;
  text-align: center;
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  color: #808080;
  color: var(--fc-neutral-text-color, #808080);
}

.fc {
  /* popover */
}

.fc .fc-more-popover .fc-popover-body {
  min-width: 220px;
  padding: 10px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}

.fc-direction-ltr .fc-daygrid-week-number {
  left: 0;
  border-radius: 0 0 3px 0;
}

.fc-direction-rtl .fc-daygrid-week-number {
  right: 0;
  border-radius: 0 0 0 3px;
}

.fc-liquid-hack .fc-daygrid-day-frame {
  position: static; /* will cause inner absolute stuff to expand to <td> */
}

.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}

/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
  font-weight: bold;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
  padding: 1px;
  max-height: 10.6em;
  overflow: hidden;
}

/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0;
}

.fc-daygrid-dot-event .fc-event-title {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0; /* important for allowing to shrink all the way */
  overflow: hidden;
  font-weight: bold;
}

.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
  background: rgba(0, 0, 0, 0.1);
}

.fc-daygrid-dot-event.fc-event-selected:before {
  /* expand hit area */
  top: -10px;
  bottom: -10px;
}

.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
  margin-right: 3px;
}

.fc-direction-rtl .fc-daygrid-event .fc-event-time {
  margin-left: 3px;
}

/*
A VERTICAL event
*/
.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8);
}

.fc-v-event .fc-event-main {
  color: #fff;
  color: var(--fc-event-text-color, #fff);
  height: 100%;
}

.fc-v-event .fc-event-main-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.fc-v-event .fc-event-time {
  flex-grow: 0;
  flex-shrink: 0;
  max-height: 100%;
  overflow: hidden;
}

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0; /* important for allowing to shrink all the way */
}

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
  top: 0;
  bottom: 0;
  max-height: 100%; /* clip overflow */
  overflow: hidden;
}

.fc-v-event:not(.fc-event-start) {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event:not(.fc-event-end) {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-v-event.fc-event-selected:before {
  /* expand hit area */
  left: -10px;
  right: -10px;
}

.fc-v-event {
  /* resizer (mouse AND touch) */
}

.fc-v-event .fc-event-resizer-start {
  cursor: n-resize;
}

.fc-v-event .fc-event-resizer-end {
  cursor: s-resize;
}

.fc-v-event {
  /* resizer for MOUSE */
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
  height: 8px;
  height: var(--fc-event-resizer-thickness, 8px);
  left: 0;
  right: 0;
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-v-event {
  /* resizer for TOUCH (when event is "selected") */
}

.fc-v-event.fc-event-selected .fc-event-resizer {
  left: 50%;
  margin-left: -4px;
  margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-v-event.fc-event-selected .fc-event-resizer-start {
  top: -4px;
  top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-v-event.fc-event-selected .fc-event-resizer-end {
  bottom: -4px;
  bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
  z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}

.fc .fc-timegrid-divider {
  padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
}

.fc .fc-timegrid-body {
  position: relative;
  z-index: 1; /* scope the z-indexes of slots and cols */
  min-height: 100%; /* fill height always, even when slat table doesn't grow */
}

.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
  position: relative;
}

.fc .fc-timegrid-axis-chunk > table {
  position: relative;
  z-index: 1; /* above the now-indicator-container */
}

.fc .fc-timegrid-slots {
  position: relative;
  z-index: 1;
}

.fc .fc-timegrid-slot { /* a <td> */
  height: 1.5em;
  border-bottom: 0;
}

.fc .fc-timegrid-slot:empty:before {
  content: " "; /* make sure there's at least an empty space to create height for height syncing */
}

.fc .fc-timegrid-slot-minor {
  border-top-style: dotted;
}

.fc .fc-timegrid-slot-label-cushion {
  display: inline-block;
  white-space: nowrap;
}

.fc .fc-timegrid-slot-label {
  vertical-align: middle; /* vertical align the slots */
}

.fc {
  /* slots AND axis cells (top-left corner of view including the "all-day" text) */
}

.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
  padding: 0 4px;
}

.fc {
  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */
}

.fc .fc-timegrid-axis-frame-liquid {
  height: 100%; /* will need liquid-hack in FF */
}

.fc .fc-timegrid-axis-frame {
  overflow: hidden;
  display: flex;
  align-items: center; /* vertical align */
  justify-content: flex-end; /* horizontal align. matches text-align below */
}

.fc .fc-timegrid-axis-cushion {
  max-width: 60px; /* limits the width of the "all-day" text */
  flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: right;
}

.fc-direction-rtl .fc-timegrid-slot-label-frame {
  text-align: left;
}

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc .fc-timegrid-col.fc-day-today {
  background-color: rgba(255, 220, 40, 0.15);
  background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-timegrid-col-frame {
  min-height: 100%; /* liquid-hack is below */
  position: relative;
}

.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc-media-screen .fc-timegrid-cols {
  position: absolute; /* no z-index. children will decide and go above slots */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-media-screen .fc-timegrid-cols > table {
  height: 100%;
}

.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc {
  /* bg */
}

.fc .fc-timegrid-col-bg {
  z-index: 2; /* TODO: kill */
}

.fc .fc-timegrid-col-bg .fc-non-business {
  z-index: 1;
}

.fc .fc-timegrid-col-bg .fc-bg-event {
  z-index: 2;
}

.fc .fc-timegrid-col-bg .fc-highlight {
  z-index: 3;
}

.fc .fc-timegrid-bg-harness {
  position: absolute; /* top/bottom will be set by JS */
  left: 0;
  right: 0;
}

.fc {
  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */
}

.fc .fc-timegrid-col-events {
  z-index: 3;
  /* child event segs have z-indexes that are scoped within this div */
}

.fc {
  /* now indicator */
}

.fc .fc-timegrid-now-indicator-container {
  bottom: 0;
  overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
  /* z-index is set on the individual elements */
}

.fc-direction-ltr .fc-timegrid-col-events {
  margin: 0 2.5% 0 2px;
}

.fc-direction-rtl .fc-timegrid-col-events {
  margin: 0 2px 0 2.5%;
}

.fc-timegrid-event-harness {
  position: absolute;
}

.fc-timegrid-event-harness > .fc-timegrid-event {
  position: absolute; /* absolute WITHIN the harness */
  top: 0; /* for when not yet positioned */
  bottom: 0; /* " */
  left: 0;
  right: 0;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  border-radius: 3px;
}

.fc-timegrid-event { /* events need to be root */
  margin-bottom: 1px;
}

.fc-timegrid-event .fc-event-main {
  padding: 1px 1px 0;
}

.fc-timegrid-event .fc-event-time {
  white-space: nowrap;
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
  margin-bottom: 1px;
}

.fc-timegrid-event-short .fc-event-main-frame {
  flex-direction: row;
  overflow: hidden;
}

.fc-timegrid-event-short .fc-event-time:after {
  content: " - "; /* dash surrounded by non-breaking spaces */
}

.fc-timegrid-event-short .fc-event-title {
  font-size: 0.85em;
  font-size: var(--fc-small-font-size, 0.85em);
}

.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
  position: absolute;
  z-index: 9999; /* hack */
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px; /* match space below fc-timegrid-event */
}

.fc-timegrid-more-link-inner { /* has fc-sticky */
  padding: 3px 2px;
  top: 0;
}

.fc-direction-ltr .fc-timegrid-more-link {
  right: 0;
}

.fc-direction-rtl .fc-timegrid-more-link {
  left: 0;
}

.fc {
  /* line */
}

.fc .fc-timegrid-now-indicator-line {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  border-style: solid;
  border-color: red;
  border-color: var(--fc-now-indicator-color, red);
  border-width: 1px 0 0;
}

.fc {
  /* arrow */
}

.fc .fc-timegrid-now-indicator-arrow {
  position: absolute;
  z-index: 4;
  margin-top: -5px; /* vertically center on top coordinate */
  border-style: solid;
  border-color: red;
  border-color: var(--fc-now-indicator-color, red);
}

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
  left: 0;
  /* triangle pointing right. TODO: mixin */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
  right: 0;
  /* triangle pointing left. TODO: mixin */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc-theme-standard .fc-list {
  border: 1px solid #ddd;
  border: 1px solid var(--fc-border-color, #ddd);
}

.fc {
  /* message when no events */
}

.fc .fc-list-empty {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; /* vertically aligns fc-list-empty-inner */
}

.fc .fc-list-empty-cushion {
  margin: 5em 0;
}

.fc {
  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */
}

.fc .fc-list-table {
  width: 100%;
  border-style: hidden; /* kill outer border on theme */
}

.fc .fc-list-table tr > * {
  border-left: 0;
  border-right: 0;
}

.fc .fc-list-sticky .fc-list-day > * { /* the cells */
  position: sticky;
  top: 0;
  background: #fff;
  background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
}

.fc {
  /* only exists for aria reasons, hide for non-screen-readers */
}

.fc .fc-list-table thead {
  position: absolute;
  left: -10000px;
}

.fc {
  /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */
}

.fc .fc-list-table tbody > tr:first-child th {
  border-top: 0;
}

.fc .fc-list-table th {
  padding: 0; /* uses an inner-wrapper instead... */
}

.fc .fc-list-table td,
.fc .fc-list-day-cushion {
  padding: 8px 14px;
}

.fc {
  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */
}

.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
}

.fc-theme-standard .fc-list-day-cushion {
  background-color: rgba(208, 208, 208, 0.3);
  background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}

.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}

/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
  padding-right: 0;
}

.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
  padding-left: 0;
}

.fc .fc-list-event.fc-event-forced-url {
  cursor: pointer; /* whole row will seem clickable */
}

.fc .fc-list-event:hover td {
  background-color: #f5f5f5;
  background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}

.fc {
  /* shrink certain cols */
}

.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
  white-space: nowrap;
  width: 1px;
}

.fc .fc-list-event-dot {
  display: inline-block;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 5px solid #3788d8;
  border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 5px;
  border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}

.fc {
  /* reset <a> styling */
}

.fc .fc-list-event-title a {
  color: inherit;
  text-decoration: none;
}

.fc {
  /* underline link when hovering over any part of row */
}

.fc .fc-list-event.fc-event-forced-url:hover a {
  text-decoration: underline;
}

.fc-theme-bootstrap a:not([href]) {
  color: inherit; /* natural color for navlinks */
}

.fc-theme-bootstrap5 a:not([href]) {
  color: inherit;
  text-decoration: inherit;
}

.fc-theme-bootstrap5 .fc-list,
.fc-theme-bootstrap5 .fc-scrollgrid,
.fc-theme-bootstrap5 td,
.fc-theme-bootstrap5 th {
  border: 1px solid var(--bs-gray-400);
}

.fc-theme-bootstrap5 {
  /* HACK: reapply core styles after highe-precedence border statement above */
}

.fc-theme-bootstrap5 .fc-scrollgrid {
  border-right-width: 0;
  border-bottom-width: 0;
}

.fc-theme-bootstrap5-shaded {
  background-color: var(--bs-gray-200);
}

/* =====================================================
 * 
 * Fullcalendar Theme
 * 
 * ===================================================== */
.fc .fc-button-primary {
  position: relative;
  top: 0;
  left: 0;
  margin-right: calc(100vw * ( 16 / 750 ));
  margin-bottom: calc(100vw * ( 6 / 750 ));
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 20 / 750 ));
  border: none;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .fc .fc-button-primary {
    margin-right: calc(100vw * ( 10 / 1440 ));
    margin-bottom: calc(100vw * ( 8 / 1440 ));
    padding: calc(100vw * ( 12 / 1440 )) calc(100vw * ( 15 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 12px 15px;
    border-radius: 10px 10px;
    font-size: 14px;
  }
}
.fc .fc-button-primary:before {
  content: "";
  position: absolute;
  top: calc(100vw * ( 6 / 750 ));
  left: calc(100vw * ( 6 / 750 ));
  z-index: -1;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .fc .fc-button-primary:before {
    top: calc(100vw * ( 4 / 1440 ));
    left: calc(100vw * ( 4 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary:before {
    top: 4px;
    left: 4px;
    border-radius: 10px 10px;
  }
}
@media (min-width: 750px) {
  .fc .fc-button-primary:hover {
    top: calc(100vw * ( 4 / 1440 ));
    left: calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary:hover {
    top: 4px;
    left: 4px;
  }
}
@media (min-width: 750px) {
  .fc .fc-button-primary:hover:before {
    top: 0;
    left: 0;
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary:hover:before {
    top: 0;
    left: 0;
  }
}
.fc .fc-button-primary.fc-prev-button, .fc .fc-button-primary.fc-next-button, .fc .fc-button-primary.fc-listYear-button, .fc .fc-button-primary.fc-dayGridMonth-button {
  background: linear-gradient(90deg, #0088cc, #00bfe5);
}
.fc .fc-button-primary.fc-prev-button:before, .fc .fc-button-primary.fc-next-button:before, .fc .fc-button-primary.fc-listYear-button:before, .fc .fc-button-primary.fc-dayGridMonth-button:before {
  border-color: #0088cc;
}
.fc .fc-button-primary.fc-today-button {
  background: linear-gradient(90deg, #0088cc, #00bfe5);
}
.fc .fc-button-primary.fc-today-button:before {
  border-color: #0088cc;
}
.fc .fc-button-primary.fc-today-button:disabled {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  opacity: 1;
}
.fc .fc-button-primary.fc-today-button:disabled:before {
  border-color: #ff9500;
}
.fc .fc-button-primary.fc-button-active {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
.fc .fc-button-primary.fc-button-active:before {
  border-color: #ff9500;
}
.fc .fc-button-primary.fc-prev-button, .fc .fc-button-primary.fc-next-button {
  width: calc(100vw * ( 70 / 750 ));
  height: calc(100vw * ( 70 / 750 ));
  color: transparent;
  font-size: 0.000001px;
  line-height: 0px;
  outline: none;
}
@media (min-width: 750px) {
  .fc .fc-button-primary.fc-prev-button, .fc .fc-button-primary.fc-next-button {
    width: calc(100vw * ( 46 / 1440 ));
    height: calc(100vw * ( 46 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary.fc-prev-button, .fc .fc-button-primary.fc-next-button {
    width: 46px;
    height: 46px;
  }
}
.fc .fc-button-primary.fc-prev-button:after, .fc .fc-button-primary.fc-next-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 28 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .fc .fc-button-primary.fc-prev-button:after, .fc .fc-button-primary.fc-next-button:after {
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary.fc-prev-button:after, .fc .fc-button-primary.fc-next-button:after {
    width: 9px;
    height: 18px;
  }
}
.fc .fc-button-primary.fc-prev-button:after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.fc .fc-button-primary.fc-today-button {
  width: calc(100vw * ( 290 / 750 ));
}
@media (min-width: 750px) {
  .fc .fc-button-primary.fc-today-button {
    width: calc(100vw * ( 144 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary.fc-today-button {
    width: 144px;
  }
}
.fc .fc-button-primary.fc-listYear-button, .fc .fc-button-primary.fc-dayGridMonth-button {
  width: calc(100vw * ( 70 / 750 ));
  height: calc(100vw * ( 70 / 750 ));
  color: transparent;
  font-size: 0.000001px;
  line-height: 0px;
  outline: none;
}
@media (min-width: 750px) {
  .fc .fc-button-primary.fc-listYear-button, .fc .fc-button-primary.fc-dayGridMonth-button {
    padding-left: calc(100vw * ( 46 / 1440 ));
    padding-right: calc(100vw * ( 24 / 1440 ));
    width: auto;
    height: auto;
    color: #fff;
    font-size: calc(100vw * ( 14 / 1440 ));
    line-height: 1.6;
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary.fc-listYear-button, .fc .fc-button-primary.fc-dayGridMonth-button {
    padding-left: 40px;
    padding-right: 24px;
    font-size: 14px;
  }
}
.fc .fc-button-primary.fc-dayGridMonth-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100vw * ( 44 / 750 ));
  height: calc(100vw * ( 40 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 40"><path fill="%23fff" d="M599,1637v-2a2,2,0,0,0-4,0v2H585v-2a2,2,0,0,0-4,0v2H571v-2a2,2,0,0,0-4,0v2h-6v36h44v-36h-6Zm-34,32v-26h36v26H565Zm4-4h8v-8h-8v8Zm10,0h8v-8h-8v8Zm10,0h8v-8h-8v8Zm-20-10h8v-8h-8v8Zm10,0h8v-8h-8v8Zm10,0h8v-8h-8v8Z" transform="translate(-561 -1633)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .fc .fc-button-primary.fc-dayGridMonth-button:after {
    left: calc(100vw * ( 12 / 1440 ));
    width: calc(100vw * ( 22 / 1440 ));
    height: calc(100vw * ( 20 / 1440 ));
    transform: translate(0, -50%);
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary.fc-dayGridMonth-button:after {
    left: 12px;
    width: 22px;
    height: 20px;
  }
}
.fc .fc-button-primary.fc-listYear-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100vw * ( 36 / 750 ));
  height: calc(100vw * ( 44 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 44"><path fill="%23fff" d="M651,1632v44h36v-44H651Zm4,40v-28h28v28H655Zm4-4h20v-2H659v2Zm0-6h20v-2H659v2Zm0-6h20v-2H659v2Zm0-6h20v-2H659v2Z" transform="translate(-651 -1632)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .fc .fc-button-primary.fc-listYear-button:after {
    left: calc(100vw * ( 12 / 1440 ));
    width: calc(100vw * ( 18 / 1440 ));
    height: calc(100vw * ( 22 / 1440 ));
    transform: translate(0, -50%);
  }
}
@media (min-width: 1440px) {
  .fc .fc-button-primary.fc-listYear-button:after {
    left: 12px;
    width: 18px;
    height: 22px;
  }
}
.fc .fc-button-primary:not(:disabled).fc-button-active {
  color: transparent;
}
@media (min-width: 750px) {
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
  }
}
.fc .fc-toolbar.fc-header-toolbar {
  position: relative;
  padding-top: calc(100vw * ( 85 / 750 ));
}
@media (min-width: 750px) {
  .fc .fc-toolbar.fc-header-toolbar {
    padding-top: 0;
  }
}
.fc .fc-toolbar-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: calc(100vw * ( 40 / 750 ));
  font-weight: normal;
}
@media (min-width: 750px) {
  .fc .fc-toolbar-title {
    top: calc(100vw * ( 10 / 1440 ));
    left: 50%;
    font-size: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-toolbar-title {
    top: 10px;
    font-size: 30px;
  }
}
.fc .fc-daygrid-day-number {
  padding: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .fc .fc-daygrid-day-number {
    padding: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc .fc-daygrid-day-number {
    padding: 10px;
  }
}
.fc table {
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .fc table {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc table {
    font-size: 14px;
  }
}

.fc-direction-ltr .fc-button-group > .fc-button {
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .fc-direction-ltr .fc-button-group > .fc-button {
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-direction-ltr .fc-button-group > .fc-button {
    border-radius: 10px 10px;
  }
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start {
  margin-left: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .fc-direction-ltr .fc-daygrid-event.fc-event-start {
    margin-left: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-direction-ltr .fc-daygrid-event.fc-event-start {
    margin-left: 10px;
  }
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end {
  margin-right: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .fc-direction-ltr .fc-daygrid-event.fc-event-end {
    margin-right: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-direction-ltr .fc-daygrid-event.fc-event-end {
    margin-right: 10px;
  }
}

.fc-theme-standard th.fc-col-header-cell {
  padding: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .fc-theme-standard th.fc-col-header-cell {
    padding: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-theme-standard th.fc-col-header-cell {
    padding: 10px;
  }
}
@media (min-width: 750px) {
  .fc-theme-standard td {
    min-height: calc(100vw * ( 110 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-theme-standard td {
    min-height: 110px;
  }
}
.fc-h-event {
  padding: calc(100vw * ( 2 / 750 )) calc(100vw * ( 6 / 750 ));
  border: 0 none;
  background: linear-gradient(90deg, #0088cc, #00bfe5);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .fc-h-event {
    padding: size-table(4) size-table(6);
  }
}
@media (min-width: 1440px) {
  .fc-h-event {
    padding: 4px 6px;
  }
}
.fc-h-event:hover {
  opacity: 0.6;
}

.fc-day-past {
  background-color: #f0f3f5;
}
.fc-day-sun {
  color: #e52600;
}

.fc-day-sat {
  color: #0088cc;
}

.fc-daygrid-event {
  line-height: 1.5;
  letter-spacing: 0.03em;
  white-space: normal;
}

a.fc-event {
  color: #000;
}

/* 
 * ポップアップボックス
 */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 40;
}
.fc-popup-box {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 41;
  box-sizing: border-box;
  display: none;
  width: calc(100vw - ( 2 * calc(100vw * ( 40 / 750 )) ));
  max-width: 560px;
  max-height: calc(100vh - 100vw * ( 120 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .fc-popup-box {
    max-height: calc(100vh - 100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box {
    max-height: calc(100vh - 120px);
  }
}
.fc-popup-box__close {
  position: absolute;
  top: calc(-100vw * ( 60 / 750 ));
  right: 0;
  width: calc(100vw * ( 46 / 750 ));
  height: calc(100vw * ( 46 / 750 ));
  background-image: url("/assets/images/common/icon-close.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  cursor: pointer;
}
@media (min-width: 750px) {
  .fc-popup-box__close {
    top: calc(-100vw * ( 60 / 1440 ));
    right: calc(-100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 46 / 1440 ));
    height: calc(100vw * ( 46 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__close {
    top: -60px;
    right: -60px;
    width: 46px;
    height: 46px;
  }
}
.fc-popup-box__container {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 100vw * ( 200 / 750 ));
  box-shadow: 0 0 calc(100vw * ( 60 / 750 )) rgba(0, 0, 0, 0.2);
  overflow: auto;
}
@media (min-width: 750px) {
  .fc-popup-box__container {
    max-height: calc(100vh - 100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__container {
    max-height: calc(100vh - 200px);
  }
}
.fc-popup-box__inner {
  background-color: #fff;
  overflow: auto;
}
.fc-popup-box__img {
  position: relative;
  min-height: calc(100vw * ( 200 / 750 ));
  max-height: calc(100vw * ( 200 / 750 ));
  margin: 0;
  background: #f0f3f5;
  overflow: hidden;
  transition: all 2s ease;
}
@media (min-width: 750px) {
  .fc-popup-box__img {
    min-height: calc(100vw * ( 200 / 1440 ));
    max-height: calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__img {
    min-height: 200px;
    max-height: 200px;
  }
}
.fc-popup-box__img.is-load {
  max-height: calc(100vw * ( 1400 / 750 ));
}
@media (min-width: 750px) {
  .fc-popup-box__img.is-load {
    max-height: calc(100vw * ( 1400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__img.is-load {
    max-height: 1400px;
  }
}
.fc-popup-box__img.is-load > img {
  opacity: 1;
}
.fc-popup-box__img::before, .fc-popup-box__img::after {
  content: "";
  position: absolute;
  width: calc(100vw * ( 50 / 750 ));
  height: calc(100vw * ( 50 / 750 ));
  top: calc(50% - 100vw * ( 25 / 750 ));
  left: calc(50% - 100vw * ( 25 / 750 ));
  border: calc(100vw * ( 6 / 750 )) solid #fff;
  border-radius: 50%;
  transform-origin: 50% 50%;
  animation: load-animation 1.1s infinite linear;
  z-index: 1;
}
@media (min-width: 750px) {
  .fc-popup-box__img::before, .fc-popup-box__img::after {
    width: calc(100vw * ( 30 / 1440 ));
    height: calc(100vw * ( 30 / 1440 ));
    top: calc(50% - 100vw * ( 15 / 1440 ));
    left: calc(50% - 100vw * ( 15 / 1440 ));
    border-width: calc(100vw * ( 3 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__img::before, .fc-popup-box__img::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    border-width: 3px;
  }
}
.fc-popup-box__img::before {
  opacity: 0.4;
}
.fc-popup-box__img::after {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.fc-popup-box__img > img {
  position: relative;
  max-width: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 1s ease;
}
@keyframes load-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fc-popup-box__info {
  padding: calc(100vw * ( 40 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 35 / 750 ));
}
@media (min-width: 750px) {
  .fc-popup-box__info {
    padding: calc(100vw * ( 30 / 1440 )) calc(100vw * ( 40 / 1440 )) calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__info {
    padding: 30px 40px 20px;
  }
}
.fc-popup-box__title {
  margin: 0;
  color: #0088cc;
  font-size: calc(100vw * ( 36 / 750 ));
  line-height: 1.6;
}
@media (min-width: 750px) {
  .fc-popup-box__title {
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__title {
    font-size: 26px;
  }
}
.fc-popup-box__date {
  position: relative;
  margin-top: calc(100vw * ( 20 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  font-size: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .fc-popup-box__date {
    margin-top: calc(100vw * ( 20 / 1440 ));
    padding-left: calc(100vw * ( 30 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__date {
    margin-top: 20px;
    padding-left: 30px;
    font-size: 16px;
  }
}
.fc-popup-box__date:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw * ( 27 / 750 ));
  height: calc(100vw * ( 29 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 40"><path fill="%230088cc" d="M599,1637v-2a2,2,0,0,0-4,0v2H585v-2a2,2,0,0,0-4,0v2H571v-2a2,2,0,0,0-4,0v2h-6v36h44v-36h-6Zm-34,32v-26h36v26H565Zm4-4h8v-8h-8v8Zm10,0h8v-8h-8v8Zm10,0h8v-8h-8v8Zm-20-10h8v-8h-8v8Zm10,0h8v-8h-8v8Zm10,0h8v-8h-8v8Z" transform="translate(-561 -1633)"/></svg>');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
@media (min-width: 750px) {
  .fc-popup-box__date:before {
    width: calc(100vw * ( 18 / 1440 ));
    height: calc(100vw * ( 19 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__date:before {
    width: 18px;
    height: 19px;
  }
}
.fc-popup-box__location {
  position: relative;
  margin-top: calc(100vw * ( 10 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  font-size: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .fc-popup-box__location {
    margin-top: calc(100vw * ( 20 / 1440 ));
    padding-left: calc(100vw * ( 30 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__location {
    margin-top: 20px;
    padding-left: 30px;
    font-size: 16px;
  }
}
.fc-popup-box__location:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100vw * ( 2 / 750 ));
  width: calc(100vw * ( 21 / 750 ));
  height: calc(100vw * ( 30 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 20"><path fill="%230088cc" d="M490,2104.5a2.5,2.5,0,1,0,2.5,2.5A2.5,2.5,0,0,0,490,2104.5Zm0-4.5a6.989,6.989,0,0,0-6.111,10.4,0.583,0.583,0,0,0,.048.1l5.2,9a1,1,0,0,0,1.732,0l5.2-9a1,1,0,0,0,.049-0.09A7,7,0,0,0,490,2100Zm4.325,9.5c-0.016.03-.032,0.06-0.046,0.09L490,2117l-4.278-7.41c-0.014-.03-0.03-0.06-0.047-0.09A5,5,0,1,1,494.325,2109.5Z" transform="translate(-483 -2100)"/></svg>');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
@media (min-width: 750px) {
  .fc-popup-box__location:before {
    left: calc(100vw * ( 2 / 1440 ));
    width: calc(100vw * ( 14 / 1440 ));
    height: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__location:before {
    left: 2px;
    width: 14px;
    height: 20px;
  }
}
.fc-popup-box__link {
  margin-top: calc(100vw * ( 20 / 750 ));
  margin-right: calc(-100vw * ( 16 / 750 ));
}
@media (min-width: 750px) {
  .fc-popup-box__link {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-right: calc(-100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__link {
    margin-top: 20px;
    margin-right: -16px;
  }
}
.fc-popup-box__pdf {
  margin-top: calc(100vw * ( 20 / 750 ));
  margin-left: calc(-100vw * ( 10 / 750 ));
  margin-right: calc(-100vw * ( 10 / 750 ));
  background: #f0f3f5;
}
@media (min-width: 750px) {
  .fc-popup-box__pdf {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-left: calc(-100vw * ( 20 / 1440 ));
    margin-right: calc(-100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__pdf {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.fc-popup-box__pdf__inner {
  padding: calc(100vw * ( 30 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 30 / 750 ));
  margin-right: calc(-100vw * ( 16 / 750 ));
}
@media (min-width: 750px) {
  .fc-popup-box__pdf__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 ));
    margin-right: calc(-100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__pdf__inner {
    padding: 20px 20px 10px 20px;
    margin-right: -16px;
  }
}
.fc-popup-box__heading {
  padding: calc(100vw * ( 14 / 750 )) calc(100vw * ( 20 / 750 ));
  margin: 0 calc(100vw * ( 16 / 750 )) calc(100vw * ( 20 / 750 )) 0;
  border-radius: calc(100vw * ( 12 / 750 ));
  background: #fff;
  font-size: calc(100vw * ( 22 / 750 ));
  font-weight: normal;
  line-height: 1.6em;
  text-align: center;
}
@media (min-width: 750px) {
  .fc-popup-box__heading {
    padding: calc(100vw * ( 14 / 1440 )) calc(100vw * ( 20 / 1440 ));
    margin: 0 calc(100vw * ( 16 / 1440 )) calc(100vw * ( 20 / 1440 )) 0;
    border-radius: calc(100vw * ( 6 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__heading {
    padding: 14px 20px;
    margin: 0 16px 20px 0;
    border-radius: 6px;
    font-size: 14px;
  }
}
.fc-popup-box__btn.c-button.c-button--external {
  margin-bottom: calc(100vw * ( 24 / 750 ));
  margin-right: calc(100vw * ( 16 / 750 ));
}
@media (min-width: 750px) {
  .fc-popup-box__btn.c-button.c-button--external {
    margin-bottom: calc(100vw * ( 16 / 1440 ));
    margin-right: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .fc-popup-box__btn.c-button.c-button--external {
    margin-bottom: 16px;
    margin-right: 16px;
  }
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .fc .fc-button-primary.fc-prev-button, body.dark .fc .fc-button-primary.fc-next-button, body.dark .fc .fc-button-primary.fc-listYear-button, body.dark .fc .fc-button-primary.fc-dayGridMonth-button {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}
body.dark .fc .fc-button-primary.fc-prev-button:before, body.dark .fc .fc-button-primary.fc-next-button:before, body.dark .fc .fc-button-primary.fc-listYear-button:before, body.dark .fc .fc-button-primary.fc-dayGridMonth-button:before {
  border-color: #7700b2;
}
body.dark .fc .fc-button-primary.fc-button-active {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
body.dark .fc .fc-button-primary.fc-button-active:before {
  border-color: #ff9500;
}
body.dark .fc-h-event {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}

/* 悪モード dark mode
   ========================================================================== */
body.dark .overlay {
  background-color: rgba(0, 0, 0, 0.9);
}
body.dark .fc-popup-box__img {
  background: #e7e1e7;
}
body.dark .fc-popup-box__pdf {
  background: #e7e1e7;
}
body.dark .fc-popup-box__title {
  color: #7700b2;
}
body.dark .fc-popup-box__date:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44 40"><path fill="%237700b2" d="M599,1637v-2a2,2,0,0,0-4,0v2H585v-2a2,2,0,0,0-4,0v2H571v-2a2,2,0,0,0-4,0v2h-6v36h44v-36h-6Zm-34,32v-26h36v26H565Zm4-4h8v-8h-8v8Zm10,0h8v-8h-8v8Zm10,0h8v-8h-8v8Zm-20-10h8v-8h-8v8Zm10,0h8v-8h-8v8Zm10,0h8v-8h-8v8Z" transform="translate(-561 -1633)"/></svg>');
}
body.dark .fc-popup-box__close {
  background-image: url("/assets/images/common/icon-close-dark.png");
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(255, 255, 255, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  transform: translate3d(0, 0, 0);
  color: #000;
  background: #fff;
  box-shadow: 0 0 calc(100vw * ( 80 / 750 )) rgba(0, 0, 0, 0.06);
}
@media (min-width: 750px) {
  .remodal {
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(0, 0, 0, 0.06);
  }
}
@media (min-width: 1440px) {
  .remodal {
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.06);
  }
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: calc(-100vw * ( 60 / 750 ));
  right: 0;
  width: calc(100vw * ( 46 / 750 ));
  height: calc(100vw * ( 46 / 750 ));
  border: none;
  background-color: transparent;
  background-image: url("/assets/images/common/icon-close.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  cursor: pointer;
}
@media (min-width: 750px) {
  .remodal-close {
    top: calc(-100vw * ( 60 / 1440 ));
    right: calc(-100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 46 / 1440 ));
    height: calc(100vw * ( 46 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .remodal-close {
    top: -60px;
    right: -60px;
    width: 46px;
    height: 46px;
  }
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
    filter: blur(0);
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 750px) {
  .remodal {
    max-width: 1000px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/* 悪モード dark mode
   ========================================================================== */
body.dark .remodal-overlay {
  background: rgba(0, 0, 0, 0.9);
}
body.dark .remodal-close {
  background-image: url("/assets/images/common/icon-close-dark.png");
}

.gm-style .gm-style-iw-c {
  max-width: calc(100vw * ( 300 / 750 )) !important;
  padding: 0 !important;
}
@media (min-width: 750px) {
  .gm-style .gm-style-iw-c {
    max-width: calc(100vw * ( 400 / 1440 )) !important;
  }
}
@media (min-width: 1440px) {
  .gm-style .gm-style-iw-c {
    max-width: 400px !important;
  }
}
.gm-style .gm-style-iw-d {
  overflow-x: visible;
  overflow-y: scroll;
  padding: 0 calc(100vw * ( 20 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 30 / 750 )) !important;
}
@media (min-width: 750px) {
  .gm-style .gm-style-iw-d {
    padding: 0 calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 30 / 1440 )) !important;
  }
}
@media (min-width: 1440px) {
  .gm-style .gm-style-iw-d {
    padding: 0 20px 20px 30px !important;
  }
}

* {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  color: #000;
  font-family: "Roboto", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: calc(100vw * ( 10 / 750 ));
  font-size: 10px;
}
@media screen and (min-width: 375px) {
  html {
    font-size: calc(10px + calc( 14px / (14px * 0 + 1)) * (100vw - 375px) / calc( 525px / (525px * 0 + 1)));
  }
}
@media screen and (min-width: 900px) {
  html {
    font-size: 24px;
  }
}
@media (min-width: 900px) {
  html {
    font-size: 10px;
  }
}

body.dark {
  background-color: #000;
}

a:link, a:visited {
  color: #0088cc;
}
a:hover {
  transition: all 0.2s linear;
  opacity: 0.6;
}

button {
  border: none;
  padding: 0;
  margin: 0;
}
button:hover {
  transition: all 0.2s linear;
  opacity: 0.6;
  cursor: pointer;
}

img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

address {
  font-style: normal;
}

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

p {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 900px) {
  p {
    font-size: 1.6rem;
  }
}

ul, ol, dl {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 900px) {
  ul, ol, dl {
    font-size: 1.6rem;
  }
}

.for-screen-reader {
  display: none;
}

.pc-only-ib {
  display: none;
}
@media (min-width: 900px) {
  .pc-only-ib {
    display: inline-block;
  }
}

.pc-only {
  display: none;
}
@media (min-width: 900px) {
  .pc-only {
    display: block;
  }
}

@media (min-width: 900px) {
  .sp-only {
    display: none;
  }
}

.mode-dark {
  display: none;
}

body.dark .mode-light {
  display: none;
}
body.dark .mode-dark {
  display: unset;
}

/* ==============================================
 *
 * Header
 *
 * ============================================== */
.site-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: calc(100vw * ( 188 / 750 ));
  box-shadow: 0 0 calc(100vw * ( 80 / 750 )) rgba(0, 0, 0, 0.06);
  z-index: 2;
}
@media (min-width: 750px) {
  .site-header {
    height: auto;
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(0, 0, 0, 0.06);
  }
}
@media (min-width: 1440px) {
  .site-header {
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.06);
  }
}
.site-header__inner {
  position: relative;
  box-sizing: border-box;
  z-index: 20;
  padding: calc(100vw * ( 40 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 30 / 750 ));
  width: 100%;
}
@media (min-width: 750px) {
  .site-header__inner {
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: calc(100vw * ( 40 / 1440 )) calc(100vw * ( 40 / 1440 )) calc(100vw * ( 40 / 1440 )) calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-header__inner {
    padding: 40px 40px 40px 60px;
  }
}
.site-header .site-id {
  margin: 0;
  margin-top: calc(100vw * ( 8 / 750 ));
  margin-left: calc(-100vw * ( 20 / 750 ));
  width: calc(100vw * ( 320 / 750 ));
  display: block;
}
@media (min-width: 750px) {
  .site-header .site-id {
    position: relative;
    margin-top: calc(100vw * ( 10 / 1440 ));
    margin-left: calc(-100vw * ( 20 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-header .site-id {
    margin-top: 10px;
    margin-left: -20px;
    width: 400px;
  }
}
.global-navigation {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px dotted #cccccc;
}
@media (min-width: 750px) {
  .global-navigation {
    display: flex;
  }
}
.global-navigation__item {
  box-sizing: border-box;
  border-right: 1px dotted #cccccc;
}
@media (min-width: 750px) {
  .global-navigation__item {
    width: calc(100vw * ( 122 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation__item {
    width: 122px;
  }
}
.global-navigation__item a {
  display: block;
  color: #000;
  text-decoration: none;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .global-navigation__item a {
    padding-top: calc(100vw * ( 30 / 1440 ));
    padding-bottom: calc(100vw * ( 14 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation__item a {
    padding-top: 30px;
    padding-bottom: 14px;
    font-size: 14px;
  }
}
.global-navigation__item a:hover {
  color: #0088cc;
}
.global-navigation__item a:hover .global-navigation__text {
  color: #0088cc;
}
.global-navigation__item a:hover .c-icon {
  fill: #0088cc;
}
.global-navigation__text {
  display: block;
  color: #000;
  text-align: center;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .global-navigation__text {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation__text {
    font-size: 14px;
  }
}
.global-navigation .c-icon {
  display: block;
  fill: #0088cc;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .global-navigation .c-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(100vw * ( 15 / 1440 ));
    width: calc(100vw * ( 32 / 1440 ));
    height: calc(100vw * ( 32 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation .c-icon {
    margin-bottom: 15px;
    width: 32px;
    height: 32px;
  }
}

.global-navigation--fixed {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 25;
}
@media (min-width: 750px) {
  .global-navigation--fixed {
    display: block;
    width: auto;
    height: auto;
    top: calc(100vw * ( 40 / 1440 ));
    right: -200px;
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed {
    top: 40px;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
  }
}
.global-navigation--fixed__ul {
  position: relative;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .global-navigation--fixed__ul {
    display: flex;
    align-items: stretch;
    width: calc(100vw * ( 110 / 1440 ));
    height: calc(100vw * ( 120 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    background-color: #fff;
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__ul {
    width: 110px;
    height: 120px;
    border-radius: 10px 10px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed__ul.is-active {
    width: calc(100vw * ( 880 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__ul.is-active {
    width: 880px;
  }
}
.global-navigation--fixed__item {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  align-items: center;
  display: block;
  padding: calc(100vw * ( 28 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  border-right: 1px dotted #cccccc;
  background-color: #fff;
}
@media (min-width: 750px) {
  .global-navigation--fixed__item {
    padding: calc(100vw * ( 28 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    width: calc(100vw * ( 110 / 1440 ));
    height: calc(100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item {
    padding: 28px 10px 10px 10px;
    width: 110px;
    height: 120px;
  }
}
.global-navigation--fixed__item a {
  display: block;
  color: #000;
  text-decoration: none;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .global-navigation--fixed__item a {
    font-size: calc(100vw * ( 13 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item a {
    font-size: 13px;
  }
}
.global-navigation--fixed__item a:hover {
  opacity: 0.6;
}
@media (min-width: 750px) {
  .global-navigation--fixed__item.light-mode .c-icon {
    margin-bottom: calc(100vw * ( 9 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item.light-mode .c-icon {
    margin-bottom: 9px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed__item:nth-last-of-type(1) {
    right: calc(100vw * ( 110 / 1440 ) * 1);
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item:nth-last-of-type(1) {
    right: 110px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed__item:nth-last-of-type(2) {
    right: calc(100vw * ( 110 / 1440 ) * 2);
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item:nth-last-of-type(2) {
    right: 220px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed__item:nth-last-of-type(3) {
    right: calc(100vw * ( 110 / 1440 ) * 3);
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item:nth-last-of-type(3) {
    right: 330px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed__item:nth-last-of-type(4) {
    right: calc(100vw * ( 110 / 1440 ) * 4);
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item:nth-last-of-type(4) {
    right: 440px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed__item:nth-last-of-type(5) {
    right: calc(100vw * ( 110 / 1440 ) * 5);
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item:nth-last-of-type(5) {
    right: 550px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed__item:nth-last-of-type(6) {
    right: calc(100vw * ( 110 / 1440 ) * 6);
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__item:nth-last-of-type(6) {
    right: 660px;
  }
}
.global-navigation--fixed__text {
  display: block;
  color: #000;
  text-align: center;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .global-navigation--fixed__text {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed__text {
    font-size: 14px;
  }
}
.global-navigation--fixed .c-icon {
  display: block;
  fill: #0088cc;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .global-navigation--fixed .c-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(100vw * ( 15 / 1440 ));
    width: calc(100vw * ( 32 / 1440 ));
    height: calc(100vw * ( 32 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed .c-icon {
    margin-bottom: 15px;
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed.is-slide {
    animation: menuPCSlide_tab 0.2s ease-in-out forwards;
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed.is-slide {
    animation: menuPCSlide_pc 0.2s ease-in-out forwards;
  }
}
@media (min-width: 750px) {
  .global-navigation--fixed.is-remove {
    animation: menuPCSlide_reverse_tab 0.2s ease-in-out forwards;
  }
}
@media (min-width: 1440px) {
  .global-navigation--fixed.is-remove {
    animation: menuPCSlide_reverse_pc 0.2s ease-in-out forwards;
  }
}

.sns-navigation, .sns-navigation--fixed {
  position: absolute;
  display: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 750px) {
  .sns-navigation, .sns-navigation--fixed {
    display: flex;
    top: calc(100vw * ( 238 / 1440 ));
    right: calc(100vw * ( 38 / 1440 ));
    gap: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .sns-navigation, .sns-navigation--fixed {
    top: 238px;
    right: 38px;
    gap: 10px;
  }
}
.sns-navigation__item {
  display: block;
  overflow: hidden;
  border-radius: 50vw;
}
@media (min-width: 750px) {
  .sns-navigation__item {
    width: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .sns-navigation__item {
    width: 60px;
  }
}
.sns-navigation__item > a {
  display: block;
  width: 100%;
}
.sns-navigation__item > a > img {
  display: block;
}
.sns-navigation--fixed {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: calc(100vw * ( 65 / 750 ));
  right: calc(100vw * ( 174 / 750 ));
  gap: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .sns-navigation--fixed {
    width: calc(100vw * ( 114 / 1440 ));
    top: calc(100vw * ( 140 / 1440 ));
    right: calc(-100vw * ( 2 / 1440 ));
    gap: calc(100vw * ( 8 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .sns-navigation--fixed {
    width: 114px;
    top: 140px;
    right: -2px;
    gap: 8px;
  }
}
.sns-navigation--fixed .sns-navigation__item {
  width: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .sns-navigation--fixed .sns-navigation__item {
    width: calc(50% - 100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .sns-navigation--fixed .sns-navigation__item {
    width: calc(50% - 4px);
  }
}

.button-menu {
  position: fixed;
  top: calc(100vw * ( 40 / 750 ));
  right: calc(100vw * ( 40 / 750 ));
  z-index: 30;
  display: none;
  padding: 0;
  width: calc(100vw * ( 110 / 750 ));
  height: calc(100vw * ( 110 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  background-color: #fff;
  box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(0, 0, 0, 0.1);
  border: none;
  cursor: pointer;
}
@media (min-width: 750px) {
  .button-menu {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: calc(100vw * ( 110 / 1440 ));
    height: calc(100vw * ( 120 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .button-menu {
    width: 110px;
    height: 120px;
    border-radius: 10px 10px;
  }
}
.button-menu__inner {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
}
.button-menu__box {
  box-sizing: border-box;
  display: block;
  padding: calc(100vw * ( 24 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 24 / 750 )) calc(100vw * ( 10 / 750 ));
  width: 100%;
  height: 100%;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  background-color: #fff;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .button-menu__box {
    padding: calc(100vw * ( 30 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 24 / 1440 )) calc(100vw * ( 10 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .button-menu__box {
    padding: 30px 10px 24px 10px;
    border-radius: 10px 10px;
  }
}
.button-menu__box:hover {
  opacity: 0.6;
}
.button-menu__active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 750px) {
  .button-menu__active.button-menu__box b {
    margin-top: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .button-menu__active.button-menu__box b {
    margin-top: 18px;
  }
}
.button-menu .c-icon {
  transition: all 0.2s ease;
}
.button-menu b {
  display: block;
  margin-top: calc(100vw * ( 14 / 750 ));
  width: 100%;
  font-weight: normal;
  font-size: calc(100vw * ( 18 / 750 ));
  text-align: center;
  color: #0088cc;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .button-menu b {
    margin-top: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 13 / 1440 ));
    color: #000;
  }
}
@media (min-width: 1440px) {
  .button-menu b {
    margin-top: 20px;
    font-size: 13px;
  }
}
.button-menu:hover {
  opacity: 1;
  filter: brightness(1.2);
}
.button-menu:hover .button-menu svg,
.button-menu:hover .button-menu b {
  opacity: 1;
  filter: brightness(1.2);
}
.button-menu.is-active .button-menu__normal {
  display: none;
}
.button-menu.is-active .button-menu__active {
  display: block;
  padding-top: calc(100vw * ( 28 / 750 ));
}
@media (min-width: 750px) {
  .button-menu.is-active .button-menu__active {
    padding-top: calc(100vw * ( 34 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .button-menu.is-active .button-menu__active {
    padding-top: 34px;
  }
}
.button-menu--sp {
  display: block;
}
@media (min-width: 750px) {
  .button-menu--sp {
    display: none;
  }
}
.button-menu--pc {
  display: none;
}
@media (min-width: 750px) {
  .button-menu--pc {
    display: block;
  }
}
.global-navigation--sp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  display: none;
  box-sizing: border-box;
  padding: calc(100vw * ( 210 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 140 / 750 ));
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 112, 224, 0.8), rgba(46, 151, 229, 0.8) 50%, rgba(24, 173, 173, 0.8));
}
.global-navigation--sp__ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-navigation--sp__item {
  position: relative;
  box-sizing: border-box;
  margin-bottom: calc(100vw * ( 18 / 750 ));
  text-align: center;
}
.global-navigation--sp__item a {
  display: block;
  padding: calc(100vw * ( 30 / 750 )) calc(100vw * ( 60 / 750 ));
  border-radius: calc(100vw * ( 12 / 750 )) calc(100vw * ( 12 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 24 / 750 ));
  text-decoration: none;
  background-color: #fff;
}
.global-navigation--sp__item a .c-icon.c-icon--arrow-right {
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 36 / 750 ));
  transform: translateY(-50%);
  fill: #0088cc;
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 28 / 750 ));
}
body.home .site-header {
  box-shadow: 0 0 calc(100vw * ( 80 / 750 )) rgba(255, 255, 255, 0.06);
  height: 0;
}
@media (min-width: 750px) {
  body.home .site-header {
    position: absolute;
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(255, 255, 255, 0.06);
  }
}
@media (min-width: 1440px) {
  body.home .site-header {
    box-shadow: 0 0 80px rgba(255, 255, 255, 0.06);
  }
}
body.home .site-header__inner {
  padding: calc(100vw * ( 40 / 750 )) calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  body.home .site-header__inner {
    padding: calc(100vw * ( 60 / 1440 )) calc(100vw * ( 60 / 1440 )) calc(100vw * ( 40 / 1440 )) calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.home .site-header__inner {
    padding: 60px 60px 40px 60px;
  }
}
body.home .global-navigation {
  border-color: #fff;
}
body.home .global-navigation__item {
  border-color: #fff;
}
body.home .global-navigation__item a {
  color: #fff;
}
body.home .global-navigation__item a:hover {
  color: #0088cc;
}
body.home .global-navigation__item a:hover .global-navigation__text {
  color: #0088cc;
}
body.home .global-navigation__item a:hover .c-icon {
  fill: #0088cc;
}
body.home .global-navigation__text {
  color: #fff;
}
body.home .global-navigation .c-icon {
  fill: #fff;
}
body.home .global-navigation--fixed {
  top: 0;
}
@media (min-width: 750px) {
  body.home .global-navigation--fixed {
    top: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.home .global-navigation--fixed {
    top: 40px;
  }
}
@media (min-width: 750px) {
  body.home .sns-navigation, body.home .sns-navigation--fixed {
    top: calc(100vw * ( 220 / 1440 ));
    right: calc(100vw * ( 58 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.home .sns-navigation, body.home .sns-navigation--fixed {
    top: 220px;
    right: 58px;
  }
}
body.home .sns-navigation--fixed {
  top: calc(100vw * ( 60 / 750 ));
  right: calc(100vw * ( 180 / 750 ));
}
@media (min-width: 750px) {
  body.home .sns-navigation--fixed {
    width: calc(100vw * ( 114 / 1440 ));
    top: calc(100vw * ( 140 / 1440 ));
    right: calc(-100vw * ( 2 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.home .sns-navigation--fixed {
    width: 114px;
    top: 140px;
    right: -2px;
  }
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .site-header {
  box-shadow: 0 0 calc(100vw * ( 80 / 750 )) rgba(255, 255, 255, 0.1);
}
@media (min-width: 750px) {
  body.dark .site-header {
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1440px) {
  body.dark .site-header {
    box-shadow: 0 0 80px rgba(255, 255, 255, 0.1);
  }
}
body.dark .global-navigation__item a:hover {
  color: #7700b2;
}
body.dark .global-navigation__item a:hover .global-navigation__text {
  color: #7700b2;
}
body.dark .global-navigation__item a:hover .c-icon {
  fill: #7700b2;
}
body.dark .global-navigation__text {
  color: #fff;
}
body.dark .global-navigation .c-icon {
  fill: #fff;
}
@media (min-width: 750px) {
  body.dark .global-navigation--fixed__ul.is-active {
    width: calc(100vw * ( 770 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .global-navigation--fixed__ul.is-active {
    width: 770px;
  }
}
body.dark__item.light-mode {
  visibility: hidden;
}
body.dark .c-icon {
  fill: #7700b2;
}
body.dark .button-menu__box .c-icon {
  fill: #7700b2;
}
body.dark .button-menu__box b {
  color: #7700b2;
}
@media (min-width: 750px) {
  body.dark .button-menu__box b {
    color: #000;
  }
}
body.dark .global-navigation--sp {
  background: linear-gradient(45deg, rgba(119, 0, 178, 0.9), rgba(204, 20, 204, 0.9));
}
body.dark .global-navigation--sp__item a {
  color: #7700b2;
}
body.dark .global-navigation--sp__item a .c-icon {
  fill: #7700b2;
}
body.dark.home .site-header {
  box-shadow: none;
}
@media (min-width: 750px) {
  body.dark.home .site-header {
    box-shadow: none;
  }
}
@media (min-width: 1440px) {
  body.dark.home .site-header {
    box-shadow: none;
  }
}

/* ==============================================
 *
 * Footer
 *
 * ============================================== */
.site-footer {
  padding-bottom: calc(100vw * ( 150 / 750 ));
  z-index: 5;
  background-color: #000;
  box-shadow: 0 0 calc(100vw * ( 80 / 750 )) rgba(0, 0, 0, 0.06);
  position: relative;
}
@media (min-width: 750px) {
  .site-footer {
    position: relative;
    padding-bottom: 0;
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(0, 0, 0, 0.06);
  }
}
@media (min-width: 1440px) {
  .site-footer {
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.06);
  }
}
.site-footer__inner {
  position: relative;
  background-color: #fff;
}
@media (min-width: 750px) {
  .site-footer__inner {
    padding: calc(100vw * ( 80 / 1440 )) calc(100vw * ( 70 / 1440 )) calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__inner {
    padding: 80px 70px 60px;
  }
}
.site-footer__totop {
  display: none;
}
@media (min-width: 750px) {
  .site-footer__totop {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    padding-right: calc(100vw * ( 40 / 1440 ));
    width: calc(100vw * ( 290 / 1440 ));
    z-index: 29;
  }
}
@media (min-width: 1440px) {
  .site-footer__totop {
    padding-right: 40px;
    width: 290px;
  }
}
@media (min-width: 750px) {
  .site-footer__totop .c-button {
    padding: 0;
    padding-bottom: calc(100vw * ( 36 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__totop .c-button {
    padding-bottom: 36px;
  }
}
.site-footer__totop--fixed {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100vw * ( 80 / 750 ));
  height: calc(100vw * ( 80 / 750 ));
  border-radius: 50% 50%;
  transition: all 0.2s ease;
  z-index: 30;
}
@media (min-width: 750px) {
  .site-footer__totop--fixed {
    display: block;
    padding-bottom: calc(100vw * ( 40 / 1440 ));
    padding-right: calc(100vw * ( 40 / 1440 ));
    width: calc(100vw * ( 80 / 1440 ));
    height: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__totop--fixed {
    padding-bottom: 40px;
    padding-right: 40px;
    width: 80px;
    height: 80px;
  }
}
.site-footer__totop--fixed .c-button {
  position: absolute;
  top: 200%;
  left: 0;
  display: block;
  width: calc(100vw * ( 80 / 750 ));
  height: calc(100vw * ( 80 / 750 ));
  border-radius: 50% 50%;
  background-color: #fff;
}
@media (min-width: 750px) {
  .site-footer__totop--fixed .c-button {
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(0, 0, 0, 0.1);
    width: calc(100vw * ( 80 / 1440 ));
    height: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__totop--fixed .c-button {
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.1);
    width: 80px;
    height: 80px;
  }
}
.site-footer__totop--fixed .c-button:before {
  content: "";
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  width: calc(100vw * ( 18 / 750 ));
  height: calc(100vw * ( 36 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 750px) {
  .site-footer__totop--fixed .c-button:before {
    width: calc(100vw * ( 15 / 1440 ));
    height: calc(100vw * ( 29 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__totop--fixed .c-button:before {
    width: 15px;
    height: 29px;
  }
}
@media (min-width: 750px) {
  .site-footer__totop--fixed .c-button.is-active {
    animation: totopPCSlide 0.2s ease-in-out forwards;
  }
}
@media (min-width: 750px) {
  .site-footer__totop--fixed .c-button.is-remove {
    animation: totopPCSlide_reverse 0.2s ease-in-out forwards;
  }
}
.site-footer__top {
  padding-top: calc(100vw * ( 80 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .site-footer__top {
    display: flex;
    padding: 0;
  }
}
.site-footer__bottom {
  padding: calc(100vw * ( 55 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 80 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .site-footer__bottom {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: calc(100vw * ( 18 / 1440 )) 0 0 calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__bottom {
    padding: 18px 0 0 10px;
  }
}
.site-footer__bottom__link {
  display: inline-block;
  margin-bottom: calc(100vw * ( 35 / 750 ));
  color: #000;
  font-size: calc(100vw * ( 18 / 750 ));
  line-height: 1.6;
}
@media (min-width: 750px) {
  .site-footer__bottom__link {
    margin-bottom: 0;
    margin-left: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__bottom__link {
    margin-left: 20px;
    font-size: 12px;
  }
}
.site-footer__bottom__link:link {
  color: #000;
}
.site-footer__bottom__link:hover {
  text-decoration: none;
}
.site-footer__banner {
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  padding-left: calc(100vw * ( 32 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  width: 100%;
  z-index: 40;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .site-footer__banner {
    position: absolute;
    bottom: auto;
    top: calc(-100vw * ( 148 / 1440 ));
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 600 / 1440 ));
    height: calc(100vw * ( 124 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__banner {
    top: -148px;
    width: 600px;
    height: 124px;
  }
}
.site-footer__banner__inner {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  padding-left: calc(100vw * ( 32 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .site-footer__banner__inner {
    bottom: auto;
    padding-left: calc(100vw * ( 20 / 1440 ));
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .site-footer__banner__inner {
    padding-left: 20px;
  }
}
@media (min-width: 750px) {
  .site-footer__banner__inner.is-fixed {
    position: fixed;
    bottom: calc(100vw * ( 20 / 1440 ));
    left: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__banner__inner.is-fixed {
    bottom: 30px;
    left: 20px;
  }
}
.site-footer__banner__item {
  display: block;
}
@media (min-width: 750px) {
  .site-footer__banner__item {
    width: calc(100vw * ( 310 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__banner__item {
    width: 310px;
  }
}
.site-footer__banner__item img {
  display: block;
}
@media (min-width: 750px) {
  .site-footer__banner__item:not(:first-of-type) {
    margin-left: calc(-100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__banner__item:not(:first-of-type) {
    margin-left: -20px;
  }
}
.site-footer__logo {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(100vw * ( 60 / 750 ));
  width: calc(100vw * ( 400 / 750 ));
}
@media (min-width: 750px) {
  .site-footer__logo {
    margin: 0 calc(100vw * ( 45 / 1440 )) 0 0;
    width: calc(100vw * ( 264 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__logo {
    margin-right: 45px;
    width: 264px;
  }
}
@media (min-width: 750px) {
  .site-footer__nav {
    width: calc(100vw * ( 610 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__nav {
    width: 610px;
  }
}
.site-footer__nav__ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 750px) {
  .site-footer__nav__ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.site-footer__nav__item {
  margin-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .site-footer__nav__item {
    margin-right: calc(100vw * ( 40 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__nav__item {
    margin-right: 40px;
    margin-bottom: 18px;
    font-size: 14px;
  }
}
.site-footer__nav__item a {
  position: relative;
  display: block;
  box-shadow: 0 0 calc(100vw * ( 20 / 750 )) rgba(0, 0, 0, 0.06);
  padding: calc(100vw * ( 30 / 750 )) calc(100vw * ( 60 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 40 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 24 / 750 ));
  text-decoration: none;
}
@media (min-width: 750px) {
  .site-footer__nav__item a {
    box-shadow: 0 0 0 transparent;
    padding: 0;
    border-radius: 0 0;
    color: #000;
    font-size: calc(100vw * ( 14 / 1440 ));
    text-decoration: underline;
  }
}
@media (min-width: 1440px) {
  .site-footer__nav__item a {
    font-size: 14px;
  }
}
.site-footer__nav__item a:hover {
  text-decoration: none;
}
.site-footer__nav__item a .c-icon {
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 35 / 750 ));
  fill: #0088cc;
  transform: translateY(-50%);
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 28 / 750 ));
}
@media (min-width: 750px) {
  .site-footer__nav__item a .c-icon {
    display: none;
  }
}
.site-footer__seclet {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100vw * ( 240 / 750 ));
  height: calc(100vw * ( 122 / 750 ));
}
@media (min-width: 750px) {
  .site-footer__seclet {
    width: calc(100vw * ( 160 / 1440 ));
    height: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-footer__seclet {
    width: 160px;
    height: 80px;
  }
}
.site-footer__seclet a {
  display: block;
  transform: translateY(1px);
}
@media (min-width: 750px) {
  .site-footer__seclet a {
    transform: translateY(0);
  }
}
.site-footer__seclet img {
  display: block;
}

.copyright {
  margin: 0;
  color: #c2c9cc;
  font-size: calc(100vw * ( 18 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0;
}
@media (min-width: 750px) {
  .copyright {
    font-size: calc(100vw * ( 12 / 1440 ));
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .copyright {
    font-size: 12px;
  }
}

/* 
 * home 
** ============================================== */
@media (min-width: 750px) {
  body.home .site-footer__banner__inner {
    bottom: -200%;
  }
}
/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .site-footer {
  box-shadow: 0 0 calc(100vw * ( 80 / 750 )) rgba(255, 255, 255, 0.1);
}
@media (min-width: 750px) {
  body.dark .site-footer {
    box-shadow: 0 0 calc(100vw * ( 80 / 1440 )) rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 1440px) {
  body.dark .site-footer {
    box-shadow: 0 0 80px rgba(255, 255, 255, 0.1);
  }
}
body.dark .site-footer__inner {
  color: #fff;
  background-color: #000;
}
body.dark .site-footer__totop--fixed a:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%237700b2" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .site-footer__bottom__link {
  color: #fff;
}
body.dark .site-footer__nav__item a {
  box-shadow: none;
  color: #7700b2;
  background-color: #fff;
}
@media (min-width: 750px) {
  body.dark .site-footer__nav__item a {
    color: #fff;
    background-color: transparent;
  }
}
body.dark .site-footer__nav__item a .c-icon {
  fill: #7700b2;
}
body.dark .copyright {
  color: #fff;
}

.site-container {
  overflow: hidden;
  position: relative;
}

.site-content {
  position: relative;
  overflow: hidden;
}
.main {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-top: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .main {
    padding-top: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .main {
    padding-top: 40px;
  }
}

.home .site-content {
  padding-top: 0;
}
.home .main {
  padding-top: 0;
}

body.dark .site-container {
  background-color: #000;
}

.fixed-width {
  margin-right: auto;
  margin-left: auto;
  max-width: 1440px;
}

.col {
  zoom: 1;
}
.col:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}
.col .col-item {
  float: left;
}
.col .col-item-last {
  float: right;
}
.col.col--2 .col-item {
  width: 49%;
}
.col.col--2 .col-item:nth-child(2n) {
  float: right;
}
.col.col--3 .col-item {
  margin-right: 2%;
  width: 32%;
}
.col.col--3 .col-item:nth-child(3n) {
  float: right;
  margin-right: 0;
}

.flex {
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex.flex--col-2 .flex-item {
  width: 48%;
}

/* ==============================================
 *
 * Goto Top Button
 *
 * ============================================== */
.site-gototop {
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 4;
  transition: right 0.2s ease;
}
@media (min-width: 750px) {
  .site-gototop {
    z-index: 20;
  }
}
.site-gototop__button {
  width: 100%;
  height: 100%;
  display: block;
}
.site-gototop__img {
  position: absolute;
  display: none;
  right: 0;
  bottom: 0;
  width: 120.8333333333%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .site-gototop__img {
    display: block;
  }
}
.site-gototop__img > img {
  width: 100%;
  height: 100%;
}
.site-gototop__svg {
  position: absolute;
  width: 37.5%;
  height: 20%;
  top: 50%;
  left: 50%;
  margin-top: -2.5%;
  transform: translate(-50%, -50%);
  transition: all 0.2s ease;
}
.site-gototop__svg path {
  fill: #0088cc;
  stroke: none;
  transition: all 0.2s ease;
}
.site-gototop__inner {
  position: relative;
  width: calc(100vw * ( 100 / 750 ));
  height: calc(100vw * ( 100 / 750 ));
  bottom: calc(100vw * ( 120 / 750 ));
  margin: 0 calc(100vw * ( 34 / 750 )) calc(100vw * ( 34 / 750 )) 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .site-gototop__inner {
    width: calc(100vw * ( 80 / 1440 ));
    height: calc(100vw * ( 80 / 1440 ));
    bottom: 0;
    margin: 0 calc(100vw * ( 40 / 1440 )) calc(100vw * ( 40 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .site-gototop__inner {
    width: 80px;
    height: 80px;
    margin: 0 40px 40px 0;
  }
}
@media (min-width: 750px) {
  .site-gototop__inner.is-bottom {
    width: calc(100vw * ( 240 / 1440 ));
    height: calc(100vw * ( 240 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-gototop__inner.is-bottom {
    width: 240px;
    height: 240px;
  }
}
.site-gototop__inner.is-bottom .site-gototop__img {
  opacity: 1;
}
@media (min-width: 750px) {
  .site-gototop__inner.is-bottom .site-gototop__svg {
    width: 12.5%;
    height: 6.6666666667%;
    margin-top: -38.75%;
  }
}
.site-gototop__inner.is-bottom .site-gototop__svg path {
  fill: #0088cc;
}
@media (min-width: 750px) {
  .site-gototop__inner.is-bottom .site-gototop__svg path {
    fill: #fff;
  }
}
.site-gototop.is-top {
  right: calc(-100vw * ( 134 / 750 ));
}
@media (min-width: 750px) {
  .site-gototop.is-top {
    right: calc(-100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-gototop.is-top {
    right: -120px;
  }
}
.site-gototop.is-bottom {
  position: absolute;
}
@media (min-width: 750px) {
  .site-gototop.is-bottom {
    position: fixed;
  }
}

@media (min-width: 750px) {
  body.dark .site-gototop__inner.is-bottom {
    background: #000;
  }
}
body.dark .site-gototop__inner.is-bottom .site-gototop__svg path {
  fill: #7700b2;
}
@media (min-width: 750px) {
  body.dark .site-gototop__inner.is-bottom .site-gototop__svg path {
    fill: #fff;
  }
}
body.dark .site-gototop__svg path {
  fill: #7700b2;
}

/* ==============================================
 *
 * Goto Top Button
 *
 * ============================================== */
.site-banner {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 20;
}
@media (min-width: 750px) {
  .site-banner {
    width: auto;
  }
}
.site-banner__inner {
  position: absolute;
  width: 100%;
  bottom: 0;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .site-banner__inner {
    width: auto;
    height: auto;
  }
}
.site-banner__inner.is-top {
  bottom: 0;
}
@media (min-width: 750px) {
  .site-banner__inner.is-top {
    bottom: calc(-100vw * ( 150 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .site-banner__inner.is-top {
    bottom: -150px;
  }
}
.site-banner__list {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 calc(100vw * ( 30 / 750 ));
  margin: 0;
  font-size: 0;
  box-sizing: border-box;
  gap: 0 calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .site-banner__list {
    display: inline-block;
    width: calc(100vw * ( 840 / 1440 ));
    padding: 0;
    margin: 0 0 calc(100vw * ( 30 / 1440 )) calc(100vw * ( 30 / 1440 ));
    gap: 0 0;
  }
}
@media (min-width: 1440px) {
  .site-banner__list {
    width: 840px;
    margin: 0 0 30px 30px;
  }
}
.site-banner__item {
  width: 33.333333%;
  /*
  &:last-child a {
  	left: size-sp(-10);

  	@include for-size(tablet-portrait-up) {
  		left: 0;
  	}
  }
  */
}
@media (min-width: 750px) {
  .site-banner__item {
    display: block;
    float: left;
    width: calc(100vw * ( 280 / 1440 ));
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .site-banner__item {
    width: 280px;
  }
}
.site-banner__item a {
  display: block;
  width: 100%;
  position: relative;
}
@media (min-width: 750px) {
  .site-banner__item a {
    width: 100%;
  }
}
.site-banner__item span {
  width: 100%;
}
.site-banner__item img {
  display: block;
  width: 100%;
}
.site-banner.is-bottom {
  position: fixed;
}
@media (min-width: 750px) {
  .site-banner.is-bottom {
    position: absolute;
  }
}

.c-heading--a {
  position: relative;
  margin: 0;
  margin-bottom: 0;
  height: calc(100vw * ( 95 / 750 ));
}
@media (min-width: 750px) {
  .c-heading--a {
    height: calc(100vw * ( 95 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-heading--a {
    height: 95px;
  }
}
.c-heading--a__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
}
.c-heading--b {
  margin-top: calc(100vw * ( 60 / 750 ));
  margin-bottom: calc(100vw * ( 40 / 750 ));
  color: #fff;
  text-align: center;
}
@media (min-width: 750px) {
  .c-heading--b {
    margin-top: calc(100vw * ( 60 / 1440 ));
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-heading--b {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
.c-heading--b__container {
  display: inline-block;
  background: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad 100%);
  transform: skewX(-20deg);
}
.c-heading--b__inner {
  display: inline-block;
  padding: calc(100vw * ( 5 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 10 / 750 ));
  transform: skewX(20deg);
  font-size: calc(100vw * ( 28 / 750 ));
  font-weight: normal;
}
@media (min-width: 750px) {
  .c-heading--b__inner {
    padding: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 30 / 1440 )) calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 22 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-heading--b__inner {
    padding: 5px 30px 5px;
    font-size: 22px;
  }
}

.c-heading--c {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 10 / 750 ));
  border-bottom: 1px solid #0088cc;
  color: transparent;
  font-size: calc(100vw * ( 36 / 750 ));
  font-weight: normal;
  line-height: 1.818;
  background-image: linear-gradient(90deg, #0088cc, #18adad);
  -webkit-background-clip: text;
}
@media (min-width: 750px) {
  .c-heading--c {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-heading--c {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 30px;
  }
}

.c-heading--d {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 10 / 750 ));
  color: transparent;
  font-size: calc(100vw * ( 40 / 750 ));
  font-weight: normal;
  line-height: 1.818;
  background-image: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  -webkit-background-clip: text;
}
@media (min-width: 750px) {
  .c-heading--d {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-heading--d {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 40px;
  }
}

body.dark .c-heading--b__container {
  background: linear-gradient(90deg, #7700b2, #b20095);
}
body.dark .c-heading--c {
  border-bottom-color: #7700b2;
}
body.dark .c-heading--d {
  background: linear-gradient(90deg, #7700b2, #b20095);
  -webkit-background-clip: text;
}

.c-list-news {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.c-list-news__item {
  overflow: hidden;
  margin-bottom: calc(100vw * ( 30 / 750 ));
  width: 47.761%;
  background-color: #fff;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-list-news__item {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-news__item {
    margin-bottom: 20px;
    border-radius: 10px 10px;
  }
}
.c-list-news__item:not(:nth-of-type(2n)) {
  margin-right: 4.477%;
}
.c-list-news__img {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin: 0;
  overflow: hidden;
}
.c-list-news__img a, .c-list-news__img span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.c-list-news__img a img, .c-list-news__img span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease;
}
.c-list-news__img a:hover img {
  transform: scale(1.08);
}
.c-list-news__info {
  padding: calc(100vw * ( 25 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .c-list-news__info {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 25 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-news__info {
    padding: 20px 20px 25px;
  }
}
.c-list-news__title {
  display: -webkit-box;
  margin: 0;
  font-size: calc(100vw * ( 24 / 750 ));
  font-weight: normal;
  line-height: 1.6;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (min-width: 750px) {
  .c-list-news__title {
    font-size: calc(100vw * ( 18 / 1440 ));
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 1440px) {
  .c-list-news__title {
    font-size: 18px;
  }
}
.c-list-news__title a {
  text-decoration: none;
}
.c-list-news__title a:hover {
  text-decoration: underline;
  opacity: 0.6;
}
.c-list-news__data {
  display: flex;
  margin-top: calc(100vw * ( 20 / 750 ));
  padding-top: calc(100vw * ( 20 / 750 ));
  border-top: 1px dotted #c2c9cc;
}
@media (min-width: 750px) {
  .c-list-news__data {
    margin-top: calc(100vw * ( 15 / 1440 ));
    padding-top: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-news__data {
    margin-top: 15px;
    padding-top: 20px;
  }
}
.c-list-news__date {
  margin: 0 calc(100vw * ( 20 / 750 )) 0 0;
  color: #c2c9cc;
  font-family: "Roboto", sans-serif;
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 1.6;
}
@media (min-width: 750px) {
  .c-list-news__date {
    margin-right: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-news__date {
    margin-right: 20px;
    font-size: 14px;
  }
}
.c-list-news__category > a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.c-list-news__cat {
  display: inline-block;
  margin: 0;
  color: #000;
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 1.6;
  text-decoration: underline;
}
@media (min-width: 750px) {
  .c-list-news__cat {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-news__cat {
    font-size: 14px;
  }
}
.c-list-news__cat:link, .c-list-news__cat:visited {
  color: #000;
}
@media (min-width: 750px) {
  .c-list-news--02 .c-list-news__item {
    margin-right: 1.785%;
    width: 32.142%;
  }
}
@media (min-width: 750px) {
  .c-list-news--02 .c-list-news__item:nth-of-type(3n) {
    margin-right: 0;
  }
}
body.dark .c-list-news__title a {
  color: #7700b2;
}
body.dark .c-list-news__title a:visited {
  color: #7700b2;
}
.c-list-story {
  list-style: none;
  margin: 0 calc(-100vw * ( 15 / 750 ));
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 750px) {
  .c-list-story {
    margin: 0 calc(-100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-story {
    margin: 0 -20px;
  }
}
.c-list-story__item {
  padding: 0 calc(100vw * ( 15 / 750 ));
  margin-bottom: calc(100vw * ( 42 / 750 ));
  width: 50%;
  box-sizing: border-box;
  /*
  margin-bottom: size-sp(42);
  margin-right: 0;
  width: 47.761%;

  @include for-size(tablet-portrait-up) {
  	margin-right: 0;
  	width: 30.769%;
  }

  @include for-size(desktop-up) {
  }

  &:not(:nth-of-type(2n)) {
  	margin-right: 4.477%;

  	@include for-size(tablet-portrait-up) {
  		margin-right: 0;
  	}

  	@include for-size(desktop-up) {
  	}
  }

  &:not(:nth-of-type(3n)) {

  	@include for-size(tablet-portrait-up) {
  		margin-right: 3.846%;
  	}

  	@include for-size(desktop-up) {
  	}
  }

  &:nth-last-of-type(1),
  &:nth-last-of-type(2),
  &:nth-last-of-type(3) {

  	@include for-size(tablet-portrait-up) {
  		margin-bottom: 0;
  	}

  	@include for-size(desktop-up) {
  	}
  }
  */
}
@media (min-width: 750px) {
  .c-list-story__item {
    width: 33.3333333333%;
    padding: 0 calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-story__item {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.c-list-story__img {
  margin: 0;
}
.c-list-story__button {
  position: relative;
  margin-top: calc(-100vw * ( 30 / 750 ));
  padding-left: calc(100vw * ( 20 / 750 ));
  padding-right: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-list-story__button {
    margin-top: calc(-100vw * ( 20 / 1440 ));
    padding-left: calc(100vw * ( 20 / 1440 ));
    padding-right: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-story__button {
    margin-top: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.c-list-story__button > a:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 18 / 750 ));
}
@media (min-width: 750px) {
  .c-list-story__button > a:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-story__button > a:not(:last-of-type) {
    margin-bottom: 14px;
  }
}
.c-list-story__button .c-button:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 18 / 750 ));
}
@media (min-width: 750px) {
  .c-list-story__button .c-button:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-story__button .c-button:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.c-list-story__button .c-button.c-button--big {
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-list-story__button .c-button.c-button--big {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-story__button .c-button.c-button--big {
    font-size: 16px;
  }
}
.c-list-story__button .c-button.c-button--big .c-button__inner {
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 50 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 20 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .c-list-story__button .c-button.c-button--big .c-button__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-story__button .c-button.c-button--big .c-button__inner {
    padding: 20px 40px;
  }
}

.c-character-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .c-character-list {
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-character-list {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.c-character-list__item {
  box-sizing: border-box;
  position: relative;
  padding: 0 calc(100vw * ( 15 / 750 )) calc(100vw * ( 90 / 750 )) calc(100vw * ( 15 / 750 ));
  width: 50%;
}
@media (min-width: 750px) {
  .c-character-list__item {
    padding: 0 calc(100vw * ( 15 / 1440 )) calc(100vw * ( 70 / 1440 )) calc(100vw * ( 15 / 1440 ));
    width: 25%;
  }
}
@media (min-width: 1440px) {
  .c-character-list__item {
    padding: 0 15px 70px 15px;
  }
}
.c-character-list__anchor {
  display: block;
  padding-top: 100%;
  width: 100%;
  transform: skewX(-20deg);
  background-color: #fff;
  transition: all 0.2s ease;
}
.c-character-list__anchor:hover .c-character-list__thumb img {
  transform: scale(1.05) skewX(20deg);
  opacity: 0.6;
}
.c-character-list__box {
  display: block;
  padding-top: 100%;
  width: 100%;
  transform: skewX(-20deg);
  background-color: #fff;
}
.c-character-list__thumb {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  margin-top: -20%;
  margin-left: -44%;
  padding-top: 120%;
  width: 144%;
  overflow: hidden;
  pointer-events: none;
}
.c-character-list__thumb img {
  position: absolute;
  bottom: 0;
  right: calc(-100vw * ( 37 / 750 ));
  width: 100%;
  height: 100%;
  transform: skewX(20deg);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-character-list__thumb img {
    right: -10.2777777778%;
  }
}
.c-character-list__name {
  position: absolute;
  left: calc(100vw * ( 32 / 750 ));
  margin: calc(100vw * ( 14 / 750 )) 0 0;
  width: 100%;
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
  transform: skewX(20deg);
}
@media (min-width: 750px) {
  .c-character-list__name {
    left: calc(100vw * ( 32 / 1440 ));
    margin-top: calc(100vw * ( 14 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-character-list__name {
    left: 32px;
    margin-top: 14px;
    font-size: 18px;
  }
}
.c-character-list--02 .c-character-list__item {
  width: 33.3333333333%;
}
@media (min-width: 750px) {
  .c-character-list--02 .c-character-list__item {
    width: 16.666%;
  }
}
.c-character-list--02 .c-character-list__name {
  width: 110%;
  left: calc(100vw * ( 20 / 750 ));
  margin-top: calc(100vw * ( 10 / 750 ));
  color: #000;
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-character-list--02 .c-character-list__name {
    left: calc(100vw * ( 20 / 1440 ));
    margin-top: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-character-list--02 .c-character-list__name {
    left: 20px;
    margin-top: 10px;
    font-size: 16px;
  }
}

body.dark .c-character-list--02 .c-character-list__name {
  color: #fff;
}

.c-list-col3 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.c-list-col3__item {
  margin-bottom: calc(100vw * ( 15 / 750 ));
  width: 48.507%;
}
@media (min-width: 750px) {
  .c-list-col3__item {
    margin-bottom: calc(100vw * ( 15 / 1440 ));
    width: 32.407%;
  }
}
@media (min-width: 1440px) {
  .c-list-col3__item {
    margin-bottom: 15px;
  }
}
.c-list-col3__item:not(:nth-of-type(2n)) {
  margin-right: 2.985%;
}
@media (min-width: 750px) {
  .c-list-col3__item:not(:nth-of-type(2n)) {
    margin-right: unset;
  }
}
@media (min-width: 750px) {
  .c-list-col3__item:not(:nth-of-type(3n)) {
    margin-right: 1.388%;
  }
}
.c-list-col3__item:nth-last-of-type(1), .c-list-col3__item:nth-last-of-type(2) {
  margin-bottom: 0;
}
@media (min-width: 750px) {
  .c-list-col3__item:nth-last-of-type(3) {
    margin-bottom: 0;
  }
}
.c-list-button {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 750px) {
  .c-list-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.c-list-button__item {
  margin-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-list-button__item {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    margin-left: 1.351%;
    margin-right: 1.351%;
    width: 30.63%;
  }
}
@media (min-width: 1440px) {
  .c-list-button__item {
    margin-bottom: 20px;
  }
}
.c-list-button .c-box-table {
  height: calc(100vw * ( 120 / 750 ));
}
@media (min-width: 750px) {
  .c-list-button .c-box-table {
    height: calc(100vw * ( 82 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-button .c-box-table {
    height: 82px;
  }
}

.c-list-diagonal {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-list-diagonal {
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-diagonal {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.c-list-diagonal__item {
  box-sizing: border-box;
  position: relative;
  margin-bottom: calc(100vw * ( 20 / 750 ));
  padding: 0 calc(100vw * ( 15 / 750 ));
  width: 50%;
}
@media (min-width: 750px) {
  .c-list-diagonal__item {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    padding: 0 calc(100vw * ( 15 / 1440 ));
    width: 25%;
  }
}
@media (min-width: 1440px) {
  .c-list-diagonal__item {
    margin-bottom: 20px;
    padding: 0 15px;
  }
}
.c-list-diagonal__item__inner {
  display: block;
  padding-top: 100%;
  width: 100%;
}
.c-list-diagonal__figure {
  position: relative;
  width: 100%;
  padding-top: 58.8957055215%;
  margin: 0;
  height: 0;
  transform: skewX(-20deg);
  overflow: hidden;
}
.c-list-diagonal__img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  transform: skewX(20deg);
}
.c-list-diagonal__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.25);
}
.c-list-diagonal__title {
  position: relative;
  margin: calc(100vw * ( 14 / 750 )) 0 0;
  width: 100%;
  left: calc(100vw * ( 40 / 750 ));
  color: #000;
  font-size: calc(100vw * ( 24 / 750 ));
  font-weight: normal;
  line-height: 1.777;
  letter-spacing: -0.03em;
  text-align: center;
  transform: translateX(-2em);
}
@media (min-width: 750px) {
  .c-list-diagonal__title {
    margin-top: calc(100vw * ( 14 / 1440 ));
    width: 120%;
    left: calc(100vw * ( 0 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-diagonal__title {
    margin-top: 14px;
    left: 0;
    font-size: 18px;
  }
}

body.dark .c-list-diagonal__title {
  color: #fff;
}

.c-list-flow {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 750px) {
  .c-list-flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.c-list-flow__item {
  box-sizing: border-box;
  position: relative;
  margin-top: calc(100vw * ( 20 / 750 ));
  margin-bottom: calc(100vw * ( 60 / 750 ));
  padding: calc(100vw * ( 95 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 30 / 750 ));
  background-color: #fff;
}
@media (min-width: 750px) {
  .c-list-flow__item {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 30 / 1440 ));
    margin-left: 1.351%;
    margin-right: 1.351%;
    padding: calc(100vw * ( 95 / 1440 )) calc(100vw * ( 30 / 1440 )) calc(100vw * ( 30 / 1440 ));
    width: 30.63%;
  }
}
@media (min-width: 1440px) {
  .c-list-flow__item {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 95px 30px 30px;
  }
}
.c-list-flow__item:not(:last-of-type):before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -1px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(100vw * ( 44 / 750 )) calc(100vw * ( 44 / 750 )) 0 calc(100vw * ( 44 / 750 ));
  border-color: #fff transparent transparent transparent;
}
@media (min-width: 750px) {
  .c-list-flow__item:not(:last-of-type):before {
    bottom: auto;
    top: 50%;
    left: 100%;
    transform: translate(-1px, -50%);
    border-width: calc(100vw * ( 22 / 1440 )) 0 calc(100vw * ( 22 / 1440 )) calc(100vw * ( 22 / 1440 ));
    border-color: transparent transparent transparent #fff;
  }
}
@media (min-width: 1440px) {
  .c-list-flow__item:not(:last-of-type):before {
    border-width: 22px 0 22px 22px;
  }
}
.c-list-flow__number {
  position: absolute;
  top: calc(-100vw * ( 20 / 750 ));
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  width: calc(100vw * ( 100 / 750 ));
  height: calc(100vw * ( 100 / 750 ));
  background-color: #0f1419;
  border-radius: 50% 50%;
  overflow: hidden;
}
@media (min-width: 750px) {
  .c-list-flow__number {
    top: calc(-100vw * ( 20 / 1440 ));
    width: calc(100vw * ( 100 / 1440 ));
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-flow__number {
    top: -20px;
    width: 100px;
    height: 100px;
  }
}
.c-list-flow__number img {
  display: block;
}
.c-list-flow__title {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 20 / 750 ));
  font-size: calc(100vw * ( 40 / 750 ));
  font-weight: bold;
  text-align: center;
}
@media (min-width: 750px) {
  .c-list-flow__title {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-flow__title {
    margin-bottom: 20px;
    font-size: 26px;
  }
}
.c-list-flow__text p {
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .c-list-flow__text p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-flow__text p {
    font-size: 16px;
  }
}

@media (min-width: 750px) {
  .c-box-event {
    display: flex;
    justify-content: space-between;
  }
}
.c-box-event__item {
  position: relative;
  padding-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .c-box-event__item {
    padding-bottom: calc(100vw * ( 40 / 1440 ));
    width: 48.148%;
  }
}
@media (min-width: 1440px) {
  .c-box-event__item {
    padding-bottom: 40px;
  }
}
.c-box-event__item:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .c-box-event__item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.c-box-event__inner {
  padding: calc(100vw * ( 30 / 750 ));
  background-color: #fff;
}
@media (min-width: 750px) {
  .c-box-event__inner {
    padding: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-event__inner {
    padding: 30px;
  }
}
.c-box-event__title {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 32 / 750 ));
  font-weight: normal;
  text-align: center;
  line-height: 1.6;
}
@media (min-width: 750px) {
  .c-box-event__title {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-event__title {
    margin-bottom: 10px;
    font-size: 26px;
  }
}
.c-box-event__place {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 25 / 750 ));
  text-align: center;
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-box-event__place {
    margin-bottom: calc(100vw * ( 25 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-event__place {
    margin-bottom: 25px;
    font-size: 14px;
  }
}
.c-box-event__img {
  margin: 0;
}
.c-box-event__achievement {
  position: absolute;
  bottom: 0;
  right: calc(-100vw * ( 10 / 750 ));
  text-align: right;
}
@media (min-width: 750px) {
  .c-box-event__achievement {
    right: calc(-100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-event__achievement {
    right: -10px;
  }
}
.c-box-event__achievement .c-text-diagonal:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-box-event__achievement .c-text-diagonal:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-event__achievement .c-text-diagonal:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.c-list-line {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
}
.c-list-line__item {
  position: relative;
  margin-bottom: calc(100vw * ( 5 / 750 ));
  margin-right: calc(100vw * ( 20 / 750 ));
  padding-left: calc(100vw * ( 26 / 750 ));
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-list-line__item {
    margin-bottom: calc(100vw * ( 5 / 1440 ));
    margin-right: calc(100vw * ( 20 / 1440 ));
    padding-left: calc(100vw * ( 26 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-line__item {
    margin-bottom: 5px;
    margin-right: 20px;
    padding-left: 26px;
    font-size: 14px;
  }
}
.c-list-line__item:before {
  content: "";
  position: absolute;
  top: calc(100vw * ( 7 / 750 ));
  left: 0;
  width: calc(100vw * ( 20 / 750 ));
  height: 2px;
  background-color: #ff9500;
}
@media (min-width: 750px) {
  .c-list-line__item:before {
    top: calc(100vw * ( 7 / 1440 ));
    width: calc(100vw * ( 20 / 1440 ));
    height: 2px;
  }
}
@media (min-width: 1440px) {
  .c-list-line__item:before {
    top: 7px;
    width: 20px;
  }
}

.c-list-entry {
  padding: 0;
  margin: 0 calc(-100vw * ( 30 / 750 )) calc(100vw * ( 50 / 750 )) 0;
  gap: calc(100vw * ( 50 / 750 )) calc(100vw * ( 30 / 750 ));
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 750px) {
  .c-list-entry {
    margin: 0 calc(-100vw * ( 40 / 1440 )) calc(100vw * ( 40 / 1440 )) 0;
    gap: calc(100vw * ( 40 / 1440 )) calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-entry {
    margin: 0 -40px 40px 0;
    gap: 40px 40px;
  }
}
.c-list-entry__item {
  width: calc(50% - 100vw * ( 30 / 750 ));
  list-style: none;
}
@media (min-width: 750px) {
  .c-list-entry__item {
    width: calc(33.3333333333% - 100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-entry__item {
    width: calc(33.3333333333% - 40px);
  }
}
.c-list-entry__figure {
  margin-bottom: calc(100vw * ( 20 / 750 ));
  position: relative;
}
@media (min-width: 750px) {
  .c-list-entry__figure {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-entry__figure {
    margin-bottom: 20px;
  }
}
.c-list-entry__num {
  width: calc(100vw * ( 80 / 750 ));
  top: calc(-100vw * ( 20 / 750 ));
  left: calc(-100vw * ( 20 / 750 ));
  border-radius: 50%;
  position: absolute;
  z-index: 2;
}
@media (min-width: 750px) {
  .c-list-entry__num {
    width: calc(100vw * ( 70 / 1440 ));
    top: calc(-100vw * ( 20 / 1440 ));
    left: calc(-100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-entry__num {
    width: 70px;
    top: -20px;
    left: -20px;
  }
}
.c-list-entry__num > img {
  width: 100%;
  vertical-align: top;
}
.c-list-entry__img {
  width: 100%;
}
.c-list-entry__txt {
  padding: 0 calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-list-entry__txt {
    padding: 0 calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-entry__txt {
    padding: 0 10px;
  }
}
.c-list-entry__txt > strong {
  margin-bottom: calc(100vw * ( 16 / 750 ));
  font-size: calc(100vw * ( 26 / 750 ));
  text-align: center;
  line-height: 1.4em;
  display: block;
}
@media (min-width: 750px) {
  .c-list-entry__txt > strong {
    margin-bottom: calc(100vw * ( 16 / 1440 ));
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-entry__txt > strong {
    margin-bottom: 16px;
    font-size: 2rem;
  }
}
.c-list-entry__txt > p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 1.8em;
  display: block;
}
@media (min-width: 750px) {
  .c-list-entry__txt > p {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-entry__txt > p {
    font-size: 1.4rem;
  }
}

.c-list-feature {
  padding: 0;
  margin: 0;
}
.c-list-feature__item {
  padding: calc(100vw * ( 50 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 50 / 750 )) calc(100vw * ( 170 / 750 ));
  margin-bottom: calc(100vw * ( 20 / 750 ));
  background: #fff;
  position: relative;
  list-style: none;
}
@media (min-width: 750px) {
  .c-list-feature__item {
    padding: calc(100vw * ( 50 / 1440 )) calc(100vw * ( 40 / 1440 )) calc(100vw * ( 50 / 1440 )) calc(100vw * ( 170 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-feature__item {
    padding: 50px 40px 50px 170px;
    margin-bottom: 20px;
  }
}
.c-list-feature__item:last-of-type {
  margin-bottom: 0;
}
.c-list-feature__num {
  width: calc(100vw * ( 100 / 750 ));
  top: 50%;
  left: calc(100vw * ( 40 / 750 ));
  border-radius: 50%;
  position: absolute;
  background: #0f1419;
  transform: translateY(-50%);
}
@media (min-width: 750px) {
  .c-list-feature__num {
    width: calc(100vw * ( 100 / 1440 ));
    left: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-feature__num {
    width: 100px;
    left: 40px;
  }
}
.c-list-feature__num > img {
  vertical-align: top;
}
.c-list-feature__heading {
  margin-bottom: calc(100vw * ( 20 / 750 ));
  font-size: calc(100vw * ( 32 / 750 ));
  display: block;
}
@media (min-width: 750px) {
  .c-list-feature__heading {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-list-feature__heading {
    margin-bottom: 20px;
    font-size: 2.6rem;
  }
}
.c-list-feature__txt {
  margin: 0;
  line-height: 1.8em;
}

body.dark .c-list-entry__txt {
  color: #fff;
}

.wrap-table {
  overflow: auto;
}
.c-table-schedule {
  width: 100%;
}
.c-table-schedule tr {
  display: block;
  margin-bottom: calc(100vw * ( 40 / 750 ));
  padding: 0 calc(100vw * ( 20 / 750 ));
  box-shadow: 0 0 calc(100vw * ( 20 / 750 )) rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
@media (min-width: 750px) {
  .c-table-schedule tr {
    display: table-row;
    box-shadow: none;
    background-color: transparent;
  }
}
.c-table-schedule tr th,
.c-table-schedule tr td {
  display: block;
  padding: calc(100vw * ( 30 / 750 )) calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 1.5;
}
@media (min-width: 750px) {
  .c-table-schedule tr th,
  .c-table-schedule tr td {
    display: table-cell;
    padding: calc(100vw * ( 15 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-schedule tr th,
  .c-table-schedule tr td {
    padding: 15px 10px;
    font-size: 14px;
  }
}
.c-table-schedule tr th p,
.c-table-schedule tr td p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-table-schedule tr th p,
  .c-table-schedule tr td p {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-schedule tr th p,
  .c-table-schedule tr td p {
    font-size: 14px;
  }
}
.c-table-schedule tr th p:not(:last-of-type),
.c-table-schedule tr td p:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .c-table-schedule tr th p:not(:last-of-type),
  .c-table-schedule tr td p:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-schedule tr th p:not(:last-of-type),
  .c-table-schedule tr td p:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.c-table-schedule tr th {
  padding-bottom: calc(100vw * ( 20 / 750 ));
  border-bottom: 1px solid #0088cc;
  color: #0088cc;
}
@media (min-width: 750px) {
  .c-table-schedule tr th {
    padding-bottom: calc(100vw * ( 10 / 1440 ));
    width: 26.19%;
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .c-table-schedule tr th {
    padding-bottom: 10px;
  }
}
@media (min-width: 750px) {
  .c-table-schedule tr td {
    width: 73.809%;
    border-bottom: 1px dotted #c2c9cc;
  }
}
.c-table-schedule tr.line-none th, .c-table-schedule tr.line-none td {
  border-bottom: none;
}

body.dark .c-table-schedule tr {
  background-color: #fff;
}
@media (min-width: 750px) {
  body.dark .c-table-schedule tr {
    background-color: transparent;
  }
}
body.dark .c-table-schedule tr th {
  color: #7700b2;
  border-color: #7700b2;
}

.c-table-history {
  width: 100%;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: left;
  display: block;
  position: relative;
}
@media (min-width: 750px) {
  .c-table-history {
    font-size: calc(100vw * ( 15 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history {
    font-size: 15px;
  }
}
.c-table-history::before {
  content: "";
  width: calc(100vw * ( 6 / 750 ));
  height: 100%;
  top: 0;
  left: calc(100vw * ( 169 / 750 ));
  background: #d6d6d6;
  position: absolute;
}
@media (min-width: 750px) {
  .c-table-history::before {
    width: calc(100vw * ( 3 / 1440 ));
    left: calc(100vw * ( 99 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history::before {
    width: 3px;
    left: 99px;
  }
}
.c-table-history tbody {
  width: 100%;
  display: block;
}
.c-table-history tr {
  width: 100%;
  padding: calc(100vw * ( 20 / 750 )) 0 0 0;
  border-bottom: calc(100vw * ( 2 / 750 )) dotted #cccccc;
  display: block;
}
@media (min-width: 750px) {
  .c-table-history tr {
    padding: calc(100vw * ( 20 / 1440 )) 0 0 0;
    border-bottom-width: calc(100vw * ( 1 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history tr {
    padding: 20px 0 0 0;
    border-bottom-width: 1px;
  }
}
.c-table-history tr:last-of-type {
  border-bottom: none;
}
.c-table-history__th {
  width: calc(100vw * ( 170 / 750 ));
  padding: 0;
  font-size: calc(100vw * ( 54 / 750 ));
  font-family: "Roboto", sans-serif;
  vertical-align: top;
}
@media (min-width: 750px) {
  .c-table-history__th {
    width: calc(100vw * ( 100 / 1440 ));
    font-size: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history__th {
    width: 100px;
    font-size: 30px;
  }
}
.c-table-history__th > strong {
  background: linear-gradient(0deg, #0088cc, #2e97e5 50%, #18adad);
  background: -webkit-linear-gradient(0deg, #0088cc, #2e97e5 50%, #18adad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: normal;
  line-height: 1.3em;
  display: block;
}
.c-table-history__td {
  width: calc(100vw * ( 500 / 750 ));
  vertical-align: top;
  line-height: 1.6em;
}
@media (min-width: 750px) {
  .c-table-history__td {
    width: calc(100vw * ( 800 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history__td {
    width: 800px;
  }
}
.c-table-history__list {
  padding: 0 0 0 calc(100vw * ( 50 / 750 ));
  margin: 0;
}
@media (min-width: 750px) {
  .c-table-history__list {
    padding: 0 0 0 calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history__list {
    padding: 0 0 0 30px;
  }
}
.c-table-history__date {
  min-width: calc(100vw * ( 200 / 750 ));
  padding: calc(100vw * ( 16 / 750 )) calc(100vw * ( 20 / 750 ));
  margin-bottom: calc(100vw * ( 20 / 750 ));
  border-radius: calc(100vw * ( 6 / 750 ));
  background: linear-gradient(0deg, #0088cc, #2e97e5 50%, #18adad);
  background: -webkit-linear-gradient(0deg, #0088cc, #2e97e5 50%, #18adad);
  color: #fff;
  text-align: center;
  display: block;
  position: relative;
}
@media (min-width: 750px) {
  .c-table-history__date {
    width: calc(100vw * ( 150 / 1440 ));
    min-width: auto;
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 14 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    border-radius: calc(100vw * ( 6 / 1440 ));
    display: block;
    float: left;
    clear: both;
  }
}
@media (min-width: 1440px) {
  .c-table-history__date {
    width: 150px;
    padding: 10px 14px;
    margin-bottom: 20px;
    border-radius: 6px;
  }
}
.c-table-history__date::before {
  content: "";
  left: calc(-100vw * ( 13 / 750 ));
  top: 50%;
  border: transparent calc(100vw * ( 7 / 750 )) solid;
  border-right: #0088cc calc(100vw * ( 14 / 750 )) solid;
  border-left: none;
  position: absolute;
  transform: translateY(-50%);
}
@media (min-width: 750px) {
  .c-table-history__date::before {
    left: calc(-100vw * ( 9 / 1440 ));
    border-width: calc(100vw * ( 4 / 1440 ));
    border-right-width: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history__date::before {
    left: -9px;
    border-width: 4px;
    border-right-width: 10px;
  }
}
.c-table-history__date::after {
  content: "";
  width: calc(100vw * ( 36 / 750 ));
  height: calc(100vw * ( 36 / 750 ));
  top: 50%;
  left: calc(-100vw * ( 50 / 750 ));
  border-radius: 50%;
  background: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  position: absolute;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .c-table-history__date::after {
    width: calc(100vw * ( 20 / 1440 ));
    height: calc(100vw * ( 20 / 1440 ));
    left: calc(-100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history__date::after {
    width: 20px;
    height: 20px;
    left: -30px;
  }
}
.c-table-history__date > span {
  width: 0;
  height: 0;
  top: 50%;
  margin: 0 calc(100vw * ( 16 / 750 )) 0 calc(100vw * ( 20 / 750 ));
  border: transparent calc(100vw * ( 8 / 750 )) solid;
  border-left: #fff calc(100vw * ( 16 / 750 )) solid;
  border-right: 0;
  display: inline-block;
  overflow: hidden;
}
@media (min-width: 750px) {
  .c-table-history__date > span {
    margin: 0 calc(100vw * ( 8 / 1440 )) 0 calc(100vw * ( 10 / 1440 ));
    border-width: calc(100vw * ( 5 / 1440 ));
    border-left-width: calc(100vw * ( 8 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-history__date > span {
    margin: 0 8px 0 10px;
    border-width: 5px;
    border-left-width: 8px;
  }
}
.c-table-history__content {
  margin: 0 0 calc(100vw * ( 20 / 750 )) 0;
  display: block;
}
@media (min-width: 750px) {
  .c-table-history__content {
    width: calc(100vw * ( 570 / 1440 ));
    padding-top: calc(100vw * ( 10 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    float: right;
  }
}
@media (min-width: 1440px) {
  .c-table-history__content {
    width: 570px;
    padding-top: 10px;
    margin-bottom: 20px;
  }
}

.c-table-line {
  width: 100%;
  border-top: 1px dotted #c2c9cc;
}
.c-table-line tr {
  border-bottom: 1px dotted #c2c9cc;
}
.c-table-line th, .c-table-line td {
  padding: calc(100vw * ( 14 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-table-line th, .c-table-line td {
    padding: calc(100vw * ( 14 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-line th, .c-table-line td {
    padding: 14px 10px;
  }
}
.c-table-line th {
  font-size: calc(100vw * ( 16 / 750 ));
  font-weight: normal;
  text-align: left;
}
@media (min-width: 750px) {
  .c-table-line th {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-line th {
    font-size: 16px;
  }
}
@media (min-width: 750px) {
  .c-table-line td {
    width: calc(100vw * ( 156 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-table-line td {
    width: 156px;
  }
}

.wp-block-table {
  margin: 0;
}

.c-table--heading table tbody tr td:first-of-type {
  color: #0088cc;
  background-color: #e8f2f9;
}

.c-button {
  cursor: pointer;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 10px;
  vertical-align: top;
  line-height: 1.1;
  text-decoration: none;
  user-select: none;
}
.c-button:hover {
  opacity: 1;
}
.c-button.c-button--block {
  display: block;
}
.c-button.c-button--default {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--default {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--default {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--default:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  border: calc(100vw * ( 2 / 750 )) solid #0088cc;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--default:before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--default:before {
    top: 6px;
    left: 6px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--default .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: calc(100vw * ( 35 / 750 )) calc(100vw * ( 60 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  background: linear-gradient(90deg, #0088cc, #00bfe5);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--default .c-button__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 40 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--default .c-button__inner {
    padding: 20px 40px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--default .c-button__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 40 / 750 ));
  transform: translateY(-50%);
  width: calc(100vw * ( 13 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .c-button.c-button--default .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--default .c-button__inner:before {
    right: 24px;
    width: 9px;
    height: 18px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--default:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--default:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}
.c-button.c-button--default--02:before {
  background-color: #fff;
}
.c-button.c-button--default--02 .c-button__inner:before {
  right: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--default--02 .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--default--02 .c-button__inner:before {
    right: 24px;
  }
}
.c-button.c-button--big {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--big {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--big {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--big:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  border: calc(100vw * ( 2 / 750 )) solid #0088cc;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--big:before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--big:before {
    top: 6px;
    left: 6px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--big .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: calc(100vw * ( 35 / 750 )) calc(100vw * ( 60 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  background: linear-gradient(90deg, #0088cc, #00bfe5);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--big .c-button__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 40 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--big .c-button__inner {
    padding: 20px 40px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--big .c-button__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 30 / 750 ));
  transform: translateY(-50%);
  width: calc(100vw * ( 13 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .c-button.c-button--big .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--big .c-button__inner:before {
    right: 24px;
    width: 9px;
    height: 18px;
  }
}
.c-button.c-button--big[target=_blank] .c-button__inner:before {
  right: calc(100vw * ( 30 / 750 ));
  width: calc(100vw * ( 28 / 750 ));
  height: calc(100vw * ( 28 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
@media (min-width: 750px) {
  .c-button.c-button--big[target=_blank] .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 14 / 1440 ));
    height: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--big[target=_blank] .c-button__inner:before {
    right: 24px;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--big:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--big:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}
.c-button.c-button--big--arrow-down .c-button__inner:before {
  transform: translateY(-50%) rotate(90deg);
}
.c-button.c-button--big--blue:before {
  border-color: #0088cc;
}
.c-button.c-button--big--blue .c-button__inner {
  background: linear-gradient(90deg, #0088cc, #00bfe5);
}
.c-button.c-button--big--orange:before {
  border-color: #ff9500;
}
.c-button.c-button--big--orange .c-button__inner {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
.c-button.c-button--big--green:before {
  border-color: #9ddd08;
}
.c-button.c-button--big--green .c-button__inner {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
}
.c-button.c-button--big--purple:before {
  border-color: #7700b2;
}
.c-button.c-button--big--purple .c-button__inner {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}
.c-button.c-button--big--white:before {
  border-color: #fff;
}
.c-button.c-button--big--white .c-button__inner {
  color: #0088cc;
  background: #fff;
}
.c-button.c-button--big--white .c-button__inner:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-button.c-button--arrow-left {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--arrow-left {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--arrow-left {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--arrow-left:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  border: calc(100vw * ( 2 / 750 )) solid #0088cc;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--arrow-left:before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--arrow-left:before {
    top: 6px;
    left: 6px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--arrow-left .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: calc(100vw * ( 35 / 750 )) calc(100vw * ( 60 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  background: linear-gradient(90deg, #0088cc, #00bfe5);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--arrow-left .c-button__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 40 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--arrow-left .c-button__inner {
    padding: 20px 40px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--arrow-left .c-button__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100vw * ( 40 / 750 ));
  transform: translateY(-50%) scale(-1, 1);
  width: calc(100vw * ( 13 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .c-button.c-button--arrow-left .c-button__inner:before {
    left: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--arrow-left .c-button__inner:before {
    left: 24px;
    width: 9px;
    height: 18px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--arrow-left:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--arrow-left:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}
.c-button.c-button--external {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--external {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--external:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 1px solid #0088cc;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--external:before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external:before {
    top: 6px;
    left: 6px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--external .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 50 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 20 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  background: linear-gradient(90deg, #0088cc, #00bfe5);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--external .c-button__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 50 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external .c-button__inner {
    padding: 20px 50px 20px 20px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--external .c-button__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 20 / 750 ));
  transform: translateY(-50%);
  width: calc(100vw * ( 22 / 750 ));
  height: calc(100vw * ( 22 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .c-button.c-button--external .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 14 / 1440 ));
    height: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external .c-button__inner:before {
    right: 24px;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--external:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}
.c-button.c-button--external--orange:before {
  border-color: #ff9500;
}
.c-button.c-button--external--orange .c-button__inner {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
.c-button.c-button--external--02:before {
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--external--02:before {
    top: calc(100vw * ( 4 / 1440 ));
    left: calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external--02:before {
    top: 4px;
    left: 4px;
  }
}
.c-button.c-button--external--02 .c-button__inner {
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 50 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--external--02 .c-button__inner {
    padding: calc(100vw * ( 12 / 1440 )) calc(100vw * ( 50 / 1440 )) calc(100vw * ( 12 / 1440 )) calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external--02 .c-button__inner {
    padding: 12px 50px 12px 20px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--external--02:hover .c-button__inner {
    transform: translate(calc(100vw * ( 4 / 1440 )), calc(100vw * ( 4 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--external--02:hover .c-button__inner {
    transform: translate(4px, 4px);
  }
}
.c-button.c-button--banner {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--banner {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--banner {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--banner:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  border: calc(100vw * ( 2 / 750 )) solid #fff;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--banner:before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--banner:before {
    top: 6px;
    left: 6px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--banner .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  overflow: hidden;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--banner .c-button__inner {
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--banner .c-button__inner {
    border-radius: 10px 10px;
  }
}
.c-button.c-button--banner .c-button__inner img {
  display: block;
}
@media (min-width: 750px) {
  .c-button.c-button--banner:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--banner:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}
.c-button.c-button--play-video {
  width: calc(100vw * ( 130 / 750 ));
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--play-video {
    width: calc(100vw * ( 130 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--play-video {
    width: 130px;
  }
}
.c-button.c-button--play-video:hover {
  opacity: 0.6;
}
.c-button.c-button--orange {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--orange {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--orange {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--orange:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--orange:before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--orange:before {
    top: 6px;
    left: 6px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--orange .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding-left: calc(100vw * ( 80 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  border: 1px solid #fff;
  background-color: #e55800;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--orange .c-button__inner {
    padding-left: calc(100vw * ( 30 / 1440 ));
    padding-right: calc(100vw * ( 50 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--orange .c-button__inner {
    padding-left: 30px;
    padding-right: 50px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--orange .c-button__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 40 / 750 ));
  transform: translateY(-50%) rotate(90deg);
  width: calc(100vw * ( 13 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .c-button.c-button--orange .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--orange .c-button__inner:before {
    right: 24px;
    width: 9px;
    height: 18px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--orange:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--orange:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}
.c-button.c-button--white {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #e55800;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--white {
    margin-right: calc(100vw * ( 7 / 1440 ));
    margin-bottom: calc(100vw * ( 7 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--white {
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--white:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  border: calc(100vw * ( 2 / 750 )) solid #fff;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--white:before {
    top: calc(100vw * ( 7 / 1440 ));
    left: calc(100vw * ( 7 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--white:before {
    top: 7px;
    left: 7px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--white .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding-left: calc(100vw * ( 80 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  background-color: #fff;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--white .c-button__inner {
    padding-left: calc(100vw * ( 30 / 1440 ));
    padding-right: calc(100vw * ( 50 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--white .c-button__inner {
    padding-left: 30px;
    padding-right: 50px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--white .c-button__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 40 / 750 ));
  transform: translateY(-50%) rotate(90deg);
  width: calc(100vw * ( 13 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23e55800" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .c-button.c-button--white .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--white .c-button__inner:before {
    right: 24px;
    width: 9px;
    height: 18px;
  }
}
.c-button.c-button--white .c-box-table {
  padding-top: calc(100vw * ( 35 / 750 ));
  padding-bottom: calc(100vw * ( 35 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--white .c-box-table {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--white .c-box-table {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--white:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--white:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}
.c-button.c-button--black {
  margin-right: calc(100vw * ( 8 / 750 ));
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding: 0;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-button.c-button--black {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--black {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px 10px;
    font-size: 16px;
  }
}
.c-button.c-button--black:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  z-index: 1;
  width: 100%;
  height: 100%;
  border: calc(100vw * ( 2 / 750 )) solid #0f1419;
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-button.c-button--black:before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: 1px;
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--black:before {
    top: 6px;
    left: 6px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--black .c-button__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: calc(100vw * ( 35 / 750 )) calc(100vw * ( 60 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  color: #fff;
  background-color: #0f1419;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-button.c-button--black .c-button__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 40 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--black .c-button__inner {
    padding: 20px 40px;
    border-radius: 10px 10px;
  }
}
.c-button.c-button--black .c-button__inner:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100vw * ( 40 / 750 ));
  transform: translateY(-50%);
  width: calc(100vw * ( 13 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 750px) {
  .c-button.c-button--black .c-button__inner:before {
    right: calc(100vw * ( 24 / 1440 ));
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--black .c-button__inner:before {
    right: 24px;
    width: 9px;
    height: 18px;
  }
}
@media (min-width: 750px) {
  .c-button.c-button--black:hover .c-button__inner {
    transform: translate(calc(100vw * ( 6 / 1440 )), calc(100vw * ( 6 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-button.c-button--black:hover .c-button__inner {
    transform: translate(6px, 6px);
  }
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .c-button.c-button--default {
  color: #fff;
}
body.dark .c-button.c-button--default:before {
  border-color: #7700b2;
}
body.dark .c-button.c-button--default .c-button__inner {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}
body.dark .c-button.c-button--big:before {
  border-color: #7700b2;
}
body.dark .c-button.c-button--big .c-button__inner {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}
body.dark .c-button.c-button--big--blue:before {
  border-color: #0088cc;
}
body.dark .c-button.c-button--big--blue .c-button__inner {
  background: linear-gradient(90deg, #0088cc, #00bfe5);
}
body.dark .c-button.c-button--big--orange:before {
  border-color: #ff9500;
}
body.dark .c-button.c-button--big--orange .c-button__inner {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
body.dark .c-button.c-button--big--green:before {
  border-color: #51b500;
}
body.dark .c-button.c-button--big--green .c-button__inner {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
}
body.dark .c-button.c-button--big--white:before {
  border-color: #fff;
}
body.dark .c-button.c-button--big--white .c-button__inner {
  color: #0088cc;
  background: #fff;
}
body.dark .c-button.c-button--big--white .c-button__inner:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-button.c-button--arrow-left:before {
  border-color: #7700b2;
}
body.dark .c-button.c-button--arrow-left .c-button__inner {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}
body.dark .c-button.c-button--external:before {
  border-color: #7700b2;
}
body.dark .c-button.c-button--external .c-button__inner {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}
body.dark .c-button.c-button--external--orange:before {
  border-color: #ff9500;
}
body.dark .c-button.c-button--external--orange .c-button__inner {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
body.dark .c-button.c-button--black:before {
  border-color: #7700b2;
}
body.dark .c-button.c-button--black .c-button__inner {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}

.c-btn, .c-btn--img, .c-btn--l, .c-btn--m {
  cursor: pointer;
  user-select: none;
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.08em;
  display: inline-block;
  margin-right: calc(100vw * ( 6 / 750 ));
  margin-bottom: calc(100vw * ( 6 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-btn, .c-btn--img, .c-btn--l, .c-btn--m {
    margin-right: calc(100vw * ( 3 / 1440 ));
    margin-bottom: calc(100vw * ( 3 / 1440 ));
    font-size: calc(100vw * ( 15 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn, .c-btn--img, .c-btn--l, .c-btn--m {
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 15px;
  }
}
.c-btn::before, .c-btn--img::before, .c-btn--l::before, .c-btn--m::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(100vw * ( 8 / 750 ));
  left: calc(100vw * ( 8 / 750 ));
  border: calc(100vw * ( 2 / 750 )) solid #0f1419;
  border-radius: calc(100vw * ( 6 / 750 ));
}
@media (min-width: 750px) {
  .c-btn::before, .c-btn--img::before, .c-btn--l::before, .c-btn--m::before {
    top: calc(100vw * ( 4 / 1440 ));
    left: calc(100vw * ( 4 / 1440 ));
    border-width: calc(100vw * ( 1 / 1440 ));
    border-radius: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn::before, .c-btn--img::before, .c-btn--l::before, .c-btn--m::before {
    top: 4px;
    left: 4px;
    border-width: 1px;
    border-radius: 6px;
  }
}
.c-btn .c-btn__inner, .c-btn--img .c-btn__inner, .c-btn--l .c-btn__inner, .c-btn--m .c-btn__inner {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
  background: #0f1419;
  color: #fff;
  transition: all 0.2s ease;
  overflow: hidden;
  cursor: pointer;
  padding: calc(100vw * ( 15 / 750 )) calc(100vw * ( 42 / 750 )) calc(100vw * ( 15 / 750 )) calc(100vw * ( 20 / 750 ));
  border-radius: calc(100vw * ( 6 / 750 ));
}
@media (min-width: 750px) {
  .c-btn .c-btn__inner, .c-btn--img .c-btn__inner, .c-btn--l .c-btn__inner, .c-btn--m .c-btn__inner {
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 36 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 ));
    border-radius: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn .c-btn__inner, .c-btn--img .c-btn__inner, .c-btn--l .c-btn__inner, .c-btn--m .c-btn__inner {
    padding: 10px 36px 10px 20px;
    border-radius: 6px;
  }
}
.c-btn .c-btn__inner::after, .c-btn--img .c-btn__inner::after, .c-btn--l .c-btn__inner::after, .c-btn--m .c-btn__inner::after {
  content: "";
  position: absolute;
  transform-origin: 50% 50%;
  transform: translateY(-50%);
  top: 50%;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: calc(100vw * ( 12 / 750 ));
  height: calc(100vw * ( 24 / 750 ));
  right: calc(100vw * ( 20 / 750 ));
  margin-right: calc(-100vw * ( 2 / 750 ));
}
@media (min-width: 750px) {
  .c-btn .c-btn__inner::after, .c-btn--img .c-btn__inner::after, .c-btn--l .c-btn__inner::after, .c-btn--m .c-btn__inner::after {
    width: calc(100vw * ( 8 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
    right: calc(100vw * ( 20 / 1440 ));
    margin-right: calc(-100vw * ( 2 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn .c-btn__inner::after, .c-btn--img .c-btn__inner::after, .c-btn--l .c-btn__inner::after, .c-btn--m .c-btn__inner::after {
    width: 8px;
    height: 16px;
    right: 20px;
    margin-right: -2px;
  }
}
.c-btn:link, .c-btn--img:link, .c-btn--l:link, .c-btn--m:link {
  color: #fff;
}
.c-btn:hover, .c-btn--img:hover, .c-btn--l:hover, .c-btn--m:hover {
  opacity: 1;
}
@media (min-width: 750px) {
  .c-btn:hover .c-btn__inner, .c-btn--img:hover .c-btn__inner, .c-btn--l:hover .c-btn__inner, .c-btn--m:hover .c-btn__inner {
    top: calc(100vw * ( 4 / 1440 ));
    left: calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn:hover .c-btn__inner, .c-btn--img:hover .c-btn__inner, .c-btn--l:hover .c-btn__inner, .c-btn--m:hover .c-btn__inner {
    top: 4px;
    left: 4px;
  }
}
.c-btn[href^="#"] .c-btn__inner::after, [href^="#"].c-btn--img .c-btn__inner::after, [href^="#"].c-btn--l .c-btn__inner::after, [href^="#"].c-btn--m .c-btn__inner::after {
  transform: translateY(-50%) rotate(90deg);
}
.c-btn[target=_blank] .c-btn__inner, [target=_blank].c-btn--img .c-btn__inner, [target=_blank].c-btn--l .c-btn__inner, [target=_blank].c-btn--m .c-btn__inner {
  padding-right: calc(100vw * ( 52 / 750 ));
}
@media (min-width: 750px) {
  .c-btn[target=_blank] .c-btn__inner, [target=_blank].c-btn--img .c-btn__inner, [target=_blank].c-btn--l .c-btn__inner, [target=_blank].c-btn--m .c-btn__inner {
    padding-right: calc(100vw * ( 42 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn[target=_blank] .c-btn__inner, [target=_blank].c-btn--img .c-btn__inner, [target=_blank].c-btn--l .c-btn__inner, [target=_blank].c-btn--m .c-btn__inner {
    padding-right: 42px;
  }
}
.c-btn[target=_blank] .c-btn__inner::after, [target=_blank].c-btn--img .c-btn__inner::after, [target=_blank].c-btn--l .c-btn__inner::after, [target=_blank].c-btn--m .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
  width: calc(100vw * ( 22 / 750 ));
  height: calc(100vw * ( 22 / 750 ));
  margin-right: 0;
}
@media (min-width: 750px) {
  .c-btn[target=_blank] .c-btn__inner::after, [target=_blank].c-btn--img .c-btn__inner::after, [target=_blank].c-btn--l .c-btn__inner::after, [target=_blank].c-btn--m .c-btn__inner::after {
    width: calc(100vw * ( 14 / 1440 ));
    height: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn[target=_blank] .c-btn__inner::after, [target=_blank].c-btn--img .c-btn__inner::after, [target=_blank].c-btn--l .c-btn__inner::after, [target=_blank].c-btn--m .c-btn__inner::after {
    width: 14px;
    height: 14px;
  }
}
.c-btn[href$=".pdf"] .c-btn__inner, [href$=".pdf"].c-btn--img .c-btn__inner, [href$=".pdf"].c-btn--l .c-btn__inner, [href$=".pdf"].c-btn--m .c-btn__inner {
  padding-right: calc(100vw * ( 52 / 750 ));
}
@media (min-width: 750px) {
  .c-btn[href$=".pdf"] .c-btn__inner, [href$=".pdf"].c-btn--img .c-btn__inner, [href$=".pdf"].c-btn--l .c-btn__inner, [href$=".pdf"].c-btn--m .c-btn__inner {
    padding-right: calc(100vw * ( 42 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn[href$=".pdf"] .c-btn__inner, [href$=".pdf"].c-btn--img .c-btn__inner, [href$=".pdf"].c-btn--l .c-btn__inner, [href$=".pdf"].c-btn--m .c-btn__inner {
    padding-right: 42px;
  }
}
.c-btn[href$=".pdf"] .c-btn__inner::after, [href$=".pdf"].c-btn--img .c-btn__inner::after, [href$=".pdf"].c-btn--l .c-btn__inner::after, [href$=".pdf"].c-btn--m .c-btn__inner::after {
  background-image: url(../images/common/icon-pdf.png);
  width: calc(100vw * ( 22 / 750 ));
  height: calc(100vw * ( 22 / 750 ));
  margin-right: 0;
  margin-right: 0;
}
@media (min-width: 750px) {
  .c-btn[href$=".pdf"] .c-btn__inner::after, [href$=".pdf"].c-btn--img .c-btn__inner::after, [href$=".pdf"].c-btn--l .c-btn__inner::after, [href$=".pdf"].c-btn--m .c-btn__inner::after {
    width: calc(100vw * ( 14 / 1440 ));
    height: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn[href$=".pdf"] .c-btn__inner::after, [href$=".pdf"].c-btn--img .c-btn__inner::after, [href$=".pdf"].c-btn--l .c-btn__inner::after, [href$=".pdf"].c-btn--m .c-btn__inner::after {
    width: 14px;
    height: 14px;
  }
}
.c-btn.c-btn--up .c-btn__inner::after, .c-btn--up.c-btn--img .c-btn__inner::after, .c-btn--up.c-btn--l .c-btn__inner::after, .c-btn--up.c-btn--m .c-btn__inner::after {
  transform: translateY(-50%) rotate(-90deg);
}
.c-btn.c-btn--left .c-btn__inner, .c-btn--left.c-btn--img .c-btn__inner, .c-btn--left.c-btn--l .c-btn__inner, .c-btn--left.c-btn--m .c-btn__inner {
  padding-left: calc(100vw * ( 42 / 750 ));
  padding-right: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-btn.c-btn--left .c-btn__inner, .c-btn--left.c-btn--img .c-btn__inner, .c-btn--left.c-btn--l .c-btn__inner, .c-btn--left.c-btn--m .c-btn__inner {
    padding-left: calc(100vw * ( 36 / 1440 ));
    padding-right: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn.c-btn--left .c-btn__inner, .c-btn--left.c-btn--img .c-btn__inner, .c-btn--left.c-btn--l .c-btn__inner, .c-btn--left.c-btn--m .c-btn__inner {
    padding-left: 36px;
    padding-right: 20px;
  }
}
.c-btn.c-btn--left .c-btn__inner::after, .c-btn--left.c-btn--img .c-btn__inner::after, .c-btn--left.c-btn--l .c-btn__inner::after, .c-btn--left.c-btn--m .c-btn__inner::after {
  transform: translateY(-50%) scaleX(-1);
  left: calc(100vw * ( 20 / 750 ));
  right: auto;
  margin-left: calc(-100vw * ( 2 / 750 ));
  margin-right: 0;
}
@media (min-width: 750px) {
  .c-btn.c-btn--left .c-btn__inner::after, .c-btn--left.c-btn--img .c-btn__inner::after, .c-btn--left.c-btn--l .c-btn__inner::after, .c-btn--left.c-btn--m .c-btn__inner::after {
    left: calc(100vw * ( 20 / 1440 ));
    margin-left: calc(-100vw * ( 2 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn.c-btn--left .c-btn__inner::after, .c-btn--left.c-btn--img .c-btn__inner::after, .c-btn--left.c-btn--l .c-btn__inner::after, .c-btn--left.c-btn--m .c-btn__inner::after {
    left: 20px;
    margin-left: -2px;
  }
}
.c-btn.c-btn--icon-none .c-btn__inner, .c-btn--icon-none.c-btn--img .c-btn__inner, .c-btn--icon-none.c-btn--l .c-btn__inner, .c-btn--icon-none.c-btn--m .c-btn__inner {
  padding-right: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-btn.c-btn--icon-none .c-btn__inner, .c-btn--icon-none.c-btn--img .c-btn__inner, .c-btn--icon-none.c-btn--l .c-btn__inner, .c-btn--icon-none.c-btn--m .c-btn__inner {
    padding-right: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn.c-btn--icon-none .c-btn__inner, .c-btn--icon-none.c-btn--img .c-btn__inner, .c-btn--icon-none.c-btn--l .c-btn__inner, .c-btn--icon-none.c-btn--m .c-btn__inner {
    padding-right: 20px;
  }
}
.c-btn--m {
  margin-right: calc(100vw * ( 10 / 750 ));
  margin-bottom: calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m {
    margin-right: calc(100vw * ( 5 / 1440 ));
    margin-bottom: calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 15 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m {
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 15px;
  }
}
.c-btn--m::before {
  top: calc(100vw * ( 10 / 750 ));
  left: calc(100vw * ( 10 / 750 ));
  border-radius: calc(100vw * ( 8 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m::before {
    top: calc(100vw * ( 5 / 1440 ));
    left: calc(100vw * ( 5 / 1440 ));
    border-radius: calc(100vw * ( 8 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m::before {
    top: 5px;
    left: 5px;
    border-radius: 8px;
  }
}
.c-btn--m .c-btn__inner {
  padding: calc(100vw * ( 25 / 750 )) calc(100vw * ( 64 / 750 )) calc(100vw * ( 25 / 750 )) calc(100vw * ( 35 / 750 ));
  border-radius: calc(100vw * ( 8 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m .c-btn__inner {
    padding: calc(100vw * ( 15 / 1440 )) calc(100vw * ( 42 / 1440 )) calc(100vw * ( 15 / 1440 )) calc(100vw * ( 25 / 1440 ));
    border-radius: calc(100vw * ( 8 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m .c-btn__inner {
    padding: 15px 42px 15px 25px;
    border-radius: 8px;
  }
}
.c-btn--m .c-btn__inner::after {
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  right: calc(100vw * ( 35 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m .c-btn__inner::after {
    width: calc(100vw * ( 8 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
    right: calc(100vw * ( 25 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m .c-btn__inner::after {
    width: 9px;
    height: 18px;
    right: 25px;
  }
}
.c-btn--m:hover {
  opacity: 1;
}
@media (min-width: 750px) {
  .c-btn--m:hover .c-btn__inner {
    top: calc(100vw * ( 5 / 1440 ));
    left: calc(100vw * ( 5 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m:hover .c-btn__inner {
    top: 5px;
    left: 5px;
  }
}
.c-btn--m[target=_blank] .c-btn__inner {
  padding-right: calc(100vw * ( 72 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m[target=_blank] .c-btn__inner {
    padding-right: calc(100vw * ( 56 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m[target=_blank] .c-btn__inner {
    padding-right: 56px;
  }
}
.c-btn--m[target=_blank] .c-btn__inner::after {
  width: calc(100vw * ( 24 / 750 ));
  height: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m[target=_blank] .c-btn__inner::after {
    width: calc(100vw * ( 16 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m[target=_blank] .c-btn__inner::after {
    width: 16px;
    height: 16px;
  }
}
.c-btn--m[href$=".pdf"] .c-btn__inner {
  padding-right: calc(100vw * ( 72 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m[href$=".pdf"] .c-btn__inner {
    padding-right: calc(100vw * ( 56 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m[href$=".pdf"] .c-btn__inner {
    padding-right: 56px;
  }
}
.c-btn--m[href$=".pdf"] .c-btn__inner::after {
  width: calc(100vw * ( 24 / 750 ));
  height: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m[href$=".pdf"] .c-btn__inner::after {
    width: calc(100vw * ( 16 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m[href$=".pdf"] .c-btn__inner::after {
    width: 16px;
    height: 16px;
  }
}
.c-btn--m.c-btn--left .c-btn__inner {
  padding-left: calc(100vw * ( 64 / 750 ));
  padding-right: calc(100vw * ( 35 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m.c-btn--left .c-btn__inner {
    padding-left: calc(100vw * ( 42 / 1440 ));
    padding-right: calc(100vw * ( 25 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m.c-btn--left .c-btn__inner {
    padding-left: 42px;
    padding-right: 25px;
  }
}
.c-btn--m.c-btn--left .c-btn__inner::after {
  left: calc(100vw * ( 35 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m.c-btn--left .c-btn__inner::after {
    left: calc(100vw * ( 25 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m.c-btn--left .c-btn__inner::after {
    left: 25px;
  }
}
.c-btn--m.c-btn--icon-none .c-btn__inner {
  padding-right: calc(100vw * ( 35 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--m.c-btn--icon-none .c-btn__inner {
    padding-right: calc(100vw * ( 25 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--m.c-btn--icon-none .c-btn__inner {
    padding-right: 25px;
  }
}
.c-btn--l {
  margin-right: calc(100vw * ( 12 / 750 ));
  margin-bottom: calc(100vw * ( 12 / 750 ));
  font-size: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l {
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 16px;
  }
}
.c-btn--l::before {
  top: calc(100vw * ( 12 / 750 ));
  left: calc(100vw * ( 12 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l::before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l::before {
    top: 6px;
    left: 6px;
    border-radius: 10px;
  }
}
.c-btn--l .c-btn__inner {
  padding: calc(100vw * ( 35 / 750 )) calc(100vw * ( 74 / 750 )) calc(100vw * ( 35 / 750 )) calc(100vw * ( 45 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l .c-btn__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 52 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 30 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l .c-btn__inner {
    padding: 20px 52px 20px 30px;
    border-radius: 10px;
  }
}
.c-btn--l .c-btn__inner::after {
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  right: calc(100vw * ( 45 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l .c-btn__inner::after {
    width: calc(100vw * ( 10 / 1440 ));
    height: calc(100vw * ( 20 / 1440 ));
    right: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l .c-btn__inner::after {
    width: 10px;
    height: 20px;
    right: 30px;
  }
}
.c-btn--l:hover {
  opacity: 1;
}
@media (min-width: 750px) {
  .c-btn--l:hover .c-btn__inner {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l:hover .c-btn__inner {
    top: 6px;
    left: 6px;
  }
}
.c-btn--l[target=_blank] .c-btn__inner {
  padding-right: calc(100vw * ( 82 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l[target=_blank] .c-btn__inner {
    padding-right: calc(100vw * ( 56 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l[target=_blank] .c-btn__inner {
    padding-right: 56px;
  }
}
.c-btn--l[target=_blank] .c-btn__inner::after {
  width: calc(100vw * ( 24 / 750 ));
  height: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l[target=_blank] .c-btn__inner::after {
    width: calc(100vw * ( 16 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l[target=_blank] .c-btn__inner::after {
    width: 16px;
    height: 16px;
  }
}
.c-btn--l[href$=".pdf"] .c-btn__inner {
  padding-right: calc(100vw * ( 82 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l[href$=".pdf"] .c-btn__inner {
    padding-right: calc(100vw * ( 56 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l[href$=".pdf"] .c-btn__inner {
    padding-right: 56px;
  }
}
.c-btn--l[href$=".pdf"] .c-btn__inner::after {
  width: calc(100vw * ( 24 / 750 ));
  height: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l[href$=".pdf"] .c-btn__inner::after {
    width: calc(100vw * ( 16 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l[href$=".pdf"] .c-btn__inner::after {
    width: 16px;
    height: 16px;
  }
}
.c-btn--l.c-btn--left .c-btn__inner {
  padding-left: calc(100vw * ( 74 / 750 ));
  padding-right: calc(100vw * ( 45 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l.c-btn--left .c-btn__inner {
    padding-left: calc(100vw * ( 52 / 1440 ));
    padding-right: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l.c-btn--left .c-btn__inner {
    padding-left: 52px;
    padding-right: 30px;
  }
}
.c-btn--l.c-btn--left .c-btn__inner::after {
  left: calc(100vw * ( 45 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l.c-btn--left .c-btn__inner::after {
    left: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l.c-btn--left .c-btn__inner::after {
    left: 30px;
  }
}
.c-btn--l.c-btn--icon-none .c-btn__inner {
  padding-right: calc(100vw * ( 45 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--l.c-btn--icon-none .c-btn__inner {
    padding-right: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--l.c-btn--icon-none .c-btn__inner {
    padding-right: 30px;
  }
}
.c-btn--img {
  margin-right: calc(100vw * ( 12 / 750 ));
  margin-bottom: calc(100vw * ( 12 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img {
    margin-right: calc(100vw * ( 6 / 1440 ));
    margin-bottom: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img {
    margin-right: 6px;
    margin-bottom: 6px;
  }
}
.c-btn--img::before {
  top: calc(100vw * ( 12 / 750 ));
  left: calc(100vw * ( 12 / 750 ));
  border-radius: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img::before {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img::before {
    top: 6px;
    left: 6px;
    border-radius: 10px;
  }
}
.c-btn--img .c-btn__inner {
  padding: 0 calc(100vw * ( 29 / 750 )) 0 0;
  border-radius: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img .c-btn__inner {
    padding: 0 calc(100vw * ( 22 / 1440 )) 0 0;
    border-radius: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img .c-btn__inner {
    padding: 0 22px 0 0;
    border-radius: 10px;
  }
}
.c-btn--img img {
  display: block;
}
.c-btn--img .c-btn__inner::after {
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  right: calc(100vw * ( 45 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img .c-btn__inner::after {
    width: calc(100vw * ( 10 / 1440 ));
    height: calc(100vw * ( 20 / 1440 ));
    right: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img .c-btn__inner::after {
    width: 10px;
    height: 20px;
    right: 30px;
  }
}
.c-btn--img:hover {
  opacity: 1;
}
@media (min-width: 750px) {
  .c-btn--img:hover .c-btn__inner {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img:hover .c-btn__inner {
    top: 6px;
    left: 6px;
  }
}
.c-btn--img[target=_blank] .c-btn__inner {
  padding-right: calc(100vw * ( 82 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img[target=_blank] .c-btn__inner {
    padding-right: calc(100vw * ( 56 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img[target=_blank] .c-btn__inner {
    padding-right: 56px;
  }
}
.c-btn--img[target=_blank] .c-btn__inner::after {
  width: calc(100vw * ( 24 / 750 ));
  height: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img[target=_blank] .c-btn__inner::after {
    width: calc(100vw * ( 16 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img[target=_blank] .c-btn__inner::after {
    width: 16px;
    height: 16px;
  }
}
.c-btn--img[href$=".pdf"] .c-btn__inner {
  padding-right: calc(100vw * ( 37 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img[href$=".pdf"] .c-btn__inner {
    padding-right: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img[href$=".pdf"] .c-btn__inner {
    padding-right: 26px;
  }
}
.c-btn--img[href$=".pdf"] .c-btn__inner::after {
  width: calc(100vw * ( 24 / 750 ));
  height: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img[href$=".pdf"] .c-btn__inner::after {
    width: calc(100vw * ( 16 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img[href$=".pdf"] .c-btn__inner::after {
    width: 16px;
    height: 16px;
  }
}
.c-btn--img.c-btn--left .c-btn__inner {
  padding-left: calc(100vw * ( 29 / 750 ));
  padding-right: 0;
}
@media (min-width: 750px) {
  .c-btn--img.c-btn--left .c-btn__inner {
    padding-left: calc(100vw * ( 22 / 1440 ));
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .c-btn--img.c-btn--left .c-btn__inner {
    padding-left: 22px;
    padding-right: 0;
  }
}
.c-btn--img.c-btn--left .c-btn__inner::after {
  left: calc(100vw * ( 45 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--img.c-btn--left .c-btn__inner::after {
    left: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--img.c-btn--left .c-btn__inner::after {
    left: 30px;
  }
}
.c-btn--img.c-btn--icon-none .c-btn__inner {
  padding-right: 0;
}
@media (min-width: 750px) {
  .c-btn--img.c-btn--icon-none .c-btn__inner {
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .c-btn--img.c-btn--icon-none .c-btn__inner {
    padding-right: 0;
  }
}
.c-btn--full {
  display: block;
}
.c-btn--icon-none .c-btn__inner::after {
  display: none;
}
.c-btn--grad-orange:before {
  border-color: #ff9500;
}
.c-btn--grad-orange .c-btn__inner {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  color: #fff;
}
.c-btn--grad-orange .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--grad-orange[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--grad-red:before {
  border-color: #e52600;
}
.c-btn--grad-red .c-btn__inner {
  background: linear-gradient(90deg, #f00000, #ff5900);
  color: #fff;
}
.c-btn--grad-red .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--grad-red[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--grad-green:before {
  border-color: #9ddd08;
}
.c-btn--grad-green .c-btn__inner {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
  color: #fff;
}
.c-btn--grad-green .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--grad-green[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--grad-light:before {
  border-color: #0088cc;
}
.c-btn--grad-light .c-btn__inner {
  background: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  color: #fff;
}
.c-btn--grad-light .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--grad-light[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--grad-dark:before {
  border-color: #7700b2;
}
.c-btn--grad-dark .c-btn__inner {
  background: linear-gradient(90deg, #7700b2, #b20095);
  color: #fff;
}
.c-btn--grad-dark .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--grad-dark[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--reverse:before {
  border-color: #0088cc;
}
.c-btn--reverse .c-btn__inner {
  background: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  color: #fff;
}
.c-btn--reverse .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--reverse[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--white:before {
  border-color: #fff;
}
.c-btn--white .c-btn__inner {
  background: #fff;
  color: #0f1419;
}
.c-btn--white .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230f1419" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--white[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%230f1419" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--white-orange:before {
  border-color: #fff;
}
.c-btn--white-orange .c-btn__inner {
  background: #fff;
  color: #e65800;
}
.c-btn--white-orange .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23e65800" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--white-orange[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23e65800" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--white-green:before {
  border-color: #fff;
}
.c-btn--white-green .c-btn__inner {
  background: #fff;
  color: #009303;
}
.c-btn--white-green .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23009303" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--white-green[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23009303" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--white-light:before {
  border-color: #fff;
}
.c-btn--white-light .c-btn__inner {
  background: #fff;
  color: #0088cc;
}
.c-btn--white-light .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--white-light[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%230088cc" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--white-dark:before {
  border-color: #fff;
}
.c-btn--white-dark .c-btn__inner {
  background: #fff;
  color: #7700b2;
}
.c-btn--white-dark .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%237700b2" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--white-dark[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%237700b2" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--white-reverse:before {
  border-color: #fff;
}
.c-btn--white-reverse .c-btn__inner {
  background: #fff;
  color: #0088cc;
}
.c-btn--white-reverse .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-btn--white-reverse[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%230088cc" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
.c-btn--disabled {
  pointer-events: none;
  opacity: 0.4;
}
.c-btn--disabled .c-btn__inner {
  top: calc(100vw * ( 12 / 750 ));
  left: calc(100vw * ( 12 / 750 ));
}
@media (min-width: 750px) {
  .c-btn--disabled .c-btn__inner {
    top: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn--disabled .c-btn__inner {
    top: 6px;
    left: 6px;
  }
}
.c-btn__caption {
  width: 100%;
  padding-top: calc(100vw * ( 6 / 750 ));
  display: block;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  font-size: calc(100vw * ( 14 / 750 ));
}
@media (min-width: 750px) {
  .c-btn__caption {
    padding-top: calc(100vw * ( 6 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-btn__caption {
    padding-top: 6px;
    font-size: 14px;
  }
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .c-btn::before, body.dark .c-btn--m::before, body.dark .c-btn--l::before, body.dark .c-btn--img::before {
  border-color: #fff;
}
body.dark .c-btn .c-btn__inner, body.dark .c-btn--m .c-btn__inner, body.dark .c-btn--l .c-btn__inner, body.dark .c-btn--img .c-btn__inner {
  background: #fff;
  color: #0f1419;
}
body.dark .c-btn .c-btn__inner::after, body.dark .c-btn--m .c-btn__inner::after, body.dark .c-btn--l .c-btn__inner::after, body.dark .c-btn--img .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230f1419" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn[target=_blank] > .c-btn__inner::after, body.dark [target=_blank].c-btn--m > .c-btn__inner::after, body.dark [target=_blank].c-btn--l > .c-btn__inner::after, body.dark [target=_blank].c-btn--img > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%230f1419" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--grad-orange:before {
  border-color: #ff9500;
}
body.dark .c-btn--grad-orange .c-btn__inner {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  color: #fff;
}
body.dark .c-btn--grad-orange .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--grad-orange[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--grad-green:before {
  border-color: #9ddd08;
}
body.dark .c-btn--grad-green .c-btn__inner {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
  color: #fff;
}
body.dark .c-btn--grad-green .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--grad-green[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--grad-light:before {
  border-color: #0088cc;
}
body.dark .c-btn--grad-light .c-btn__inner {
  background: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  color: #fff;
}
body.dark .c-btn--grad-light .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--grad-light[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--grad-dark:before {
  border-color: #7700b2;
}
body.dark .c-btn--grad-dark .c-btn__inner {
  background: linear-gradient(90deg, #7700b2, #b20095);
  color: #fff;
}
body.dark .c-btn--grad-dark .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--grad-dark[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--reverse:before {
  border-color: #7700b2;
}
body.dark .c-btn--reverse .c-btn__inner {
  background: linear-gradient(90deg, #7700b2, #b20095);
  color: #fff;
}
body.dark .c-btn--reverse .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--reverse[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23fff" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--white:before {
  border-color: #fff;
}
body.dark .c-btn--white .c-btn__inner {
  background: #fff;
  color: #0f1419;
}
body.dark .c-btn--white .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230f1419" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--white[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%230f1419" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--white-orange:before {
  border-color: #fff;
}
body.dark .c-btn--white-orange .c-btn__inner {
  background: #fff;
  color: #e65800;
}
body.dark .c-btn--white-orange .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23e65800" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--white-orange[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23e65800" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--white-green:before {
  border-color: #fff;
}
body.dark .c-btn--white-green .c-btn__inner {
  background: #fff;
  color: #009303;
}
body.dark .c-btn--white-green .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23009303" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--white-green[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23009303" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--white-light:before {
  border-color: #fff;
}
body.dark .c-btn--white-light .c-btn__inner {
  background: #fff;
  color: #0088cc;
}
body.dark .c-btn--white-light .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--white-light[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%230088cc" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--white-dark:before {
  border-color: #fff;
}
body.dark .c-btn--white-dark .c-btn__inner {
  background: #fff;
  color: #7700b2;
}
body.dark .c-btn--white-dark .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%237700b2" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--white-dark[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%237700b2" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .c-btn--white-reverse:before {
  border-color: #fff;
}
body.dark .c-btn--white-reverse .c-btn__inner {
  background: #fff;
  color: #7700b2;
}
body.dark .c-btn--white-reverse .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%237700b2" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-btn--white-reverse[target=_blank] > .c-btn__inner::after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%237700b2" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}

.c-icon {
  position: relative;
  display: inline-block;
  background: 0 0 no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  line-height: 1;
}
.c-icon.c-icon--arrow-right {
  width: calc(100vw * ( 9 / 750 ));
  height: calc(100vw * ( 18 / 750 ));
}
@media (min-width: 750px) {
  .c-icon.c-icon--arrow-right {
    width: calc(100vw * ( 9 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
.c-icon.c-icon--cross {
  width: calc(100vw * ( 28 / 750 ));
  height: calc(100vw * ( 28 / 750 ));
  fill: #0088cc;
}
@media (min-width: 750px) {
  .c-icon.c-icon--cross {
    width: calc(100vw * ( 28 / 1440 ));
    height: calc(100vw * ( 28 / 1440 ));
  }
}
.c-icon.c-icon--menu {
  width: calc(100vw * ( 32 / 750 ));
  height: calc(100vw * ( 32 / 750 ));
  fill: #0088cc;
}
@media (min-width: 750px) {
  .c-icon.c-icon--menu {
    width: calc(100vw * ( 32 / 1440 ));
    height: calc(100vw * ( 32 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-icon.c-icon--menu {
    width: 32px;
    height: 32px;
  }
}
.c-icon.c-icon--home {
  width: calc(100vw * ( 26 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
}
@media (min-width: 750px) {
  .c-icon.c-icon--home {
    width: calc(100vw * ( 16 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-icon.c-icon--home {
    width: 16px;
    height: 16px;
  }
}

.c-form {
  padding-top: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-form {
    padding-top: 0;
  }
}
.c-form input {
  font-size: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .c-form input {
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form input {
    font-size: 18px;
  }
}
.c-form input[type=text], .c-form input[type=email], .c-form input[type=tel], .c-form input[type=number] {
  box-sizing: border-box;
  display: block;
  background-color: #f0f3f5;
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 25 / 750 ));
  width: 100%;
  border-radius: calc(100vw * ( 5 / 750 )) calc(100vw * ( 5 / 750 ));
  border: none;
  letter-spacing: 0.03em;
  line-height: 1.8em;
}
@media (min-width: 750px) {
  .c-form input[type=text], .c-form input[type=email], .c-form input[type=tel], .c-form input[type=number] {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 25 / 1440 ));
    border-radius: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 5 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form input[type=text], .c-form input[type=email], .c-form input[type=tel], .c-form input[type=number] {
    padding: 20px 25px;
    border-radius: 5px 5px;
  }
}
.c-form textarea {
  box-sizing: border-box;
  display: block;
  background-color: #f0f3f5;
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 25 / 750 ));
  width: 100%;
  border-radius: calc(100vw * ( 5 / 750 )) calc(100vw * ( 5 / 750 ));
  border: none;
  font-size: calc(100vw * ( 30 / 750 ));
  font-family: "Roboto", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  letter-spacing: 0.03em;
  line-height: 1.8em;
}
@media (min-width: 750px) {
  .c-form textarea {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 25 / 1440 ));
    border-radius: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form textarea {
    padding: 20px 25px;
    border-radius: 5px 5px;
    font-size: 18px;
  }
}
.c-form__item p {
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-form__item p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__item p {
    font-size: 16px;
  }
}
.c-form__item:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .c-form__item:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__item:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
.c-form__title {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 10 / 750 ));
  padding-right: calc(100vw * ( 20 / 750 ));
  font-size: calc(100vw * ( 28 / 750 ));
}
@media (min-width: 750px) {
  .c-form__title {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
    padding-right: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__title {
    margin-bottom: 10px;
    padding-right: 20px;
    font-size: 16px;
  }
}
.c-form__txt {
  color: #e55800;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 1.8em;
}
@media (min-width: 750px) {
  .c-form__txt {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__txt {
    font-size: 1.6rem;
  }
}
.c-form__required {
  display: inline-block;
  margin-right: calc(100vw * ( 10 / 750 ));
  color: #fff;
  background-color: #e65800;
  line-height: 1;
  transform: skewX(-20deg);
}
@media (min-width: 750px) {
  .c-form__required {
    margin-right: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__required {
    margin-right: 10px;
  }
}
.c-form__required__inner {
  display: inline-block;
  padding: calc(100vw * ( 3 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 5 / 750 ));
  font-size: calc(100vw * ( 24 / 750 ));
  transform: skewX(20deg);
}
@media (min-width: 750px) {
  .c-form__required__inner {
    padding: calc(100vw * ( 3 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__required__inner {
    padding: 3px 10px;
    font-size: 14px;
  }
}
.c-form__note {
  margin-bottom: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-form__note {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__note {
    margin-bottom: 10px;
  }
}
.c-form__note p {
  margin: 0;
}
.c-form__button {
  max-width: 400px;
  margin-top: calc(100vw * ( 60 / 750 ));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 750px) {
  .c-form__button {
    margin-top: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__button {
    margin-top: 60px;
  }
}
.c-form__button .c-button.c-button--black {
  margin-left: auto;
  margin-right: auto;
  width: calc(100vw * ( 340 / 750 ));
}
@media (min-width: 750px) {
  .c-form__button .c-button.c-button--black {
    width: calc(100vw * ( 340 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__button .c-button.c-button--black {
    width: 340px;
  }
}
.c-form__button .c-button.c-button--black .c-button__inner {
  padding-top: calc(100vw * ( 30 / 750 ));
  padding-bottom: calc(100vw * ( 30 / 750 ));
  cursor: pointer;
}
@media (min-width: 750px) {
  .c-form__button .c-button.c-button--black .c-button__inner {
    padding-top: calc(100vw * ( 30 / 1440 ));
    padding-bottom: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__button .c-button.c-button--black .c-button__inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.c-form__checkbox {
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-form__checkbox {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__checkbox {
    font-size: 16px;
  }
}
.c-form__checkbox .error {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-form__checkbox .error {
    padding-top: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__checkbox .error {
    padding-top: 10px;
  }
}
.c-form__submit-txt {
  text-align: center;
}
.c-form__submit-img {
  margin-top: calc(100vw * ( 30 / 750 ));
  margin-bottom: calc(-100vw * ( 30 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .c-form__submit-img {
    margin-top: calc(100vw * ( 50 / 1440 ));
    margin-bottom: calc(-100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form__submit-img {
    margin-top: 50px;
    margin-bottom: -50px;
  }
}
.c-form__submit-img > img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.c-form button {
  border: none;
}
.c-form .mw_wp_form .error {
  padding-top: calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
  color: #e52600;
}
@media (min-width: 750px) {
  .c-form .mw_wp_form .error {
    padding-top: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form .mw_wp_form .error {
    padding-top: 10px;
    font-size: 16px;
  }
}
.c-form .mw_wp_form .c-form__checkbox {
  position: relative;
  display: flex;
}
.c-form .mw_wp_form .c-form__checkbox .error {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-form .mw_wp_form .c-form__checkbox .error {
    padding-top: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form .mw_wp_form .c-form__checkbox .error {
    padding-top: 10px;
  }
}
.c-form .wpcf7-checkbox {
  display: flex;
}
.c-form .wpcf7-list-item,
.c-form .mwform-checkbox-field,
.c-form .mwform-radio-field {
  display: block;
  width: 100%;
}
.c-form .wpcf7-list-item:not(:last-of-type),
.c-form .mwform-checkbox-field:not(:last-of-type),
.c-form .mwform-radio-field:not(:last-of-type) {
  margin-right: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-form .wpcf7-list-item:not(:last-of-type),
  .c-form .mwform-checkbox-field:not(:last-of-type),
  .c-form .mwform-radio-field:not(:last-of-type) {
    margin-right: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form .wpcf7-list-item:not(:last-of-type),
  .c-form .mwform-checkbox-field:not(:last-of-type),
  .c-form .mwform-radio-field:not(:last-of-type) {
    margin-right: 20px;
  }
}
.c-form .wpcf7-list-item-label,
.c-form .mwform-checkbox-field-text,
.c-form .mwform-radio-field-text {
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: calc(100vw * ( 25 / 750 )) calc(100vw * ( 25 / 750 )) calc(100vw * ( 25 / 750 )) calc(100vw * ( 75 / 750 ));
  width: 100%;
  border-radius: calc(100vw * ( 5 / 750 )) calc(100vw * ( 5 / 750 ));
  font-size: calc(100vw * ( 30 / 750 ));
  background-color: #f0f3f5;
}
@media (min-width: 750px) {
  .c-form .wpcf7-list-item-label,
  .c-form .mwform-checkbox-field-text,
  .c-form .mwform-radio-field-text {
    padding: calc(100vw * ( 25 / 1440 )) calc(100vw * ( 25 / 1440 )) calc(100vw * ( 25 / 1440 )) calc(100vw * ( 75 / 1440 ));
    border-radius: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form .wpcf7-list-item-label,
  .c-form .mwform-checkbox-field-text,
  .c-form .mwform-radio-field-text {
    padding: 25px 25px 25px 75px;
    border-radius: 5px 5px;
    font-size: 18px;
  }
}
.c-form .wpcf7-list-item-label:before,
.c-form .mwform-checkbox-field-text:before,
.c-form .mwform-radio-field-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100vw * ( 45 / 750 ));
  width: calc(100vw * ( 30 / 750 ));
  height: calc(100vw * ( 30 / 750 ));
  border-radius: 50% 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .c-form .wpcf7-list-item-label:before,
  .c-form .mwform-checkbox-field-text:before,
  .c-form .mwform-radio-field-text:before {
    left: calc(100vw * ( 45 / 1440 ));
    width: calc(100vw * ( 30 / 1440 ));
    height: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form .wpcf7-list-item-label:before,
  .c-form .mwform-checkbox-field-text:before,
  .c-form .mwform-radio-field-text:before {
    left: 45px;
    width: 30px;
    height: 30px;
  }
}
.c-form input[type=checkbox], .c-form input[type=radio] {
  display: none;
}
.c-form input[type=checkbox]:checked + .wpcf7-list-item-label, .c-form input[type=checkbox]:checked + .mwform-checkbox-field-text, .c-form input[type=checkbox]:checked + .mwform-radio-field-text, .c-form input[type=radio]:checked + .wpcf7-list-item-label, .c-form input[type=radio]:checked + .mwform-checkbox-field-text, .c-form input[type=radio]:checked + .mwform-radio-field-text {
  color: #fff;
  background-color: transparent;
  background-image: linear-gradient(90deg, #ff9500, #ffaa00);
}
.c-form input[type=checkbox]:checked + .wpcf7-list-item-label:after, .c-form input[type=checkbox]:checked + .mwform-checkbox-field-text:after, .c-form input[type=checkbox]:checked + .mwform-radio-field-text:after, .c-form input[type=radio]:checked + .wpcf7-list-item-label:after, .c-form input[type=radio]:checked + .mwform-checkbox-field-text:after, .c-form input[type=radio]:checked + .mwform-radio-field-text:after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100vw * ( 45 / 750 ));
  width: calc(100vw * ( 18 / 750 ));
  height: calc(100vw * ( 18 / 750 ));
  border-radius: 50% 50%;
  background-color: #0f1419;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .c-form input[type=checkbox]:checked + .wpcf7-list-item-label:after, .c-form input[type=checkbox]:checked + .mwform-checkbox-field-text:after, .c-form input[type=checkbox]:checked + .mwform-radio-field-text:after, .c-form input[type=radio]:checked + .wpcf7-list-item-label:after, .c-form input[type=radio]:checked + .mwform-checkbox-field-text:after, .c-form input[type=radio]:checked + .mwform-radio-field-text:after {
    left: calc(100vw * ( 45 / 1440 ));
    width: calc(100vw * ( 18 / 1440 ));
    height: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form input[type=checkbox]:checked + .wpcf7-list-item-label:after, .c-form input[type=checkbox]:checked + .mwform-checkbox-field-text:after, .c-form input[type=checkbox]:checked + .mwform-radio-field-text:after, .c-form input[type=radio]:checked + .wpcf7-list-item-label:after, .c-form input[type=radio]:checked + .mwform-checkbox-field-text:after, .c-form input[type=radio]:checked + .mwform-radio-field-text:after {
    left: 45px;
    width: 18px;
    height: 18px;
  }
}

.c-form-alert-box__error, .c-form-alert-box__confirm {
  display: none;
  margin-bottom: calc(100vw * ( 50 / 750 ));
  padding: calc(100vw * ( 20 / 750 ));
  background-color: #fff;
  text-align: center;
}
@media (min-width: 750px) {
  .c-form-alert-box__error, .c-form-alert-box__confirm {
    margin-bottom: calc(100vw * ( 50 / 1440 ));
    padding: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form-alert-box__error, .c-form-alert-box__confirm {
    margin-bottom: 50px;
    padding: 20px;
  }
}
.c-form-alert-box__error p, .c-form-alert-box__confirm p {
  font-size: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-form-alert-box__error p, .c-form-alert-box__confirm p {
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-form-alert-box__error p, .c-form-alert-box__confirm p {
    font-size: 18px;
  }
}
.c-form-alert-box__error {
  color: #e52600;
}
body.dark .c-form__note {
  color: #fff;
}
body.dark .c-form__note p {
  color: #0f1419;
}
body.dark .c-form__note a {
  color: #a352cc;
}
body.dark .c-form__note a:link, body.dark .c-form__note a:visited {
  color: #a352cc;
}

.c-link-external {
  position: relative;
  display: inline-block;
}
.c-link-external:after {
  content: "";
  display: inline-block;
  margin-left: calc(100vw * ( 6 / 750 ));
  margin-right: calc(100vw * ( 6 / 750 ));
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 14 / 750 ));
  vertical-align: middle;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%230088cc" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 750px) {
  .c-link-external:after {
    margin-left: calc(100vw * ( 6 / 1440 ));
    margin-right: calc(100vw * ( 6 / 1440 ));
    width: calc(100vw * ( 14 / 1440 ));
    height: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-link-external:after {
    margin-left: 6px;
    margin-right: 6px;
    width: 14px;
    height: 14px;
  }
}

.c-link-pdf {
  position: relative;
  display: inline-block;
}
.c-link-pdf:after {
  content: "";
  display: inline-block;
  margin-left: calc(100vw * ( 6 / 750 ));
  margin-right: calc(100vw * ( 6 / 750 ));
  width: calc(100vw * ( 14 / 750 ));
  height: calc(100vw * ( 16 / 750 ));
  vertical-align: middle;
  background-image: url("/assets/images/common/icon-pdf.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 750px) {
  .c-link-pdf:after {
    margin-left: calc(100vw * ( 6 / 1440 ));
    margin-right: calc(100vw * ( 6 / 1440 ));
    width: calc(100vw * ( 14 / 1440 ));
    height: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-link-pdf:after {
    margin-left: 6px;
    margin-right: 6px;
    width: 14px;
    height: 16px;
  }
}

.c-banner {
  transition: all 0.2s ease;
}
.c-banner:hover {
  opacity: 0.6;
}

.c-main-sponsor {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-main-sponsor__item {
  margin-bottom: calc(100vw * ( 20 / 750 ));
  margin-left: calc(100vw * ( 10 / 750 ));
  margin-right: calc(100vw * ( 10 / 750 ));
  width: calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  .c-main-sponsor__item {
    margin-bottom: 0;
    margin-left: calc(100vw * ( 5 / 1440 ));
    margin-right: calc(100vw * ( 5 / 1440 ));
    width: calc(100vw * ( 168 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main-sponsor__item {
    margin-left: 5px;
    margin-right: 5px;
    width: 168px;
  }
}
.c-main-sponsor__link {
  display: inline-block;
  transform: skewX(-20deg);
  box-shadow: 0 0 calc(100vw * ( 20 / 750 )) rgba(0, 0, 0, 0.2);
  background-color: #fff;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-main-sponsor__link {
    box-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1440px) {
  .c-main-sponsor__link {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
}
.c-main-sponsor__link__inner {
  display: inline-block;
  padding-left: calc(100vw * ( 20 / 750 ));
  padding-right: calc(100vw * ( 20 / 750 ));
  transform: skewX(20deg);
}
@media (min-width: 750px) {
  .c-main-sponsor__link__inner {
    padding-left: calc(100vw * ( 16 / 1440 ));
    padding-right: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main-sponsor__link__inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.c-main-sponsor__link:hover {
  opacity: 0.6;
}

.c-block-sponsor__box {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 0 auto;
  padding: 0;
  box-sizing: content-box;
}
@media (min-width: 750px) {
  .c-block-sponsor__box {
    justify-content: center;
  }
}
.c-block-sponsor__box__item {
  text-align: center;
  box-sizing: border-box;
}
.c-block-sponsor__box__item a, .c-block-sponsor__box__item div {
  transition: all 0.2s ease;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: calc(100vw * ( 12 / 750 )) calc(100vw * ( 12 / 750 ));
  box-shadow: 0 0 calc(100vw * ( 20 / 750 )) rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
@media (min-width: 750px) {
  .c-block-sponsor__box__item a, .c-block-sponsor__box__item div {
    border-radius: calc(100vw * ( 6 / 1440 )) calc(100vw * ( 6 / 1440 ));
    box-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1440px) {
  .c-block-sponsor__box__item a, .c-block-sponsor__box__item div {
    border-radius: 6px 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
}
.c-block-sponsor__box__item a img, .c-block-sponsor__box__item div img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.c-block-sponsor__box__item a:hover {
  opacity: 0.6;
}
.c-block-sponsor__box--mb {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .c-block-sponsor__box--mb {
    margin-bottom: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-block-sponsor__box--mb {
    margin-bottom: 30px;
  }
}
.c-block-sponsor__box--l, .c-block-sponsor__box--l-min {
  max-width: 1080px;
  margin-left: calc(-100vw * ( 5 / 750 ));
  margin-right: calc(-100vw * ( 5 / 750 ));
}
@media (min-width: 750px) {
  .c-block-sponsor__box--l, .c-block-sponsor__box--l-min {
    margin-left: auto;
    margin-right: auto;
  }
}
.c-block-sponsor__box--l .c-block-sponsor__box__item, .c-block-sponsor__box--l-min .c-block-sponsor__box__item {
  width: 50%;
  padding: 0 calc(100vw * ( 5 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 5 / 750 ));
}
@media (min-width: 750px) {
  .c-block-sponsor__box--l .c-block-sponsor__box__item, .c-block-sponsor__box--l-min .c-block-sponsor__box__item {
    width: 25%;
    padding: 0 calc(100vw * ( 5 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 5 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-block-sponsor__box--l .c-block-sponsor__box__item, .c-block-sponsor__box--l-min .c-block-sponsor__box__item {
    padding: 0 5px 10px 5px;
  }
}
.c-block-sponsor__box--l-min {
  max-width: 810px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--l-min {
    width: 75%;
  }
}
.c-block-sponsor__box--l-min .c-block-sponsor__box__item {
  width: 50%;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--l-min .c-block-sponsor__box__item {
    width: 33.3333%;
  }
}
.c-block-sponsor__box--m, .c-block-sponsor__box--m-min, .c-block-sponsor__box--m-4, .c-block-sponsor__box--m-3, .c-block-sponsor__box--m-2 {
  max-width: 1080px;
  margin-left: calc(-100vw * ( 5 / 750 ));
  margin-right: calc(-100vw * ( 5 / 750 ));
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m, .c-block-sponsor__box--m-min, .c-block-sponsor__box--m-4, .c-block-sponsor__box--m-3, .c-block-sponsor__box--m-2 {
    margin-left: auto;
    margin-right: auto;
  }
}
.c-block-sponsor__box--m .c-block-sponsor__box__item, .c-block-sponsor__box--m-min .c-block-sponsor__box__item, .c-block-sponsor__box--m-4 .c-block-sponsor__box__item, .c-block-sponsor__box--m-3 .c-block-sponsor__box__item, .c-block-sponsor__box--m-2 .c-block-sponsor__box__item {
  width: 33.3333%;
  padding: 0 calc(100vw * ( 5 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 5 / 750 ));
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m .c-block-sponsor__box__item, .c-block-sponsor__box--m-min .c-block-sponsor__box__item, .c-block-sponsor__box--m-4 .c-block-sponsor__box__item, .c-block-sponsor__box--m-3 .c-block-sponsor__box__item, .c-block-sponsor__box--m-2 .c-block-sponsor__box__item {
    width: 20%;
    padding: 0 calc(100vw * ( 5 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 5 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-block-sponsor__box--m .c-block-sponsor__box__item, .c-block-sponsor__box--m-min .c-block-sponsor__box__item, .c-block-sponsor__box--m-4 .c-block-sponsor__box__item, .c-block-sponsor__box--m-3 .c-block-sponsor__box__item, .c-block-sponsor__box--m-2 .c-block-sponsor__box__item {
    padding: 0 5px 10px 5px;
  }
}
.c-block-sponsor__box--m-2 {
  max-width: 432px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-2 {
    width: 40%;
  }
}
.c-block-sponsor__box--m-2 .c-block-sponsor__box__item {
  width: 100%;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-2 .c-block-sponsor__box__item {
    width: 50%;
  }
}
.c-block-sponsor__box--m-3 {
  max-width: 648px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-3 {
    width: 60%;
  }
}
.c-block-sponsor__box--m-3 .c-block-sponsor__box__item {
  width: 50%;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-3 .c-block-sponsor__box__item {
    width: 33.3333333333%;
  }
}
.c-block-sponsor__box--m-4 {
  max-width: 864px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-4 {
    width: 80%;
  }
}
.c-block-sponsor__box--m-4 .c-block-sponsor__box__item {
  width: 33.3333333333%;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-4 .c-block-sponsor__box__item {
    width: 25%;
  }
}
.c-block-sponsor__box--m-min {
  max-width: calc(216px * 4);
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-min {
    width: calc(4 / 5 * 100%);
  }
}
.c-block-sponsor__box--m-min .c-block-sponsor__box__item {
  width: 33.3333333333%;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--m-min .c-block-sponsor__box__item {
    width: calc(1 / 4 * 100%);
  }
}
.c-block-sponsor__box--s, .c-block-sponsor__box--s-min, .c-block-sponsor__box--s-6, .c-block-sponsor__box--s-5, .c-block-sponsor__box--s-4, .c-block-sponsor__box--s-3, .c-block-sponsor__box--s-2 {
  max-width: 1078px;
  margin-left: calc(-100vw * ( 5 / 750 ));
  margin-right: calc(-100vw * ( 5 / 750 ));
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s, .c-block-sponsor__box--s-min, .c-block-sponsor__box--s-6, .c-block-sponsor__box--s-5, .c-block-sponsor__box--s-4, .c-block-sponsor__box--s-3, .c-block-sponsor__box--s-2 {
    margin-left: auto;
    margin-right: auto;
  }
}
.c-block-sponsor__box--s .c-block-sponsor__box__item, .c-block-sponsor__box--s-min .c-block-sponsor__box__item, .c-block-sponsor__box--s-6 .c-block-sponsor__box__item, .c-block-sponsor__box--s-5 .c-block-sponsor__box__item, .c-block-sponsor__box--s-4 .c-block-sponsor__box__item, .c-block-sponsor__box--s-3 .c-block-sponsor__box__item, .c-block-sponsor__box--s-2 .c-block-sponsor__box__item {
  width: 25%;
  padding: 0 calc(100vw * ( 5 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 5 / 750 ));
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s .c-block-sponsor__box__item, .c-block-sponsor__box--s-min .c-block-sponsor__box__item, .c-block-sponsor__box--s-6 .c-block-sponsor__box__item, .c-block-sponsor__box--s-5 .c-block-sponsor__box__item, .c-block-sponsor__box--s-4 .c-block-sponsor__box__item, .c-block-sponsor__box--s-3 .c-block-sponsor__box__item, .c-block-sponsor__box--s-2 .c-block-sponsor__box__item {
    width: 14.2857142857%;
    padding: 0 calc(100vw * ( 4 / 1440 )) calc(100vw * ( 8 / 1440 )) calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-block-sponsor__box--s .c-block-sponsor__box__item, .c-block-sponsor__box--s-min .c-block-sponsor__box__item, .c-block-sponsor__box--s-6 .c-block-sponsor__box__item, .c-block-sponsor__box--s-5 .c-block-sponsor__box__item, .c-block-sponsor__box--s-4 .c-block-sponsor__box__item, .c-block-sponsor__box--s-3 .c-block-sponsor__box__item, .c-block-sponsor__box--s-2 .c-block-sponsor__box__item {
    padding: 0 4px 8px 4px;
  }
}
.c-block-sponsor__box--s-2 {
  max-width: 308px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-2 {
    width: 28.5714285714%;
  }
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-2 .c-block-sponsor__box__item {
    width: 50%;
  }
}
.c-block-sponsor__box--s-3 {
  max-width: 462px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-3 {
    width: 42.8571428571%;
  }
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-3 .c-block-sponsor__box__item {
    width: 33.3333333333%;
  }
}
.c-block-sponsor__box--s-4 {
  max-width: 616px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-4 {
    width: 57.1428571429%;
  }
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-4 .c-block-sponsor__box__item {
    width: 25%;
  }
}
.c-block-sponsor__box--s-5 {
  max-width: 770px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-5 {
    width: 71.4285714286%;
  }
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-5 .c-block-sponsor__box__item {
    width: 20%;
  }
}
.c-block-sponsor__box--s-6 {
  max-width: 924px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-6 {
    width: 85.7142857143%;
  }
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-6 .c-block-sponsor__box__item {
    width: 16.6666666667%;
  }
}
.c-block-sponsor__box--s-min {
  max-width: 770px;
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-min {
    width: 71.4285714286%;
  }
}
@media (min-width: 750px) {
  .c-block-sponsor__box--s-min .c-block-sponsor__box__item {
    width: 20%;
  }
}

.c-story {
  /*
  padding-left: $sp_pad;
  padding-right: $sp_pad;
  */
}
@media (min-width: 750px) {
  .c-story {
    /*
    padding-left: 0;
    padding-right: 0;
    */
  }
}
@media (min-width: 750px) {
  .c-story__main {
    display: flex;
    justify-content: space-between;
  }
}
.c-story__main__img {
  margin: 0;
}
@media (min-width: 750px) {
  .c-story__main__img {
    width: calc(100vw * ( 520 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__main__img {
    width: 520px;
  }
}
@media (min-width: 750px) {
  .c-story__main__info {
    width: calc(100vw * ( 460 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__main__info {
    width: 460px;
  }
}
.c-story__main__title {
  margin: 0;
  padding-top: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 30 / 750 ));
  width: 100%;
  color: #0088cc;
  font-size: calc(100vw * ( 40 / 750 ));
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .c-story__main__title {
    padding-top: 0;
    padding-bottom: calc(100vw * ( 8 / 1440 ));
    color: #fff;
    font-size: calc(100vw * ( 34 / 1440 ));
    text-align: left;
    text-shadow: 0 0 calc(100vw * ( 30 / 1440 )) rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1440px) {
  .c-story__main__title {
    padding-bottom: 8px;
    font-size: 34px;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }
}
.c-story__main__date {
  display: block;
  margin: 0 0 calc(100vw * ( 50 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .c-story__main__date {
    display: flex;
    margin-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__main__date {
    display: flex;
    margin-bottom: 20px;
  }
}
.c-story__main__date__dt {
  padding-top: calc(100vw * ( 8 / 750 ));
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 750px) {
  .c-story__main__date__dt {
    padding-top: calc(100vw * ( 8 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__main__date__dt {
    padding-top: 8px;
  }
}
@media (min-width: 750px) {
  .c-story__main__date__dt .c-text-parallelogram {
    color: #0088cc;
    background-color: #fff;
  }
}
@media (min-width: 750px) {
  .c-story__main__date__dt .c-text-parallelogram:before, .c-story__main__date__dt .c-text-parallelogram:after {
    background-color: #fff;
  }
}
.c-story__main__date__dd {
  margin-left: calc(100vw * ( 20 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 36 / 750 ));
  line-height: 1.6;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 750px) {
  .c-story__main__date__dd {
    margin-left: calc(100vw * ( 20 / 1440 ));
    color: #fff;
    font-size: calc(100vw * ( 28 / 1440 ));
    text-shadow: 0 0 calc(100vw * ( 30 / 1440 )) rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 1440px) {
  .c-story__main__date__dd {
    margin-left: 20px;
    font-size: 28px;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 750px) {
  .c-story__main__date__dd .c-text-circle {
    color: #0088cc;
    background-color: #fff;
    text-shadow: none;
  }
}
@media (min-width: 1440px) {
  .c-story__main__date__dd .c-text-circle {
    text-shadow: none;
  }
}
@media (min-width: 750px) {
  .c-story__main__schedule {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 30 / 1440 ));
    padding: calc(100vw * ( 15 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 ));
    background-color: #fff;
    box-shadow: 0 0 calc(100vw * ( 20 / 750 )) rgba(0, 0, 0, 0.06);
  }
}
@media (min-width: 1440px) {
  .c-story__main__schedule {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 15px 20px 20px 20px;
  }
}
.c-story__main__notes {
  display: block;
  margin-top: calc(100vw * ( 0 / 750 ));
  margin-bottom: calc(100vw * ( 40 / 750 ));
  font-size: calc(100vw * ( 18 / 750 ));
  line-height: 1.6em;
  color: #333333;
}
@media (min-width: 750px) {
  .c-story__main__notes {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__main__notes {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 12px;
  }
}
.c-story__main__button .c-button:not(:first-of-type) {
  margin-top: calc(100vw * ( 28 / 750 ));
}
@media (min-width: 750px) {
  .c-story__main__button .c-button:not(:first-of-type) {
    margin-top: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__main__button .c-button:not(:first-of-type) {
    margin-top: 20px;
  }
}
.c-story__pastseries {
  margin-top: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .c-story__pastseries {
    margin-top: calc(100vw * ( 52 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__pastseries {
    margin-top: 52px;
  }
}
.c-story__pastseries__header {
  position: relative;
  height: calc(100vw * ( 84 / 750 ));
}
@media (min-width: 750px) {
  .c-story__pastseries__header {
    height: calc(100vw * ( 73 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__pastseries__header {
    height: 73px;
  }
}
.c-story__pastseries__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 521 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .c-story__pastseries__heading {
    width: calc(100vw * ( 456 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__pastseries__heading {
    width: 456px;
  }
}
.c-story__pastseries__content {
  position: relative;
  margin-top: calc(-100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-story__pastseries__content {
    margin-top: calc(-100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__pastseries__content {
    margin-top: -10px;
  }
}
.c-story__btn {
  margin: 0 auto;
}
@media (min-width: 750px) {
  .c-story__btn {
    max-width: calc(100vw * ( 600 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-story__btn {
    max-width: 600px;
  }
}

body.dark .c-story__main__title {
  color: #fff;
}
@media (min-width: 750px) {
  body.dark .c-story__main__title {
    text-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1440px) {
  body.dark .c-story__main__title {
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  }
}
body.dark .c-story__main__date__dt .c-text-parallelogram {
  color: #7700b2;
  background-color: #fff;
}
body.dark .c-story__main__date__dt .c-text-parallelogram:before {
  background-color: #fff;
}
body.dark .c-story__main__date__dt .c-text-parallelogram:after {
  background-color: #fff;
}
body.dark .c-story__main__date__dd {
  color: #fff;
}
@media (min-width: 750px) {
  body.dark .c-story__main__date__dd {
    text-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 0, 0, 0.6);
  }
}
@media (min-width: 1440px) {
  body.dark .c-story__main__date__dd {
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  }
}

.c-text-color--01 {
  margin: 0;
  padding: calc(100vw * ( 15 / 750 )) calc(100vw * ( 20 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 22 / 750 ));
  background: linear-gradient(90deg, #0088cc, #00bfe5);
}
@media (min-width: 750px) {
  .c-text-color--01 {
    padding: calc(100vw * ( 6 / 1440 )) calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-color--01 {
    padding: 6px 10px;
    font-size: 14px;
  }
}

body.dark .c-text-color--01 {
  background: linear-gradient(90deg, #7700b2, #cc14cc);
}

.c-text-parallelogram {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: calc(100vw * ( 8 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 5 / 750 ));
  color: #fff;
  background-color: #0088cc;
  transform: skewX(-20deg);
  /*
  &:before {
  	content: "";
  	position: absolute;
  	top: 0;
  	left: size-sp(-6);
  	width: size-sp(12);
  	height: 100%;
  	background-color: $color_blue;
  	transform: skewX(-15deg);
  	z-index: -1;

  	@include for-size(tablet-portrait-up) {
  		left: size-tablet(-6);
  		width: size-tablet(12);
  	}

  	@include for-size(desktop-up) {
  		left: -6px;
  		width: 12px;
  	}
  }

  &:after {
  	content: "";
  	position: absolute;
  	top: 0;
  	right: size-sp(-6);
  	width: size-sp(12);
  	height: 100%;
  	background-color: $color_blue;
  	transform: skewX(-15deg);

  	@include for-size(tablet-portrait-up) {
  		right: size-tablet(-6);
  		width: size-tablet(15);
  	}

  	@include for-size(desktop-up) {
  		right: -6px;
  		width: 12px;
  	}
  }
  */
}
@media (min-width: 750px) {
  .c-text-parallelogram {
    padding: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-parallelogram {
    padding: 5px 10px 5px;
    font-size: 14px;
  }
}
.c-text-parallelogram > span {
  display: block;
  transform: skewX(20deg);
}

.c-text-circle {
  display: inline-block;
  margin-left: calc(100vw * ( 5 / 750 ));
  margin-right: calc(100vw * ( 5 / 750 ));
  padding: calc(100vw * ( 8 / 750 )) calc(100vw * ( 8 / 750 )) calc(100vw * ( 7 / 750 ));
  border-radius: 50% 50%;
  color: #fff;
  font-size: calc(100vw * ( 21 / 750 ));
  line-height: 1;
  background-color: #0088cc;
  vertical-align: middle;
  transform: translateY(calc(-100vw * ( 4 / 750 )));
}
@media (min-width: 750px) {
  .c-text-circle {
    margin-left: calc(100vw * ( 5 / 1440 ));
    margin-right: calc(100vw * ( 5 / 1440 ));
    padding: calc(100vw * ( 7 / 1440 )) calc(100vw * ( 8 / 1440 )) calc(100vw * ( 8 / 1440 ));
    font-size: calc(100vw * ( 15 / 1440 ));
    transform: translateY(calc(-100vw * ( 4 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-text-circle {
    margin-right: 5px;
    margin-right: 5px;
    padding: 7px 8px 8px;
    font-size: 15px;
    transform: translateY(-4px);
  }
}

body.dark .c-text-circle {
  color: #7700b2;
  background-color: #fff;
}

.c-calendar {
  height: calc(100vw * ( 1030 / 750 ));
}
@media (min-width: 750px) {
  .c-calendar {
    height: calc(100vw * ( 780 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-calendar {
    height: 780px;
  }
}

.c-breadcrumb {
  position: relative;
  z-index: 3;
  margin-bottom: calc(100vw * ( 8 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .c-breadcrumb {
    margin-bottom: calc(100vw * ( 4 / 1440 ));
    padding-left: calc(100vw * ( 40 / 1440 ));
    padding-right: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-breadcrumb {
    margin-bottom: 8px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.c-breadcrumb__ul {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-breadcrumb__item {
  position: relative;
  margin-right: calc(100vw * ( 18 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-breadcrumb__item {
    margin-right: calc(100vw * ( 14 / 1440 ));
    font-size: calc(100vw * ( 13 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-breadcrumb__item {
    margin-right: 14px;
    font-size: 13px;
  }
}
.c-breadcrumb__item a,
.c-breadcrumb__item span {
  color: #0088cc;
}
.c-breadcrumb__item h1, .c-breadcrumb__item h2, .c-breadcrumb__item h3, .c-breadcrumb__item h4, .c-breadcrumb__item h5, .c-breadcrumb__item h6,
.c-breadcrumb__item p {
  margin: 0;
  font-size: calc(100vw * ( 20 / 750 ));
  font-weight: normal;
}
@media (min-width: 750px) {
  .c-breadcrumb__item h1, .c-breadcrumb__item h2, .c-breadcrumb__item h3, .c-breadcrumb__item h4, .c-breadcrumb__item h5, .c-breadcrumb__item h6,
  .c-breadcrumb__item p {
    font-size: calc(100vw * ( 13 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-breadcrumb__item h1, .c-breadcrumb__item h2, .c-breadcrumb__item h3, .c-breadcrumb__item h4, .c-breadcrumb__item h5, .c-breadcrumb__item h6,
  .c-breadcrumb__item p {
    font-size: 13px;
  }
}
.c-breadcrumb__item svg {
  fill: #0088cc;
}
.c-breadcrumb__item:not(:first-of-type) {
  padding-left: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-breadcrumb__item:not(:first-of-type) {
    padding-left: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-breadcrumb__item:not(:first-of-type) {
    padding-left: 20px;
  }
}
.c-breadcrumb__item:not(:first-of-type):before {
  content: "";
  position: absolute;
  top: calc(100vw * ( 4 / 750 ));
  left: 0;
  width: calc(100vw * ( 9 / 750 ));
  height: calc(100vw * ( 18 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 750px) {
  .c-breadcrumb__item:not(:first-of-type):before {
    top: calc(100vw * ( 2 / 1440 ));
    width: calc(100vw * ( 6 / 1440 ));
    height: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-breadcrumb__item:not(:first-of-type):before {
    top: 2px;
    width: 6px;
    height: 12px;
  }
}
.c-breadcrumb--white .c-breadcrumb__item {
  color: #fff;
}
.c-breadcrumb--white .c-breadcrumb__item a,
.c-breadcrumb--white .c-breadcrumb__item span {
  color: #fff;
}
.c-breadcrumb--white .c-breadcrumb__item svg {
  fill: #fff;
}
.c-breadcrumb--white .c-breadcrumb__item:not(:first-of-type):before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.c-breadcrumb--black .c-breadcrumb__item {
  color: #000;
}
.c-breadcrumb--black .c-breadcrumb__item a,
.c-breadcrumb--black .c-breadcrumb__item span {
  color: #000;
}
.c-breadcrumb--black .c-breadcrumb__item svg {
  fill: #000;
}
.c-breadcrumb--black .c-breadcrumb__item:not(:first-of-type):before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23000" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}

body.dark .c-breadcrumb__item {
  color: #a352cc;
}
body.dark .c-breadcrumb__item a,
body.dark .c-breadcrumb__item span {
  color: #a352cc;
}
body.dark .c-breadcrumb__item svg {
  fill: #a352cc;
}
body.dark .c-breadcrumb__item:not(:first-of-type):before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23a352cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .c-breadcrumb--white .c-breadcrumb__item {
  color: #fff;
}
body.dark .c-breadcrumb--white .c-breadcrumb__item a,
body.dark .c-breadcrumb--white .c-breadcrumb__item span {
  color: #fff;
}
body.dark .c-breadcrumb--white .c-breadcrumb__item svg {
  fill: #fff;
}
body.dark .c-breadcrumb--white .c-breadcrumb__item:not(:first-of-type):before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}

.pages--02 .c-breadcrumb__item {
  color: #fff;
}
.pages--02 .c-breadcrumb__item a {
  color: #fff;
}
.pages--02 .c-breadcrumb__item svg {
  fill: #fff;
}
.pages--02 .c-breadcrumb__item:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23fff" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}

.c-page-header {
  position: relative;
  z-index: 1;
}
.c-page-header__inner {
  padding: calc(100vw * ( 80 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .c-page-header__inner {
    padding: calc(100vw * ( 60 / 1440 )) 0 calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-page-header__inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.c-page-header__heading {
  position: relative;
  margin: 0 auto;
  height: calc(100vw * ( 95 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .c-page-header__heading {
    height: calc(100vw * ( 95 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-page-header__heading {
    height: 95px;
  }
}
.c-page-header__heading > div {
  height: 100%;
}
.c-page-header__heading img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.752);
}
@media (min-width: 750px) {
  .c-page-header__heading img {
    transform: translate(-50%, -50%) scale(0.5);
  }
}
.c-page-content {
  position: relative;
  z-index: 1;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .c-page-content {
    margin-left: auto;
    margin-right: auto;
    padding: calc(100vw * ( 20 / 1440 )) 0 calc(100vw * ( 200 / 1440 ));
    width: calc(100vw * ( 1090 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-page-content {
    padding-top: 20px;
    padding-bottom: 200px;
    width: 1090px;
  }
}
.c-page-content__inner {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .c-page-content__inner {
    width: calc(100vw * ( 1040 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-page-content__inner {
    width: 1040px;
  }
}

.c-cloud {
  display: flex;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.c-cloud:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
@media (min-width: 750px) {
  .c-cloud:before {
    left: -13%;
    width: 114%;
    transform: perspective(1070px) rotateX(-24deg) rotateY(-24deg) rotateZ(-10deg) skew(-12deg, 0deg);
  }
}
.c-cloud:after {
  content: "";
  position: absolute;
  bottom: 23%;
  right: 96%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 calc(100vw * ( 40 / 750 )) calc(100vw * ( 120 / 1440 ));
  border-color: transparent transparent #fff transparent;
}
@media (min-width: 750px) {
  .c-cloud:after {
    border-width: 0 0 calc(100vw * ( 35 / 1440 )) calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-cloud:after {
    border-width: 0 0 35px 70px;
  }
}
.c-cloud__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding: calc(100vw * ( 32 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 32 / 750 )) calc(100vw * ( 40 / 750 ));
  color: #0088cc;
}
@media (min-width: 750px) {
  .c-cloud__inner {
    padding: calc(100vw * ( 40 / 1440 )) calc(100vw * ( 32 / 1440 )) calc(100vw * ( 50 / 1440 )) calc(100vw * ( 32 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-cloud__inner {
    padding: 40px 32px 50px 32px;
  }
}
.c-cloud__inner p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  position: relative;
}
@media (min-width: 750px) {
  .c-cloud__inner p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-cloud__inner p {
    font-size: 16px;
  }
}

.c-box-dark {
  position: relative;
  margin-bottom: calc(100vw * ( 50 / 750 ));
  padding: calc(100vw * ( 13 / 750 ));
  background-color: #000;
}
@media (min-width: 750px) {
  .c-box-dark {
    margin-bottom: calc(100vw * ( 50 / 1440 ));
    padding: calc(100vw * ( 13 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-dark {
    margin-bottom: 50px;
    padding: 13px;
  }
}
.c-box-dark:before {
  content: "";
  position: absolute;
  top: calc(100vw * ( 10 / 750 ));
  left: calc(100vw * ( 10 / 750 ));
  box-sizing: border-box;
  width: calc(100% - 100vw * ( 20 / 750 ));
  height: calc(100% - 100vw * ( 20 / 750 ));
  border: 2px solid #333333;
}
@media (min-width: 750px) {
  .c-box-dark:before {
    top: calc(100vw * ( 10 / 1440 ));
    left: calc(100vw * ( 10 / 1440 ));
    width: calc(100% - 100vw * ( 20 / 1440 ));
    height: calc(100% - 100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-dark:before {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
}
.c-box-dark:after {
  content: "";
  position: absolute;
  bottom: calc(-100vw * ( 10 / 750 ));
  right: calc(-100vw * ( 20 / 750 ));
  z-index: 2;
  width: calc(100vw * ( 80 / 750 ));
  height: calc(100vw * ( 80 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%235d1a80" d="m16,2.84c-7.27,0-13.16,5.89-13.16,13.16,0,7.27,5.89,13.16,13.16,13.16,7.27,0,13.16-5.89,13.16-13.16,0-7.27-5.9-13.15-13.16-13.16ZM5.39,19.21c-2.9-4.26,1.08-7.67,1.08-7.67l4.27,4.19c.06,1.64.25,3.28.56,4.9,0,0,.32-1.82.46-3.91l3.52,3.46c-.97,1.42-6.99,3.3-9.89-.97Zm11.33.97l3.52-3.46c.13,2.09.45,3.91.45,3.91.31-1.62.49-3.26.56-4.9l4.27-4.19s3.98,3.41,1.08,7.67-8.92,2.39-9.89.96h0Zm-.72-18.62c-7.98,0-14.45,6.47-14.45,14.45s6.47,14.45,14.45,14.45,14.45-6.47,14.45-14.45h0c0-7.98-6.48-14.44-14.45-14.45Zm0,28.13c-7.55,0-13.68-6.13-13.68-13.68S8.45,2.32,16,2.32c7.55,0,13.68,6.12,13.68,13.68,0,7.55-6.12,13.68-13.68,13.68,0,0,0,0,0,0ZM16,0C7.16,0,0,7.16,0,16s7.16,16,16,16,16-7.16,16-16S24.84,0,16,0Zm0,30.97c-8.27,0-14.97-6.7-14.97-14.97S7.73,1.03,16,1.03c8.27,0,14.97,6.7,14.97,14.97,0,8.27-6.7,14.97-14.97,14.97h0Z"/></svg>');
  transform: rotate(10deg);
}
@media (min-width: 750px) {
  .c-box-dark:after {
    bottom: calc(-100vw * ( 10 / 1440 ));
    right: calc(-100vw * ( 20 / 1440 ));
    width: calc(100vw * ( 80 / 1440 ));
    height: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-dark:after {
    bottom: -10px;
    right: -20px;
    width: 80px;
    height: 80px;
  }
}
.c-box-dark__inner {
  position: relative;
  box-sizing: border-box;
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 26 / 750 ));
  border: 1px solid #333333;
}
@media (min-width: 750px) {
  .c-box-dark__inner {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 27 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-dark__inner {
    padding: 20p 27px;
  }
}
.c-box-dark__inner p {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .c-box-dark__inner p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-dark__inner p {
    font-size: 16px;
  }
}

.c-tag {
  display: inline-block;
  transform: skewX(-20deg);
  margin: 0 calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 )) 0;
  background-color: #fff;
}
@media (min-width: 750px) {
  .c-tag {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
    margin-right: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-tag {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.c-tag__inner {
  display: inline-block;
  padding: calc(100vw * ( 10 / 750 )) calc(100vw * ( 14 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 1;
  transform: skewX(20deg);
}
@media (min-width: 750px) {
  .c-tag__inner {
    padding: calc(100vw * ( 9 / 1440 )) calc(100vw * ( 14 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-tag__inner {
    padding: 9px 14px;
    font-size: 14px;
  }
}

.c-praph {
  box-sizing: border-box;
  padding: calc(100vw * ( 46 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 40 / 750 ));
  background-image: url("/assets/images/pages/character/detail/bg-frame.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 750px) {
  .c-praph {
    padding: calc(100vw * ( 46 / 1440 )) calc(100vw * ( 30 / 1440 )) calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-praph {
    padding: 46px 30px 40px;
  }
}
.c-praph__list {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
  height: calc(100vw * ( 120 / 750 ));
}
@media (min-width: 750px) {
  .c-praph__list {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-praph__list {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100px;
  }
}
.c-praph__list:not(:last-of-type) {
  border-bottom: 1px dotted #fff;
}
.c-praph__heading {
  box-sizing: border-box;
  display: table;
  margin: 0;
  padding-left: calc(100vw * ( 10 / 750 ));
  width: 24%;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 1.5;
}
@media (min-width: 750px) {
  .c-praph__heading {
    padding-left: calc(100vw * ( 10 / 1440 ));
    width: 17.307%;
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-praph__heading {
    padding-left: 10px;
    font-size: 16px;
  }
}
.c-praph__heading__inner {
  display: table-cell;
  vertical-align: middle;
}
.c-praph__data {
  margin: 0;
  width: 76%;
  box-sizing: border-box;
  border-color: #d6d6d6 #f2f2f2 #f2f2f2 #d6d6d6;
  border-width: calc(100vw * ( 4 / 750 ));
  border-style: solid;
  background: url("/assets/images/pages/character/detail/bg-graph-back.jpg");
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: auto 100%;
  transform: skewX(-20deg);
}
@media (min-width: 750px) {
  .c-praph__data {
    width: 76.923%;
    border-width: calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-praph__data {
    border-width: 4px;
  }
}
.c-praph__data__bar, .c-praph__data__bar--minus, .c-praph__data__bar--power {
  position: absolute;
  z-index: 1;
  height: 100%;
  background-image: url("/assets/images/pages/character/detail/bg-graph.jpg");
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: auto 100%;
}
.c-praph__data__bar--power {
  background-image: url("/assets/images/pages/character/detail/bg-graph-power.jpg");
}
.c-praph__data__bar--minus {
  right: 0;
  background-image: url("/assets/images/pages/character/detail/bg-graph-minus.jpg");
}
.c-praph__data__text {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: calc(100vw * ( 50 / 750 ));
  text-align: center;
  text-shadow: 0 0 calc(100vw * ( 10 / 750 )) rgba(0, 0, 0, 0.8);
}
@media (min-width: 750px) {
  .c-praph__data__text {
    font-size: calc(100vw * ( 32 / 1440 ));
    text-shadow: 0 0 calc(100vw * ( 10 / 1440 )) rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1440px) {
  .c-praph__data__text {
    font-size: 32px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  }
}
.c-praph__data__text__jp {
  display: inline-block;
  font-family: "Roboto", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: calc(100vw * ( 36 / 750 ));
  transform: translateY(calc(-100vw * ( 5 / 750 )));
}
@media (min-width: 750px) {
  .c-praph__data__text__jp {
    font-size: calc(100vw * ( 26 / 1440 ));
    transform: translateY(0);
  }
}
@media (min-width: 1440px) {
  .c-praph__data__text__jp {
    font-size: 26px;
  }
}
.c-praph__data__unit {
  font-family: "Roboto", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: calc(100vw * ( 26 / 750 ));
}
@media (min-width: 750px) {
  .c-praph__data__unit {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-praph__data__unit {
    font-size: 16px;
  }
}

.c-meter {
  box-sizing: border-box;
  padding-top: 18.9655172414%;
  background-image: url("/assets/images/pages/character/detail/bg-meter-top.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.c-meter > div {
  padding-bottom: 15.5172413793%;
  background-image: url("/assets/images/pages/character/detail/bg-meter-bottom.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
.c-meter > div > div {
  background-image: url("/assets/images/pages/character/detail/bg-meter-body.webp");
  background-repeat: repeat-y;
  background-position: center top;
  background-size: contain;
}
.c-meter > div > div > div {
  min-height: 1px;
  padding: 0 calc(100vw * ( 30 / 750 )) 0;
}
@media (min-width: 750px) {
  .c-meter > div > div > div {
    padding: 0 calc(100vw * ( 30 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .c-meter > div > div > div {
    padding: 0 30px 0;
  }
}
.c-meter__list {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
  height: calc(100vw * ( 120 / 750 ));
}
@media (min-width: 750px) {
  .c-meter__list {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-meter__list {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100px;
  }
}
.c-meter__list:not(:last-of-type) {
  border-bottom: 1px dotted #fff;
}
.c-meter__list:first-of-type {
  margin-top: -9.4827586207%;
}
.c-meter__list:last-of-type {
  margin-bottom: -7.7586206897%;
}
.c-meter__heading {
  box-sizing: border-box;
  display: table;
  margin: 0;
  padding-left: calc(100vw * ( 10 / 750 ));
  width: 24%;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 1.5;
}
@media (min-width: 750px) {
  .c-meter__heading {
    padding-left: calc(100vw * ( 10 / 1440 ));
    width: 17.307%;
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-meter__heading {
    padding-left: 10px;
    font-size: 16px;
  }
}
.c-meter__heading__inner {
  display: table-cell;
  vertical-align: middle;
}
.c-meter__data {
  margin: 0;
  width: 76%;
  box-sizing: border-box;
  border-color: #d6d6d6 #f2f2f2 #f2f2f2 #d6d6d6;
  border-width: calc(100vw * ( 4 / 750 ));
  border-style: solid;
  background: url("/assets/images/pages/character/detail/bg-graph-back.jpg");
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: auto 100%;
  transform: skewX(-20deg);
}
@media (min-width: 750px) {
  .c-meter__data {
    width: 76.923%;
    border-width: calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-meter__data {
    border-width: 4px;
  }
}
.c-meter__data__bar, .c-meter__data__bar--minus, .c-meter__data__bar--galaxy, .c-meter__data__bar--power {
  position: absolute;
  z-index: 1;
  height: 100%;
  background-image: url("/assets/images/pages/character/detail/bg-graph.jpg");
  background-repeat: repeat-y;
  background-position: 0 0;
  background-size: auto 100%;
}
.c-meter__data__bar--power {
  background-image: url("/assets/images/pages/character/detail/bg-graph-power.jpg");
}
.c-meter__data__bar--galaxy {
  background-image: url("/assets/images/pages/character/detail/bg-graph-galaxy.webp");
}
.c-meter__data__bar--minus {
  right: 0;
  background-image: url("/assets/images/pages/character/detail/bg-graph-minus.jpg");
}
.c-meter__data__text {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: calc(100vw * ( 50 / 750 ));
  text-align: center;
  text-shadow: 0 0 calc(100vw * ( 10 / 750 )) rgba(0, 0, 0, 0.8);
}
@media (min-width: 750px) {
  .c-meter__data__text {
    font-size: calc(100vw * ( 32 / 1440 ));
    text-shadow: 0 0 calc(100vw * ( 10 / 1440 )) rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 1440px) {
  .c-meter__data__text {
    font-size: 32px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  }
}
.c-meter__data__text__jp {
  display: inline-block;
  font-family: "Roboto", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: calc(100vw * ( 36 / 750 ));
  transform: translateY(calc(-100vw * ( 5 / 750 )));
}
@media (min-width: 750px) {
  .c-meter__data__text__jp {
    font-size: calc(100vw * ( 26 / 1440 ));
    transform: translateY(0);
  }
}
@media (min-width: 1440px) {
  .c-meter__data__text__jp {
    font-size: 26px;
  }
}
.c-meter__data__unit {
  font-family: "Roboto", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: calc(100vw * ( 26 / 750 ));
}
@media (min-width: 750px) {
  .c-meter__data__unit {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-meter__data__unit {
    font-size: 16px;
  }
}

.c-box-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.c-box-video iframe,
.c-box-video object,
.c-box-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-box-table {
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.c-box-table__inner {
  display: table-cell;
  vertical-align: middle;
}

.c-text-diagonal {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  font-weight: normal;
}
@media (min-width: 750px) {
  .c-text-diagonal {
    font-size: calc(100vw * ( 22 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal {
    font-size: 22px;
  }
}
.c-text-diagonal__container {
  display: inline-block;
  transform: skewX(-20deg);
  padding: calc(100vw * ( 5 / 750 )) calc(100vw * ( 30 / 750 ));
  color: #fff;
  background-image: linear-gradient(90deg, #ff9500, #ffaa00);
}
@media (min-width: 750px) {
  .c-text-diagonal__container {
    padding: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal__container {
    padding: 5px 30px;
  }
}
.c-text-diagonal__inner {
  display: inline-block;
  transform: skewX(20deg);
}
.c-text-diagonal--02 {
  font-size: calc(100vw * ( 28 / 750 ));
}
@media (min-width: 750px) {
  .c-text-diagonal--02 {
    font-size: calc(100vw * ( 22 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal--02 {
    font-size: 22px;
  }
}
.c-text-diagonal--02 .c-text-diagonal {
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-text-diagonal--02 .c-text-diagonal {
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal--02 .c-text-diagonal {
    font-size: 20px;
  }
}
.c-text-diagonal--02 .c-text-diagonal__container {
  padding: calc(100vw * ( 10 / 750 )) calc(100vw * ( 25 / 750 )) calc(100vw * ( 5 / 750 ));
}
@media (min-width: 750px) {
  .c-text-diagonal--02 .c-text-diagonal__container {
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 25 / 1440 )) calc(100vw * ( 5 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal--02 .c-text-diagonal__container {
    padding: 10px 25px 5px;
  }
}
.c-text-diagonal--02 .c-text-diagonal__number {
  font-family: "Roboto", sans-serif;
  font-size: calc(100vw * ( 36 / 750 ));
  line-height: 1;
}
@media (min-width: 750px) {
  .c-text-diagonal--02 .c-text-diagonal__number {
    font-size: calc(100vw * ( 36 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal--02 .c-text-diagonal__number {
    font-size: 36px;
  }
}
.c-text-diagonal--03 {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  font-weight: normal;
}
@media (min-width: 750px) {
  .c-text-diagonal--03 {
    font-size: calc(100vw * ( 22 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal--03 {
    font-size: 22px;
  }
}
.c-text-diagonal--03 .c-text-diagonal__container {
  padding: calc(100vw * ( 5 / 750 )) calc(100vw * ( 34 / 750 ));
  background-image: linear-gradient(90deg, #0088cc, #18adad);
}
@media (min-width: 750px) {
  .c-text-diagonal--03 .c-text-diagonal__container {
    padding: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 34 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-text-diagonal--03 .c-text-diagonal__container {
    padding: 5px 34px;
  }
}

body.dark .c-text-diagonal--03 .c-text-diagonal__container {
  background-image: linear-gradient(90deg, #7700b2, #cc14cc);
}

.c-box-simple {
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-top: calc(100vw * ( 9 / 750 ));
  background-color: #fff;
}
@media (min-width: 750px) {
  .c-box-simple {
    margin-top: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-simple {
    margin-top: 18px;
  }
}
.c-box-simple__heading {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100vw * ( 320 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .c-box-simple__heading {
    width: auto;
  }
}
.c-box-simple__inner {
  padding: calc(100vw * ( 30 / 750 ));
  position: relative;
}
@media (min-width: 750px) {
  .c-box-simple__inner {
    padding: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-simple__inner {
    padding: 50px;
  }
}
.c-box-simple--02 .c-box-simple__heading {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-box-simple--02 .c-box-simple__inner {
  padding: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-box-simple--02 .c-box-simple__inner {
    padding: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-simple--02 .c-box-simple__inner {
    padding: 20px;
  }
}

.c-box-tel {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.c-box-tel__logo {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin: 0;
  width: 30%;
}
@media (min-width: 750px) {
  .c-box-tel__logo {
    padding-top: calc(100vw * ( 16 / 1440 ));
    padding-left: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-tel__logo {
    padding-top: 16px;
    padding-left: 20px;
  }
}
.c-box-tel__logo img {
  width: calc(100vw * ( 160 / 750 ));
}
@media (min-width: 750px) {
  .c-box-tel__logo img {
    width: calc(100vw * ( 160 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-tel__logo img {
    width: 160px;
  }
}
.c-box-tel__info {
  width: 65%;
}
.c-box-tel__name {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 750px) {
  .c-box-tel__name {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-tel__name {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.c-box-tel__name > span {
  margin-top: calc(100vw * ( 4 / 750 ));
  font-weight: bold;
  color: #e55800;
  font-size: calc(100vw * ( 30 / 750 ));
  display: block;
}
@media (min-width: 750px) {
  .c-box-tel__name > span {
    margin-top: calc(100vw * ( 4 / 1440 ));
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-tel__name > span {
    margin-top: 4px;
    font-size: 20px;
  }
}
.c-box-tel__tel {
  margin-top: 0;
  margin-bottom: 0;
  color: #e55800;
  font-family: "Roboto", sans-serif;
  font-size: calc(100vw * ( 56 / 750 ));
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
@media (min-width: 750px) {
  .c-box-tel__tel {
    font-size: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-tel__tel {
    font-size: 50px;
  }
}
.c-box-tel__tel a.c-link-tel {
  color: #e55800;
  text-decoration: none;
}
.c-box-tel__tel a.c-link-tel:link, .c-box-tel__tel a.c-link-tel:visited {
  color: #e55800;
}
@media (min-width: 750px) {
  .c-box-tel__tel a.c-link-tel {
    pointer-events: none;
  }
}
.c-box-tel__icon {
  display: inline-block;
  margin-right: calc(100vw * ( 10 / 750 ));
  width: calc(100vw * ( 36 / 750 ));
  transform: translateY(calc(100vw * ( 2 / 750 )));
}
@media (min-width: 750px) {
  .c-box-tel__icon {
    margin-right: calc(100vw * ( 10 / 1440 ));
    width: calc(100vw * ( 46 / 1440 ));
    transform: translateY(calc(100vw * ( 5 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .c-box-tel__icon {
    margin-right: 10px;
    width: 46px;
    transform: translateY(5px);
  }
}
.c-box-tel__time {
  margin-top: calc(100vw * ( 20 / 750 ));
  margin-bottom: 0;
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .c-box-tel__time {
    margin-top: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-tel__time {
    margin-top: 20px;
    font-size: 14px;
  }
}

.c-box-notice__item {
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .c-box-notice__item {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-notice__item {
    padding: 20px 10px;
  }
}
.c-box-notice__item:not(:last-of-type) {
  border-bottom: 1px dotted #c2c9cc;
}
.c-box-notice__heading {
  position: relative;
  margin-top: 0;
  margin-bottom: calc(100vw * ( 20 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 22 / 750 ));
  font-weight: normal;
}
@media (min-width: 750px) {
  .c-box-notice__heading {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    padding-left: calc(100vw * ( 40 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-notice__heading {
    margin-bottom: 20px;
    padding-left: 40px;
    font-size: 16px;
  }
}
.c-box-notice__heading:before {
  content: "";
  position: absolute;
  top: calc(100vw * ( 8 / 750 ));
  left: 0;
  width: calc(100vw * ( 30 / 750 ));
  height: 2px;
  background-image: linear-gradient(90deg, #0088cc, #18adad);
}
@media (min-width: 750px) {
  .c-box-notice__heading:before {
    top: calc(100vw * ( 8 / 1440 ));
    width: calc(100vw * ( 30 / 1440 ));
    height: 2px;
  }
}
@media (min-width: 1440px) {
  .c-box-notice__heading:before {
    top: 8px;
    width: 30px;
  }
}
.c-box-notice__text p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .c-box-notice__text p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-notice__text p {
    font-size: 16px;
  }
}

body.dark .c-box-notice__heading {
  color: #7700b2;
}
body.dark .c-box-notice__heading:before {
  background-image: linear-gradient(90deg, #7700b2, #cc14cc);
}

.c-category {
  display: inline-block;
  color: #0f1419;
  font-size: calc(100vw * ( 20 / 750 ));
  font-weight: normal;
  line-height: 1.6;
}
@media (min-width: 750px) {
  .c-category {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-category {
    font-size: 16px;
  }
}
.c-category:link, .c-category:visited {
  color: #0f1419;
}

@media (min-width: 750px) {
  .c-box-col2 {
    display: flex;
    justify-content: space-between;
  }
}
.c-box-col2__img {
  margin: 0 0 calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .c-box-col2__img {
    margin-bottom: 0;
    width: 55.555%;
  }
}
.c-box-col2__img img {
  margin: 0;
}
@media (min-width: 750px) {
  .c-box-col2__info {
    width: 40%;
  }
}
.c-box-col2__button {
  margin-top: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .c-box-col2__button {
    margin-top: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-box-col2__button {
    margin-top: 40px;
  }
}
@media (min-width: 750px) {
  .c-box-col2--reverse {
    flex-direction: row-reverse;
  }
}
.c-ticket {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 43.596% 56.403%;
}
.c-ticket__text--a {
  box-sizing: border-box;
  grid-row: 1/2;
  grid-column: 1/2;
  padding: calc(100vw * ( 2 / 750 )) calc(100vw * ( 12 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 20 / 750 ));
  text-align: center;
  background-color: #0088cc;
}
@media (min-width: 750px) {
  .c-ticket__text--a {
    padding: calc(100vw * ( 2 / 1440 )) calc(100vw * ( 12 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ticket__text--a {
    padding: 2px 12px;
    font-size: 16px;
  }
}
.c-ticket__text--b {
  box-sizing: border-box;
  grid-row: 2/3;
  grid-column: 1/2;
  padding: calc(100vw * ( 2 / 750 )) calc(100vw * ( 12 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 20 / 750 ));
  text-align: center;
  background-image: linear-gradient(90deg, #ff9500, #ffaa00);
}
@media (min-width: 750px) {
  .c-ticket__text--b {
    padding: calc(100vw * ( 2 / 1440 )) calc(100vw * ( 12 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ticket__text--b {
    padding: 2px 12px;
    font-size: 16px;
  }
}
.c-ticket__price {
  box-sizing: border-box;
  grid-row: 1/3;
  grid-column: 2/3;
  padding: calc(100vw * ( 18 / 750 )) calc(100vw * ( 14 / 750 )) calc(100vw * ( 8 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 40 / 750 ));
  text-align: center;
  vertical-align: bottom;
  background-color: #f2f2f2;
}
@media (min-width: 750px) {
  .c-ticket__price {
    padding: calc(100vw * ( 18 / 1440 )) calc(100vw * ( 14 / 1440 )) calc(100vw * ( 8 / 1440 ));
    font-size: calc(100vw * ( 24 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ticket__price {
    padding: 18px 14px 8px;
    font-size: 24px;
  }
}
.c-ticket__price__num {
  font-family: "Roboto", sans-serif;
  font-size: calc(100vw * ( 72 / 750 ));
  line-height: 1;
}
@media (min-width: 750px) {
  .c-ticket__price__num {
    font-size: calc(100vw * ( 43 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ticket__price__num {
    font-size: 43px;
  }
}
.c-ticket__price__tax {
  display: inline-block;
  margin-left: calc(100vw * ( 6 / 750 ));
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 1;
  writing-mode: vertical-rl;
}
@media (min-width: 750px) {
  .c-ticket__price__tax {
    margin-left: calc(100vw * ( 6 / 1440 ));
    font-size: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ticket__price__tax {
    margin-left: 6px;
    font-size: 12px;
  }
}

body.dark .c-ticket__text--a {
  background-color: #7700b2;
}
body.dark .c-ticket__price {
  color: #7700b2;
}

.c-modal-box__container {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 100vw * ( 120 / 750 ));
  box-shadow: 0 0 calc(100vw * ( 60 / 750 )) rgba(0, 0, 0, 0.2);
  overflow: auto;
}
@media (min-width: 750px) {
  .c-modal-box__container {
    max-height: calc(100vh - 100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-modal-box__container {
    max-height: calc(100vh - 120px);
  }
}
.c-modal-box__inner {
  padding: calc(100vw * ( 30 / 750 ));
  background-color: #fff;
}
@media (min-width: 750px) {
  .c-modal-box__inner {
    padding: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-modal-box__inner {
    padding: 30px;
  }
}

@media (min-width: 750px) {
  .c-modal-list {
    width: calc(100vw * ( 560 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-modal-list {
    width: 560px;
  }
}

.c-ttl {
  width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
  z-index: 3;
}
.c-ttl__ttl, .c-ttl__ttl--large {
  display: block;
  margin: 0 auto;
  height: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .c-ttl__ttl, .c-ttl__ttl--large {
    height: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ttl__ttl, .c-ttl__ttl--large {
    height: 80px;
  }
}
.c-ttl__ttl > img, .c-ttl__ttl--large > img {
  height: 100%;
}
.c-ttl__ttl--large {
  height: calc(100vw * ( 178 / 750 ));
}
@media (min-width: 750px) {
  .c-ttl__ttl--large {
    height: calc(100vw * ( 178 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ttl__ttl--large {
    height: 178px;
  }
}
.c-ttl__txt {
  display: block;
  position: absolute;
  left: 50%;
  font-weight: normal;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  transform: skew(-20deg) translateX(-50%);
  bottom: calc(-100vw * ( 15 / 750 ));
  padding: calc(100vw * ( 5 / 750 )) calc(100vw * ( 18 / 750 ));
  font-size: calc(100vw * ( 24 / 750 ));
}
@media (min-width: 750px) {
  .c-ttl__txt {
    bottom: calc(-100vw * ( 15 / 1440 ));
    padding: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 18 / 1440 ));
    font-size: calc(100vw * ( 22 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ttl__txt {
    bottom: -15px;
    padding: 5px 18px;
    font-size: 22px;
  }
}
.c-ttl__txt > span {
  display: block;
  transform: skew(20deg);
  white-space: nowrap;
}
.c-ttl__txt--light-bl {
  background: #0f1419;
  color: #fff;
}
.c-ttl__txt--light-grad {
  background-image: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  color: #fff;
}
.c-ttl--ja, .c-ttl--ja-green, .c-ttl--ja-orange, .c-ttl--ja-white {
  width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
  font-size: calc(100vw * ( 52 / 750 ));
  font-feature-settings: "palt";
  line-height: 1.4em;
}
@media (min-width: 750px) {
  .c-ttl--ja, .c-ttl--ja-green, .c-ttl--ja-orange, .c-ttl--ja-white {
    font-size: calc(100vw * ( 48 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-ttl--ja, .c-ttl--ja-green, .c-ttl--ja-orange, .c-ttl--ja-white {
    font-size: 4.8rem;
  }
}
.c-ttl--ja-white {
  color: #fff;
}
.c-ttl--ja-orange {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.c-ttl--ja-green {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

body.dark .c-ttl__ttl > img, body.dark .c-ttl__ttl--large > img {
  height: 262.5%;
  margin-top: calc(-100vw * ( 76 / 750 ));
}
@media (min-width: 750px) {
  body.dark .c-ttl__ttl > img, body.dark .c-ttl__ttl--large > img {
    margin-top: calc(-100vw * ( 76 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .c-ttl__ttl > img, body.dark .c-ttl__ttl--large > img {
    margin-top: -76px;
  }
}
body.dark .c-ttl__ttl--large > img {
  height: 179.7752808989%;
  margin-top: calc(-100vw * ( 88 / 750 ));
}
@media (min-width: 750px) {
  body.dark .c-ttl__ttl--large > img {
    margin-top: calc(-100vw * ( 88 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .c-ttl__ttl--large > img {
    margin-top: -88px;
  }
}
body.dark .c-ttl__txt--dark-bl {
  background: #1a171a;
  color: #fff;
}
body.dark .c-ttl__txt--dark-wh {
  background: #fff;
  color: #000;
}
body.dark .c-ttl__txt--dark-grad {
  background-image: linear-gradient(90deg, #7700b2, #b20095);
  color: #fff;
}
body.dark .c-ttl__txt--dark-grad-or {
  background-image: linear-gradient(90deg, #ff9500, #ffaa00);
  color: #fff;
}

.c-modal {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  z-index: 9000;
  opacity: 0;
  transition: all 0.2s ease;
}
.c-modal.is-open {
  opacity: 1;
}
.c-modal.is-open .c-modal__content {
  transform: scale(1) translate(-50%, -50%);
}
.c-modal.is-close {
  opacity: 0;
}
.c-modal.is-close .c-modal__content {
  transform: scale(0.9) translate(-50%, -50%);
}
.c-modal__hidden {
  display: none;
}
.c-modal__content {
  width: calc(100% - 100vw * ( 40 / 750 ) * 2);
  top: 50%;
  left: 50%;
  background: #fff;
  box-shadow: 0 0 calc(100vw * ( 30 / 750 )) 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  position: absolute;
  transform-origin: 0% 0%;
  transform: scale(1.1) translate(-50%, -50%);
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .c-modal__content {
    width: 80%;
    box-shadow: 0 0 calc(100vw * ( 30 / 1440 )) 0 rgba(0, 0, 0, 0.06);
  }
}
@media (min-width: 1440px) {
  .c-modal__content {
    width: 100%;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
  }
}
.c-modal__content--history {
  padding: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .c-modal__content--history {
    width: auto;
    max-width: calc(100vw * ( 860 / 1440 ));
    padding: calc(100vw * ( 30 / 1440 ));
    display: inline-block;
  }
}
@media (min-width: 1440px) {
  .c-modal__content--history {
    max-width: 860px;
    padding: 30px;
  }
}
.c-modal__inner {
  position: relative;
  overflow: hidden;
}
.c-modal__flex {
  position: relative;
}
@media (min-width: 750px) {
  .c-modal__flex {
    gap: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 ));
    display: flex;
  }
}
@media (min-width: 1440px) {
  .c-modal__flex {
    gap: 20px 20px;
  }
}
.c-modal__img {
  width: 100%;
  margin: 0;
  text-align: center;
}
@media (min-width: 750px) {
  .c-modal__img {
    width: 100%;
    text-align: left;
    flex: 1;
  }
}
@media (min-width: 1440px) {
  .c-modal__img {
    width: 100%;
  }
}
.c-modal__img > img {
  max-height: calc(100vw * ( 900 / 1440 ));
  display: block;
}
@media (min-width: 750px) {
  .c-modal__img > img {
    max-height: calc(100vw * ( 480 / 1440 ));
    display: inline;
  }
}
@media (min-width: 1440px) {
  .c-modal__img > img {
    max-height: 480px;
  }
}
.c-modal__txt {
  margin-top: calc(100vw * ( 30 / 750 ));
  padding: calc(100vw * ( 30 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 0 / 750 )) calc(100vw * ( 20 / 750 ));
  border-top: #cccccc calc(100vw * ( 1 / 750 )) dotted;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .c-modal__txt {
    max-width: calc(100vw * ( 300 / 1440 ));
    margin-top: 0;
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 ));
    border-top: none;
    flex: 1;
  }
}
@media (min-width: 1440px) {
  .c-modal__txt {
    max-width: 300px;
    padding: 10px 10px 10px 20px;
  }
}
.c-modal__txt > * {
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .c-modal__txt > * {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-modal__txt > * {
    font-size: 16px;
  }
}
.c-modal__txt > *:first-child {
  margin-top: 0;
}
.c-modal__txt > *:last-child {
  margin-bottom: 0;
}
.c-modal__video {
  padding-top: 56.25%;
  position: relative;
}
.c-modal__video iframe {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.c-modal__mask {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
}
.c-modal__close {
  width: calc(100vw * ( 46 / 750 ));
  height: 0;
  top: calc(-100vw * ( 60 / 750 ));
  right: calc(100vw * ( 0 / 750 ));
  padding-top: calc(100vw * ( 46 / 750 ));
  background-color: transparent;
  background-image: url(/assets/images/common/icon-close.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}
@media (min-width: 750px) {
  .c-modal__close {
    width: calc(100vw * ( 46 / 1440 ));
    padding-top: calc(100vw * ( 46 / 1440 ));
    top: calc(-100vw * ( 60 / 1440 ));
    right: calc(-100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-modal__close {
    width: 46px;
    padding-top: 46px;
    top: -60px;
    right: -60px;
  }
}

.c-main--image {
  width: 100%;
  height: calc(100vw * ( 900 / 750 ));
  margin-top: calc(-1.6em - 100vw * ( 56 / 750 ));
  background: #666;
  overflow: hidden;
  position: relative;
}
@media (min-width: 750px) {
  .c-main--image {
    height: 50vw;
    margin-top: calc(-1.6em - 100vw * ( 48 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main--image {
    max-height: 800px;
    margin-top: calc(-1.6em - 48px);
  }
}
.c-main__bg {
  width: 100%;
  height: 100%;
}
.c-main__bg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-main__bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  background: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.4)), url(../images/common/bg-mask-video.png) repeat left top;
  mix-blend-mode: multiply;
}
.c-main__txtBox {
  transform: translateX(-50%);
  width: 100%;
  left: 50%;
  bottom: 0;
  max-width: 1080px;
  padding: 0 calc(100vw * ( 40 / 750 ));
  color: #fff;
  position: absolute;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .c-main__txtBox {
    padding: 0 calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main__txtBox {
    padding: 0 60px;
  }
}
.c-main__label, .c-main__label--green, .c-main__label--orange {
  margin-bottom: calc(100vw * ( 20 / 750 ));
  font-size: calc(100vw * ( 30 / 750 ));
  font-weight: normal;
  display: inline-block;
  transform: skewX(-20deg);
}
@media (min-width: 750px) {
  .c-main__label, .c-main__label--green, .c-main__label--orange {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main__label, .c-main__label--green, .c-main__label--orange {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}
.c-main__label > span, .c-main__label--green > span, .c-main__label--orange > span {
  padding: 0.3em 1em;
  transform: skewX(20deg);
  display: block;
}
.c-main__label--orange {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  color: #fff;
}
.c-main__label--green {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
  color: #fff;
}
.c-main__copy {
  margin-bottom: calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 38 / 750 ));
  line-height: 1.4em;
  display: block;
}
@media (min-width: 750px) {
  .c-main__copy {
    margin-bottom: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 38 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main__copy {
    margin-bottom: 10px;
    font-size: 3.8rem;
  }
}
.c-main__sub {
  margin-bottom: calc(100vw * ( 40 / 750 ));
  display: block;
}
@media (min-width: 750px) {
  .c-main__sub {
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main__sub {
    margin-bottom: 40px;
  }
}
.c-main__btn {
  width: calc(100vw * ( 440 / 750 ));
}
@media (min-width: 750px) {
  .c-main__btn {
    width: calc(100vw * ( 340 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-main__btn {
    width: 340px;
  }
}

.c-section {
  position: relative;
}
.c-section--skewR {
  transform: skewY(-5deg);
}
.c-section--skewR .c-section__inner {
  transform: skewY(5deg);
}
.c-section--skewL {
  transform: skewY(5deg);
}
.c-section--skewL .c-section__inner {
  transform: skewY(-5deg);
}
.c-section__inner {
  padding-top: calc(100vw * ( 120 / 750 ));
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .c-section__inner {
    padding-top: calc(100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .c-section__inner {
    padding-top: 120px;
  }
}
.c-section--white {
  background: #fff;
}
.c-section--gray {
  background: #f2f2f2;
}
.c-section--grad-orange {
  background-color: #e00100;
  background-image: radial-gradient(farthest-corner at 0% 100%, #eaad05, transparent 70%), radial-gradient(farthest-corner at 100% 0%, #eaad05, transparent 70%);
}
.c-section--grad-green {
  background-color: #199901;
  background-image: radial-gradient(farthest-corner at 0% 100%, #9ecb00, transparent 70%), radial-gradient(farthest-corner at 100% 0%, #2cae38, transparent 70%);
}

body.dark .c-section--white {
  background: #000;
}
body.dark .c-section--gray {
  background: #1a171a;
}
/* ==============================================
 *
 * Home
 *
** ============================================== */
@media (min-width: 750px) {
  .p-home--bg-video {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 72.9166666667vw;
    background: #aaa;
  }
}
@media (min-width: 1440px) {
  .p-home--bg-video {
    height: calc(56.25vw + 240px);
  }
}
.p-home--bg-video__box {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
}
@media (min-width: 750px) {
  .p-home--bg-video__box {
    display: block;
  }
}
.p-home--bg-video__box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url("/assets/images/common/bg-mask-video.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 2px 2px;
  overflow: hidden;
  z-index: 3;
}
.p-home--bg-video__box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.p-home--bg-video__box video {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
  min-height: 100%;
  min-width: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: -1;
}
.p-home--bg-video__box img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.p-home--mv {
  height: calc(100vw * ( 1160 / 750 ));
  position: relative;
  background-color: #fff;
  z-index: 1;
}
@media (min-width: 750px) {
  .p-home--mv {
    height: 56.25vw;
    min-height: calc(100vw * ( 600 / 1440 ));
    max-height: 90vh;
    background-color: transparent;
  }
}
@media (min-width: 1440px) {
  .p-home--mv {
    min-height: 600px;
  }
}
.p-home--mv:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(100vw * ( 1200 / 750 ));
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url("/assets/images/pages/home/bg-mv-sp.webp");
  background-size: 100% auto;
}
@media (min-width: 750px) {
  .p-home--mv:before {
    display: none;
    background-image: none;
  }
}
.p-home--mv__video {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
@media (min-width: 750px) {
  .p-home--mv__video {
    display: block;
    height: calc(100vw * ( 1040 / 1440 ));
    background-image: none;
  }
}
@media (min-width: 1440px) {
  .p-home--mv__video {
    height: 1040px;
  }
}
.p-home--mv__video:before, .p-home--mv__video:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 4;
}
.p-home--mv__video:before {
  left: 0;
  border-width: calc(100vw * ( 570 / 1440 )) 0 0 calc(100vw * ( 50 / 1440 ));
  border-color: transparent transparent transparent #fff;
}
.p-home--mv__video:after {
  right: 0;
  border-width: 0 0 calc(100vw * ( 260 / 1440 )) 100vw;
  border-color: transparent transparent #fff transparent;
}
.p-home--mv__video__inner {
  display: block;
}
@media (min-width: 750px) {
  .p-home--mv__video__inner {
    width: 100%;
    height: 100%;
  }
}
.p-home--mv__video__inner:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 750px) {
  .p-home--mv__video__inner:before {
    background-color: #fff;
  }
}
.p-home--mv__video__box {
  position: absolute;
  top: 0;
  left: 50%;
  aspect-ratio: 16/9;
  height: 100%;
  transform: translateX(-50%);
}
.p-home--mv__video__box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.p-home--mv__content {
  position: absolute;
  z-index: 5;
  width: 100%;
  bottom: calc(100vw * ( 440 / 750 ));
}
@media (min-width: 750px) {
  .p-home--mv__content {
    bottom: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__content {
    bottom: 10px;
  }
}
.p-home--mv__content__top {
  box-sizing: border-box;
  padding-left: calc(100vw * ( 30 / 750 ));
  padding-right: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .p-home--mv__content__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-left: 2.7777777778vw;
    padding-right: 2.0833333333vw;
  }
}
@media (min-width: 1440px) {
  .p-home--mv__content__top {
    padding-left: 40px;
    padding-right: 30px;
  }
}
.p-home--mv__banner {
  display: none;
}
@media (min-width: 750px) {
  .p-home--mv__banner {
    display: block;
    padding-top: calc(100vw * ( 38 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__banner {
    padding-top: 38px;
  }
}
.p-home--mv__banner__item {
  display: block;
}
@media (min-width: 750px) {
  .p-home--mv__banner__item {
    width: calc(100vw * ( 340 / 1440 ));
    margin-top: calc(100vw * ( 6 / 750 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__banner__item {
    width: 340px;
    margin-top: 6px;
  }
}
.p-home--mv__banner__item > img {
  display: block;
}
.p-home--mv__slide-box {
  position: relative;
  box-sizing: border-box;
  margin-bottom: calc(100vw * ( 120 / 750 ));
  padding-left: calc(100vw * ( 50 / 750 ));
  padding-right: calc(100vw * ( 50 / 750 ));
  width: 100%;
}
@media (min-width: 750px) {
  .p-home--mv__slide-box {
    margin-bottom: 0;
    padding-left: calc(100vw * ( 30 / 1440 ));
    padding-right: calc(100vw * ( 30 / 1440 ));
    width: calc(100vw * ( 540 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__slide-box {
    padding-left: 30px;
    padding-right: 30px;
    width: 540px;
  }
}
.p-home--mv__slider {
  box-sizing: border-box;
  border: calc(100vw * ( 10 / 750 )) solid #fff;
  background: #fff;
}
@media (min-width: 750px) {
  .p-home--mv__slider {
    width: calc(100vw * ( 480 / 1440 ));
    border-width: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__slider {
    width: 480px;
    border-width: 10px;
  }
}
.p-home--mv__slider__inner.slick-dotted.slick-slider {
  margin-bottom: 0;
}
@media (min-width: 750px) {
  .p-home--mv__slider__inner .slick-prev {
    left: calc(-100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__slider__inner .slick-prev {
    left: -40px;
  }
}
@media (min-width: 750px) {
  .p-home--mv__slider__inner .slick-next {
    right: calc(-100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__slider__inner .slick-next {
    right: -40px;
  }
}
.p-home--mv__slider__inner .slick-dots {
  top: calc(100% + 100vw * ( 36 / 750 ));
  bottom: auto;
}
@media (min-width: 750px) {
  .p-home--mv__slider__inner .slick-dots {
    top: auto;
    bottom: calc(100% + 100vw * ( 24 / 1440 ));
    left: calc(-100vw * ( 10 / 1440 ) - 5px);
    width: calc(100% + 100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__slider__inner .slick-dots {
    bottom: calc(100% + 24px);
    left: -15px;
    width: calc(100% + 20px);
  }
}
.p-home--mv__scroll {
  display: none;
}
@media (min-width: 750px) {
  .p-home--mv__scroll {
    display: block;
    position: absolute;
    bottom: calc(100vw * ( 120 / 1440 ));
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
}
@media (min-width: 1440px) {
  .p-home--mv__scroll {
    bottom: 120px;
  }
}
@media (min-width: 750px) {
  .p-home--mv__scroll__text {
    margin-top: 0;
    margin-bottom: calc(100vw * ( 24 / 1440 ));
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: calc(100vw * ( 13 / 1440 ));
    line-height: 1.2;
  }
}
@media (min-width: 1440px) {
  .p-home--mv__scroll__text {
    margin-bottom: 24px;
    font-size: 13px;
  }
}
@media (min-width: 750px) {
  .p-home--mv__scroll__bar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw * ( 12 / 1440 ));
    height: calc(100vw * ( 600 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__scroll__bar {
    width: 12px;
    height: 600px;
  }
}
.p-home--mv__scroll__bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50% 50%;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.p-home--mv__scroll__bar > span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
@media (min-width: 750px) {
  .p-home--mv__scroll__bar > span {
    width: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__scroll__bar > span {
    width: 12px;
  }
}
.p-home--mv__scroll__bar > span:before, .p-home--mv__scroll__bar > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-radius: 50% 50%;
  transform: translate(-50%, -50%);
  animation: moveCircle 1.6s ease-in-out infinite, fadeCircle 1.6s ease-out infinite;
}
.p-home--mv__scroll__bar > span:before {
  background-color: #fff;
}
@media (min-width: 750px) {
  .p-home--mv__scroll__bar > span:before {
    width: calc(100vw * ( 6 / 1440 ));
    height: calc(100vw * ( 6 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__scroll__bar > span:before {
    width: 6px;
    height: 6px;
  }
}
.p-home--mv__scroll__bar > span:after {
  border: 1px solid #fff;
}
@media (min-width: 750px) {
  .p-home--mv__scroll__bar > span:after {
    width: calc(100vw * ( 12 / 1440 ));
    height: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--mv__scroll__bar > span:after {
    width: 12px;
    height: 12px;
  }
}

.p-home--characters {
  position: relative;
  z-index: 2;
  margin-top: calc(-100vw * ( 460 / 750 ));
}
@media (min-width: 750px) {
  .p-home--characters {
    margin-top: calc(100vw * ( 0 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--characters {
    margin-top: 0px;
  }
}
.p-home--characters__slider__item {
  height: calc(100vw * ( 280 / 750 ));
}
@media (min-width: 750px) {
  .p-home--characters__slider__item {
    height: calc(100vw * ( 290 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--characters__slider__item {
    height: 290px;
  }
}
.p-home--characters__slider__item a {
  transition: all 0.2s ease;
}
.p-home--characters__slider__item a:hover img {
  transform: scale(1.08);
}
.p-home--characters__slider__item img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  transition: all 0.2s ease;
}
.p-home--characters__slider .slick-list {
  overflow: unset;
}

.p-home--main-sponsor {
  position: relative;
  z-index: 2;
  padding-top: calc(100vw * ( 50 / 750 ));
  background-color: #fff;
}
@media (min-width: 750px) {
  .p-home--main-sponsor {
    padding-top: calc(100vw * ( 40 / 1440 ));
    padding-bottom: calc(100vw * ( 40 / 1440 ));
    background-color: transparent;
  }
}
@media (min-width: 1440px) {
  .p-home--main-sponsor {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.p-home--event {
  position: relative;
  z-index: 1;
  background: linear-gradient(225deg, rgba(50, 201, 254, 0.8), rgba(50, 201, 254, 0) 70%), linear-gradient(135deg, rgba(0, 81, 223, 0.8), rgba(0, 81, 223, 0) 70%), linear-gradient(45deg, rgba(23, 172, 173, 0.8), rgba(23, 172, 173, 0) 70%), linear-gradient(315deg, rgba(45, 151, 228, 0.8), rgba(45, 151, 228, 0) 70%);
}
@media (min-width: 750px) {
  .p-home--event {
    background-image: url("/assets/images/pages/home/bg-event.webp");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }
}
.p-home--event:before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100vw calc(100vw * ( 66 / 750 )) 0;
  border-color: transparent #fff transparent transparent;
}
@media (min-width: 750px) {
  .p-home--event:before {
    border-width: 0 100vw calc(100vw * ( 132 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-home--event:before {
    border-width: 0 100vw 132px 0;
  }
}
.p-home--event__inner {
  padding-top: calc(100vw * ( 140 / 750 ));
  padding-bottom: 8.75vw;
}
@media (min-width: 750px) {
  .p-home--event__inner {
    padding-top: calc(100vw * ( 142 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--event__inner {
    padding-top: 142px;
  }
}
.p-home--event__header {
  position: relative;
  z-index: 3;
  height: calc(100vw * ( 140 / 750 ));
}
@media (min-width: 750px) {
  .p-home--event__header {
    height: calc(100vw * ( 118 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--event__header {
    height: 118px;
  }
}
.p-home--event__header .c-ttl__ttl {
  height: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-home--event__header .c-ttl__ttl {
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--event__header .c-ttl__ttl {
    height: 100px;
  }
}
.p-home--event__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 426 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-home--event__heading {
    width: calc(100vw * ( 426 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--event__heading {
    width: 426px;
  }
}
.p-home--event__content {
  box-sizing: border-box;
  position: relative;
  margin-top: calc(-100vw * ( 42 / 750 ));
  margin-bottom: calc(100vw * ( 120 / 750 ));
  padding: calc(100vw * ( 60 / 750 )) calc(100vw * ( 40 / 750 ));
  min-height: calc(100vw * ( 750 / 750 ));
  background-color: #fff;
  z-index: 2;
}
@media (min-width: 750px) {
  .p-home--event__content {
    margin-top: calc(-100vw * ( 26 / 1440 ));
    margin-bottom: calc(100vw * ( 60 / 1440 ));
    margin-left: auto;
    margin-right: auto;
    padding: calc(100vw * ( 40 / 1440 ));
    width: calc(100vw * ( 1000 / 1440 ));
    min-height: calc(100vw * ( 860 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--event__content {
    margin-top: -26px;
    margin-bottom: 60px;
    padding: 40px;
    width: 1000px;
    min-height: 860px;
  }
}
.p-home--event__content .c-calendar {
  position: relative;
  z-index: 1;
}
.p-home--event__content .c-calendar__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-home--event__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.p-home--event__bg__character {
  position: absolute;
  bottom: calc(-100vw * ( 30 / 750 ));
  right: calc(-100vw * ( 130 / 750 ));
  width: calc(100vw * ( 500 / 750 ));
}
@media (min-width: 750px) {
  .p-home--event__bg__character {
    bottom: 0;
    right: auto;
    left: calc(50% + 100vw * ( 220 / 1440 ));
    width: calc(100vw * ( 500 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--event__bg__character {
    left: calc(50% + 220px);
    width: 500px;
  }
}

.p-home--news {
  position: relative;
  margin-top: -4.375vw;
  background-color: #cee3f2;
  z-index: 3;
  transform: skewY(5deg);
  /*
  &:before {
      content: "";
      position: absolute;
      top: 1px;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: size-sp(66) 0 0 100vw;
      border-color: transparent transparent transparent $color_skyblue03;

      @include for-size(tablet-portrait-up) {
          top: 0;
          border-width: size-tablet(126) 0 0 100vw;
      }

      @include for-size(desktop-up) {
          border-width: 126px 0 0 100vw;
      }
  }
      */
}
.p-home--news__inner {
  position: relative;
  padding-top: calc(100vw * ( 1 / 750 ));
  padding-bottom: 17.5vw;
  z-index: 1;
  transform: skewY(-5deg);
}
@media (min-width: 750px) {
  .p-home--news__inner {
    padding-top: calc(100vw * ( 1 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__inner {
    padding-top: 1px;
  }
}
.p-home--news__header {
  position: relative;
  margin-top: calc(-100vw * ( 33 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__header {
    margin-top: calc(-100vw * ( 17 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__header {
    margin-top: -17px;
  }
}
.p-home--news__header .c-ttl__ttl {
  height: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__header .c-ttl__ttl {
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__header .c-ttl__ttl {
    height: 100px;
  }
}
.p-home--news__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 302 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-home--news__heading {
    width: calc(100vw * ( 302 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__heading {
    width: 302px;
  }
}
.p-home--news__content {
  margin-top: calc(-100vw * ( 56 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__content {
    margin-top: calc(-100vw * ( 48 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__content {
    margin-top: -48px;
  }
}
.p-home--news__content__inner {
  box-sizing: border-box;
  padding: calc(100vw * ( 116 / 750 )) calc(100vw * ( 40 / 750 )) 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(100vw * ( 126 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__content__inner {
    display: flex;
    justify-content: space-between;
    padding: calc(100vw * ( 100 / 1440 )) 0 calc(100vw * ( 70 / 1440 ));
    margin-bottom: 0;
    width: calc(100vw * ( 1200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__content__inner {
    padding: 100px 0 70px;
    width: 1200px;
  }
}
.p-home--news__news-list {
  margin-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__news-list {
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .p-home--news__news-list {
    width: 100%;
  }
}
.p-home--news__news-list__button {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  text-align: center;
}
@media (min-width: 750px) {
  .p-home--news__news-list__button {
    margin-top: calc(100vw * ( 20 / 1440 ));
    width: calc(100vw * ( 308 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__news-list__button {
    margin-top: 20px;
    width: 308px;
  }
}
.p-home--news__twitter {
  position: relative;
  width: 100%;
}
@media (min-width: 750px) {
  .p-home--news__twitter {
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__twitter {
    width: 400px;
  }
}
.p-home--news__twitter__header {
  position: relative;
}
@media (min-width: 750px) {
  .p-home--news__twitter__header {
    position: absolute;
    top: calc(-100vw * ( 20 / 1440 ));
    right: calc(-100vw * ( 40 / 1440 ));
    width: 0;
  }
}
@media (min-width: 1440px) {
  .p-home--news__twitter__header {
    top: -20px;
    right: -40px;
  }
}
.p-home--news__twitter__header .c-ttl__ttl {
  height: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__twitter__header .c-ttl__ttl {
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--news__twitter__header .c-ttl__ttl {
    height: 100px;
  }
}
.p-home--news__twitter__heading {
  margin: 0 auto;
  width: calc(100vw * ( 368 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__twitter__heading {
    width: calc(100vw * ( 231 / 1440 ));
    transform: rotate(90deg);
    transform-origin: top left;
  }
}
@media (min-width: 1440px) {
  .p-home--news__twitter__heading {
    width: 231px;
  }
}
.p-home--news__twitter__content {
  position: relative;
  margin-top: calc(-100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-home--news__twitter__content {
    margin-top: 0;
  }
}
.p-home--news__twitter__content .twitter-timeline iframe {
  height: calc(100vw * ( 848 / 750 )) !important;
}
@media (min-width: 750px) {
  .p-home--news__twitter__content .twitter-timeline iframe {
    height: calc(100vw * ( 848 / 1440 )) !important;
  }
}
@media (min-width: 1440px) {
  .p-home--news__twitter__content .twitter-timeline iframe {
    height: 848px !important;
  }
}
.p-home--story {
  position: relative;
  z-index: 3;
  margin-top: -8.75vw;
  padding-top: calc(100vw * ( 1 / 750 ));
  background-color: #fff;
  /*
  &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: size-sp(80) 120vw 0 0;
      border-color: $color_skyblue03 transparent transparent transparent;

      @include for-size(tablet-portrait-up) {
          border-width: size-tablet(147) 100vw 0 0;
      }

      @include for-size(desktop-up) {
          border-width: 147px 100vw 0 0;
      }
  }
  */
}
@media (min-width: 750px) {
  .p-home--story {
    padding-top: calc(100vw * ( 1 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--story {
    padding-top: 1px;
  }
}
.p-home--story::before {
  content: "";
  position: absolute;
  top: -8.75vw;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: calc(100vw * ( 566 / 750 ));
  background-image: url("/assets/images/pages/home/bg-story-sp.webp");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
@media (min-width: 750px) {
  .p-home--story::before {
    padding-top: calc(100vw * ( 552 / 1440 ));
    background-image: url("/assets/images/pages/home/bg-story.webp");
  }
}
.p-home--story__inner {
  position: relative;
  z-index: 1;
  margin-top: calc(-100vw * ( 80 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-home--story__inner {
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(-100vw * ( 80 / 1440 ));
    padding-bottom: 0;
    width: calc(100vw * ( 1090 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--story__inner {
    width: 1090px;
    margin-top: calc(-4.375vw - 17px);
  }
}
.p-home--story__header {
  position: relative;
  margin-bottom: calc(100vw * ( 60 / 750 ));
  height: calc(100vw * ( 140 / 750 ));
}
@media (min-width: 750px) {
  .p-home--story__header {
    margin-bottom: calc(100vw * ( 60 / 1440 ));
    height: calc(100vw * ( 118 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--story__header {
    margin-bottom: 60px;
    height: 118px;
  }
}
.p-home--story__header .c-ttl__ttl {
  height: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-home--story__header .c-ttl__ttl {
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--story__header .c-ttl__ttl {
    height: 100px;
  }
}
.p-home--story__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 348 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-home--story__heading {
    width: calc(100vw * ( 348 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--story__heading {
    width: 348px;
  }
}
@media (min-width: 750px) {
  .p-home--story__content {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: calc(100vw * ( 70 / 1440 ));
    width: calc(100vw * ( 1040 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--story__content {
    padding-bottom: 70px;
    width: 1040px;
  }
}
@media (min-width: 750px) {
  .p-home--story__content .c-list-story__item:nth-of-type(4) {
    display: none;
  }
}
.p-home--story__content .c-list-story__item:nth-of-type(n+5) {
  display: none;
}
.p-home--story__bnr {
  text-align: center;
  margin-top: calc(100vw * ( 80 / 750 ));
  margin-bottom: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .p-home--story__bnr {
    margin-top: calc(100vw * ( 60 / 1440 ));
    margin-bottom: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--story__bnr {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.p-home--story__bnr > img {
  max-width: 100%;
}

.p-home--sponsor {
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, #e1f2fa, #cceeff);
}
@media (min-width: 750px) {
  .p-home--sponsor {
    background: none;
    background-color: #f0f3f5;
  }
}
.p-home--sponsor:before {
  content: "";
  position: absolute;
  top: calc(100vw * ( 0 / 750 ));
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(100vw * ( 66 / 750 )) 100vw 0 0;
  border-color: #fff transparent transparent transparent;
  z-index: 2;
}
@media (min-width: 750px) {
  .p-home--sponsor:before {
    top: 0;
    border-width: calc(100vw * ( 133 / 1440 )) 110vw 0 0;
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor:before {
    border-width: 133px 110vw 0 0;
  }
}
.p-home--sponsor:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vw * ( 13 / 750 ));
  background-color: #fff;
  z-index: 1;
}
@media (min-width: 750px) {
  .p-home--sponsor:after {
    top: auto;
    bottom: 0;
    height: calc(100vw * ( 1208 / 1440 ));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor:after {
    height: 1208px;
  }
}
.p-home--sponsor__inner {
  position: relative;
  padding-bottom: calc(100vw * ( 300 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  z-index: 2;
}
@media (min-width: 750px) {
  .p-home--sponsor__inner {
    padding-bottom: calc(100vw * ( 200 / 1440 ));
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__inner {
    padding-bottom: 200px;
  }
}
.p-home--sponsor__header {
  padding-bottom: calc(100vw * ( 63 / 750 ));
}
@media (min-width: 750px) {
  .p-home--sponsor__header {
    padding-top: calc(100vw * ( 54 / 1440 ));
    padding-bottom: calc(100vw * ( 64 / 1440 ));
    z-index: 5;
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__header {
    padding-bottom: 54px;
    padding-bottom: 64px;
  }
}
.p-home--sponsor__header .c-ttl__ttl {
  height: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-home--sponsor__header .c-ttl__ttl {
    height: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__header .c-ttl__ttl {
    height: 100px;
  }
}
.p-home--sponsor__heading {
  position: relative;
  margin: 0 auto;
  width: calc(100vw * ( 484 / 750 ));
  height: calc(100vw * ( 58 / 750 ));
}
@media (min-width: 750px) {
  .p-home--sponsor__heading {
    width: calc(100vw * ( 484 / 1440 ));
    height: calc(100vw * ( 118 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__heading {
    width: 484px;
    height: 118px;
  }
}
.p-home--sponsor__heading img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100vw * ( 484 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-home--sponsor__heading img {
    width: calc(100vw * ( 484 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__heading img {
    width: 484px;
  }
}
.p-home--sponsor__content {
  position: relative;
  z-index: 5;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 750px) {
  .p-home--sponsor__content {
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.p-home--sponsor__banner {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .p-home--sponsor__banner {
    width: calc(100vw * ( 804 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__banner {
    width: 804px;
  }
}
.p-home--sponsor__bg {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  width: 100%;
  height: calc(100vw * ( 260 / 750 ));
}
@media (min-width: 750px) {
  .p-home--sponsor__bg {
    top: 0;
    bottom: auto;
    left: auto;
    overflow: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.p-home--sponsor__bg__character {
  position: relative;
  z-index: 3;
}
@media (min-width: 750px) {
  .p-home--sponsor__bg__character {
    position: absolute;
    width: calc(100vw * ( 350 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__bg__character {
    width: 350px;
  }
}
.p-home--sponsor__bg__character--01 {
  display: none;
}
@media (min-width: 750px) {
  .p-home--sponsor__bg__character--01 {
    display: block;
    left: auto;
    right: calc(50% + 100vw * ( 285 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__bg__character--01 {
    right: calc(50% + 285px);
  }
}
.p-home--sponsor__bg__character--02 {
  display: none;
}
@media (min-width: 750px) {
  .p-home--sponsor__bg__character--02 {
    display: block;
    right: auto;
    left: calc(50% + 100vw * ( 260 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-home--sponsor__bg__character--02 {
    left: calc(50% + 260px);
  }
}
.p-home--sponsor__bg__character--03 {
  width: 100%;
}
@media (min-width: 750px) {
  .p-home--sponsor__bg__character--03 {
    display: none;
  }
}
/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .p-home--mv {
  background-color: #000;
}
@media (min-width: 750px) {
  body.dark .p-home--mv {
    background-color: transparent;
  }
}
body.dark .p-home--mv:before {
  background-image: url("/assets/images/pages/home/bg-mv-sp-dark.webp");
}
@media (min-width: 750px) {
  body.dark .p-home--mv:before {
    background-image: none;
  }
}
body.dark .p-home--mv__video:before {
  border-color: transparent transparent transparent #000;
}
body.dark .p-home--mv__video:after {
  border-color: transparent transparent #000 transparent;
}
@media (min-width: 750px) {
  body.dark .p-home--mv__video__inner:before {
    background-color: #000;
  }
}
body.dark .p-home--main-sponsor {
  background-color: #000;
}
body.dark .p-home--event {
  background: linear-gradient(225deg, rgba(203, 54, 50, 0.8), rgba(203, 54, 50, 0) 70%), linear-gradient(135deg, rgba(148, 19, 131, 0.8), rgba(148, 19, 131, 0) 70%), linear-gradient(45deg, rgba(215, 0, 125, 0.8), rgba(215, 0, 125, 0) 70%), linear-gradient(315deg, rgba(191, 0, 140, 0.8), rgba(191, 0, 140, 0) 70%);
}
@media (min-width: 750px) {
  body.dark .p-home--event {
    background-image: url("/assets/images/pages/home/bg-event-dark.webp");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }
}
body.dark .p-home--event:before {
  border-color: transparent #000 transparent transparent;
}
body.dark .p-home--news {
  background-color: #000;
}
body.dark .p-home--news:before {
  border-color: transparent transparent transparent #000;
}
body.dark .p-home--news__content__inner {
  padding-bottom: 0;
  margin-bottom: calc(100vw * ( 110 / 750 ));
}
@media (min-width: 750px) {
  body.dark .p-home--news__content__inner {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  body.dark .p-home--news__content__inner {
    padding-bottom: 70px;
  }
}
@media (min-width: 750px) {
  body.dark .p-home--news__twitter__header {
    right: calc(-100vw * ( 55 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .p-home--news__twitter__header {
    right: -55px;
  }
}
body.dark .p-home--story {
  background-color: #000;
}
body.dark .p-home--story:before {
  background-image: url("/assets/images/pages/home/bg-story-sp-dark.webp");
}
@media (min-width: 750px) {
  body.dark .p-home--story:before {
    background-image: url("/assets/images/pages/home/bg-story-dark.webp");
  }
}
body.dark .p-home--sponsor {
  background-color: #1a191a;
  background: #1a191a none;
}
body.dark .p-home--sponsor:before {
  border-color: #000 transparent transparent transparent;
}
body.dark .p-home--sponsor:after {
  background-color: #1a191a;
}

/* ==============================================
 *
 * 遷移アニメーション Page Transition Animation
 *
** ============================================== */
.splash {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.splash__mask {
  display: block;
  position: absolute;
  left: 0;
  margin-left: -9.0957446809vh;
  width: calc(100vw + 18.1914893617vh);
  height: calc(50vh + 1px);
  background: #fff;
  transform: skewX(-20deg);
}
.splash__mask--01 {
  top: 0;
}
.splash__mask--02 {
  bottom: 0;
}
.splash__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100vw * ( 200 / 750 ));
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (min-width: 750px) {
  .splash__logo {
    width: calc(100vw * ( 277 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .splash__logo {
    width: 277px;
  }
}
.splash__mode_logo {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90vw;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .splash__mode_logo {
    width: calc(100vw * ( 277 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .splash__mode_logo {
    width: 277px;
  }
}
.splash__mode_logo--dark {
  width: calc(100vw * ( 114 / 750 ));
  z-index: 20;
}
@media (min-width: 750px) {
  .splash__mode_logo--dark {
    width: calc(100vw * ( 114 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .splash__mode_logo--dark {
    width: 114px;
  }
}
.splash__quotes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}
.splash__quotes__item {
  display: none;
  position: absolute;
  top: 50vh;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  width: 100%;
  height: 100%;
}
.splash__quotes__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: scale-down;
  max-height: 100%;
}
.splash__smork {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.splash__smork__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
}
.splash__smork__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
}
.splash__chara {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
}
.splash__chara--light {
  transform: translateY(20vh);
}
.splash__chara img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  max-width: none;
  height: 100vh;
}
@media (min-width: 750px) {
  .splash__chara img {
    max-width: 100%;
    height: auto;
    min-height: 100vh;
  }
}
.splash__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
}
.splash__text img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.splash__individual {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: calc(100vw * ( 300 / 750 ));
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(135deg, #0051df, transparent 70%), linear-gradient(45deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
  overflow: hidden;
  z-index: 4;
}
@media (min-width: 750px) {
  .splash__individual {
    height: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .splash__individual {
    height: 400px;
  }
}
.splash__individual__top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 3;
  background-color: #fff;
}
.splash__individual__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 3;
  background-color: #fff;
}
.splash__individual__logo {
  position: absolute;
  top: 0;
  left: 30.901%;
  height: calc(100vw * ( 300 / 750 ));
  max-height: calc(100vw * ( 300 / 750 ));
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 750px) {
  .splash__individual__logo {
    height: calc(100vw * ( 400 / 1440 ));
    max-height: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .splash__individual__logo {
    height: 400px;
    max-height: 400px;
  }
}
.splash__individual__logo > img {
  max-height: 100%;
}
.splash__individual__chara {
  position: absolute;
  top: 0;
  left: 68.957%;
  height: 100%;
  transform: translateX(-50%);
  z-index: 1;
}
.splash__individual__chara img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
}
.splash__individual--dark {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(135deg, #7f04a6, transparent 70%), linear-gradient(45deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
.splash--preload {
  display: none;
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .splash__base {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
body.dark .splash__logo {
  width: calc(100vw * ( 70 / 750 ));
  z-index: 4;
}
@media (min-width: 750px) {
  body.dark .splash__logo {
    width: calc(100vw * ( 114 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .splash__logo {
    width: 114px;
  }
}
body.dark .splash__mask {
  display: none;
}
body.dark .splash__individual__top {
  background-color: #000;
}
body.dark .splash__individual__bottom {
  background-color: #000;
}

/* 
 * アニメーション
** ============================================== */
.anim_fade {
  animation: fadeOut 1s forwards;
}

.anim_slide_left {
  animation: slideLeft 2s ease-out forwards;
}

.anim_slide_right {
  animation: slideRight 2s ease-out forwards;
}

.anim_quote {
  animation: showQuote 2.2s linear 0.5s forwards;
}

.anim_chara_light {
  animation: slideChara01 1.9s linear forwards;
}

.anim_text_light {
  animation: vibrationText 0.2s steps(6, end) forwards;
}

.anim_individual_logo {
  animation: bumperLogo 1s linear forwards;
}

.anim_individual_chara {
  animation: bumperChara 1s linear forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideLeft {
  0% {
    left: 0;
  }
  100% {
    left: 120%;
  }
}
@keyframes slideRight {
  0% {
    left: 0;
  }
  100% {
    left: -120%;
  }
}
@keyframes showQuote {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  13% {
    opacity: 1;
    transform: scale(1);
  }
  87% {
    opacity: 1;
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
    transform: scale(0.7);
  }
}
@keyframes slideChara01 {
  0% {
    opacity: 0;
    transform: translateY(20vh);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20vh);
  }
}
@keyframes vibrationText {
  0% {
    top: 0%;
    left: 0%;
  }
  5% {
    top: 0.625%;
    left: -4.223%;
  }
  10% {
    top: 1.736%;
    left: -5.555%;
  }
  15% {
    top: 5.416%;
    left: -0.556%;
  }
  20% {
    top: 2.083%;
    left: 3.666%;
  }
  25% {
    top: -1.389%;
    left: 1.111%;
  }
  30% {
    top: 0%;
    left: 0%;
  }
  35% {
    top: -0.625%;
    left: 4.223%;
  }
  40% {
    top: -1.736%;
    left: 5.555%;
  }
  45% {
    top: -5.416%;
    left: 0.556%;
  }
  50% {
    top: -2.083%;
    left: -3.666%;
  }
  55% {
    top: 1.389%;
    left: -1.111%;
  }
  60% {
    top: -1.389%;
    left: 1.111%;
  }
  65% {
    top: -0.625%;
    left: 4.223%;
  }
  70% {
    top: 2.083%;
    left: 3.666%;
  }
  75% {
    top: -1.736%;
    left: 5.555%;
  }
  80% {
    top: 1.736%;
    left: -5.555%;
  }
  85% {
    top: 0.425%;
    left: -0.159%;
  }
  90% {
    top: -0.154%;
    left: 0.764%;
  }
  95% {
    top: 0.164%;
    left: 0.124%;
  }
  100% {
    top: 0%;
    left: 0%;
  }
}
@keyframes bumperLogo {
  0% {
    left: 30.901%;
    opacity: 0;
  }
  17% {
    left: 29.513%;
    opacity: 1;
  }
  84% {
    left: 29.513%;
    opacity: 1;
  }
  100% {
    left: 28.124%;
    opacity: 0;
  }
}
@keyframes bumperChara {
  0% {
    left: 68.957%;
    opacity: 0;
  }
  17% {
    left: 69.444%;
    opacity: 1;
  }
  84% {
    left: 71.527%;
    opacity: 1;
  }
  100% {
    left: 78.679%;
    opacity: 0;
  }
}
/* ==============================================
 *
 * キャラクター Character
 *
** ============================================== */
/* =======================
 * 一覧
** ======================= */
.p-character-list__links {
  padding-bottom: calc(100vw * ( 100 / 1440 ));
}
@media (min-width: 750px) {
  .p-character-list__links {
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-list__links {
    padding-bottom: 20px;
  }
}
.p-character-list__links__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-character-list__links__inner {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 710 / 1440 ));
    gap: 0 calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-list__links__inner {
    width: 710px;
    gap: 0 20px;
  }
}
@media (min-width: 750px) {
  .p-character-list__links .c-button, .p-character-list__links .c-btn--l {
    margin-bottom: 0;
    width: calc(100vw * ( 340 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-list__links .c-button, .p-character-list__links .c-btn--l {
    width: 340px;
  }
}
.p-character-list__links .c-button:not(:last-of-type), .p-character-list__links .c-btn--l:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-character-list__links .c-button:not(:last-of-type), .p-character-list__links .c-btn--l:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.p-character-list__box {
  position: relative;
  padding-top: calc(100vw * ( 155 / 750 ));
  padding-bottom: calc(100vw * ( 105 / 750 ));
}
@media (min-width: 750px) {
  .p-character-list__box {
    padding-top: calc(100vw * ( 155 / 1440 ));
    padding-bottom: calc(100vw * ( 105 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-list__box {
    padding-top: 150px;
    padding-bottom: 105px;
  }
}
.p-character-list__box__header {
  text-align: center;
}
.p-character-list__box__heading {
  margin: 0 0 calc(-100vw * ( 13 / 750 ));
  height: calc(100vw * ( 90 / 750 ));
}
@media (min-width: 750px) {
  .p-character-list__box__heading {
    margin-bottom: calc(-100vw * ( 13 / 1440 ));
    height: calc(100vw * ( 90 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-list__box__heading {
    margin-bottom: -13px;
    height: 90px;
  }
}
.p-character-list__box__heading img {
  width: auto;
  max-width: none;
  height: 100%;
}
.p-character-list__box__content {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .p-character-list__box__content {
    width: calc(100vw * ( 1240 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-list__box__content {
    width: 1240px;
  }
}
.p-character-list__box--light {
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(135deg, #0051df, transparent 70%), linear-gradient(45deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
}
.p-character-list__box--light:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(100vw * ( 50 / 750 )) 100vw 0 0;
  border-color: #fff transparent transparent transparent;
}
@media (min-width: 750px) {
  .p-character-list__box--light:before {
    top: 0;
    border-width: calc(100vw * ( 128 / 1440 )) 100vw 0 0;
  }
}
@media (min-width: 1440px) {
  .p-character-list__box--light:before {
    border-width: 128px 100vw 0 0;
  }
}
.p-character-list__box--dark {
  z-index: 1;
  overflow: hidden;
  margin-top: calc(-100vw * ( 130 / 750 ));
}
@media (min-width: 750px) {
  .p-character-list__box--dark {
    margin-top: calc(-100vw * ( 130 / 1440 ));
    padding-bottom: calc(100vw * ( 144 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-list__box--dark {
    padding-bottom: 144px;
  }
}
.p-character-list__box--dark:before, .p-character-list__box--dark:after {
  content: "";
  position: absolute;
  top: calc(100vw * ( 65 / 750 ));
  left: 0;
  width: 100%;
  height: 100%;
  transform: skewY(-5deg);
  z-index: -1;
}
@media (min-width: 750px) {
  .p-character-list__box--dark:before, .p-character-list__box--dark:after {
    top: calc(100vw * ( 65 / 1440 ));
    height: calc(100% + 100vw * ( 63 / 1440 ));
  }
}
.p-character-list__box--dark:before {
  top: calc(100vw * ( 65 / 750 ));
  background-color: #de460c;
}
@media (min-width: 750px) {
  .p-character-list__box--dark:before {
    top: calc(100vw * ( 65 / 1440 ));
  }
}
.p-character-list__box--dark:after {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(135deg, #7f04a6, transparent 70%), linear-gradient(45deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .p-character-list__box--light:before {
  border-color: #000 transparent transparent transparent;
}

/* =======================
 * キャラクター詳細
** ======================= */
/*
.p-character-detail {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: size-sp(36) $sp_pad size-sp(174) $sp_pad;

    @include for-size(tablet-portrait-up) {
        padding: size-tablet(36) size-tablet(40) size-tablet(120);
        width: size-tablet(1440);
    }

    @include for-size(desktop-up) {
        padding: 36px 40px 120px;
        width: 1440px;
    }

    &__inner {
        padding-top: size-sp(60);

        @include for-size(tablet-portrait-up) {
            display: flex;
            padding-top: 0;
            justify-content: space-between;
        }

        @include for-size(desktop-up) {
        }
    }

    &__sp {
        color: $color_white;

        @include for-size(tablet-portrait-up) {
            display: none;
        }

        @include for-size(desktop-up) {
        }
    }

    &__pc {
        display: none;

        @include for-size(tablet-portrait-up) {
            display: block;
        }

        @include for-size(desktop-up) {
        }
    }

    &__graphic {
        position: relative;

        @include for-size(tablet-portrait-up) {
            width: size-tablet(700);
        }

        @include for-size(desktop-up) {
            width: 700px;
        }

        &__inner {

            @include for-size(tablet-portrait-up) {
                position: absolute;
                width: size-tablet(700);
            }

            @include for-size(desktop-up) {
                width: 700px;
            }

            &.is-fixed {

                @include for-size(tablet-portrait-up) {
                    position: fixed;
                    top: 50px;
                }

                @include for-size(desktop-up) {
                    top: 50px;
                }
            }

            &.is-absolute {

                @include for-size(tablet-portrait-up) {
                    position: absolute;
                    top: 0;
                }

                @include for-size(desktop-up) {
                }
            }

            &.is-absolute-bottom {

                @include for-size(tablet-portrait-up) {
                    position: absolute;
                    top: auto;
                    bottom: 50px;
                }

                @include for-size(desktop-up) {
                    bottom: 50px;
                }
            }
        }
    }

    &__info {
        margin-top: size-sp(40);
        color: $color_white;

        @include for-size(tablet-portrait-up) {
            margin-top: 0;
            width: size-tablet(580);
        }

        @include for-size(desktop-up) {
            width: 580px;
        }
    }

    &__heading {

        @include for-size(tablet-portrait-up) {
        }

        @include for-size(desktop-up) {
        }
    }

    &__name {
        margin: 0;
        font-size: size-sp(50);
        font-weight: normal;
        letter-spacing: 0.03em;
        text-align: center;

        @include for-size(tablet-portrait-up) {
            margin-bottom: 0;
            font-size: size-tablet(44);
            text-align: left;
        }

        @include for-size(desktop-up) {
            font-size: 44px;
        }
    }

    &__cast-name {
        margin: size-sp(8) 0 0 0;
        font-size: size-sp(22);
        text-align: center;

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(4);
            font-size: size-tablet(16);
            text-align: left;
        }

        @include for-size(desktop-up) {
            margin-top: 4px;
            font-size: 16px;
        }
    }

    &__tags {
        margin-top: size-sp(30);
        margin-bottom: size-sp(40);
        text-align: center;

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(20);
            margin-bottom: size-tablet(20);
            text-align: left;
        }

        @include for-size(desktop-up) {
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    &__describe {
        //margin-bottom: size-sp(50);

        @include for-size(tablet-portrait-up) {
            //margin-bottom: size-tablet(40);
        }

        @include for-size(desktop-up) {
            //margin-bottom: 40px;
        }

        p {
            margin: 0;
            font-size: size-sp(22);
            line-height: 2;
            text-align: justify;

            @include for-size(tablet-portrait-up) {
                font-size: size-tablet(16);
            }

            @include for-size(desktop-up) {
                font-size: 16px;
            }
        }
    }

    &__subbox {
        margin-top: size-sp(50);

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(40);
        }

        @include for-size(desktop-up) {
            margin-top: 40px;
        }
    }

    &__cloud {
        margin: size-sp(50) auto 0 auto;
        //width: 90%;

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(30);
            //margin-bottom: size-tablet(40);
            width: auto;
        }

        @include for-size(desktop-up) {
            margin-top: 30px;
            //margin-bottom: 40px;
        }
    }

    &__graph {
        margin-top: size-sp(50);

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(30);
        }

        @include for-size(desktop-up) {
            margin-top: 30px;
        }
    }

    &__graph-bottom {
        font-size: size-sp(50);

        @include for-size(tablet-portrait-up) {
            font-size: size-tablet(32);
        }

        @include for-size(desktop-up) {
            font-size: 32px;
        }
    }

    &__twitter {
        margin-top: size-sp(50);

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(50);
            min-height: 500px;
        }

        @include for-size(desktop-up) {
            margin-top: 50px;
            min-height: 500px;
        }
    }

    &__castinfo {
        margin-top: size-sp(50);

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(50);
        }

        @include for-size(desktop-up) {
            margin-top: 50px;
        }
    }

    &__button {
        margin-top: size-sp(50);

        @include for-size(tablet-portrait-up) {
            margin-top: size-tablet(50);
        }

        @include for-size(desktop-up) {
            margin-top: 50px;
        }

        & > a {

            &:not(:last-of-type) {
                margin-bottom: size-sp(25);

                @include for-size(tablet-portrait-up) {
                    margin-bottom: size-tablet(25);
                }

                @include for-size(desktop-up) {
                    margin-bottom: 25px;
                }
            }
        }
    }


    // 悪の秘密結社 キャラクター
    &--dark {

        .c-tag {

            &__inner {
                color: $color_purple;
            }
        }

        .c-cloud {

            &__inner {

                p {
                    color: $color_purple;
                }
            }
        }

        .c-praph {

            &__data {

                &__bar {
                    background-image: url("/assets/images/pages/character/detail/bg-graph-dark.jpg");

                    &--power {
                        background-image: url("/assets/images/pages/character/detail/bg-graph-dark-power.jpg");
                    }
                }
            }
        }

        .c-button.c-button--big--white {

            .c-button__inner {
                color: $color_purple;
            }
        }

        .p-chara-graphic {

            &__slide {

                .slick-prev,
                .slick-next {

                    &:before {
                        background-image: icon-arrow($color_purple);
                    }
                }
            }
        }

        .p-chara-subbox {

            &__inner {

                &:before {
                    border-color: transparent transparent transparent $color_purple;
                }

                &:after {
                    border-color: transparent $color_purple transparent transparent;
                }
            }

            &__name {
                color: $color_purple;
            }

            &__text {
                color: $color_purple;

                p {
                    color: $color_purple;
                }
            }
        }
    }
}
*/
.p-character-detail {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding: calc(100vw * ( 36 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 174 / 750 )) calc(100vw * ( 40 / 750 ));
  /*
  &__sp {
      color: $color_white;

      @include for-size(tablet-portrait-up) {
          display: none;
      }

      @include for-size(desktop-up) {
      }
  }

  &__pc {
      display: none;

      @include for-size(tablet-portrait-up) {
          display: block;
      }

      @include for-size(desktop-up) {
      }
  }
      */
}
@media (min-width: 750px) {
  .p-character-detail {
    padding: calc(100vw * ( 36 / 1440 )) calc(100vw * ( 60 / 1440 )) calc(100vw * ( 120 / 1440 )) calc(100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 1440 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail {
    padding: 36px 60px 120px 60px;
    width: 1440px;
  }
}
.p-character-detail__inner {
  position: relative;
  margin: 0;
  color: #fff;
}
@media (min-width: 750px) {
  .p-character-detail__inner {
    padding-left: calc(100vw * ( 780 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__inner {
    padding-left: 780px;
  }
}
.p-character-detail__graphic {
  position: relative;
}
@media (min-width: 750px) {
  .p-character-detail__graphic {
    position: absolute;
    width: calc(100vw * ( 700 / 1440 ));
    top: 0;
    left: 0;
    margin-top: calc(-100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__graphic {
    width: 700px;
    margin-top: -50px;
  }
}
.p-character-detail__graphic__inner {
  position: relative;
  top: 0;
}
@media (min-width: 750px) {
  .p-character-detail__graphic__inner {
    position: absolute;
    width: calc(100vw * ( 700 / 1440 ));
    margin-top: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__graphic__inner {
    width: 700px;
    margin-top: 50px;
  }
}
@media (min-width: 750px) {
  .p-character-detail__graphic__inner.is-fixed {
    position: fixed;
    top: 0;
  }
}
@media (min-width: 750px) {
  .p-character-detail__graphic__inner.is-top {
    position: absolute;
    top: 0;
  }
}
@media (min-width: 750px) {
  .p-character-detail__graphic__inner.is-bottom {
    position: absolute;
    top: auto;
    bottom: 0;
  }
}
.p-character-detail__info {
  margin-top: calc(100vw * ( 40 / 750 ));
  color: #fff;
}
@media (min-width: 750px) {
  .p-character-detail__info {
    margin-top: 0;
    width: calc(100vw * ( 580 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__info {
    width: 580px;
  }
}
.p-character-detail__name {
  margin: 0;
  font-size: calc(100vw * ( 50 / 750 ));
  font-weight: normal;
  letter-spacing: 0.03em;
  text-align: center;
}
@media (min-width: 750px) {
  .p-character-detail__name {
    margin-bottom: 0;
    font-size: calc(100vw * ( 44 / 1440 ));
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .p-character-detail__name {
    font-size: 44px;
  }
}
.p-character-detail__cast-name {
  margin: calc(100vw * ( 8 / 750 )) 0 0 0;
  font-size: calc(100vw * ( 22 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-character-detail__cast-name {
    margin-top: calc(100vw * ( 4 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .p-character-detail__cast-name {
    margin-top: 4px;
    font-size: 16px;
  }
}
.p-character-detail__tags {
  margin-top: calc(100vw * ( 30 / 750 ));
  margin-bottom: calc(100vw * ( 40 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-character-detail__tags {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .p-character-detail__tags {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.p-character-detail__describe p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
  text-align: justify;
}
@media (min-width: 750px) {
  .p-character-detail__describe p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__describe p {
    font-size: 16px;
  }
}
.p-character-detail__subbox {
  margin-top: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-character-detail__subbox {
    margin-top: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__subbox {
    margin-top: 40px;
  }
}
.p-character-detail__cloud {
  margin: calc(100vw * ( 50 / 750 )) auto 0 auto;
}
@media (min-width: 750px) {
  .p-character-detail__cloud {
    margin-top: calc(100vw * ( 30 / 1440 ));
    width: auto;
  }
}
@media (min-width: 1440px) {
  .p-character-detail__cloud {
    margin-top: 30px;
  }
}
.p-character-detail__graph {
  margin-top: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-character-detail__graph {
    margin-top: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__graph {
    margin-top: 30px;
  }
}
.p-character-detail__graph-bottom {
  font-size: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-character-detail__graph-bottom {
    font-size: calc(100vw * ( 32 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__graph-bottom {
    font-size: 32px;
  }
}
.p-character-detail__twitter {
  margin-top: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-character-detail__twitter {
    margin-top: calc(100vw * ( 50 / 1440 ));
    min-height: 500px;
  }
}
@media (min-width: 1440px) {
  .p-character-detail__twitter {
    margin-top: 50px;
    min-height: 500px;
  }
}
.p-character-detail__castinfo {
  margin-top: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-character-detail__castinfo {
    margin-top: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__castinfo {
    margin-top: 50px;
  }
}
.p-character-detail__button {
  margin-top: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-character-detail__button {
    margin-top: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__button {
    margin-top: 50px;
  }
}
.p-character-detail__button > a:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 25 / 750 ));
}
@media (min-width: 750px) {
  .p-character-detail__button > a:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 25 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-character-detail__button > a:not(:last-of-type) {
    margin-bottom: 25px;
  }
}
.p-character-detail--dark .c-tag__inner {
  color: #7700b2;
}
.p-character-detail--dark .c-cloud__inner p {
  color: #7700b2;
}
.p-character-detail--dark .c-praph__data__bar {
  background-image: url("/assets/images/pages/character/detail/bg-graph-dark.jpg");
}
.p-character-detail--dark .c-praph__data__bar--power {
  background-image: url("/assets/images/pages/character/detail/bg-graph-dark-power.jpg");
}
.p-character-detail--dark .c-button.c-button--big--white .c-button__inner {
  color: #7700b2;
}
.p-character-detail--dark .p-chara-graphic__slide .slick-prev:before,
.p-character-detail--dark .p-chara-graphic__slide .slick-next:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%237700b2" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.p-character-detail--dark .p-chara-subbox__inner:before {
  border-color: transparent transparent transparent #7700b2;
}
.p-character-detail--dark .p-chara-subbox__inner:after {
  border-color: transparent #7700b2 transparent transparent;
}
.p-character-detail--dark .p-chara-subbox__name {
  color: #7700b2;
}
.p-character-detail--dark .p-chara-subbox__text {
  color: #7700b2;
}
.p-character-detail--dark .p-chara-subbox__text p {
  color: #7700b2;
}

/* 
 * キャラクター 説明図
** ======================= */
.p-chara-graphic {
  position: relative;
}
.p-chara-graphic__name {
  position: absolute;
  height: 100vh;
  top: 0;
  right: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-chara-graphic__name {
    height: 80vh;
    right: 0;
  }
}
.p-chara-graphic__name > img {
  height: 100%;
}
.p-chara-graphic__slide .slick-prev,
.p-chara-graphic__slide .slick-next {
  z-index: 20;
  width: calc(100vw * ( 80 / 750 ));
  height: calc(100vw * ( 80 / 750 ));
  border-radius: 50% 50%;
  background-color: #fff;
  transition: all 0.2s ease;
}
@media (min-width: 750px) {
  .p-chara-graphic__slide .slick-prev,
  .p-chara-graphic__slide .slick-next {
    width: calc(100vw * ( 80 / 1440 ));
    height: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__slide .slick-prev,
  .p-chara-graphic__slide .slick-next {
    width: 80px;
    height: 80px;
  }
}
.p-chara-graphic__slide .slick-prev:before,
.p-chara-graphic__slide .slick-next:before {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100vw * ( 18 / 750 ));
  height: calc(100vw * ( 36 / 750 ));
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%230088cc" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
@media (min-width: 750px) {
  .p-chara-graphic__slide .slick-prev:before,
  .p-chara-graphic__slide .slick-next:before {
    width: calc(100vw * ( 15 / 1440 ));
    height: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__slide .slick-prev:before,
  .p-chara-graphic__slide .slick-next:before {
    width: 15px;
    height: 30px;
  }
}
.p-chara-graphic__slide .slick-prev:hover,
.p-chara-graphic__slide .slick-next:hover {
  opacity: 0.6;
}
.p-chara-graphic__slide .slick-prev {
  left: 0;
}
@media (min-width: 750px) {
  .p-chara-graphic__slide .slick-prev {
    left: calc(-100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__slide .slick-prev {
    left: -20px;
  }
}
.p-chara-graphic__slide .slick-prev:before {
  left: 47%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.p-chara-graphic__slide .slick-next {
  right: 0;
}
@media (min-width: 750px) {
  .p-chara-graphic__slide .slick-next {
    right: calc(-100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__slide .slick-next {
    right: -20px;
  }
}
.p-chara-graphic__slide .slick-next:before {
  left: 53%;
}
.p-chara-graphic__item {
  position: relative;
  overflow: hidden;
}
@media (min-width: 750px) {
  .p-chara-graphic__item {
    height: calc(100vw * ( 700 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__item {
    height: 700px;
  }
}
.p-chara-graphic__point {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-chara-graphic__point__item {
  position: absolute;
  display: block;
  width: calc(100vw * ( 40 / 750 ));
  height: calc(100vw * ( 40 / 750 ));
  border-radius: 50% 50%;
  border: calc(100vw * ( 4 / 750 )) solid #fff;
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-chara-graphic__point__item {
    width: calc(100vw * ( 40 / 1440 ));
    height: calc(100vw * ( 40 / 1440 ));
    border-width: calc(100vw * ( 4 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__point__item {
    width: 40px;
    height: 40px;
    border-width: 4px;
  }
}
.p-chara-graphic__explain {
  display: none;
}
.p-chara-graphic__explain__inner {
  text-align: left;
}
@media (min-width: 750px) {
  .p-chara-graphic__explain__inner {
    display: flex;
    justify-content: space-between;
  }
}
.p-chara-graphic__explain__img {
  margin: 0;
}
.p-chara-graphic__explain__img img {
  display: block;
}
.p-chara-graphic__explain__info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  box-sizing: border-box;
  padding: calc(100vw * ( 50 / 750 )) calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-chara-graphic__explain__info {
    padding: calc(100vw * ( 50 / 1440 )) calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__explain__info {
    padding: 50px 60px;
  }
}
.p-chara-graphic__explain__heading {
  margin: 0 0 calc(100vw * ( 40 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 44 / 750 ));
  font-weight: normal;
  text-align: left;
}
@media (min-width: 750px) {
  .p-chara-graphic__explain__heading {
    margin-bottom: calc(100vw * ( 25 / 1440 ));
    font-size: calc(100vw * ( 34 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__explain__heading {
    margin-bottom: 25px;
    font-size: 34px;
  }
}
.p-chara-graphic__explain__text {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-chara-graphic__explain__text {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__explain__text {
    margin-bottom: 20px;
  }
}
.p-chara-graphic__explain__text p {
  margin: 0;
  font-size: calc(100vw * ( 32 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-chara-graphic__explain__text p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-graphic__explain__text p {
    font-size: 16px;
  }
}
.p-chara-graphic__explain__button {
  margin-top: auto;
}
@media (min-width: 750px) {
  .js-following-box-item {
    height: calc(100vw * ( 700 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .js-following-box-item {
    height: 700px;
  }
}

/* 
 * キャスト情報
** ======================= */
.p-castinfo {
  position: relative;
  padding-bottom: calc(100vw * ( 62 / 750 ));
}
@media (min-width: 750px) {
  .p-castinfo {
    padding-bottom: calc(100vw * ( 62 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo {
    padding-bottom: 62px;
  }
}
.p-castinfo:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100vw * ( 70 / 750 ));
  background-image: url("/assets/images/pages/character/detail/bg-castinfo-bottom.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
@media (min-width: 750px) {
  .p-castinfo:before {
    height: calc(100vw * ( 62 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo:before {
    height: 62px;
  }
}
.p-castinfo__heading {
  margin: 0;
}
.p-castinfo__inner {
  padding: calc(100vw * ( 10 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .p-castinfo__inner {
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 30 / 1440 )) calc(100vw * ( 30 / 1440 )) calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__inner {
    padding: 10px 30px 30px 30px;
  }
}
.p-castinfo__box {
  position: relative;
}
.p-castinfo__box:after {
  content: "";
  position: absolute;
  display: block;
  clear: both;
}
.p-castinfo__box:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 30 / 750 ));
  padding-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-castinfo__box:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 30 / 1440 ));
    padding-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__box:not(:last-of-type) {
    margin-bottom: 30px;
    padding-bottom: 40px;
  }
}
.p-castinfo__box:not(:last-of-type):before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100vw * ( 12 / 750 ));
  background-image: url("/assets/images/pages/character/detail/bd-castinfo.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: contain;
}
@media (min-width: 750px) {
  .p-castinfo__box:not(:last-of-type):before {
    height: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__box:not(:last-of-type):before {
    height: 10px;
  }
}
.p-castinfo__box--col2 {
  display: flex;
  justify-content: space-between;
}
.p-castinfo__box--col2 .p-castinfo__textarea {
  width: 65%;
}
@media (min-width: 750px) {
  .p-castinfo__box--col2 .p-castinfo__textarea {
    width: calc(100vw * ( 310 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__box--col2 .p-castinfo__textarea {
    width: 310px;
  }
}
.p-castinfo__img {
  margin: 0;
  width: 30%;
}
@media (min-width: 750px) {
  .p-castinfo__img {
    width: calc(100vw * ( 140 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__img {
    width: 140px;
  }
}
.p-castinfo__name {
  margin: 0 0 calc(100vw * ( 15 / 750 ));
  padding-bottom: calc(100vw * ( 5 / 750 ));
  font-size: calc(100vw * ( 24 / 750 ));
  line-height: 1.5;
  border-bottom: 1px dotted #fff;
}
@media (min-width: 750px) {
  .p-castinfo__name {
    margin-bottom: calc(100vw * ( 15 / 1440 ));
    padding-bottom: calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__name {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 18px;
  }
}
.p-castinfo__kana {
  display: inline-block;
  margin-left: calc(100vw * ( 10 / 750 ));
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-castinfo__kana {
    margin-left: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__kana {
    margin-left: 10px;
    font-size: 14px;
  }
}
.p-castinfo__text {
  text-align: justify;
}
.p-castinfo__text p {
  margin: 0;
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-castinfo__text p {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-castinfo__text p {
    font-size: 14px;
  }
}

/* 
 * 補足ボックス
** ======================= */
.p-chara-subbox {
  position: relative;
}
.p-chara-subbox__seal {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  padding-top: calc(100vw * ( 18 / 750 ));
  width: calc(100vw * ( 70 / 750 ));
  height: calc(100vw * ( 70 / 750 ));
  border-radius: 50% 50%;
  color: #fff;
  font-size: calc(100vw * ( 20 / 750 ));
  text-align: center;
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  transform: translate(-30%, -30%) rotate(-20deg);
}
@media (min-width: 750px) {
  .p-chara-subbox__seal {
    padding-top: calc(100vw * ( 18 / 1440 ));
    width: calc(100vw * ( 70 / 1440 ));
    height: calc(100vw * ( 70 / 1440 ));
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__seal {
    padding-top: 18px;
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
}
.p-chara-subbox__inner {
  position: relative;
  padding-right: calc(100vw * ( 30 / 750 ));
  overflow: hidden;
}
@media (min-width: 750px) {
  .p-chara-subbox__inner {
    padding-right: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__inner {
    padding-right: 30px;
  }
}
.p-chara-subbox__inner:before, .p-chara-subbox__inner:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 1;
}
.p-chara-subbox__inner:before {
  bottom: calc(100vw * ( 6 / 750 ));
  left: calc(100vw * ( 6 / 750 ));
  border-width: calc(100vw * ( 10 / 750 )) 0 0 calc(100vw * ( 10 / 750 ));
  border-color: transparent transparent transparent #0088cc;
}
@media (min-width: 750px) {
  .p-chara-subbox__inner:before {
    bottom: calc(100vw * ( 6 / 1440 ));
    left: calc(100vw * ( 6 / 1440 ));
    border-width: calc(100vw * ( 10 / 1440 )) 0 0 calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__inner:before {
    bottom: 6px;
    left: 6px;
    border-width: 10px 0 0 10px;
  }
}
.p-chara-subbox__inner:after {
  top: calc(100vw * ( 6 / 750 ));
  right: calc(100vw * ( 6 / 750 ));
  border-width: 0 calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 )) 0;
  border-color: transparent #0088cc transparent transparent;
}
@media (min-width: 750px) {
  .p-chara-subbox__inner:after {
    top: calc(100vw * ( 6 / 1440 ));
    right: calc(100vw * ( 6 / 1440 ));
    border-width: 0 calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__inner:after {
    top: 6px;
    right: 6px;
    border-width: 0 10px 10px 0;
  }
}
.p-chara-subbox__box {
  position: relative;
  padding-top: calc(100vw * ( 14 / 750 ));
  padding-left: calc(100vw * ( 20 / 750 ));
  background-color: #fff;
}
@media (min-width: 750px) {
  .p-chara-subbox__box {
    padding-top: calc(100vw * ( 14 / 1440 ));
    padding-left: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__box {
    padding-top: 14px;
    padding-left: 20px;
  }
}
.p-chara-subbox__box:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: calc(100vw * ( 30 / 750 ));
  height: calc(100% - 100vw * ( 30 / 750 ) + 1px);
  background-color: #fff;
}
@media (min-width: 750px) {
  .p-chara-subbox__box:before {
    left: 100%;
    width: calc(100vw * ( 30 / 1440 ));
    height: calc(100% - 100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__box:before {
    width: 30px;
    height: calc(100% - 30px);
  }
}
.p-chara-subbox__box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(100% - 1px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(100vw * ( 30 / 750 )) calc(100vw * ( 30 / 750 )) 0 0;
  border-color: #fff transparent transparent transparent;
}
@media (min-width: 750px) {
  .p-chara-subbox__box:after {
    left: 100%;
    border-width: calc(100vw * ( 30 / 1440 )) calc(100vw * ( 30 / 1440 )) 0 0;
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__box:after {
    border-width: 30px 30px 0 0;
  }
}
.p-chara-subbox__img {
  position: absolute;
  margin: 0;
  width: calc(100vw * ( 170 / 750 ));
  height: 100vh;
  top: calc(100vw * ( 10 / 750 ));
  left: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .p-chara-subbox__img {
    width: calc(100vw * ( 170 / 1440 ));
    top: calc(100vw * ( 10 / 1440 ));
    left: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__img {
    width: 170px;
    top: 10px;
    left: 30px;
  }
}
.p-chara-subbox__img img {
  display: block;
}
.p-chara-subbox__textarea {
  box-sizing: border-box;
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  .p-chara-subbox__textarea {
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 30 / 1440 )) calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__textarea {
    padding: 20px 10px 30px 200px;
  }
}
.p-chara-subbox__name {
  margin: 0 0 calc(100vw * ( 15 / 750 ));
  padding-bottom: calc(100vw * ( 5 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 24 / 750 ));
  font-weight: normal;
  line-height: 1.5;
  border-bottom: 1px dotted #cccccc;
}
@media (min-width: 750px) {
  .p-chara-subbox__name {
    margin-bottom: calc(100vw * ( 15 / 1440 ));
    padding-bottom: calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__name {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 18px;
  }
}
.p-chara-subbox__kana {
  display: inline-block;
  margin-left: calc(100vw * ( 10 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-chara-subbox__kana {
    margin-left: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__kana {
    margin-left: 10px;
    font-size: 14px;
  }
}
.p-chara-subbox__text {
  color: #0088cc;
  text-align: justify;
}
.p-chara-subbox__text p {
  margin: 0;
  color: #0088cc;
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-chara-subbox__text p {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-chara-subbox__text p {
    font-size: 14px;
  }
}

/* ==============================================
 *
 * シリーズ紹介 story
 *
** ============================================== */
/* =======================
 * 詳細
** ======================= */
.p-story {
  padding-top: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-story {
    padding-top: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story {
    padding-top: 60px;
  }
}
.p-story__main {
  margin-bottom: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .p-story__main {
    margin-bottom: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__main {
    margin-bottom: 80px;
  }
}
.p-story__main--single {
  margin-bottom: calc(100vw * ( 160 / 750 ));
}
@media (min-width: 750px) {
  .p-story__main--single {
    margin-bottom: calc(100vw * ( 160 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__main--single {
    margin-bottom: 160px;
  }
}
.p-story__main__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-story__main__inner {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__main__inner {
    width: 1200px;
  }
}
.p-story__main__img {
  margin: 0 0 calc(100vw * ( 50 / 750 ));
  background: none;
}
@media (min-width: 750px) {
  .p-story__main__img {
    margin-bottom: 0;
    width: calc(100vw * ( 600 / 1440 ));
    background: none;
  }
}
@media (min-width: 1440px) {
  .p-story__main__img {
    width: 600px;
    background: none;
  }
}
.p-story__main__img img {
  width: 100%;
  box-shadow: 0 0 calc(100vw * ( 20 / 750 )) rgba(0, 0, 0, 0.06);
}
@media (min-width: 750px) {
  .p-story__main__img img {
    box-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 0, 0, 0.06);
  }
}
@media (min-width: 1440px) {
  .p-story__main__img img {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  }
}
@media (min-width: 750px) {
  .p-story__main__info {
    width: calc(100vw * ( 540 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__main__info {
    width: 540px;
  }
}
.p-story__main__heading {
  margin: 0;
  padding-top: calc(100vw * ( 10 / 750 ));
  padding-bottom: calc(100vw * ( 30 / 750 ));
  width: 100%;
  color: #fff;
  font-size: calc(100vw * ( 40 / 750 ));
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (min-width: 750px) {
  .p-story__main__heading {
    padding-top: calc(100vw * ( 10 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 34 / 1440 ));
    text-align: left;
    text-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 85, 128, 0.6);
  }
}
@media (min-width: 1440px) {
  .p-story__main__heading {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 34px;
    text-shadow: 0 0 20px rgba(0, 85, 128, 0.6);
  }
}
.p-story__main__explanation {
  padding: 0 calc(100vw * ( 20 / 750 ));
  margin-bottom: calc(100vw * ( 60 / 750 ));
  color: #fff;
}
@media (min-width: 750px) {
  .p-story__main__explanation {
    padding: 0;
    margin-bottom: calc(100vw * ( 30 / 1440 ));
    text-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 85, 128, 0.6);
  }
}
@media (min-width: 1440px) {
  .p-story__main__explanation {
    padding: 0;
    margin-bottom: 30px;
    text-shadow: 0 0 20px rgba(0, 85, 128, 0.6);
  }
}
.p-story__main__explanation p {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-story__main__explanation p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__main__explanation p {
    font-size: 16px;
  }
}
.p-story__main__explanation p:not(:last-of-type) {
  margin-bottom: 1em;
}
.p-story__main__table {
  box-shadow: none;
}
@media (min-width: 750px) {
  .p-story__main__table {
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 ));
    box-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 0, 0, 0.06);
    background-color: #fff;
  }
}
@media (min-width: 1440px) {
  .p-story__main__table {
    padding: 10px 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  }
}
.p-story__main__btn {
  margin-top: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .p-story__main__btn {
    margin-top: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__main__btn {
    margin-top: 30px;
  }
}
.p-story__charactor--end {
  padding-bottom: calc(100vw * ( 170 / 750 ));
}
@media (min-width: 750px) {
  .p-story__charactor--end {
    padding-bottom: calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__charactor--end {
    padding-bottom: 200px;
  }
}
.p-story__charactor__header {
  margin-bottom: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-story__charactor__header {
    margin-bottom: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__charactor__header {
    margin-bottom: 60px;
  }
}
.p-story__charactor__heading {
  position: relative;
  margin: 0 auto;
  height: calc(100vw * ( 95 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-story__charactor__heading {
    height: calc(100vw * ( 95 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__charactor__heading {
    height: 95px;
  }
}
.p-story__charactor__heading > div {
  height: 100%;
}
.p-story__charactor__heading img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.752);
}
@media (min-width: 750px) {
  .p-story__charactor__heading img {
    transform: translate(-50%, -50%) scale(0.5);
  }
}
.p-story__charactor__content {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(100vw * ( 0 / 750 ));
}
@media (min-width: 750px) {
  .p-story__charactor__content {
    padding-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .p-story__charactor__content {
    max-width: 1400px;
  }
}
.p-story__teaser {
  position: relative;
  height: calc(100vw * ( 586 / 750 ));
}
@media (min-width: 750px) {
  .p-story__teaser {
    height: calc(100vw * ( 586 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__teaser {
    height: 586px;
  }
}
.p-story__teaser__bg {
  position: absolute;
  top: calc(100vw * ( 65 / 750 ));
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(100vw * ( 460 / 750 ));
  transform: skewY(-5deg);
  overflow: hidden;
}
@media (min-width: 750px) {
  .p-story__teaser__bg {
    top: calc(100vw * ( 65 / 1440 ));
    height: calc(100vw * ( 460 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__teaser__bg {
    top: 65px;
    height: 460px;
  }
}
.p-story__teaser__bg__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform: skewY(5deg) translateY(calc(100vw * ( 22 / 750 ))) scale(1.4);
}
@media (min-width: 750px) {
  .p-story__teaser__bg__inner {
    transform: skewY(5deg) translateY(calc(-100vw * ( 140 / 1440 )));
  }
}
@media (min-width: 1440px) {
  .p-story__teaser__bg__inner {
    transform: skewY(5deg) translateY(-140px);
  }
}
.p-story__teaser__bg__inner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 200%;
  top: 50%;
  left: 50%;
  background: url(../images/pages/story/mask.png) repeat top left;
  transform: translate(-50%, -33%);
}
.p-story__teaser__bg__inner > img {
  position: absolute;
  min-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -56%);
}
@media (min-width: 750px) {
  .p-story__teaser__bg__inner > img {
    transform: translate(-50%, -33%);
  }
}
@media (min-width: 1440px) {
  .p-story__teaser__bg__inner > img {
    transform: translate(-50%, -33%);
  }
}
.p-story__teaser__inner {
  position: relative;
  z-index: 2;
  padding-top: calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  .p-story__teaser__inner {
    padding-top: calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__teaser__inner {
    padding-top: 200px;
  }
}
.p-story__teaser__header {
  position: relative;
  padding-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-story__teaser__header {
    padding-bottom: 0;
  }
}
.p-story__teaser__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 312 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-story__teaser__heading {
    width: calc(100vw * ( 312 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__teaser__heading {
    width: 312px;
  }
}
.p-story__teaser__content {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-story__teaser__content {
    padding-top: calc(100vw * ( 34 / 1440 ));
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__teaser__content {
    padding-bottom: 34px;
    width: 1080px;
  }
}
.p-story__streaming {
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(135deg, #0051df, transparent 70%), linear-gradient(45deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
  margin-top: calc(-100vw * ( 124 / 750 ));
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 750px) {
  .p-story__streaming {
    margin-top: calc(-100vw * ( 124 / 1440 ));
  }
}
.p-story__streaming__inner {
  padding-top: calc(100vw * ( 184 / 750 ));
  padding-bottom: calc(100vw * ( 170 / 750 ));
}
@media (min-width: 750px) {
  .p-story__streaming__inner {
    padding-top: calc(100vw * ( 184 / 1440 ));
    padding-bottom: calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__streaming__inner {
    padding-top: 12.7777777778vw;
    padding-bottom: 200px;
  }
}
.p-story__streaming__header {
  position: relative;
  z-index: 1;
  margin-bottom: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-story__streaming__header {
    margin-bottom: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__streaming__header {
    margin-bottom: 60px;
  }
}
.p-story__streaming__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 483 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-story__streaming__heading {
    width: calc(100vw * ( 483 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__streaming__heading {
    width: 483px;
  }
}
.p-story__streaming__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-story__streaming__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__streaming__content {
    width: 1080px;
  }
}
.p-story__streaming__comingsoon {
  padding: calc(100vw * ( 40 / 750 )) calc(100vw * ( 60 / 750 ));
  text-align: center;
  mix-blend-mode: overlay;
}
@media (min-width: 750px) {
  .p-story__streaming__comingsoon {
    padding: calc(100vw * ( 40 / 1440 )) calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__streaming__comingsoon {
    padding: 40px 60px;
  }
}
.p-story__streaming__comingsoon > img {
  height: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-story__streaming__comingsoon > img {
    height: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__streaming__comingsoon > img {
    height: 60px;
  }
}
.p-story__sponsor__header {
  position: relative;
  z-index: 1;
  margin-bottom: calc(100vw * ( 43 / 750 ));
  height: calc(100vw * ( 96 / 750 ));
}
@media (min-width: 750px) {
  .p-story__sponsor__header {
    margin-bottom: calc(100vw * ( 43 / 1440 ));
    height: calc(100vw * ( 96 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__sponsor__header {
    margin-bottom: 43px;
    height: 96px;
  }
}
.p-story__sponsor__heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 483 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-story__sponsor__heading {
    width: calc(100vw * ( 483 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__sponsor__heading {
    width: 483px;
  }
}
.p-story__sponsor__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-story__sponsor__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-story__sponsor__content {
    width: 1080px;
  }
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .p-story__streaming {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(135deg, #7f04a6, transparent 70%), linear-gradient(45deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
@media (min-width: 750px) {
  body.dark .p-story__main__heading {
    text-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(78, 31, 102, 0.6);
  }
}
@media (min-width: 1440px) {
  body.dark .p-story__main__heading {
    text-shadow: 0 0 20px rgba(78, 31, 102, 0.6);
  }
}
@media (min-width: 750px) {
  body.dark .p-story__main__explanation {
    text-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(78, 31, 102, 0.6);
  }
}
@media (min-width: 1440px) {
  body.dark .p-story__main__explanation {
    text-shadow: 0 0 20px rgba(78, 31, 102, 0.6);
  }
}

/* ==============================================
 *
 * スポンサー募集 sponsor
 *
** ============================================== */
.p-sponsor {
  position: relative;
  margin-bottom: calc(100vw * ( 110 / 750 ));
  z-index: 1;
}
@media (min-width: 750px) {
  .p-sponsor {
    margin-bottom: 0;
  }
}
.p-sponsor__intro {
  padding-top: calc(100vw * ( 90 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__intro {
    padding-top: calc(100vw * ( 90 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__intro {
    padding-top: 90px;
  }
}
.p-sponsor__intro__inner {
  padding-bottom: calc(100vw * ( 240 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__intro__inner {
    padding-bottom: calc(100vw * ( 27 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__intro__inner {
    padding-bottom: 27px;
  }
}
.p-sponsor__intro__header {
  margin-bottom: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__intro__header {
    margin-bottom: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__intro__header {
    margin-bottom: 60px;
  }
}
.p-sponsor__intro__heading {
  margin: 0 auto;
  width: calc(100vw * ( 640 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__intro__heading {
    width: calc(100vw * ( 840 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__intro__heading {
    width: 840px;
  }
}
.p-sponsor__intro__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__intro__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1110 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__intro__content {
    width: 1110px;
  }
}
.p-sponsor__about__inner {
  box-sizing: border-box;
  position: relative;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__about__inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(100vw * ( 85 / 1440 ));
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1200 / 1440 ));
    min-height: calc(100vw * ( 640 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__about__inner {
    padding-top: 85px;
    width: 1200px;
    min-height: 740px;
  }
}
.p-sponsor__about__img {
  margin: 0;
}
@media (min-width: 750px) {
  .p-sponsor__about__img {
    position: absolute;
    bottom: calc(-100vw * ( 140 / 1440 ));
    right: calc(-100vw * ( 70 / 1440 ));
    width: calc(100vw * ( 740 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__about__img {
    right: -70px;
    bottom: -40px;
    width: 740px;
  }
}
@media (min-width: 750px) {
  .p-sponsor__about__info {
    width: calc(100vw * ( 510 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__about__info {
    width: 510px;
  }
}
.p-sponsor__about__heading {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 40 / 750 ));
  color: transparent;
  font-size: calc(100vw * ( 42 / 750 ));
  text-align: center;
  line-height: 1.5;
  background: repeating-linear-gradient(90deg, #ff9500 0, #ffaa00 100%);
  -webkit-background-clip: text;
}
@media (min-width: 750px) {
  .p-sponsor__about__heading {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 40 / 1440 ));
    font-size: calc(100vw * ( 42 / 1440 ));
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .p-sponsor__about__heading {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 42px;
  }
}
.p-sponsor__about__text p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-sponsor__about__text p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__about__text p {
    font-size: 16px;
  }
}
.p-sponsor__contractors {
  margin-top: calc(-100vw * ( 60 / 750 ));
  background-color: #f0f3f5;
  transform: skewY(-5deg);
  overflow: hidden;
}
@media (min-width: 750px) {
  .p-sponsor__contractors {
    margin-top: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__contractors {
    margin-top: -30px;
  }
}
.p-sponsor__contractors__inner {
  padding-top: calc(100vw * ( 90 / 750 ));
  transform: skewY(5deg);
}
@media (min-width: 750px) {
  .p-sponsor__contractors__inner {
    padding-top: calc(100vw * ( 90 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__contractors__inner {
    padding-top: 90px;
  }
}
.p-sponsor__contractors__header {
  position: relative;
  margin-bottom: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__contractors__header {
    margin-bottom: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__contractors__header {
    margin-bottom: 30px;
  }
}
.p-sponsor__contractors__heading .c-heading--a__inner {
  width: calc(100vw * ( 600 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__contractors__heading .c-heading--a__inner {
    width: calc(100vw * ( 588 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__contractors__heading .c-heading--a__inner {
    width: 588px;
  }
}
.p-sponsor__contractors__content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(-100vw * ( 31 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__contractors__content {
    margin-bottom: calc(-100vw * ( 62 / 1440 ));
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 600 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__contractors__content {
    margin-bottom: -62px;
    width: 600px;
  }
}
.p-sponsor__contractors__graph {
  margin: 0;
}
.p-sponsor__contractors__bg--01 {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: calc(100vw * ( 310 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__contractors__bg--01 {
    display: block;
    left: calc(-100vw * ( 235 / 1440 ));
    width: calc(100vw * ( 310 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__contractors__bg--01 {
    left: -235px;
    width: 310px;
  }
}
.p-sponsor__contractors__bg--02 {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  width: calc(100vw * ( 380 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__contractors__bg--02 {
    display: block;
    right: calc(-100vw * ( 290 / 1440 ));
    width: calc(100vw * ( 380 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__contractors__bg--02 {
    right: -290px;
    width: 380px;
  }
}
.p-sponsor__examples {
  padding-top: calc(100vw * ( 92 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__examples {
    padding-top: calc(100vw * ( 92 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples {
    padding-top: 92px;
  }
}
.p-sponsor__examples__inner {
  padding-bottom: calc(100vw * ( 90 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__examples__inner {
    padding-bottom: calc(100vw * ( 90 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__inner {
    padding-bottom: 90px;
  }
}
.p-sponsor__examples__header {
  margin-bottom: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__examples__header {
    margin-bottom: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__header {
    margin-bottom: 50px;
  }
}
.p-sponsor__examples__heading .c-heading--a__inner {
  width: calc(100vw * ( 440 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__examples__heading .c-heading--a__inner {
    width: calc(100vw * ( 440 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__heading .c-heading--a__inner {
    width: 440px;
  }
}
.p-sponsor__examples__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__examples__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__content {
    width: 1200px;
  }
}
.p-sponsor__examples__intro {
  margin-bottom: calc(100vw * ( 55 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-sponsor__examples__intro {
    margin-bottom: calc(100vw * ( 55 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__intro {
    margin-bottom: 55px;
  }
}
.p-sponsor__examples__intro p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-sponsor__examples__intro p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__intro p {
    font-size: 16px;
  }
}
.p-sponsor__examples__note {
  box-sizing: border-box;
  margin: calc(100vw * ( 45 / 750 )) auto 0;
  padding: calc(100vw * ( 15 / 750 ));
  border: 1px solid #ff9500;
  text-align: center;
}
@media (min-width: 750px) {
  .p-sponsor__examples__note {
    margin-top: calc(100vw * ( 45 / 1440 ));
    padding: calc(100vw * ( 15 / 1440 ));
    width: calc(100vw * ( 640 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__note {
    margin-top: 45px;
    padding: 15px;
    width: 640px;
  }
}
.p-sponsor__examples__note p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-sponsor__examples__note p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__examples__note p {
    font-size: 16px;
  }
}
.p-sponsor__examples__note a {
  color: #ff9500;
}
.p-sponsor__examples__note a:visited {
  color: #ff9500;
}
.p-sponsor__examples__note a:hover {
  text-decoration: none;
}
.p-sponsor__flow {
  padding-bottom: calc(100vw * ( 250 / 750 ));
  background: mesh-orange();
  transform: skewY(-5deg);
  background-color: #e00100;
  background-image: radial-gradient(farthest-corner at 0% 100%, #eaad05, transparent 70%), radial-gradient(farthest-corner at 100% 0%, #eaad05, transparent 70%);
  overflow: hidden;
}
@media (min-width: 750px) {
  .p-sponsor__flow {
    padding-bottom: calc(100vw * ( 250 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow {
    padding-bottom: 250px;
  }
}
.p-sponsor__flow__inner {
  padding-top: calc(100vw * ( 90 / 750 ));
  transform: skewY(5deg);
}
@media (min-width: 750px) {
  .p-sponsor__flow__inner {
    padding-top: calc(100vw * ( 90 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow__inner {
    padding-top: 90px;
  }
}
.p-sponsor__flow__header {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__flow__header {
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow__header {
    margin-bottom: 40px;
  }
}
.p-sponsor__flow__heading {
  margin-bottom: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__flow__heading {
    margin-bottom: calc(100vw * ( 34 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow__heading {
    margin-bottom: 34px;
  }
}
.p-sponsor__flow__heading .c-heading--a__inner {
  width: calc(100vw * ( 422 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__flow__heading .c-heading--a__inner {
    width: calc(100vw * ( 422 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow__heading .c-heading--a__inner {
    width: 422px;
  }
}
.p-sponsor__flow__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__flow__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1110 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow__content {
    width: 1110px;
  }
}
.p-sponsor__flow__button {
  margin-top: calc(100vw * ( 30 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .p-sponsor__flow__button {
    margin-top: calc(100vw * ( 30 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow__button {
    margin-top: 30px;
    width: 400px;
  }
}
.p-sponsor__flow__button .c-button__inner {
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__flow__button .c-button__inner {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__flow__button .c-button__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-sponsor__events {
  margin-top: calc(-100vw * ( 150 / 750 ));
  transform: skewY(5deg);
  background-color: #f0f3f5;
}
@media (min-width: 750px) {
  .p-sponsor__events {
    margin-top: calc(-100vw * ( 150 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__events {
    margin-top: -150px;
  }
}
.p-sponsor__events__inner {
  padding-top: calc(100vw * ( 90 / 750 ));
  padding-bottom: calc(100vw * ( 225 / 750 ));
  transform: skewY(-5deg);
}
@media (min-width: 750px) {
  .p-sponsor__events__inner {
    padding-top: calc(100vw * ( 90 / 1440 ));
    padding-bottom: calc(100vw * ( 225 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__events__inner {
    padding-top: 90px;
    padding-bottom: 225px;
  }
}
.p-sponsor__events__header {
  position: relative;
  padding-bottom: calc(100vw * ( 54 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__events__header {
    padding-bottom: calc(100vw * ( 54 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__events__header {
    padding-bottom: 54px;
  }
}
.p-sponsor__events__heading .c-heading--a__inner {
  width: calc(100vw * ( 322 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__events__heading .c-heading--a__inner {
    width: calc(100vw * ( 322 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__events__heading .c-heading--a__inner {
    width: 322px;
  }
}
.p-sponsor__events__bg img {
  display: block;
}
.p-sponsor__events__bg--01 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__events__bg--01 {
    left: auto;
    right: calc(50% + 100vw * ( 206 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__events__bg--01 {
    right: calc(50% + 206px);
    width: 400px;
  }
}
.p-sponsor__events__bg--02 {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  width: calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__events__bg--02 {
    right: auto;
    left: calc(50% + 100vw * ( 170 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__events__bg--02 {
    left: calc(50% + 170px);
    width: 400px;
  }
}
.p-sponsor__events__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__events__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__events__content {
    width: 1080px;
  }
}
.p-sponsor__application {
  margin-top: calc(-100vw * ( 120 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application {
    margin-top: calc(-100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application {
    margin-top: -120px;
  }
}
.p-sponsor__application__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__inner {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__inner {
    width: 1080px;
  }
}
.p-sponsor__application__organization {
  position: relative;
  background-color: #fff;
}
.p-sponsor__application__organization__heading {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-sponsor__application__organization__heading .c-text-diagonal__container {
  background-color: #0f1419;
  background-image: none;
}
.p-sponsor__application__organization__inner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__organization__inner {
    display: flex;
    justify-content: space-between;
    padding: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__organization__inner {
    padding: 40px;
  }
}
.p-sponsor__application__organization__item {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: calc(100vw * ( 20 / 750 ));
  background-color: #f0f3f5;
}
@media (min-width: 750px) {
  .p-sponsor__application__organization__item {
    padding: calc(100vw * ( 20 / 1440 ));
    width: calc(100vw * ( 490 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__organization__item {
    padding: 20px;
    width: 490px;
  }
}
.p-sponsor__application__organization__item:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__organization__item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.p-sponsor__application__organization__logo {
  margin: 0;
  width: 31.111%;
}
.p-sponsor__application__organization__logo img {
  display: block;
}
.p-sponsor__application__organization__info {
  position: relative;
  width: 62.222%;
}
.p-sponsor__application__organization__info p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__organization__info p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__organization__info p {
    font-size: 16px;
  }
}
.p-sponsor__application__organization__info .c-box-table {
  height: 100%;
}
.p-sponsor__application__organization__info .c-list-line {
  margin-top: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__organization__info .c-list-line {
    margin-top: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__organization__info .c-list-line {
    margin-top: 20px;
  }
}
.p-sponsor__application__header {
  position: relative;
  margin-top: calc(-100vw * ( 20 / 750 ));
  padding-top: calc(100vw * ( 322 / 750 ));
  padding-bottom: calc(100vw * ( 62 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__header {
    margin-top: calc(-100vw * ( 93 / 1440 ));
    padding-top: calc(100vw * ( 322 / 1440 ));
    padding-bottom: calc(100vw * ( 62 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__header {
    margin-top: -93px;
    padding-top: 322px;
    padding-bottom: 62px;
  }
}
.p-sponsor__application__header__bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  width: calc(100vw * ( 264 / 750 ));
  transform: translateX(-50%);
}
@media (min-width: 750px) {
  .p-sponsor__application__header__bg {
    width: calc(100vw * ( 264 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__header__bg {
    width: 264px;
  }
}
.p-sponsor__application__heading .c-heading--a__inner {
  width: calc(100vw * ( 556 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__heading .c-heading--a__inner {
    width: calc(100vw * ( 556 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__heading .c-heading--a__inner {
    width: 556px;
  }
}
.p-sponsor__application__content {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .p-sponsor__application__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 700 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__content {
    width: 700px;
  }
}
.p-sponsor__application__content .c-form__button {
  margin-top: 0;
  height: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__content .c-form__button {
    height: 0;
  }
}
.p-sponsor__application__content .c-form__button .c-button.c-button--black {
  position: absolute;
  bottom: calc(-100vw * ( 50 / 750 ));
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw * ( 340 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__content .c-form__button .c-button.c-button--black {
    bottom: calc(-100vw * ( 50 / 1440 ));
    width: calc(100vw * ( 340 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__content .c-form__button .c-button.c-button--black {
    bottom: -50px;
    width: 340px;
  }
}
.p-sponsor__application__content .c-form__button .c-button.c-button--black .c-button__inner {
  padding-top: calc(100vw * ( 30 / 750 ));
  padding-bottom: calc(100vw * ( 30 / 750 ));
  cursor: pointer;
}
@media (min-width: 750px) {
  .p-sponsor__application__content .c-form__button .c-button.c-button--black .c-button__inner {
    padding-top: calc(100vw * ( 30 / 1440 ));
    padding-bottom: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__content .c-form__button .c-button.c-button--black .c-button__inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.p-sponsor__application__content .c-box-simple:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor__application__content .c-box-simple:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor__application__content .c-box-simple:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.p-sponsor--confirm {
  padding-top: calc(100vw * ( 140 / 750 ));
}
@media (min-width: 750px) {
  .p-sponsor--confirm {
    padding-top: calc(100vw * ( 140 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sponsor--confirm {
    padding-top: 140px;
  }
}

body.dark .p-sponsor__about__text {
  color: #fff;
}
body.dark .p-sponsor__contractors {
  background-color: #1a171a;
}
body.dark .p-sponsor__examples__intro {
  color: #fff;
}
body.dark .p-sponsor__examples__note {
  color: #fff;
}
body.dark .p-sponsor__events {
  background-color: #1a171a;
}
body.dark .p-sponsor__application__content .c-form__note {
  color: #0f1419;
}

/* ==============================================
 *
 * イベント Event
 *
** ============================================== */
.p-event__event {
  position: relative;
}
.p-event__event:before {
  content: "";
  position: absolute;
  top: calc(-100vw * ( 280 / 750 ));
  left: 0;
  width: 100%;
  height: calc(100% + 100vw * ( 280 / 750 ));
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(160deg, #0051df, transparent 70%), linear-gradient(90deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
}
@media (min-width: 750px) {
  .p-event__event:before {
    top: calc(-100vw * ( 280 / 1440 ));
    height: calc(100% + 100vw * ( 280 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__event:before {
    top: -280px;
    height: calc(100% + 280px);
  }
}
.p-event__event:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(100vw * ( 126 / 750 )) 0 0 100vw;
  border-color: transparent transparent transparent #fff;
  z-index: 3;
}
@media (min-width: 750px) {
  .p-event__event:after {
    bottom: 0;
    border-width: calc(100vw * ( 126 / 1440 )) 0 0 100vw;
  }
}
@media (min-width: 1440px) {
  .p-event__event:after {
    border-width: 126px 0 0 100vw;
  }
}
.p-event__event__inner {
  padding-bottom: calc(100vw * ( 190 / 750 ));
}
@media (min-width: 750px) {
  .p-event__event__inner {
    padding-bottom: calc(100vw * ( 187 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__event__inner {
    padding-bottom: 187px;
  }
}
.p-event__event__content {
  box-sizing: border-box;
  position: relative;
  margin-top: calc(-100vw * ( 10 / 750 ));
  padding: calc(100vw * ( 60 / 750 )) calc(100vw * ( 40 / 750 ));
  min-height: calc(100vw * ( 750 / 750 ));
  background-color: #fff;
  z-index: 2;
}
@media (min-width: 750px) {
  .p-event__event__content {
    margin-top: calc(-100vw * ( 10 / 1440 ));
    margin-left: auto;
    margin-right: auto;
    padding: calc(100vw * ( 40 / 1440 ));
    width: calc(100vw * ( 1000 / 1440 ));
    min-height: calc(100vw * ( 860 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__event__content {
    margin-top: -10px;
    padding: 40px;
    width: 1000px;
    min-height: 860px;
  }
}
.p-event__event__content .c-calendar {
  position: relative;
  z-index: 1;
}
.p-event__event__content .c-calendar__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-event__event__bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100vw * ( 500 / 750 ));
  z-index: 2;
}
@media (min-width: 750px) {
  .p-event__event__bg {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.p-event__event__bg__character {
  position: absolute;
  bottom: calc(-100vw * ( 30 / 750 ));
  right: calc(-100vw * ( 130 / 750 ));
  width: calc(100vw * ( 500 / 750 ));
  z-index: 2;
}
@media (min-width: 750px) {
  .p-event__event__bg__character {
    bottom: 0;
    right: auto;
    left: calc(50% + 100vw * ( 220 / 1440 ));
    width: calc(100vw * ( 500 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__event__bg__character {
    left: calc(50% + 220px);
    width: 500px;
  }
}
.p-event__notice {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.p-event__notice__inner {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-event__notice__inner {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1000 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__notice__inner {
    width: 1000px;
  }
}
.p-event__notice__header {
  padding-top: calc(100vw * ( 27 / 750 ));
  padding-bottom: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-event__notice__header {
    padding-top: calc(100vw * ( 27 / 1440 ));
    padding-bottom: calc(100vw * ( 37 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__notice__header {
    padding-top: 27px;
    padding-bottom: 37px;
  }
}
.p-event__notice__heading .c-heading--a__inner {
  width: calc(100vw * ( 308 / 750 ));
}
@media (min-width: 750px) {
  .p-event__notice__heading .c-heading--a__inner {
    width: calc(100vw * ( 308 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__notice__heading .c-heading--a__inner {
    width: 308px;
  }
}
.p-event__notice__content {
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-event__notice__content {
    margin-left: calc(100vw * ( 340 / 1440 ));
    width: calc(100vw * ( 660 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__notice__content {
    margin-left: 340px;
    width: 660px;
  }
}
.p-event__notice__content .c-box-simple:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 42 / 750 ));
}
@media (min-width: 750px) {
  .p-event__notice__content .c-box-simple:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 42 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-event__notice__content .c-box-simple:not(:last-of-type) {
    margin-bottom: 42px;
  }
}
.p-event__notice__bg {
  margin: calc(100vw * ( 40 / 750 )) 0 calc(-100vw * ( 70 / 750 )) calc(100vw * ( 100 / 750 ));
  height: calc(100vw * ( 470 / 750 ));
}
@media (min-width: 750px) {
  .p-event__notice__bg {
    position: absolute;
    bottom: calc(-100vw * ( 4 / 1440 ));
    right: 100%;
    width: calc(100vw * ( 430 / 1440 ));
    height: auto;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .p-event__notice__bg {
    bottom: -4px;
    left: -420px;
    width: 430px;
  }
}
.p-event__notice__bg .mode-dark {
  margin: calc(100vw * ( 0 / 750 )) 0 calc(100vw * ( 0 / 750 )) calc(-100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-event__notice__bg .mode-dark {
    margin: 0;
  }
}
.p-event__notice .c-box-simple--02 .c-box-simple__heading {
  width: calc(100vw * ( 400 / 750 ));
}

/* 
 * 悪モード dark mode
** ======================= */
body.dark .p-event__event:before {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(160deg, #7f04a6, transparent 70%), linear-gradient(90deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
body.dark .p-event__event:after {
  border-color: transparent transparent transparent #000;
}
body.dark .p-event__notice {
  background-color: #000;
}

/* ==============================================
 *
 * ロケ地 MAP location
 *
** ============================================== */
.p-location-page-header {
  z-index: 3;
}
.p-location {
  position: relative;
}
.p-location:before {
  content: "";
  position: absolute;
  top: calc(-100vw * ( 480 / 750 ));
  left: 0;
  width: 100%;
  height: calc(100% + 100vw * ( 480 / 750 ));
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(160deg, #0051df, transparent 70%), linear-gradient(90deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
}
@media (min-width: 750px) {
  .p-location:before {
    top: calc(-100vw * ( 280 / 1440 ));
    height: calc(100% + 100vw * ( 280 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-location:before {
    top: -280px;
    height: calc(100% + 280px);
  }
}
.p-location__inner {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-location__inner {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-location__inner {
    width: 1200px;
  }
}
.p-location__chara {
  position: relative;
  height: calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  .p-location__chara {
    position: static;
    height: auto;
  }
}
.p-location__chara__01 {
  position: absolute;
  bottom: calc(-100vw * ( 130 / 750 ));
  left: calc(-100vw * ( 60 / 750 ));
  margin: 0;
  width: calc(100vw * ( 450 / 750 ));
}
@media (min-width: 750px) {
  .p-location__chara__01 {
    bottom: auto;
    top: calc(-100vw * ( 181 / 1440 ));
    left: calc(-100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 450 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-location__chara__01 {
    top: -181px;
    left: -60px;
    width: 450px;
  }
}
.p-location__chara__02 {
  position: absolute;
  bottom: calc(-100vw * ( 280 / 750 ));
  right: calc(-100vw * ( 110 / 750 ));
  margin: 0;
  width: calc(100vw * ( 380 / 750 ));
}
@media (min-width: 750px) {
  .p-location__chara__02 {
    bottom: auto;
    top: calc(-100vw * ( 247 / 1440 ));
    right: calc(-100vw * ( 80 / 1440 ));
    width: calc(100vw * ( 453 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-location__chara__02 {
    top: -247px;
    right: -80px;
    width: 453px;
  }
}
.p-location__content {
  position: relative;
  padding: calc(100vw * ( 20 / 750 ));
  background-color: #fff;
  z-index: 2;
}
@media (min-width: 750px) {
  .p-location__content {
    padding: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-location__content {
    padding: 20px;
  }
}
.p-location__content iframe {
  width: 100%;
  height: calc(100vw * ( 1065 / 750 ));
  border: none;
}
@media (min-width: 750px) {
  .p-location__content iframe {
    height: calc(100vw * ( 664 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-location__content iframe {
    height: 664px;
  }
}

/* 
 * 悪モード dark mode
** ======================= */
body.dark .p-location-page-header .c-page-header__heading img {
  transform: translate(-50%, -57%) scale(0.5);
}
body.dark .p-location:before {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(160deg, #7f04a6, transparent 70%), linear-gradient(90deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
body.dark .p-location__chara__01 {
  bottom: calc(-100vw * ( 227 / 750 ));
  left: calc(-100vw * ( 140 / 750 ));
  width: calc(100vw * ( 470 / 750 ));
}
@media (min-width: 750px) {
  body.dark .p-location__chara__01 {
    bottom: auto;
    top: calc(-100vw * ( 227 / 1440 ));
    left: calc(-100vw * ( 80 / 1440 ));
    width: calc(100vw * ( 470 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .p-location__chara__01 {
    top: -227px;
    left: -80px;
    width: 470px;
  }
}
body.dark .p-location__chara__02 {
  position: absolute;
  bottom: calc(-100vw * ( 94 / 750 ));
  right: calc(-100vw * ( 230 / 750 ));
  margin: 0;
  width: calc(100vw * ( 620 / 750 ));
}
@media (min-width: 750px) {
  body.dark .p-location__chara__02 {
    bottom: auto;
    top: calc(-100vw * ( 242 / 1440 ));
    right: calc(-100vw * ( 145 / 1440 ));
    width: calc(100vw * ( 560 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .p-location__chara__02 {
    top: -242px;
    right: -145px;
    width: 560px;
  }
}

/* ==============================================
 *
 * ニュース news
 *
** ============================================== */
/* =======================
 * 一覧
** ======================= */
.p-news-list__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-news-list__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-news-list__content {
    width: 1120px;
  }
}

/* =======================
 * 詳細
** ======================= */
.p-news-detail {
  margin-top: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-news-detail {
    margin-top: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-news-detail {
    margin-top: 100px;
  }
}
.p-news-detail__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-news-detail__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-news-detail__content {
    width: 1080px;
  }
}

/* ==============================================
 *
 * 記事 post
 *
** ============================================== */
.entry__inner {
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  margin-bottom: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .entry__inner {
    padding-left: calc(100vw * ( 90 / 1440 ));
    padding-right: calc(100vw * ( 90 / 1440 ));
    margin-bottom: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry__inner {
    padding-left: 90px;
    padding-right: 90px;
    margin-bottom: 60px;
  }
}
.entry__img {
  margin: 0 0 calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .entry__img {
    margin-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry__img {
    margin-bottom: 70px;
  }
}
.entry__info {
  display: inline-flex;
  margin-bottom: calc(100vw * ( 45 / 750 ));
}
@media (min-width: 750px) {
  .entry__info {
    margin-bottom: calc(100vw * ( 45 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry__info {
    margin-bottom: 45px;
  }
}
.entry__date {
  margin: 0;
  color: #0088cc;
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .entry__date {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry__date {
    font-size: 16px;
  }
}
.entry__category {
  margin-left: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .entry__category {
    margin-left: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry__category {
    margin-left: 30px;
  }
}
.entry__category .c-category {
  margin-right: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .entry__category .c-category {
    margin-right: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry__category .c-category {
    margin-right: 10px;
  }
}
.entry__button {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .entry__button {
    width: calc(100vw * ( 306 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry__button {
    width: 306px;
  }
}

.entry-title {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 25 / 750 ));
  color: transparent;
  font-size: calc(100vw * ( 36 / 750 ));
  font-weight: normal;
  line-height: 1.666;
  background-image: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  -webkit-background-clip: text;
}
@media (min-width: 750px) {
  .entry-title {
    margin-bottom: calc(100vw * ( 25 / 1440 ));
    font-size: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-title {
    margin-bottom: 25px;
    font-size: 30px;
  }
}

.entry-body {
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .entry-body {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body {
    font-size: 16px;
  }
}
.entry-body h1, .entry-body h2 {
  margin-top: calc(100vw * ( 50 / 750 ));
  margin-bottom: calc(100vw * ( 50 / 750 ));
  padding: calc(100vw * ( 20 / 750 )) calc(100vw * ( 40 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 32 / 750 ));
  font-weight: normal;
  line-height: 1.7;
  background-image: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
}
@media (min-width: 750px) {
  .entry-body h1, .entry-body h2 {
    margin-top: calc(100vw * ( 50 / 1440 ));
    margin-bottom: calc(100vw * ( 50 / 1440 ));
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 40 / 1440 ));
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body h1, .entry-body h2 {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 20px 40px;
    font-size: 26px;
  }
}
.entry-body h3 {
  margin-top: calc(100vw * ( 40 / 750 ));
  margin-bottom: calc(100vw * ( 40 / 750 ));
  color: transparent;
  font-size: calc(100vw * ( 28 / 750 ));
  font-weight: normal;
  line-height: 1.818;
  background-image: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
  -webkit-background-clip: text;
}
@media (min-width: 750px) {
  .entry-body h3 {
    margin-top: calc(100vw * ( 40 / 1440 ));
    margin-bottom: calc(100vw * ( 40 / 1440 ));
    font-size: calc(100vw * ( 22 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 22px;
  }
}
.entry-body h4 {
  margin-top: calc(100vw * ( 30 / 750 ));
  margin-bottom: calc(100vw * ( 30 / 750 ));
  padding: calc(100vw * ( 16 / 750 )) calc(100vw * ( 24 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  font-weight: normal;
  line-height: 1.888;
  background-color: #0088cc;
}
@media (min-width: 750px) {
  .entry-body h4 {
    margin-top: calc(100vw * ( 30 / 1440 ));
    margin-bottom: calc(100vw * ( 30 / 1440 ));
    padding: calc(100vw * ( 16 / 1440 )) calc(100vw * ( 24 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body h4 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 16px 24px;
    font-size: 18px;
  }
}
.entry-body h5 {
  margin-top: calc(100vw * ( 30 / 750 ));
  margin-bottom: calc(100vw * ( 30 / 750 ));
  padding: calc(100vw * ( 16 / 750 )) calc(100vw * ( 24 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 24 / 750 ));
  font-weight: normal;
  line-height: 1.888;
  border: 1px solid #0088cc;
}
@media (min-width: 750px) {
  .entry-body h5 {
    margin-top: calc(100vw * ( 30 / 1440 ));
    margin-bottom: calc(100vw * ( 30 / 1440 ));
    padding: calc(100vw * ( 16 / 1440 )) calc(100vw * ( 24 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body h5 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 16px 24px;
    font-size: 18px;
  }
}
.entry-body h6 {
  margin-top: calc(100vw * ( 30 / 750 ));
  margin-bottom: calc(100vw * ( 30 / 750 ));
  color: #0088cc;
  font-size: calc(100vw * ( 24 / 750 ));
  font-weight: normal;
  line-height: 1.888;
}
@media (min-width: 750px) {
  .entry-body h6 {
    margin-top: calc(100vw * ( 30 / 1440 ));
    margin-bottom: calc(100vw * ( 30 / 1440 ));
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body h6 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
  }
}
.entry-body p {
  margin-top: calc(100vw * ( 20 / 750 ));
  margin-bottom: calc(100vw * ( 20 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .entry-body p {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.entry-body a {
  position: relative;
  display: inline-block;
  /*
  &[target="_blank"] {

      &:not(.c-button) {
          position: relative;
          display: inline-block;

          @include for-size(tablet-portrait-up) {
          }

          @include for-size(desktop-up) {
          }

          &:after {
              content: "";
              display: inline-block;
              margin-left: size-sp(6);
              margin-right: size-sp(6);
              width: size-sp(14);
              height: size-sp(14);
              vertical-align: middle;
              background-image: icon-external($color_blue);
              background-repeat: no-repeat;
              background-position: center center;
              background-size: contain;

              @include for-size(tablet-portrait-up) {
                  margin-left: size-tablet(6);
                  margin-right: size-tablet(6);
                  width: size-tablet(14);
                  height: size-tablet(14);
              }

              @include for-size(desktop-up) {
                  margin-left: 6px;
                  margin-right: 6px;
                  width: 14px;
                  height: 14px;
              }
          }
      }
  }

  &[href$=".pdf"] {

      &:not(.c-button) {

          @include for-size(tablet-portrait-up) {
          }

          @include for-size(desktop-up) {
          }

          &:after {
              content: "";
              display: inline-block;
              margin-left: size-sp(6);
              margin-right: size-sp(6);
              width: size-sp(14);
              height: size-sp(16);
              vertical-align: middle;
              background-image: url("/assets/images/common/icon-pdf.png");
              background-repeat: no-repeat;
              background-position: center center;
              background-size: contain;

              @include for-size(tablet-portrait-up) {
                  margin-left: size-tablet(6);
                  margin-right: size-tablet(6);
                  width: size-tablet(14);
                  height: size-tablet(16);
              }

              @include for-size(desktop-up) {
                  margin-left: 6px;
                  margin-right: 6px;
                  width: 14px;
                  height: 16px;
              }
          }
      }
  }
  */
}
.entry-body a.c-btn--full {
  display: block;
}
.entry-body img {
  margin-top: calc(100vw * ( 70 / 750 ));
  margin-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .entry-body img {
    margin-top: calc(100vw * ( 70 / 750 ));
    margin-bottom: calc(100vw * ( 70 / 750 ));
  }
}
@media (min-width: 1440px) {
  .entry-body img {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
.entry-body figure {
  margin-top: calc(100vw * ( 40 / 750 ));
  margin-bottom: calc(100vw * ( 40 / 750 ));
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
@media (min-width: 750px) {
  .entry-body figure {
    margin-top: calc(100vw * ( 40 / 750 ));
    margin-bottom: calc(100vw * ( 40 / 750 ));
  }
}
@media (min-width: 1440px) {
  .entry-body figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.entry-body figure > img {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}
.entry-body figure.c-box-col2__img {
  margin: 0;
}
.entry-body iframe[src^="https://www.google.com/maps/"] {
  width: 100%;
  height: calc(100vw * ( 800 / 750 ));
}
@media (min-width: 750px) {
  .entry-body iframe[src^="https://www.google.com/maps/"] {
    height: calc(100vw * ( 480 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body iframe[src^="https://www.google.com/maps/"] {
    height: 480px;
  }
}
.entry-body ul, .entry-body ol {
  list-style: none;
  margin-top: calc(100vw * ( 20 / 750 ));
  margin-bottom: calc(100vw * ( 20 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .entry-body ul, .entry-body ol {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    padding-left: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body ul, .entry-body ol {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 40px;
  }
}
.entry-body ul li, .entry-body ol li {
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .entry-body ul li, .entry-body ol li {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body ul li, .entry-body ol li {
    font-size: 16px;
  }
}
.entry-body ul li > ul, .entry-body ul li > ol, .entry-body ol li > ul, .entry-body ol li > ol {
  margin-top: calc(100vw * ( 20 / 750 ));
  margin-bottom: 0;
}
@media (min-width: 750px) {
  .entry-body ul li > ul, .entry-body ul li > ol, .entry-body ol li > ul, .entry-body ol li > ol {
    margin-top: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body ul li > ul, .entry-body ul li > ol, .entry-body ol li > ul, .entry-body ol li > ol {
    margin-top: 20px;
  }
}
.entry-body ul li {
  position: relative;
}
.entry-body ul li:before {
  content: "";
  position: absolute;
  top: calc(100vw * ( 22 / 750 ));
  left: calc(-100vw * ( 40 / 750 ));
  width: calc(100vw * ( 30 / 750 ));
  height: 1px;
  background-image: linear-gradient(90deg, #0088cc, #18adad);
}
@media (min-width: 750px) {
  .entry-body ul li:before {
    top: calc(100vw * ( 15 / 1440 ));
    left: calc(-100vw * ( 40 / 1440 ));
    width: calc(100vw * ( 30 / 1440 ));
    height: 2px;
  }
}
@media (min-width: 1440px) {
  .entry-body ul li:before {
    top: 15px;
    left: -40px;
    width: 30px;
  }
}
.entry-body ul li > ul li:before {
  background-image: linear-gradient(90deg, #80bfff, #83e5e5);
}
.entry-body ol {
  counter-reset: number 0;
}
.entry-body ol li {
  position: relative;
  counter-increment: number;
}
.entry-body ol li:before {
  position: absolute;
  content: counter(number);
  top: calc(100vw * ( 6 / 750 ));
  right: calc(100% + 100vw * ( 10 / 750 ));
  padding: calc(100vw * ( 4 / 750 )) calc(100vw * ( 8 / 750 ));
  border-radius: calc(100vw * ( 5 / 750 )) calc(100vw * ( 5 / 750 ));
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 1;
  background-image: linear-gradient(90deg, #0088cc, #18adad);
}
@media (min-width: 750px) {
  .entry-body ol li:before {
    top: calc(100vw * ( 6 / 1440 ));
    right: calc(100% + 100vw * ( 10 / 1440 ));
    padding: calc(100vw * ( 4 / 1440 )) calc(100vw * ( 8 / 1440 ));
    border-radius: calc(100vw * ( 5 / 1440 )) calc(100vw * ( 5 / 1440 ));
    font-size: calc(100vw * ( 13 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body ol li:before {
    top: 6px;
    right: calc(100% + 10px);
    padding: 4px 8px;
    border-radius: 5px 5px;
    font-size: 13px;
  }
}
.entry-body ol li > ol li:before {
  color: #0f1419;
  background-image: linear-gradient(90deg, #80bfff, #83e5e5);
}
.entry-body table, .entry-body__table, .entry-body .wp-block-table table, .entry-body .wp-block-flexible-table-block-table table, .entry-body .wp-block-flexible-table-block-table > table {
  margin-top: calc(100vw * ( 50 / 750 ));
  margin-bottom: calc(100vw * ( 50 / 750 ));
  width: 100%;
}
@media (min-width: 750px) {
  .entry-body table, .entry-body__table, .entry-body .wp-block-table table, .entry-body .wp-block-flexible-table-block-table table, .entry-body .wp-block-flexible-table-block-table > table {
    margin-top: calc(100vw * ( 50 / 1440 ));
    margin-bottom: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body table, .entry-body__table, .entry-body .wp-block-table table, .entry-body .wp-block-flexible-table-block-table table, .entry-body .wp-block-flexible-table-block-table > table {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.entry-body table tr:not(:last-of-type), .entry-body__table tr:not(:last-of-type), .entry-body .wp-block-flexible-table-block-table > table tr:not(:last-of-type) {
  border-bottom: 1px solid #c2c9cc;
}
.entry-body table th, .entry-body table td, .entry-body__table th, .entry-body .wp-block-table table th, .entry-body .wp-block-flexible-table-block-table table th, .entry-body__table td, .entry-body .wp-block-table table td, .entry-body .wp-block-flexible-table-block-table table td, .entry-body .wp-block-flexible-table-block-table > table th, .entry-body .wp-block-flexible-table-block-table > table td {
  margin-top: 0;
  padding: calc(100vw * ( 16 / 750 )) calc(100vw * ( 23 / 750 ));
  border-color: #c2c9cc;
  font-size: calc(100vw * ( 22 / 750 ));
  font-weight: normal;
  text-align: left;
  line-height: 2;
  background-color: #fff;
}
@media (min-width: 750px) {
  .entry-body table th, .entry-body table td, .entry-body__table th, .entry-body .wp-block-table table th, .entry-body .wp-block-flexible-table-block-table table th, .entry-body__table td, .entry-body .wp-block-table table td, .entry-body .wp-block-flexible-table-block-table table td, .entry-body .wp-block-flexible-table-block-table > table th, .entry-body .wp-block-flexible-table-block-table > table td {
    padding: calc(100vw * ( 16 / 1440 )) calc(100vw * ( 23 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body table th, .entry-body table td, .entry-body__table th, .entry-body .wp-block-table table th, .entry-body .wp-block-flexible-table-block-table table th, .entry-body__table td, .entry-body .wp-block-table table td, .entry-body .wp-block-flexible-table-block-table table td, .entry-body .wp-block-flexible-table-block-table > table th, .entry-body .wp-block-flexible-table-block-table > table td {
    padding: 16px 23px;
    font-size: 16px;
  }
}
.entry-body table th:not(:last-child), .entry-body table td:not(:last-child), .entry-body__table th:not(:last-child), .entry-body__table td:not(:last-child), .entry-body .wp-block-flexible-table-block-table > table th:not(:last-child), .entry-body .wp-block-flexible-table-block-table > table td:not(:last-child) {
  border-right: 1px dotted #c2c9cc;
}
.entry-body table thead th, .entry-body__table thead th, .entry-body .wp-block-table table thead th, .entry-body .wp-block-flexible-table-block-table table thead th, .entry-body .wp-block-flexible-table-block-table > table thead th {
  color: #0088cc;
  background-color: #e8f2f9;
}
.entry-body table tbody td, .entry-body__table tbody td, .entry-body .wp-block-table table tbody td, .entry-body .wp-block-flexible-table-block-table table tbody td, .entry-body .wp-block-flexible-table-block-table > table tbody td {
  background-color: #fff;
}
.entry-body .c-box-col2 {
  margin-top: calc(100vw * ( 70 / 750 ));
  margin-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .entry-body .c-box-col2 {
    margin-top: calc(100vw * ( 70 / 1440 ));
    margin-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body .c-box-col2 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
.entry-body .c-box-col2__img img {
  margin: 0;
}
.entry-body .c-box-col2 h1, .entry-body .c-box-col2 h2, .entry-body .c-box-col2 h3, .entry-body .c-box-col2 h4, .entry-body .c-box-col2 h5, .entry-body .c-box-col2 h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.entry-body .c-box-col2 h1.c-heading--c, .entry-body .c-box-col2 h2.c-heading--c, .entry-body .c-box-col2 h3.c-heading--c, .entry-body .c-box-col2 h4.c-heading--c, .entry-body .c-box-col2 h5.c-heading--c, .entry-body .c-box-col2 h6.c-heading--c {
  margin-bottom: calc(100vw * ( 50 / 750 ));
  font-size: calc(100vw * ( 36 / 750 ));
}
@media (min-width: 750px) {
  .entry-body .c-box-col2 h1.c-heading--c, .entry-body .c-box-col2 h2.c-heading--c, .entry-body .c-box-col2 h3.c-heading--c, .entry-body .c-box-col2 h4.c-heading--c, .entry-body .c-box-col2 h5.c-heading--c, .entry-body .c-box-col2 h6.c-heading--c {
    margin-bottom: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body .c-box-col2 h1.c-heading--c, .entry-body .c-box-col2 h2.c-heading--c, .entry-body .c-box-col2 h3.c-heading--c, .entry-body .c-box-col2 h4.c-heading--c, .entry-body .c-box-col2 h5.c-heading--c, .entry-body .c-box-col2 h6.c-heading--c {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
.entry-body .c-ticket {
  margin-top: calc(100vw * ( 50 / 750 ));
  margin-bottom: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .entry-body .c-ticket {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body .c-ticket {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.entry-body .wp-block-flexible-table-block-table {
  margin-left: 0;
  margin-right: 0;
}
.entry-body .wp-block-table, .entry-body .wp-block-flexible-table-block-table {
  margin-top: calc(100vw * ( 50 / 750 ));
  margin-bottom: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .entry-body .wp-block-table, .entry-body .wp-block-flexible-table-block-table {
    margin-top: calc(100vw * ( 50 / 1440 ));
    margin-bottom: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .entry-body .wp-block-table, .entry-body .wp-block-flexible-table-block-table {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.entry-body .wp-block-table table, .entry-body .wp-block-flexible-table-block-table table {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
@media (min-width: 750px) {
  .entry-body .wp-block-table table, .entry-body .wp-block-flexible-table-block-table table {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .entry-body .wp-block-table table, .entry-body .wp-block-flexible-table-block-table table {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .entry__date {
  color: #a352cc;
}
body.dark .entry-title {
  background-image: linear-gradient(90deg, #ad49df, #e047c7);
}
body.dark .entry-body {
  color: #fff;
}
body.dark .entry-body h1, body.dark .entry-body h2 {
  background-image: linear-gradient(90deg, #7700b2, #b20095);
}
body.dark .entry-body h3 {
  background-image: linear-gradient(90deg, #ad49df, #e047c7);
}
body.dark .entry-body h4 {
  background-color: #a352cc;
}
body.dark .entry-body h5 {
  color: #a352cc;
  border: 1px solid #a352cc;
}
body.dark .entry-body h6 {
  color: #a352cc;
}
body.dark .entry-body a {
  color: #a352cc;
}
body.dark .entry-body a:link, body.dark .entry-body a:visited {
  color: #a352cc;
}
body.dark .entry-body a[target=_blank] {
  position: relative;
  display: inline-block;
}
body.dark .entry-body a[target=_blank]:after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 14"><path fill="%23a352cc" d="m10,5V0H0v9h4v5h10V5h-4ZM1,8V2h8v6H1Zm12,5H5v-4h5v-2h3v6Z"/></svg>');
}
body.dark .entry-body a.c-button.c-button--default {
  color: #fff;
}
body.dark .entry-body ul li:before {
  background-image: linear-gradient(90deg, #7700b2, #b20095);
}
body.dark .entry-body ul li > ul li:before {
  background-image: linear-gradient(90deg, #c78ae5, #ff99ee);
}
body.dark .entry-body ol li:before {
  background-image: linear-gradient(90deg, #7700b2, #b20095);
}
body.dark .entry-body ol li > ol li:before {
  color: #0f1419;
  background-image: linear-gradient(90deg, #c78ae5, #ff99ee);
}
body.dark .entry-body table th {
  color: #a352cc;
  background-color: #f8ebfe;
}
body.dark .c-category {
  color: #fff;
}

/* ==============================================
 *
 * やくいく手帳について 
 *
** ============================================== */
/* =======================
 * やくいく手帳について 
** ======================= */
.p-yakuiku__about {
  position: relative;
  padding-top: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__about {
    padding-top: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about {
    padding-top: 60px;
  }
}
.p-yakuiku__about:before {
  content: "";
  position: absolute;
  bottom: calc(-100vw * ( 40 / 750 ));
  width: 100%;
  height: calc(100% + 100vw * ( 64 / 750 ));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
@media (min-width: 750px) {
  .p-yakuiku__about:before {
    bottom: calc(-100vw * ( 40 / 1440 ));
    height: calc(100% + 100vw * ( 64 / 1440 ));
    background-image: url("/assets/images/pages/yakuiku-notebook/bg-chara.png");
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about:before {
    bottom: -40px;
    height: calc(100% + 64px);
  }
}
.p-yakuiku__about__inner {
  padding-bottom: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__about__inner {
    padding-bottom: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__inner {
    padding-bottom: 100px;
  }
}
.p-yakuiku__about__header {
  margin-bottom: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__about__header {
    margin-bottom: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__header {
    margin-bottom: 50px;
  }
}
.p-yakuiku__about__heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  height: calc(100vw * ( 197 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__about__heading {
    height: calc(100vw * ( 197 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__heading {
    height: 197px;
  }
}
.p-yakuiku__about__heading__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  width: calc(100vw * ( 464 / 750 ));
  transform: translate(-50%, -50%);
}
@media (min-width: 750px) {
  .p-yakuiku__about__heading__inner {
    width: calc(100vw * ( 464 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__heading__inner {
    width: 464px;
  }
}
.p-yakuiku__about__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__about__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__content {
    width: 1080px;
  }
}
.p-yakuiku__about__intro {
  margin-bottom: calc(100vw * ( 45 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-yakuiku__about__intro {
    margin-bottom: calc(100vw * ( 45 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__intro {
    margin-bottom: 45px;
  }
}
.p-yakuiku__about__intro p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-yakuiku__about__intro p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__intro p {
    font-size: 16px;
  }
}
.p-yakuiku__about__manga {
  margin: 0;
}
.p-yakuiku__about__note {
  position: relative;
  box-sizing: border-box;
  margin-top: calc(-100vw * ( 20 / 750 ));
  margin-left: auto;
  margin-right: auto;
  padding: calc(100vw * ( 30 / 750 )) calc(100vw * ( 40 / 750 ));
  background-image: linear-gradient(90deg, #0070e0, #2e97e5 50%, #18adad);
  z-index: 1;
}
@media (min-width: 750px) {
  .p-yakuiku__about__note {
    margin-top: calc(-100vw * ( 40 / 1440 ));
    padding: calc(100vw * ( 30 / 1440 )) calc(100vw * ( 40 / 1440 ));
    width: calc(100vw * ( 720 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__note {
    margin-top: -40px;
    padding: 30px 40px;
    width: 720px;
  }
}
.p-yakuiku__about__note p {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: calc(100vw * ( 22 / 750 ));
  text-align: justify;
  line-height: 2;
  letter-spacing: 0.18em;
}
@media (min-width: 750px) {
  .p-yakuiku__about__note p {
    font-size: calc(100vw * ( 16 / 1440 ));
    letter-spacing: 0.18em;
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__about__note p {
    font-size: 16px;
  }
}
.p-yakuiku__map {
  position: relative;
}
.p-yakuiku__map:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #cee3f2;
  z-index: 1;
}
@media (min-width: 750px) {
  .p-yakuiku__map:before {
    top: calc(100vw * ( 40 / 1440 ));
    left: 0;
    height: calc(100% - 100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__map:before {
    top: 40px;
    height: calc(100% - 80px);
  }
}
.p-yakuiku__map__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(100vw * ( 60 / 750 ));
  padding-bottom: calc(100vw * ( 60 / 750 ));
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  z-index: 2;
}
@media (min-width: 750px) {
  .p-yakuiku__map__inner {
    padding-top: 0;
    padding-bottom: calc(100vw * ( 20 / 1440 ));
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__map__inner {
    padding-bottom: 20px;
    width: 1080px;
  }
}
.p-yakuiku__map__header {
  margin-bottom: calc(100vw * ( 60 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: calc(100vw * ( 460 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__map__header {
    position: absolute;
    top: calc(100vw * ( 100 / 1440 ));
    left: calc(100vw * ( 150 / 1440 ));
    margin-bottom: 0;
    width: calc(100vw * ( 460 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__map__header {
    top: 100px;
    left: 150px;
    width: 460px;
  }
}
.p-yakuiku__map__heading {
  margin: 0;
}
.p-yakuiku__map__content {
  position: relative;
}
.p-yakuiku__map__img {
  display: none;
  margin: 0;
}
@media (min-width: 750px) {
  .p-yakuiku__map__img {
    display: block;
    width: calc(100vw * ( 996 / 1440 ));
    height: auto;
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__map__img {
    width: 996px;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__img img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
}
.p-yakuiku__map__link {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 750px) {
  .p-yakuiku__map__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item {
    position: absolute;
    width: calc(100vw * ( 240 / 1440 ));
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__map__link__item {
    width: 240px;
  }
}
.p-yakuiku__map__link__item:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(1) {
    top: 34.745%;
    left: 75%;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(2) {
    top: 50.847%;
    left: 56.944%;
  }
}
.p-yakuiku__map__link__item:nth-of-type(3) {
  top: 59.627%;
  left: 86.722%;
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(3) {
    top: 57.627%;
    left: 84.722%;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(4) {
    top: 72.881%;
    left: 77.777%;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(5) {
    top: 83.898%;
    left: 54.629%;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(6) {
    top: 61.016%;
    left: 33.333%;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(7) {
    top: 88.983%;
    left: 31.481%;
  }
}
@media (min-width: 750px) {
  .p-yakuiku__map__link__item:nth-of-type(8) {
    top: 74.576%;
    left: 11.111%;
  }
}
.p-yakuiku__map__note {
  margin-top: calc(100vw * ( 35 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__map__note {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    width: 100%;
    text-align: center;
  }
}
.p-yakuiku__map__note p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__map__note p {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__map__note p {
    font-size: 14px;
  }
}
.p-yakuiku__map__modal-box {
  display: none;
}
.p-yakuiku__button {
  margin-top: calc(100vw * ( 45 / 750 ));
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__button {
    margin-top: calc(100vw * ( 40 / 1440 ));
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 800 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__button {
    margin-top: 40px;
    width: 800px;
  }
}
.p-yakuiku__button__banner {
  transition: all 0.2s ease;
}
.p-yakuiku__button__banner:hover {
  opacity: 0.6;
}

/* =======================
 * フォーム from
** ======================= */
.p-yakuiku__inquiry__inner {
  padding-top: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__inquiry__inner {
    padding-top: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__inquiry__inner {
    padding-top: 80px;
  }
}
.p-yakuiku__inquiry__header {
  margin-bottom: calc(100vw * ( 50 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-yakuiku__inquiry__header {
    margin-bottom: calc(100vw * ( 50 / 1440 ));
    margin-left: auto;
    margin-right: auto;
    width: calc(100vw * ( 440 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__inquiry__header {
    margin-bottom: 50px;
    width: 440px;
  }
}
.p-yakuiku__inquiry__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-yakuiku__inquiry__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 600 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-yakuiku__inquiry__content {
    width: 600px;
  }
}

/* 
 * 悪モード dark mode
** ======================= */
body.dark .p-yakuiku {
  color: #fff;
}
@media (min-width: 750px) {
  body.dark .p-yakuiku__about:before {
    background-image: url("/assets/images/pages/yakuiku-notebook/bg-chara-dark.png");
  }
}
body.dark .p-yakuiku__about__note {
  background-image: linear-gradient(90deg, #7700b2, #cc14cc);
}
body.dark .p-yakuiku__map:before {
  background-color: #1a171a;
}

/* ==============================================
 *
 * プライバシーポリシー Privacy Policy
 *
** ============================================== */
.p-policy__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-policy__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 900 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-policy__content {
    width: 900px;
  }
}

/* 
 * 悪モード Dark mode
** ============================================== */
body.dark .p-policy-page-header .c-page-header__inner {
  padding-bottom: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  body.dark .p-policy-page-header .c-page-header__inner {
    padding-bottom: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .p-policy-page-header .c-page-header__inner {
    padding-bottom: 100px;
  }
}

/* ==============================================
 *
 * ドゲンジャーズについて about
 *
** ============================================== */
.p-about-page-bg {
  position: relative;
  background-color: #000;
}
.p-about-page-bg:before {
  content: "";
  position: absolute;
  top: calc(-100vw * ( 140 / 750 ));
  left: 50%;
  transform: translateX(-50%) scale(1.2);
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  background-image: url("/assets/images/pages/about/bg-about.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
@media (min-width: 750px) {
  .p-about-page-bg:before {
    width: 120vw;
    top: calc(-100vw * ( 60 / 1440 ));
    transform: translateX(-50%);
  }
}
@media (min-width: 1440px) {
  .p-about-page-bg:before {
    top: 30px;
  }
}

.p-about__inner {
  margin-left: auto;
  margin-right: auto;
  padding: calc(100vw * ( 110 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 120 / 750 ));
}
@media (min-width: 750px) {
  .p-about__inner {
    padding: calc(100vw * ( 110 / 1440 )) 0 calc(100vw * ( 165 / 1440 ));
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-about__inner {
    padding-top: 110px;
    padding-bottom: 165px;
    width: 1080px;
  }
}
.p-about__inner .mode-light {
  position: relative;
  z-index: -1;
}
.p-about__inner .mode-light:before {
  content: "";
  width: 100%;
  max-width: 1440px;
  height: 0;
  top: calc(100vw * ( 0 / 750 ));
  left: 50%;
  padding-top: 100%;
  transform: translateX(-50%) scale(1.2);
  z-index: 1;
  background-image: url("/assets/images/pages/about/bg-about.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
}
@media (min-width: 750px) {
  .p-about__inner .mode-light:before {
    width: 120vw;
    top: calc(100vw * ( 30 / 1440 ));
    transform: translateX(-50%);
  }
}
@media (min-width: 1440px) {
  .p-about__inner .mode-light:before {
    top: 30px;
  }
}
.p-about__intro {
  margin-bottom: calc(100vw * ( 260 / 750 ));
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
@media (min-width: 750px) {
  .p-about__intro {
    margin-bottom: calc(100vw * ( 460 / 1440 ));
    width: calc(100vw * ( 972 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-about__intro {
    margin-bottom: 460px;
    width: 972px;
  }
}
.p-about__header {
  margin-bottom: calc(100vw * ( 60 / 750 ));
  position: relative;
  z-index: 2;
}
@media (min-width: 750px) {
  .p-about__header {
    margin-bottom: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-about__header {
    margin-bottom: 60px;
  }
}
.p-about__header .c-ttl__ttl {
  height: calc(100vw * ( 184 / 750 ));
}
@media (min-width: 750px) {
  .p-about__header .c-ttl__ttl {
    height: calc(100vw * ( 184 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-about__header .c-ttl__ttl {
    height: 184px;
  }
}
.p-about__content {
  position: relative;
  z-index: 2;
}
.p-about__text {
  text-align: center;
}
.p-about__text p {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: calc(100vw * ( 24 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-about__text p {
    font-size: calc(100vw * ( 18 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-about__text p {
    font-size: 18px;
  }
}
.p-about__history {
  background: #fff;
  transform: skewY(5deg);
  margin-bottom: calc(-100vw * ( 70 / 750 ));
  position: relative;
  z-index: 3;
}
@media (min-width: 750px) {
  .p-about__history {
    margin-bottom: calc(-100vw * ( 70 / 1440 ));
  }
}
.p-about__history__inner {
  transform: skewY(-5deg);
  box-sizing: border-box;
  padding: 0 calc(100vw * ( 40 / 750 )) calc(100vw * ( 240 / 750 )) calc(100vw * ( 40 / 750 ));
  margin: 0 auto;
}
@media (min-width: 750px) {
  .p-about__history__inner {
    width: calc(100vw * ( 900 / 1440 ));
    padding: 0 0 calc(100vw * ( 240 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-about__history__inner {
    width: 900px;
    padding-bottom: 240px;
  }
}
.p-about__history__header {
  padding-top: calc(100vw * ( 100 / 750 ));
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-about__history__header {
    padding-top: calc(100vw * ( 100 / 1440 ));
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-about__history__header {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
.p-about__history a[data-modal] {
  padding-right: 2em;
  color: #0088cc;
  text-decoration: underline;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.p-about__history a[data-modal]::after {
  content: "";
  display: inline-block;
  margin-left: calc(100vw * ( 6 / 750 ));
  margin-right: calc(100vw * ( 6 / 750 ));
  width: calc(100vw * ( 24 / 750 ));
  height: calc(100vw * ( 26 / 750 ));
  vertical-align: middle;
  background-image: url("../images/common/icon-fukidashi.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (min-width: 750px) {
  .p-about__history a[data-modal]::after {
    margin-left: calc(100vw * ( 6 / 1440 ));
    margin-right: calc(100vw * ( 6 / 1440 ));
    width: calc(100vw * ( 24 / 1440 ));
    height: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-about__history a[data-modal]::after {
    margin-left: 6px;
    margin-right: 6px;
    width: 24px;
    height: 26px;
  }
}
.p-about__dark {
  padding-bottom: calc(100vw * ( 100 / 750 ));
}
/* 
 * 悪モード dark mode
** ======================= */
body.dark .p-about-page-bg:before {
  left: 0;
  transform: translateY(calc(100vw * ( 215 / 750 ))) scale(1.5);
  background-image: url("/assets/images/pages/about/bg-about-dark.webp");
}
@media (min-width: 750px) {
  body.dark .p-about-page-bg:before {
    transform: none;
  }
}
body.dark .p-about__inner {
  padding-top: calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  body.dark .p-about__inner {
    padding-top: calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  body.dark .p-about__inner {
    padding-top: 200px;
  }
}

/* ==============================================
 *
 * スポンサー募集 sponsor
 *
** ============================================== */
.p-entry {
  position: relative;
  z-index: 1;
}
.p-entry-main .c-main__txtBox {
  padding-bottom: 13.8888888889vw;
}
@media (min-width: 750px) {
  .p-entry-main .c-main__txtBox {
    padding-bottom: 8.75vw;
  }
}
.p-entry-about {
  margin-top: -4.375vw;
}
@media (min-width: 750px) {
  .p-entry-about {
    padding-bottom: 8.75vw;
  }
}
.p-entry-about__inner {
  box-sizing: border-box;
  position: relative;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: 0;
}
@media (min-width: 750px) {
  .p-entry-about__inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(100vw * ( 40 / 1440 ));
    padding-bottom: calc(100vw * ( 60 / 1440 ));
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1200 / 1440 ));
    min-height: calc(100vw * ( 660 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-about__inner {
    padding-top: 40px;
    padding-bottom: 60px;
    width: 1200px;
    min-height: 660px;
  }
}
.p-entry-about__img {
  margin: 0;
}
@media (min-width: 750px) {
  .p-entry-about__img {
    position: absolute;
    bottom: 0;
    right: calc(-100vw * ( 80 / 1440 ));
    width: calc(100vw * ( 740 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-about__img {
    bottom: 0;
    right: -80px;
    width: 740px;
  }
}
@media (min-width: 750px) {
  .p-entry-about__info {
    width: calc(100vw * ( 510 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-about__info {
    width: 510px;
  }
}
.p-entry-about__heading {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 40 / 750 ));
  color: transparent;
  text-align: center;
}
@media (min-width: 750px) {
  .p-entry-about__heading {
    margin-top: calc(100vw * ( 20 / 1440 ));
    margin-bottom: calc(100vw * ( 40 / 1440 ));
    font-size: calc(100vw * ( 42 / 1440 ));
    text-align: left;
  }
}
@media (min-width: 1440px) {
  .p-entry-about__heading {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 42px;
  }
}
.p-entry-about__txt p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2;
}
@media (min-width: 750px) {
  .p-entry-about__txt p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-about__txt p {
    font-size: 16px;
  }
}
.p-entry-about__txt span {
  margin-top: 1.6em;
  font-size: calc(100vw * ( 22 / 750 ));
  font-weight: bold;
  text-align: right;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-about__txt span {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-about__txt span {
    font-size: 16px;
  }
}
.p-entry-about__txt strong {
  margin-top: 0.4em;
  font-size: calc(100vw * ( 26 / 750 ));
  text-align: right;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-about__txt strong {
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-about__txt strong {
    font-size: 20px;
  }
}
.p-entry-culture, .p-entry-culture--event, .p-entry-culture--partner {
  padding-bottom: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture, .p-entry-culture--event, .p-entry-culture--partner {
    padding-bottom: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture, .p-entry-culture--event, .p-entry-culture--partner {
    padding-bottom: 100px;
  }
}
.p-entry-culture--partner {
  margin-top: -8.75vw;
}
.p-entry-culture--event {
  margin-top: -4.375vw;
}
.p-entry-culture__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture__inner {
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
    padding-bottom: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__inner {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
  }
}
.p-entry-culture__header {
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture__header {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__header {
    padding-bottom: 70px;
  }
}
.p-entry-culture__ttl, .p-entry-culture__ttl--green > span, .p-entry-culture__ttl--green, .p-entry-culture__ttl--orange {
  margin: 0;
  font-size: calc(100vw * ( 52 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-entry-culture__ttl, .p-entry-culture__ttl--green > span, .p-entry-culture__ttl--green, .p-entry-culture__ttl--orange {
    font-size: calc(100vw * ( 48 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__ttl, .p-entry-culture__ttl--green > span, .p-entry-culture__ttl--green, .p-entry-culture__ttl--orange {
    font-size: 4.8rem;
  }
}
.p-entry-culture__ttl > img, .p-entry-culture__ttl--green > span > img, .p-entry-culture__ttl--green > img, .p-entry-culture__ttl--orange > img {
  width: calc(100vw * ( 420 / 750 ));
  display: inline-block;
}
@media (min-width: 750px) {
  .p-entry-culture__ttl > img, .p-entry-culture__ttl--green > span > img, .p-entry-culture__ttl--green > img, .p-entry-culture__ttl--orange > img {
    width: calc(100vw * ( 520 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__ttl > img, .p-entry-culture__ttl--green > span > img, .p-entry-culture__ttl--green > img, .p-entry-culture__ttl--orange > img {
    width: 520px;
  }
}
.p-entry-culture__ttl > span, .p-entry-culture__ttl--green > span > span, .p-entry-culture__ttl--green > span, .p-entry-culture__ttl--orange > span {
  display: inline-block;
  position: relative;
  padding-left: 0.3em;
  top: -0.5em;
}
.p-entry-culture__ttl--orange > span {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.p-entry-culture__ttl--green > span {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.p-entry-culture__intro {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture__intro {
    margin-bottom: calc(100vw * ( 80 / 1440 ));
    display: flex;
    gap: 0 0;
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__intro {
    margin-bottom: 80px;
  }
}
.p-entry-culture__photo {
  margin: 0;
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture__photo {
    width: 120%;
    margin-bottom: 0;
  }
}
.p-entry-culture__photo > img {
  display: block;
}
.p-entry-culture__block {
  padding: 0;
}
@media (min-width: 750px) {
  .p-entry-culture__block {
    padding-left: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__block {
    padding-left: 60px;
  }
}
.p-entry-culture__description {
  margin-top: 0;
  margin-bottom: calc(100vw * ( 12 / 750 ));
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture__description {
    margin-bottom: calc(100vw * ( 12 / 1440 ));
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__description {
    margin-bottom: 12px;
    font-size: 1.6rem;
  }
}
.p-entry-culture__baloon, .p-entry-culture__baloon--green, .p-entry-culture__baloon--orange {
  padding: calc(100vw * ( 26 / 750 )) calc(100vw * ( 140 / 750 )) calc(100vw * ( 26 / 750 )) calc(100vw * ( 30 / 750 ));
  margin-top: calc(100vw * ( 40 / 750 ));
  border-radius: 1em;
  color: #fff;
  font-size: calc(100vw * ( 20 / 750 ));
  line-height: 1.8em;
  position: relative;
}
@media (min-width: 750px) {
  .p-entry-culture__baloon, .p-entry-culture__baloon--green, .p-entry-culture__baloon--orange {
    padding: calc(100vw * ( 26 / 1440 )) calc(100vw * ( 140 / 1440 )) calc(100vw * ( 26 / 1440 )) calc(100vw * ( 30 / 1440 ));
    margin-top: calc(100vw * ( 30 / 1440 ));
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__baloon, .p-entry-culture__baloon--green, .p-entry-culture__baloon--orange {
    padding: 26px 140px 26px 30px;
    margin-top: 30px;
    font-size: 1.4rem;
  }
}
.p-entry-culture__baloon::after, .p-entry-culture__baloon--green::after, .p-entry-culture__baloon--orange::after {
  content: "";
  width: calc(100vw * ( 140 / 750 ));
  height: calc(100vw * ( 180 / 750 ));
  right: 0;
  bottom: 0;
  background-image: url(../images/pages/entry-partner/img-culture-05.webp);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  display: block;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-culture__baloon::after, .p-entry-culture__baloon--green::after, .p-entry-culture__baloon--orange::after {
    width: calc(100vw * ( 140 / 1440 ));
    height: calc(100vw * ( 180 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__baloon::after, .p-entry-culture__baloon--green::after, .p-entry-culture__baloon--orange::after {
    width: 140px;
    height: 180px;
  }
}
.p-entry-culture__baloon--orange {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
.p-entry-culture__baloon--green {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
}
.p-entry-culture__box {
  display: flex;
}
.p-entry-culture__item {
  width: 50%;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-entry-culture__item {
    width: 50%;
  }
}
.p-entry-culture__item:first-of-type {
  padding-right: calc(100vw * ( 15 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture__item:first-of-type {
    padding-right: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__item:first-of-type {
    padding-right: 60px;
  }
}
.p-entry-culture__item:last-of-type {
  padding-left: calc(100vw * ( 15 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-culture__item:last-of-type {
    padding-left: calc(100vw * ( 60 / 1440 ));
    border-left: #cccccc dotted calc(100vw * ( 1 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__item:last-of-type {
    padding-left: 60px;
    border-left-width: 1px;
  }
}
.p-entry-culture__heading, .p-entry-culture__heading--green, .p-entry-culture__heading--orange {
  font-size: calc(100vw * ( 32 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-entry-culture__heading, .p-entry-culture__heading--green, .p-entry-culture__heading--orange {
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__heading, .p-entry-culture__heading--green, .p-entry-culture__heading--orange {
    font-size: 2.6rem;
  }
}
.p-entry-culture__heading--orange {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.p-entry-culture__heading--green {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.p-entry-culture__img {
  margin: 0 0 calc(100vw * ( 30 / 750 )) 0;
}
@media (min-width: 750px) {
  .p-entry-culture__img {
    margin: 0 0 calc(100vw * ( 30 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__img {
    margin: 0 0 30px 0;
  }
}
.p-entry-culture__txt {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2em;
}
@media (min-width: 750px) {
  .p-entry-culture__txt {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__txt {
    font-size: 1.6rem;
  }
}
.p-entry-culture__strong, .p-entry-culture__strong--green, .p-entry-culture__strong--orange {
  margin: 0;
  font-size: calc(100vw * ( 40 / 750 ));
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.4em;
  text-align: center;
}
@media (min-width: 750px) {
  .p-entry-culture__strong, .p-entry-culture__strong--green, .p-entry-culture__strong--orange {
    font-size: calc(100vw * ( 36 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-culture__strong, .p-entry-culture__strong--green, .p-entry-culture__strong--orange {
    font-size: 3.6rem;
  }
}
.p-entry-culture__strong--orange {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-entry-culture__strong--green {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-entry-contractors {
  overflow: hidden;
}
.p-entry-contractors__header {
  position: relative;
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-contractors__header {
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-contractors__header {
    margin-bottom: 40px;
  }
}
.p-entry-contractors__heading .c-heading--a__inner {
  width: calc(100vw * ( 600 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-contractors__heading .c-heading--a__inner {
    width: calc(100vw * ( 588 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-contractors__heading .c-heading--a__inner {
    width: 588px;
  }
}
.p-entry-contractors__content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-left: calc(100vw * ( 20 / 750 ));
  padding-right: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-contractors__content {
    width: calc(100vw * ( 800 / 1440 ));
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .p-entry-contractors__content {
    width: 800px;
  }
}
.p-entry-contractors__graph {
  width: 100%;
  margin: 0;
}
.p-entry-contractors__graph .mode-light {
  display: block;
}
.p-entry-contractors__badge {
  width: calc(100vw * ( 240 / 750 ));
  top: calc(-100vw * ( 20 / 750 ));
  left: calc(100vw * ( 40 / 750 ));
  margin: 0;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-contractors__badge {
    width: calc(100vw * ( 240 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-contractors__badge {
    width: 240px;
  }
}
.p-entry-contractors__chara {
  width: 100%;
  bottom: 0;
  margin: 0;
  display: none;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-contractors__chara {
    display: block;
  }
}
.p-entry-contractors__chara-01 {
  position: absolute;
  bottom: 0;
  margin: 0;
}
@media (min-width: 750px) {
  .p-entry-contractors__chara-01 {
    right: calc(-100vw * ( 190 / 1440 ));
    width: calc(100vw * ( 372 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-contractors__chara-01 {
    right: -190px;
    width: 372px;
  }
}
.p-entry-contractors__chara-02 {
  position: absolute;
  margin: 0;
}
@media (min-width: 750px) {
  .p-entry-contractors__chara-02 {
    left: calc(-100vw * ( 150 / 1440 ));
    bottom: calc(-100vw * ( 20 / 1440 ));
    width: calc(100vw * ( 250 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-contractors__chara-02 {
    left: -150px;
    bottom: -20px;
    width: 250px;
  }
}
.p-entry-benefit {
  padding-bottom: 8.75vw;
  margin-top: -4.375vw;
}
.p-entry-benefit__inner {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-benefit__inner {
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
    padding-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__inner {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 40px;
  }
}
.p-entry-benefit__header {
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-benefit__header {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__header {
    padding-bottom: 70px;
  }
}
.p-entry-benefit__top {
  margin-bottom: calc(100vw * ( 50 / 750 ));
  text-align: center;
}
@media (min-width: 750px) {
  .p-entry-benefit__top {
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__top {
    margin-bottom: 40px;
  }
}
.p-entry-benefit__img {
  margin-bottom: calc(100vw * ( 30 / 750 ));
  position: relative;
}
@media (min-width: 750px) {
  .p-entry-benefit__img {
    margin-bottom: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__img {
    margin-bottom: 30px;
  }
}
.p-entry-benefit__txt {
  padding: 0 calc(100vw * ( 40 / 750 ));
  color: #fff;
}
@media (min-width: 750px) {
  .p-entry-benefit__txt {
    padding: 0 calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__txt {
    padding: 0 40px;
  }
}
.p-entry-benefit__txt > strong {
  margin-bottom: calc(100vw * ( 16 / 750 ));
  font-size: calc(100vw * ( 32 / 750 ));
  text-align: center;
  line-height: 1.4em;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-benefit__txt > strong {
    margin-bottom: calc(100vw * ( 16 / 1440 ));
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__txt > strong {
    margin-bottom: 16px;
    font-size: 2.6rem;
  }
}
.p-entry-benefit__txt > p {
  margin: 0;
  font-size: calc(100vw * ( 26 / 750 ));
  line-height: 1.8em;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-benefit__txt > p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__txt > p {
    font-size: 1.6rem;
  }
}
.p-entry-benefit__other {
  padding: calc(100vw * ( 40 / 750 )) calc(100vw * ( 80 / 750 ));
  background: #fff;
  position: relative;
}
@media (min-width: 750px) {
  .p-entry-benefit__other {
    padding: calc(100vw * ( 40 / 1440 )) calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__other {
    padding: 40px 100px;
  }
}
.p-entry-benefit__other > strong {
  max-width: 600px;
  margin-bottom: calc(100vw * ( 16 / 750 ));
  margin-left: auto;
  margin-right: auto;
  color: #ff9500;
  font-size: calc(100vw * ( 26 / 750 ));
  text-align: center;
  line-height: 1.4em;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-benefit__other > strong {
    margin-bottom: calc(100vw * ( 16 / 1440 ));
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__other > strong {
    margin-bottom: 16px;
    font-size: 2rem;
  }
}
.p-entry-benefit__other > p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 1.8em;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-benefit__other > p {
    font-size: calc(100vw * ( 14 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__other > p {
    font-size: 1.4rem;
  }
}
.p-entry-benefit__button {
  margin-top: calc(100vw * ( 60 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .p-entry-benefit__button {
    margin-top: calc(100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__button {
    margin-top: 60px;
    width: 400px;
  }
}
.p-entry-benefit__button .c-button__inner {
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-benefit__button .c-button__inner {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-benefit__button .c-button__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-entry-benefit .c-list-entry__num {
  background: #0f1419;
}
.p-entry-benefit .c-list-entry__txt > strong {
  color: #fff;
}
.p-entry-benefit .c-list-entry__txt > p {
  color: #fff;
}
.p-entry-benefit .c-button--big--white .c-button__inner {
  color: #e55800;
}
.p-entry-benefit .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23e55800" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.p-entry-option {
  padding-bottom: 8.75vw;
  margin-top: -4.375vw;
}
.p-entry-option__inner {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-option__inner {
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
    padding-bottom: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-option__inner {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 80px;
  }
}
.p-entry-option__header {
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-option__header {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-option__header {
    padding-bottom: 70px;
  }
}
.p-entry-option__button {
  margin-top: calc(100vw * ( 60 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .p-entry-option__button {
    margin-top: calc(100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-option__button {
    margin-top: 60px;
    width: 400px;
  }
}
.p-entry-option__button .c-button__inner {
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-option__button .c-button__inner {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-option__button .c-button__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-entry-option .c-list-entry__num {
  background: #0f1419;
}
.p-entry-option .c-list-entry__txt > strong {
  color: #ff9500;
}
.p-entry-requests {
  padding-bottom: calc(100vw * ( 120 / 750 ));
  margin-top: -8.75vw;
}
@media (min-width: 750px) {
  .p-entry-requests {
    padding-bottom: calc(100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-requests {
    padding-bottom: 120px;
  }
}
.p-entry-requests__header {
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-requests__header {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-requests__header {
    padding-bottom: 70px;
  }
}
.p-entry-requests__content {
  max-width: 980px;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .p-entry-requests__content {
    max-width: calc(100vw * ( 980 / 1440 ));
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
    display: flex;
    flex-direction: row-reverse;
    gap: 0 calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-requests__content {
    max-width: 980px;
    padding-left: 60px;
    padding-right: 60px;
    gap: 0 60px;
  }
}
.p-entry-requests__message {
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-requests__message {
    width: 120%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
.p-entry-requests__txt {
  margin-top: 0;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2em;
}
@media (min-width: 750px) {
  .p-entry-requests__txt {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-requests__txt {
    font-size: 1.6rem;
  }
}
.p-entry-requests__company {
  margin-bottom: 0.3em;
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2em;
  text-align: right;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-requests__company {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-requests__company {
    font-size: 1.6rem;
  }
}
.p-entry-requests__name {
  font-size: calc(100vw * ( 22 / 750 ));
  line-height: 2em;
  text-align: right;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-requests__name {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-requests__name {
    font-size: 1.6rem;
  }
}
.p-entry-requests__name > span {
  margin-left: 0.3em;
  font-size: 1.6em;
}
.p-entry-requests__outline {
  box-shadow: none;
  text-align: center;
}
@media (min-width: 750px) {
  .p-entry-requests__outline {
    padding: 0 calc(100vw * ( 20 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 ));
    box-shadow: 0 0 calc(100vw * ( 20 / 1440 )) rgba(0, 0, 0, 0.06);
    background-color: #fff;
  }
}
@media (min-width: 1440px) {
  .p-entry-requests__outline {
    padding: 0 20px 10px 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  }
}
.p-entry-requests__outline .c-table-schedule {
  text-align: left;
}
.p-entry-requests__outline .c-table-schedule tr th {
  border-bottom-color: #ff9500;
  color: #ff9500;
}
.p-entry-requests__heading {
  max-width: 90%;
  margin-top: calc(-100vw * ( 28 / 750 ));
  margin-bottom: calc(100vw * ( 30 / 750 ));
  background: linear-gradient(90deg, #ff9500, #ffaa00);
  color: #fff;
  font-size: calc(100vw * ( 30 / 750 ));
  display: inline-block;
  transform: skewX(-20deg);
}
@media (min-width: 750px) {
  .p-entry-requests__heading {
    margin-top: calc(-100vw * ( 14 / 1440 ));
    margin-bottom: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-requests__heading {
    margin-top: -14px;
    margin-bottom: 10px;
    font-size: 2rem;
  }
}
.p-entry-requests__heading > span {
  padding: 0.3em 1em;
  transform: skewX(20deg);
  display: block;
}
.p-entry-flow, .p-entry-flow--event, .p-entry-flow--partner {
  padding-bottom: calc(100vw * ( 160 / 750 ));
  background: mesh-orange();
}
@media (min-width: 750px) {
  .p-entry-flow, .p-entry-flow--event, .p-entry-flow--partner {
    padding-bottom: calc(100vw * ( 150 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow, .p-entry-flow--event, .p-entry-flow--partner {
    padding-bottom: 150px;
  }
}
.p-entry-flow--partner {
  margin-top: -8.75vw;
}
.p-entry-flow__inner {
  padding-top: calc(100vw * ( 90 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-flow__inner {
    padding-top: calc(100vw * ( 90 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__inner {
    padding-top: 90px;
  }
}
.p-entry-flow__header {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-flow__header {
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__header {
    margin-bottom: 40px;
  }
}
.p-entry-flow__heading {
  margin-bottom: calc(100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-flow__heading {
    margin-bottom: calc(100vw * ( 34 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__heading {
    margin-bottom: 34px;
  }
}
.p-entry-flow__heading .c-heading--a__inner {
  width: calc(100vw * ( 422 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-flow__heading .c-heading--a__inner {
    width: calc(100vw * ( 422 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__heading .c-heading--a__inner {
    width: 422px;
  }
}
.p-entry-flow__content {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-flow__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1110 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__content {
    width: 1110px;
  }
}
.p-entry-flow__button {
  margin-top: calc(100vw * ( 30 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .p-entry-flow__button {
    margin-top: calc(100vw * ( 30 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__button {
    margin-top: 30px;
    width: 400px;
  }
}
.p-entry-flow__button .c-button__inner {
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-flow__button .c-button__inner {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__button .c-button__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-entry-flow__txt {
  margin-top: calc(100vw * ( 20 / 750 ));
  color: #fff;
  font-size: calc(100vw * ( 40 / 750 ));
  font-weight: bold;
  text-align: center;
}
@media (min-width: 750px) {
  .p-entry-flow__txt {
    margin-top: calc(100vw * ( 20 / 1440 ));
    font-size: calc(100vw * ( 36 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__txt {
    margin-top: 20px;
    font-size: 3.6rem;
  }
}
.p-entry-flow__txt > span {
  padding: 0 1.5em;
  display: inline-block;
  position: relative;
}
.p-entry-flow__txt > span::before, .p-entry-flow__txt > span::after {
  content: "";
  width: calc(100vw * ( 6 / 750 ));
  height: 100%;
  top: 50%;
  border-radius: calc(100vw * ( 3 / 750 )) calc(100vw * ( 3 / 750 ));
  background: #fff;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-flow__txt > span::before, .p-entry-flow__txt > span::after {
    width: calc(100vw * ( 3 / 1440 ));
    border-radius: calc(100vw * ( 3 / 1440 )) calc(100vw * ( 3 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-flow__txt > span::before, .p-entry-flow__txt > span::after {
    width: 3px;
    border-radius: 2px 2px;
  }
}
.p-entry-flow__txt > span::before {
  left: 0;
  transform: translateY(-50%) rotate(-20deg);
}
.p-entry-flow__txt > span::after {
  right: 0;
  transform: translateY(-50%) rotate(20deg);
}
.p-entry-flow--partner .c-list-flow__title {
  color: #ff9500;
}
.p-entry-flow--partner .c-button--big--white .c-button__inner {
  color: #e55800;
}
.p-entry-flow--partner .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23e55800" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.p-entry-flow--event .c-list-flow__title {
  color: #51b500;
}
.p-entry-flow--event .c-button--big--white .c-button__inner {
  color: #009303;
}
.p-entry-flow--event .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%2351b500" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.p-entry-results {
  padding-bottom: 8.75vw;
}
.p-entry-results__inner {
  padding-top: calc(100vw * ( 90 / 750 ));
  padding-bottom: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-results__inner {
    padding-top: calc(100vw * ( 90 / 1440 ));
    padding-bottom: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__inner {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}
.p-entry-results__header {
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-results__header {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__header {
    padding-bottom: 70px;
  }
}
.p-entry-results__content {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  text-align: center;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-entry-results__content {
    width: calc(100vw * ( 1140 / 1440 ));
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__content {
    width: 1140px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
.p-entry-results__history {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
@media (min-width: 750px) {
  .p-entry-results__history {
    max-width: calc(100vw * ( 720 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__history {
    max-width: 720px;
  }
}
.p-entry-results__graph {
  width: 100%;
  max-width: 614px;
  margin: 0 auto;
}
.p-entry-results__year {
  padding-right: 0.6em;
  padding-bottom: 0.5em;
  font-size: calc(100vw * ( 48 / 750 ));
  font-family: "Roboto", sans-serif;
  line-height: 0.9em;
  float: left;
  clear: both;
}
@media (min-width: 750px) {
  .p-entry-results__year {
    padding-bottom: 0.3em;
    font-size: calc(100vw * ( 48 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__year {
    font-size: 4.8rem;
  }
}
.p-entry-results__year:last-of-type {
  padding-bottom: 0;
}
.p-entry-results__box {
  margin: 0;
  float: left;
  display: inline-block;
}
.p-entry-results__list {
  padding: 0;
  margin: 0;
  line-height: 2.2;
  list-style: none;
}
.p-entry-results__item {
  transform: skew(-20deg);
  padding: 0 1em;
  margin-right: calc(100vw * ( 10 / 750 ));
  background: #fff;
  color: #000;
  font-size: calc(100vw * ( 24 / 750 ));
  float: left;
}
@media (min-width: 750px) {
  .p-entry-results__item {
    margin-right: calc(100vw * ( 10 / 1440 ));
    font-size: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__item {
    margin-right: 10px;
    font-size: 2rem;
  }
}
.p-entry-results__item > span {
  transform: skew(20deg);
  display: block;
}
.p-entry-results__copy {
  width: 100%;
  padding-top: calc(100vw * ( 50 / 750 ));
  padding-bottom: calc(100vw * ( 50 / 750 ));
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  position: relative;
}
@media (min-width: 750px) {
  .p-entry-results__copy {
    width: calc(100vw * ( 540 / 1440 ));
    padding-top: calc(100vw * ( 50 / 1440 ));
    padding-bottom: calc(100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__copy {
    width: 540px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.p-entry-results__copy > p {
  margin: 0;
  display: block;
}
.p-entry-results__copy strong {
  font-size: calc(100vw * ( 30 / 750 ));
  font-weight: bold;
  line-height: 1.5em;
  display: block;
}
@media (min-width: 750px) {
  .p-entry-results__copy strong {
    font-size: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__copy strong {
    font-size: 3rem;
  }
}
.p-entry-results__copy span {
  margin-top: 0.3em;
  display: block;
}
.p-entry-results__bg {
  width: 100%;
  bottom: 0;
  display: none;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-results__bg {
    display: block;
  }
}
.p-entry-results__bg img {
  display: block;
}
.p-entry-results__bg--01 {
  bottom: 0;
  left: 0;
  margin: 0;
  display: block;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-results__bg--01 {
    left: calc(-100vw * ( 300 / 1440 ));
    width: calc(100vw * ( 300 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__bg--01 {
    left: -300px;
    width: 300px;
  }
}
.p-entry-results__bg--02 {
  bottom: 0;
  right: 0;
  margin: 0;
  display: block;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-results__bg--02 {
    right: calc(-100vw * ( 300 / 1440 ));
    width: calc(100vw * ( 300 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__bg--02 {
    right: -300px;
    width: 300px;
  }
}
.p-entry-results__button {
  margin-top: calc(100vw * ( 60 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .p-entry-results__button {
    margin-top: calc(100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__button {
    margin-top: 60px;
    width: 400px;
  }
}
.p-entry-results__button .c-button__inner {
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-results__button .c-button__inner {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-results__button .c-button__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-entry-results .c-button--big--white .c-button__inner {
  color: #009303;
}
.p-entry-results .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%2351b500" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
.p-entry-events {
  padding-bottom: 8.75vw;
  margin-top: -8.75vw;
}
.p-entry-events__inner {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-events__inner {
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
    padding-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-events__inner {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 40px;
  }
}
.p-entry-events__header {
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-events__header {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-events__header {
    padding-bottom: 70px;
  }
}
.p-entry-events__button {
  margin-top: calc(100vw * ( 60 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .p-entry-events__button {
    margin-top: calc(100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-events__button {
    margin-top: 60px;
    width: 400px;
  }
}
.p-entry-events__button .c-button__inner {
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-events__button .c-button__inner {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-events__button .c-button__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-entry-events .c-list-entry__num {
  background: #0f1419;
}
.p-entry-events .c-list-entry__txt > strong {
  color: #51b500;
}
.p-entry-feature {
  margin-top: -4.375vw;
}
.p-entry-feature__inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
  padding-bottom: calc(100vw * ( 100 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-feature__inner {
    padding-left: calc(100vw * ( 60 / 1440 ));
    padding-right: calc(100vw * ( 60 / 1440 ));
    padding-bottom: calc(100vw * ( 100 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-feature__inner {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 100px;
  }
}
.p-entry-feature__header {
  padding-bottom: calc(100vw * ( 70 / 750 ));
  position: relative;
}
@media (min-width: 750px) {
  .p-entry-feature__header {
    padding-bottom: calc(100vw * ( 70 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-feature__header {
    padding-bottom: 70px;
  }
}
.p-entry-feature__baloon {
  position: absolute;
  top: -2.4em;
  right: 70%;
  padding: 0 1em;
  border-radius: calc(100vw * ( 30 / 750 ));
  background: #fff;
  color: #0f1419;
  font-size: calc(100vw * ( 26 / 750 ));
  line-height: 2em;
  z-index: 4;
}
@media (min-width: 750px) {
  .p-entry-feature__baloon {
    border-radius: calc(100vw * ( 30 / 1440 ));
    font-size: calc(100vw * ( 26 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-feature__baloon {
    border-radius: 30px;
    font-size: 2.6rem;
  }
}
.p-entry-feature__baloon::before {
  content: "";
  right: 1.2em;
  bottom: calc(-100vw * ( 14 / 750 ));
  border: transparent solid calc(100vw * ( 14 / 750 ));
  border-right-color: #fff;
  border-right-width: calc(100vw * ( 10 / 750 ));
  border-top-width: 0;
  position: absolute;
}
@media (min-width: 750px) {
  .p-entry-feature__baloon::before {
    bottom: calc(-100vw * ( 14 / 1440 ));
    border-width: calc(100vw * ( 14 / 1440 ));
    border-right-width: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-feature__baloon::before {
    bottom: -14px;
    border-width: 14px;
    border-right-width: 10px;
  }
}
.p-entry-feature__button {
  margin-top: calc(100vw * ( 60 / 750 ));
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 750px) {
  .p-entry-feature__button {
    margin-top: calc(100vw * ( 60 / 1440 ));
    width: calc(100vw * ( 400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-feature__button {
    margin-top: 60px;
    width: 400px;
  }
}
.p-entry-feature__button .c-button__inner {
  padding-top: calc(100vw * ( 20 / 750 ));
  padding-bottom: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-feature__button .c-button__inner {
    padding-top: calc(100vw * ( 20 / 1440 ));
    padding-bottom: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-feature__button .c-button__inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-entry-application {
  margin-top: calc(-100vw * ( 120 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application {
    margin-top: calc(-100vw * ( 120 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application {
    margin-top: -120px;
  }
}
.p-entry-application__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(100vw * ( 40 / 750 ));
  padding-right: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__inner {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 1080 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__inner {
    width: 1080px;
  }
}
.p-entry-application__organization {
  position: relative;
  background-color: #fff;
}
.p-entry-application__organization__heading {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-entry-application__organization__heading .c-text-diagonal__container {
  background-color: #0f1419;
  background-image: none;
}
.p-entry-application__organization__inner {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__organization__inner {
    display: flex;
    justify-content: space-between;
    padding: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__organization__inner {
    padding: 40px;
  }
}
.p-entry-application__organization__item {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: calc(100vw * ( 20 / 750 ));
  background-color: #f0f3f5;
}
@media (min-width: 750px) {
  .p-entry-application__organization__item {
    padding: calc(100vw * ( 20 / 1440 ));
    width: calc(100vw * ( 490 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__organization__item {
    padding: 20px;
    width: 490px;
  }
}
.p-entry-application__organization__item:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__organization__item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.p-entry-application__organization__logo {
  margin: 0;
  width: 31.111%;
}
.p-entry-application__organization__logo img {
  display: block;
}
.p-entry-application__organization__info {
  position: relative;
  width: 62.222%;
}
.p-entry-application__organization__info p {
  margin: 0;
  font-size: calc(100vw * ( 22 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__organization__info p {
    font-size: calc(100vw * ( 16 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__organization__info p {
    font-size: 16px;
  }
}
.p-entry-application__organization__info .c-box-table {
  height: 100%;
}
.p-entry-application__organization__info .c-list-line {
  margin-top: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__organization__info .c-list-line {
    margin-top: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__organization__info .c-list-line {
    margin-top: 20px;
  }
}
.p-entry-application__header {
  position: relative;
  margin-top: calc(-100vw * ( 20 / 750 ));
  padding-top: calc(100vw * ( 322 / 750 ));
  padding-bottom: calc(100vw * ( 62 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__header {
    margin-top: calc(-100vw * ( 93 / 1440 ));
    padding-top: calc(100vw * ( 322 / 1440 ));
    padding-bottom: calc(100vw * ( 62 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__header {
    margin-top: -93px;
    padding-top: 322px;
    padding-bottom: 62px;
  }
}
.p-entry-application__header__bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  width: calc(100vw * ( 330 / 750 ));
  transform: translateX(-50%);
}
@media (min-width: 750px) {
  .p-entry-application__header__bg {
    width: calc(100vw * ( 330 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__header__bg {
    width: 330px;
  }
}
.p-entry-application__heading .c-heading--a__inner {
  width: calc(100vw * ( 556 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__heading .c-heading--a__inner {
    width: calc(100vw * ( 556 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__heading .c-heading--a__inner {
    width: 556px;
  }
}
.p-entry-application__content {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .p-entry-application__content {
    padding-left: 0;
    padding-right: 0;
    width: calc(100vw * ( 700 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__content {
    width: 700px;
  }
}
.p-entry-application__content .c-form__button {
  margin-top: 0;
  height: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__content .c-form__button {
    height: 0;
  }
}
.p-entry-application__content .c-form__button .c-button.c-button--black {
  position: absolute;
  bottom: calc(-100vw * ( 50 / 750 ));
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw * ( 340 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__content .c-form__button .c-button.c-button--black {
    bottom: calc(-100vw * ( 50 / 1440 ));
    width: calc(100vw * ( 340 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__content .c-form__button .c-button.c-button--black {
    bottom: -50px;
    width: 340px;
  }
}
.p-entry-application__content .c-form__button .c-button.c-button--black .c-button__inner {
  padding-top: calc(100vw * ( 30 / 750 ));
  padding-bottom: calc(100vw * ( 30 / 750 ));
  cursor: pointer;
}
@media (min-width: 750px) {
  .p-entry-application__content .c-form__button .c-button.c-button--black .c-button__inner {
    padding-top: calc(100vw * ( 30 / 1440 ));
    padding-bottom: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__content .c-form__button .c-button.c-button--black .c-button__inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.p-entry-application__content .c-box-simple:not(:last-of-type) {
  margin-bottom: calc(100vw * ( 40 / 750 ));
}
@media (min-width: 750px) {
  .p-entry-application__content .c-box-simple:not(:last-of-type) {
    margin-bottom: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry-application__content .c-box-simple:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
.p-entry-application__back, .p-entry-application__submit {
  width: 45%;
  margin: 0 0.5em;
}
.p-entry-application__back {
  display: none;
}
.p-entry--confirm {
  margin-top: calc(100vw * ( 200 / 750 ));
}
@media (min-width: 750px) {
  .p-entry--confirm {
    margin-top: calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-entry--confirm {
    margin-top: 200px;
  }
}
.p-entry--confirm .p-entry-application__back {
  display: inline-block;
}

@media (min-width: 750px) {
  body.dark .p-entry-culture__item:last-of-type {
    border-left-color: #1a171a;
  }
}
body.dark .p-entry-culture__description {
  color: #fff;
}
body.dark .p-entry-culture__txt {
  color: #fff;
}
body.dark .p-entry-about__txt {
  color: #fff;
}
body.dark .p-entry-contractors__graph .mode-dark {
  display: block;
}
body.dark .p-entry-benefit .c-list-entry__num {
  background: linear-gradient(90deg, #ff9500, #ffaa00);
}
body.dark .p-entry-benefit .c-list-entry__txt p {
  color: #fff;
}
body.dark .p-entry-option .c-button--big--white .c-button__inner {
  color: #e55800;
}
body.dark .p-entry-option .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23e55800" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .p-entry-requests__message {
  color: #fff;
}
body.dark .p-entry-requests__outline .c-table-schedule tr th {
  border-bottom-color: #ff9500;
  color: #ff9500;
}
body.dark .p-entry-flow--supporter .c-list-flow__title {
  color: #ff9500;
}
body.dark .p-entry-flow--supporter .c-button--big--white .c-button__inner {
  color: #e55800;
}
body.dark .p-entry-flow--supporter .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%23e55800" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .p-entry-flow--event .c-list-flow__title {
  color: #51b500;
}
body.dark .p-entry-flow--event .c-button--big--white .c-button__inner {
  color: #009303;
}
body.dark .p-entry-flow--event .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%2351b500" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .p-entry-results .c-button--big--white .c-button__inner {
  color: #51b500;
}
body.dark .p-entry-results .c-button--big--white .c-button__inner::before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.031 18"><path fill="%2351b500" d="M593.975,3508.94v4.22l4.792,4.79-4.792,4.79v4.21l9.012-9Z" transform="translate(-593.969 -3508.94)"/></svg>');
}
body.dark .p-entry-events .c-list-entry__num {
  background: linear-gradient(90deg, #1eb200, #5fcc00);
}
body.dark .p-entry-events .c-list-entry__txt p {
  color: #fff;
}

/* ==============================================
 *
 * あつめてドゲンジャーズ
 *
** ============================================== */
.p-sticker {
  position: relative;
  margin-top: calc(-2em - 100vw * ( 56 / 750 ));
  padding: calc(100vw * ( 135 / 750 )) 0 calc(100vw * ( 170 / 750 ));
  background: url(../images/pages/sticker/bg.svg) #f2f2f2 no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media (min-width: 750px) {
  .p-sticker {
    margin-top: calc(-2em - 100vw * ( 48 / 1440 ));
    padding: calc(100vw * ( 160 / 1440 )) 0 calc(100vw * ( 170 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker {
    margin-top: calc(-2em - 48px);
    padding: 160px 0 170px;
  }
}
.p-sticker-main {
  width: 100%;
  max-width: 1130px;
  margin-left: auto;
  margin-right: auto;
}
.p-sticker-main__ttl {
  display: block;
  width: 70.796460177%;
  margin: 0 auto;
}
.p-sticker-main__chara {
  display: block;
  width: 100%;
  margin-top: calc(-100vw * ( 60 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-main__chara {
    margin-top: calc(-100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-main__chara {
    margin-top: -60px;
  }
}
.p-sticker-main__introduction {
  display: block;
  width: 100%;
  max-width: 838px;
  padding: 0 calc(100vw * ( 30 / 750 ));
  margin: calc(100vw * ( 30 / 750 )) auto 0 auto;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-main__introduction {
    margin-top: calc(100vw * ( 40 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-main__introduction {
    margin-top: 40px;
  }
}
.p-sticker-main__introduction > span {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 27.0883054893%;
  background: url(../images/pages/sticker/introduction.webp) no-repeat center top;
  background-size: contain;
}
.p-sticker-seal {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: calc(100vw * ( 40 / 750 )) auto 0 auto;
  padding: 0 calc(100vw * ( 40 / 750 ));
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-seal {
    margin-top: calc(100vw * ( 40 / 1440 ));
    padding: 0 calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-seal {
    margin-top: 40px;
    padding: 0 60px;
  }
}
.p-sticker-seal__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  gap: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-seal__list {
    gap: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-seal__list {
    gap: 12px;
  }
}
.p-sticker-seal__item, .p-sticker-seal__item-sp-hide {
  width: calc((100% - 100vw * ( 60 / 750 )) / 4);
  list-style: none;
}
@media (min-width: 750px) {
  .p-sticker-seal__item, .p-sticker-seal__item-sp-hide {
    width: calc((100% - 100vw * ( 96 / 1440 )) / 8);
  }
}
@media (min-width: 1440px) {
  .p-sticker-seal__item, .p-sticker-seal__item-sp-hide {
    width: calc((100% - 96px) / 8);
  }
}
.p-sticker-seal__item-sp-hide {
  display: none;
}
@media (min-width: 750px) {
  .p-sticker-seal__item-sp-hide {
    display: block;
  }
}
.p-sticker-seal__item > img, .p-sticker-seal__item-sp-hide > img {
  display: block;
}
.p-sticker-seal__label {
  position: absolute;
  transform-origin: 100% 100%;
  transform: rotate(15deg);
  width: calc(100vw * ( 40 / 750 ));
  right: calc(100vw * ( 90 / 750 ));
  bottom: calc(-100vw * ( 80 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-seal__label {
    width: calc(100vw * ( 40 / 1440 ));
    right: calc(100vw * ( 100 / 1440 ));
    bottom: calc(-100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-seal__label {
    width: 40px;
    right: 80px;
    bottom: -60px;
  }
}
.p-sticker-sns {
  position: relative;
  width: 100%;
  max-width: calc(100vw * ( 690 / 750 ));
  padding: calc(100vw * ( 2 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 40 / 750 ));
  margin: calc(100vw * ( 100 / 750 )) auto calc(100vw * ( 60 / 750 )) auto;
  border-radius: 50vw;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 120px rgba(255, 255, 255, 0.8) inset;
}
@media (min-width: 750px) {
  .p-sticker-sns {
    max-width: calc(100vw * ( 640 / 1440 ));
    padding: calc(100vw * ( 2 / 1440 )) calc(100vw * ( 60 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 60 / 750 ));
    margin: calc(100vw * ( 80 / 1440 )) auto calc(100vw * ( 60 / 1440 )) auto;
  }
}
@media (min-width: 1440px) {
  .p-sticker-sns {
    max-width: 640px;
    padding: 2px 60px 30px 60px;
    margin: 80px auto 60px auto;
  }
}
.p-sticker-sns__heading {
  display: block;
  position: relative;
  width: calc(100vw * ( 436 / 750 ));
  margin: calc(-100vw * ( 32 / 750 )) auto calc(100vw * ( 20 / 750 )) auto;
}
@media (min-width: 750px) {
  .p-sticker-sns__heading {
    width: calc(100vw * ( 436 / 1440 ));
    margin: calc(-100vw * ( 32 / 1440 )) auto calc(100vw * ( 20 / 1440 )) auto;
  }
}
@media (min-width: 1440px) {
  .p-sticker-sns__heading {
    width: 436px;
    margin: -32px auto 20px auto;
  }
}
.p-sticker-sns__list {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  gap: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-sns__list {
    gap: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-sns__list {
    gap: 10px;
  }
}
.p-sticker-sns__item {
  display: block;
  overflow: hidden;
  width: calc(100vw * ( 100 / 750 ));
  height: calc(100vw * ( 100 / 750 ));
  border-radius: calc(100vw * ( 50 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-sns__item {
    width: calc(100vw * ( 100 / 1440 ));
    height: calc(100vw * ( 100 / 1440 ));
    border-radius: calc(100vw * ( 50 / 750 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-sns__item {
    width: 80px;
    height: 80px;
    border-radius: 40px;
  }
}
.p-sticker-sns__item > a {
  display: block;
  width: 100%;
  height: 100%;
}
.p-sticker-sns__item > a > img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.p-sticker-rumor {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1320px;
  gap: calc(100vw * ( 30 / 750 ));
  margin: calc(100vw * ( 60 / 750 )) auto 0 auto;
  padding: 0 calc(100vw * ( 30 / 750 ));
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-rumor {
    flex-wrap: nowrap;
    gap: calc(100vw * ( 30 / 1440 ));
    margin-top: calc(100vw * ( 60 / 1440 ));
    padding: 0 calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-rumor {
    gap: 30px;
    margin-top: 60px;
    padding: 0 60px;
  }
}
.p-sticker-rumor__item {
  position: relative;
  width: 100%;
  padding: calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 10 / 750 ));
  border-radius: 500px;
  background: #fff;
}
@media (min-width: 750px) {
  .p-sticker-rumor__item {
    width: calc((100% - 100vw * ( 60 / 1440 )) / 3);
    padding: calc(100vw * ( 50 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 60 / 1440 )) calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-rumor__item {
    width: calc((100% - 60px) / 3);
    padding: 50px 10px 60px 10px;
  }
}
.p-sticker-rumor__img {
  width: calc(100vw * ( 310 / 750 ));
  margin: 0;
}
@media (min-width: 750px) {
  .p-sticker-rumor__img {
    width: 100%;
  }
}
.p-sticker-rumor__desc {
  position: absolute;
  transform: translateY(-50%);
  width: 52%;
  top: 50%;
  right: calc(100vw * ( 40 / 750 ));
  margin-top: calc(-100vw * ( 3 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-rumor__desc {
    position: static;
    transform: none;
    width: 100%;
    top: auto;
    right: auto;
    margin-top: calc(-100vw * ( 110 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-rumor__desc {
    margin-top: -110px;
  }
}
.p-sticker-rumor__heading {
  width: 100%;
  margin: 0;
}
.p-sticker-rumor__heading > img {
  display: block;
  width: 86.1111111111%;
  margin: 0 auto;
}
@media (min-width: 750px) {
  .p-sticker-rumor__heading > img {
    width: 86.1111111111%;
  }
}
.p-sticker-rumor__txt {
  margin: calc(100vw * ( 10 / 750 )) 0 0 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.1rem;
  text-align: center;
  letter-spacing: 0;
}
@media (min-width: 750px) {
  .p-sticker-rumor__txt {
    margin-top: calc(100vw * ( 20 / 1440 ));
    font-size: 1.6rem;
    letter-spacing: 0.05;
  }
}
@media (min-width: 1440px) {
  .p-sticker-rumor__txt {
    margin-top: 20px;
  }
}
.p-sticker-quest {
  width: 100%;
  max-width: 1320px;
  margin: calc(100vw * ( 100 / 750 )) auto 0 auto;
  padding: 0 calc(100vw * ( 40 / 750 ));
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-quest {
    margin-top: calc(100vw * ( 100 / 1440 ));
    padding: 0 calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest {
    margin-top: 100px;
    padding: 0 60px;
  }
}
.p-sticker-quest__inner {
  position: relative;
  padding-top: calc(100vw * ( 60 / 750 ));
  border-radius: calc(100vw * ( 70 / 750 ));
  background: #fff;
}
@media (min-width: 750px) {
  .p-sticker-quest__inner {
    padding: calc(100vw * ( 60 / 1440 ));
    border-radius: calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__inner {
    padding: 60px;
    border-radius: 80px;
  }
}
.p-sticker-quest__heading {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  margin: calc(-100vw * ( 50 / 750 )) 0 0 0;
}
@media (min-width: 750px) {
  .p-sticker-quest__heading {
    margin-top: calc(-100vw * ( 50 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__heading {
    margin-top: -50px;
  }
}
.p-sticker-quest__heading > img {
  display: block;
  width: calc(100vw * ( 560 / 750 ));
  margin: 0 auto;
}
@media (min-width: 750px) {
  .p-sticker-quest__heading > img {
    width: calc(100vw * ( 570 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__heading > img {
    width: 570px;
  }
}
.p-sticker-quest__map {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0 calc(100vw * ( 40 / 750 )) calc(100vw * ( 40 / 750 )) calc(100vw * ( 40 / 750 ));
  padding-top: 133.3333333333%;
  border-radius: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-quest__map {
    margin: 0;
    padding-top: 50%;
    border-radius: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__map {
    border-radius: 30px;
  }
}
.p-sticker-quest__map > iframe, .p-sticker-quest__map-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}
.p-sticker-quest__overlay {
  position: absolute;
  transform: translate(-50%, -100%);
  max-width: calc(100vw * ( 400 / 750 ));
  padding: 0 calc(100vw * ( 40 / 750 ));
  margin-top: -50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  background: white;
  border-radius: calc(100vw * ( 20 / 750 ));
  z-index: 100;
}
@media (min-width: 750px) {
  .p-sticker-quest__overlay {
    max-width: calc(100vw * ( 400 / 1440 ));
    padding: 0 calc(100vw * ( 20 / 1440 ));
    border-width: calc(100vw * ( 6 / 1440 ));
    border-radius: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__overlay {
    max-width: 400px;
    padding: 0 20px;
    border-width: 6px;
    border-radius: 10px;
  }
}
.p-sticker-quest__overlay::after {
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  transform: translate(-50%, 0%);
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  border-top: #fff 16px solid;
  border-left: transparent 10px solid;
  border-right: transparent 10px solid;
  border-bottom: none;
}
.p-sticker-quest__overlay-box {
  overflow-y: auto;
  max-height: 16em;
  padding: calc(100vw * ( 30 / 750 )) 0 calc(100vw * ( 10 / 750 )) 0;
}
@media (min-width: 750px) {
  .p-sticker-quest__overlay-box {
    padding: calc(100vw * ( 30 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 10 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__overlay-box {
    padding: 30px 20px 10px 0;
  }
}
.p-sticker-quest__overlay-box::-webkit-scrollbar {
  width: calc(100vw * ( 10 / 750 ));
  border-radius: 100px;
}
@media (min-width: 750px) {
  .p-sticker-quest__overlay-box::-webkit-scrollbar {
    width: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__overlay-box::-webkit-scrollbar {
    width: 10px;
  }
}
.p-sticker-quest__overlay-box::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #f00000;
}
.p-sticker-quest__overlay-box::-webkit-scrollbar-track {
  border-radius: 100px;
  margin: calc(100vw * ( 20 / 750 )) 0;
  background: #fdf6e3;
}
@media (min-width: 750px) {
  .p-sticker-quest__overlay-box::-webkit-scrollbar-track {
    margin: calc(100vw * ( 20 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__overlay-box::-webkit-scrollbar-track {
    margin: 20px 0;
  }
}
.p-sticker-quest__overlay-close {
  position: absolute;
  overflow: hidden;
  width: calc(100vw * ( 60 / 750 ));
  height: 0;
  top: calc(-100vw * ( 30 / 750 ));
  right: calc(-100vw * ( 30 / 750 ));
  padding-top: calc(100vw * ( 60 / 750 ));
  border-radius: 50%;
  background: #f00000;
  border: none;
  cursor: pointer;
}
@media (min-width: 750px) {
  .p-sticker-quest__overlay-close {
    width: calc(100vw * ( 34 / 1440 ));
    padding-top: calc(100vw * ( 34 / 1440 ));
    top: calc(-100vw * ( 12 / 1440 ));
    right: calc(-100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__overlay-close {
    width: 34px;
    padding-top: 34px;
    top: -12px;
    right: -12px;
  }
}
.p-sticker-quest__overlay-close::before, .p-sticker-quest__overlay-close::after {
  position: absolute;
  overflow: hidden;
  display: block;
  width: calc(100vw * ( 30 / 750 ));
  height: 0;
  top: 50%;
  left: 50%;
  padding-top: calc(100vw * ( 4 / 750 ));
  background: #fff;
}
@media (min-width: 750px) {
  .p-sticker-quest__overlay-close::before, .p-sticker-quest__overlay-close::after {
    width: calc(100vw * ( 16 / 1440 ));
    padding-top: calc(100vw * ( 2 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__overlay-close::before, .p-sticker-quest__overlay-close::after {
    width: 16px;
    padding-top: 2px;
  }
}
.p-sticker-quest__overlay-close::before, .p-sticker-quest__overlay-close::after {
  content: "";
}
.p-sticker-quest__overlay-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-sticker-quest__overlay-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.p-sticker-quest__overlay-cat {
  display: block;
  font-size: 1.4rem;
  margin: 0;
  margin-bottom: 0.5em;
}
.p-sticker-quest__overlay-name {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1em;
}
.p-sticker-quest__overlay-dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: calc(100vw * ( 10 / 750 )) 0;
  gap: 0;
  border-top: #f1e2ba dotted calc(100vw * ( 6 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-quest__overlay-dl {
    padding: calc(100vw * ( 10 / 1440 )) 0;
    border-top-width: calc(100vw * ( 3 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__overlay-dl {
    padding: 10px 0;
    border-top-width: 3px;
  }
}
.p-sticker-quest__overlay-dt {
  width: 30%;
  font-size: 1.4rem;
  font-weight: bold;
}
.p-sticker-quest__overlay-dd {
  width: 70%;
  font-size: 1.4rem;
  margin: 0;
}
.p-sticker-quest__btns {
  transition: all 0.2s ease;
  position: absolute;
  width: calc(100vw * ( 350 / 750 ));
  height: calc(100% - 100vw * ( 40 / 750 ));
  top: 0;
  left: calc(-100vw * ( 390 / 750 ));
  margin: calc(100vw * ( 40 / 1440 )) 0 calc(100vw * ( 40 / 1440 )) calc(100vw * ( 40 / 1440 ));
  background: #f1e2ba;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-quest__btns {
    width: calc(100vw * ( 300 / 1440 ));
    height: calc(100% - 100vw * ( 120 / 1440 ));
    left: 0;
    margin: calc(100vw * ( 10 / 1440 )) 0 calc(100vw * ( 10 / 1440 )) calc(100vw * ( 10 / 1440 ));
    padding-right: calc(100vw * ( 20 / 1440 ));
    border-radius: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btns {
    width: 240px;
    height: calc(100% - 120px);
    margin: 10px 0 10px 10px;
    padding-right: 20px;
    border-radius: 20px;
  }
}
.p-sticker-quest__btns > div {
  height: 100%;
  padding: calc(100vw * ( 40 / 1440 ));
  overflow-y: scroll;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-quest__btns > div {
    padding: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btns > div {
    padding: 20px;
  }
}
.p-sticker-quest__btns > div::-webkit-scrollbar {
  width: calc(100vw * ( 10 / 750 ));
  border-radius: 100px;
}
@media (min-width: 750px) {
  .p-sticker-quest__btns > div::-webkit-scrollbar {
    width: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btns > div::-webkit-scrollbar {
    width: 10px;
  }
}
.p-sticker-quest__btns > div::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #f00000;
}
.p-sticker-quest__btns > div::-webkit-scrollbar-track {
  border-radius: 100px;
  margin: calc(100vw * ( 20 / 750 )) 0;
  background: #fdf6e3;
}
@media (min-width: 750px) {
  .p-sticker-quest__btns > div::-webkit-scrollbar-track {
    margin: calc(100vw * ( 20 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btns > div::-webkit-scrollbar-track {
    margin: 20px 0;
  }
}
.p-sticker-quest__btns.is-open {
  left: 0;
}
.p-sticker-quest__btn-all, .p-sticker-quest__btn-cat, .p-sticker-quest__btn-show {
  transition: all 0.2s ease;
}
.p-sticker-quest__btn-all, .p-sticker-quest__btn-cat {
  position: relative;
  width: 100%;
  min-height: calc(100vw * ( 60 / 750 ));
  padding: calc(100vw * ( 16 / 750 )) calc(100vw * ( 20 / 750 )) calc(100vw * ( 16 / 750 )) calc(100vw * ( 80 / 750 ));
  border: none;
  border-radius: 1em;
  background: #fff;
  cursor: pointer;
}
@media (min-width: 750px) {
  .p-sticker-quest__btn-all, .p-sticker-quest__btn-cat {
    min-height: calc(100vw * ( 60 / 1440 ));
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 60 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btn-all, .p-sticker-quest__btn-cat {
    min-height: 60px;
    padding: 10px 20px 10px 60px;
  }
}
.p-sticker-quest__btn-all:hover, .p-sticker-quest__btn-cat:hover {
  opacity: 0.6;
}
.p-sticker-quest__btn-all > img, .p-sticker-quest__btn-cat > img {
  position: absolute;
  transform: translateY(-50%);
  width: calc(100vw * ( 60 / 750 ));
  top: 50%;
  left: calc(100vw * ( 10 / 750 ));
  border: none;
  flex-grow: 1;
}
@media (min-width: 750px) {
  .p-sticker-quest__btn-all > img, .p-sticker-quest__btn-cat > img {
    width: calc(100vw * ( 40 / 1440 ));
    left: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btn-all > img, .p-sticker-quest__btn-cat > img {
    width: 40px;
    left: 10px;
  }
}
.p-sticker-quest__btn-all > span, .p-sticker-quest__btn-cat > span {
  display: inline-block;
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.4em;
  font-weight: bold;
  text-align: left;
}
.p-sticker-quest__btn-all.is-on, .p-sticker-quest__btn-cat.is-on {
  background: #a88636;
  color: #fff;
}
.p-sticker-quest__btn-all {
  min-height: calc(100vw * ( 40 / 750 ));
  padding-left: calc(100vw * ( 30 / 750 ));
  padding-right: calc(100vw * ( 30 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-quest__btn-all {
    min-height: calc(100vw * ( 40 / 1440 ));
    padding-left: calc(100vw * ( 30 / 1440 ));
    padding-right: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btn-all {
    min-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p-sticker-quest__btn-all > span {
  text-align: center;
}
.p-sticker-quest__btn-cat {
  min-height: calc(100vw * ( 60 / 750 ));
  margin-top: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-quest__btn-cat {
    min-height: calc(100vw * ( 60 / 1440 ));
    margin-top: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btn-cat {
    min-height: 60px;
    margin-top: 10px;
  }
}
.p-sticker-quest__btn-show {
  position: absolute;
  display: block;
  width: calc(100vw * ( 80 / 750 ));
  height: calc(100vw * ( 80 / 750 ));
  top: calc(100vw * ( 20 / 750 ));
  left: calc(100vw * ( 20 / 750 ));
  border: none;
  border-radius: 2px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
@media (min-width: 750px) {
  .p-sticker-quest__btn-show {
    display: none;
  }
}
.p-sticker-quest__btn-show > span, .p-sticker-quest__btn-show::before, .p-sticker-quest__btn-show::after {
  position: absolute;
  overflow: hidden;
  display: block;
  transform: translate(-50%, -50%);
  width: calc(100vw * ( 36 / 750 ));
  height: 0;
  top: 50%;
  left: 50%;
  padding-top: calc(100vw * ( 4 / 750 ));
  background: #333333;
}
.p-sticker-quest__btn-show::before, .p-sticker-quest__btn-show::after {
  content: "";
}
.p-sticker-quest__btn-show::before {
  margin-top: calc(100vw * ( 10 / 750 ));
}
.p-sticker-quest__btn-show::after {
  margin-top: calc(-100vw * ( 10 / 750 ));
}
.p-sticker-quest__btn-show.is-open {
  left: calc(100vw * ( 390 / 750 ));
}
.p-sticker-quest__btn-show.is-open > span, .p-sticker-quest__btn-show.is-open::before, .p-sticker-quest__btn-show.is-open::after {
  width: calc(100vw * ( 40 / 750 ));
}
.p-sticker-quest__btn-show.is-open > span {
  opacity: 0;
}
.p-sticker-quest__btn-show.is-open::before {
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: 0;
}
.p-sticker-quest__btn-show.is-open::after {
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-top: 0;
}
.p-sticker-quest__btn-scroll {
  margin-top: calc(100vw * ( 10 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-quest__btn-scroll {
    margin-top: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__btn-scroll {
    margin-top: 10px;
  }
}
.p-sticker-quest__method {
  width: 100%;
  padding: 0 calc(100vw * ( 40 / 750 )) 0 calc(100vw * ( 40 / 750 ));
  margin-top: calc(100vw * ( 60 / 1440 ));
  border-bottom-left-radius: calc(100vw * ( 70 / 750 ));
  border-bottom-right-radius: calc(100vw * ( 70 / 750 ));
  background: #fdf6e3;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-quest__method {
    padding: 0 calc(100vw * ( 30 / 1440 ));
    margin-top: calc(100vw * ( 30 / 1440 ));
    border-radius: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__method {
    padding: 0 30px;
    margin-top: 30px;
    border-radius: 30px;
  }
}
.p-sticker-quest__box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 60vh;
  min-height: calc(100vw * ( 240 / 750 ));
  overflow-y: scroll;
  overflow-x: hidden;
  padding: calc(100vw * ( 40 / 750 )) 0 calc(100vw * ( 40 / 750 )) 0;
  gap: calc(100vw * ( 20 / 750 )) 0;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-quest__box {
    flex-wrap: wrap;
    min-height: calc(100vw * ( 440 / 1440 ));
    padding: calc(100vw * ( 30 / 1440 )) calc(100vw * ( 30 / 1440 )) calc(100vw * ( 30 / 1440 )) 0;
    gap: calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__box {
    min-height: 440px;
    padding: 30px 30px 30px 0;
    gap: 20px;
  }
}
.p-sticker-quest__box::before {
  content: "スクロールでシール情報を確認";
  display: block;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  padding: calc(100vw * ( 10 / 750 )) calc(100vw * ( 20 / 750 ));
  border-radius: 10em;
  background: #000;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  z-index: 10;
}
@media (min-width: 750px) {
  .p-sticker-quest__box::before {
    display: none;
  }
}
.p-sticker-quest__box::-webkit-scrollbar {
  width: calc(100vw * ( 10 / 750 ));
  border-radius: 100px;
}
@media (min-width: 750px) {
  .p-sticker-quest__box::-webkit-scrollbar {
    width: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__box::-webkit-scrollbar {
    width: 10px;
  }
}
.p-sticker-quest__box::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #f00000;
}
.p-sticker-quest__box::-webkit-scrollbar-track {
  border-radius: 100px;
  margin: calc(100vw * ( 30 / 750 )) 0;
  background: #fff;
}
@media (min-width: 750px) {
  .p-sticker-quest__box::-webkit-scrollbar-track {
    margin: calc(100vw * ( 30 / 1440 )) 0;
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__box::-webkit-scrollbar-track {
    margin: 30px 0;
  }
}
.p-sticker-quest__thead {
  position: sticky;
  display: none;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 10em;
  background: #BC9E58;
  color: #fff;
  z-index: 10;
}
@media (min-width: 750px) {
  .p-sticker-quest__thead {
    display: flex;
    padding: calc(100vw * ( 14 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 14 / 1440 )) calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__thead {
    padding: 14px 10px 14px 20px;
  }
}
.p-sticker-quest__thead p {
  width: 100%;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.4em;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-quest__thead p {
    padding: 0 calc(100vw * ( 20 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__thead p {
    padding: 0 20px;
  }
}
.p-sticker-quest__head-point {
  display: flex;
  width: 34%;
}
@media (min-width: 750px) {
  .p-sticker-quest__head-point > p {
    padding-left: calc(100vw * ( 10 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__head-point > p {
    padding-left: 10px;
  }
}
.p-sticker-quest__head-txt {
  display: flex;
  width: 66%;
}
.p-sticker-quest__head-place, .p-sticker-quest__head-condition {
  width: 50%;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-quest__head-place, .p-sticker-quest__head-condition {
    border-left: #fff dotted calc(100vw * ( 3 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__head-place, .p-sticker-quest__head-condition {
    border-left-width: 3px;
  }
}
.p-sticker-quest__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 4.8em;
  padding: calc(100vw * ( 30 / 750 )) calc(100vw * ( 30 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 30 / 750 ));
  border-radius: calc(100vw * ( 30 / 750 ));
  background: #fff;
  box-sizing: border-box;
}
@media (min-width: 750px) {
  .p-sticker-quest__list {
    flex-wrap: nowrap;
    padding: calc(100vw * ( 20 / 1440 )) calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 )) calc(100vw * ( 20 / 1440 ));
    border-radius: calc(100vw * ( 30 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__list {
    padding: 20px 10px 20px 20px;
    border-radius: 30px;
  }
}
.p-sticker-quest__point {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  margin-bottom: calc(100vw * ( 20 / 750 ));
  gap: 0 calc(100vw * ( 20 / 750 ));
}
@media (min-width: 750px) {
  .p-sticker-quest__point {
    display: block;
    width: 34%;
    margin-bottom: 0;
  }
}
.p-sticker-quest__txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 750px) {
  .p-sticker-quest__txt {
    flex-wrap: nowrap;
    width: 66%;
  }
}
.p-sticker-quest__icon, .p-sticker-quest__icon--none {
  position: absolute;
  width: calc(100vw * ( 100 / 750 ));
  height: calc(100vw * ( 100 / 750 ));
  top: 0;
  left: 0;
  border-radius: 10em;
  background: #fdf6e3;
}
@media (min-width: 750px) {
  .p-sticker-quest__icon, .p-sticker-quest__icon--none {
    transform: translateY(-50%);
    width: calc(100vw * ( 70 / 1440 ));
    height: calc(100vw * ( 70 / 1440 ));
    top: 50%;
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__icon, .p-sticker-quest__icon--none {
    width: 70px;
    height: 70px;
  }
}
.p-sticker-quest__icon button, .p-sticker-quest__icon--none button {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
}
.p-sticker-quest__icon img, .p-sticker-quest__icon--none img {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 64%;
  top: 50%;
  left: 50%;
}
@media (min-width: 750px) {
  .p-sticker-quest__icon img, .p-sticker-quest__icon--none img {
    width: 68.5714285714%;
  }
}
.p-sticker-quest__icon--none {
  align-content: center;
  text-align: center;
  font-size: 1em;
  line-height: 1.4em;
}
@media (min-width: 750px) {
  .p-sticker-quest__icon--none {
    font-size: calc(100vw * ( 12 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__icon--none {
    font-size: 1.2em;
  }
}
.p-sticker-quest__name {
  min-height: calc(100vw * ( 100 / 750 ));
  padding: 0 0 0 calc(100vw * ( 130 / 750 ));
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.6em;
  overflow-wrap: break-word;
  align-content: center;
}
@media (min-width: 750px) {
  .p-sticker-quest__name {
    min-height: calc(100vw * ( 70 / 1440 ));
    padding: 0 calc(100vw * ( 20 / 1440 )) 0 calc(100vw * ( 80 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__name {
    min-height: 70px;
    padding: 0 20px 0 80px;
  }
}
.p-sticker-quest__place, .p-sticker-quest__condition {
  width: 100%;
  padding: calc(100vw * ( 26 / 750 )) calc(100vw * ( 10 / 750 )) calc(100vw * ( 20 / 750 ));
  border-top: #BC9E58 dotted calc(100vw * ( 3 / 750 ));
  box-sizing: border-box;
  align-content: center;
}
@media (min-width: 750px) {
  .p-sticker-quest__place, .p-sticker-quest__condition {
    width: 50%;
    padding: calc(100vw * ( 10 / 1440 )) calc(100vw * ( 20 / 1440 ));
    border-top: none;
    border-left: #BC9E58 dotted calc(100vw * ( 3 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .p-sticker-quest__place, .p-sticker-quest__condition {
    padding: 10px 20px 10px 20px;
    border-left-width: 3px;
  }
}
.p-sticker-quest__place::before, .p-sticker-quest__condition::before {
  content: attr(data-name);
  display: inline-block;
  margin-bottom: calc(100vw * ( 16 / 750 ));
  padding: calc(100vw * ( 8 / 750 )) calc(100vw * ( 20 / 750 ));
  border-radius: 2em;
  background: #BC9E58;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
@media (min-width: 750px) {
  .p-sticker-quest__place::before, .p-sticker-quest__condition::before {
    display: none;
  }
}
.p-sticker-quest__place > p, .p-sticker-quest__condition > p {
  font-size: 1.4rem;
  line-height: 1.6em;
  margin: 0;
  word-break: break-all;
}
@media (min-width: 750px) {
  .p-sticker-quest__place > p, .p-sticker-quest__condition > p {
    font-size: 1.5rem;
  }
}

.animation {
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.animation:hover {
  background-color: #F00;
}

.animset {
  -webkit-animation: anim 1.5s ease-in-out infinite alternate;
  -o-animation: anim 1.5s ease-in-out infinite alternate;
  -ms-animation: anim 1.5s ease-in-out infinite alternate;
  -moz-animation: anim 1.5s ease-in-out infinite alternate;
  animation: anim 1.5s ease-in-out infinite alternate;
}

@keyframes moveCircle {
  0% {
    top: 0;
  }
  20% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}
@keyframes fadeCircle {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes menuPCSlide_tab {
  0% {
    right: -200px;
  }
  100% {
    right: calc(100vw * ( 40 / 1440 ));
  }
}
@keyframes menuPCSlide_pc {
  0% {
    right: -200px;
  }
  100% {
    right: 40px;
  }
}
@keyframes menuPCSlide_reverse_tab {
  0% {
    right: calc(100vw * ( 40 / 750 ));
  }
  100% {
    right: -200px;
  }
}
@keyframes menuPCSlide_reverse_pc {
  0% {
    right: 40px;
  }
  100% {
    right: -200px;
  }
}
@keyframes totopPCSlide {
  0% {
    top: 200%;
  }
  100% {
    top: 0;
  }
}
@keyframes totopPCSlide_reverse {
  0% {
    top: 0;
  }
  100% {
    top: 200%;
  }
}
@keyframes bannerPCSlide {
  0% {
    bottom: -200%;
  }
  100% {
    position: fixed;
    bottom: 0;
  }
}
@keyframes bannerPCSlide_absolute {
  100% {
    position: absolute;
    bottom: 0;
    padding-bottom: 0;
  }
}
/************************************************

 Single property

************************************************/
.sp-only {
  display: block;
}
@media (min-width: 750px) {
  .sp-only {
    display: none;
  }
}

.pc-only {
  display: none;
}
@media (min-width: 750px) {
  .pc-only {
    display: block;
  }
}

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

 Single property

************************************************/
.set-nowrap {
  white-space: nowrap;
}

.set-pos-rel {
  position: relative;
}

.set-pos-abs {
  position: absolute;
}

.set-hide {
  display: none;
}

.set-disp-cell {
  display: table-cell;
}

.set-disp-ib {
  display: inline-block;
}

.set-valign-m {
  vertical-align: middle;
}

.set-float-l {
  float: left;
}

.set-float-r {
  float: right;
}

.set-valign-m {
  vertical-align: middle;
}

.set-valign-t {
  vertical-align: top;
}

.set-valign-b {
  vertical-align: bottom;
}

.set-align-c {
  text-align: center;
}

.set-align-r {
  text-align: right;
}

.set-align-l {
  text-align: left;
}

.bold {
  font-weight: bold;
}

.u-pb-page-content {
  padding-bottom: calc(100vw * ( 70 / 750 ));
}
@media (min-width: 750px) {
  .u-pb-page-content {
    padding-bottom: calc(100vw * ( 200 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .u-pb-page-content {
    padding-bottom: 200px;
  }
}

.u-bg-mesh {
  position: relative;
  z-index: 1;
}
.u-bg-mesh:before, .u-bg-mesh:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-bg-mesh:before {
  z-index: -1;
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(135deg, #0051df, transparent 70%), linear-gradient(45deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
}
.u-bg-mesh:after {
  z-index: -1;
  background-image: url("/assets/images/common/bg-line.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 1px 4px;
}
.u-bg-mesh--light {
  position: relative;
  z-index: 1;
}
.u-bg-mesh--light:before, .u-bg-mesh--light:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-bg-mesh--light:before {
  z-index: -1;
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(135deg, #0051df, transparent 70%), linear-gradient(45deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
}
.u-bg-mesh--light:after {
  z-index: -1;
  background-image: url("/assets/images/common/bg-line.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 1px 4px;
  mix-blend-mode: overlay;
}
.u-bg-mesh--dark {
  position: relative;
  z-index: 1;
}
.u-bg-mesh--dark:before, .u-bg-mesh--dark:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-bg-mesh--dark:before {
  z-index: -1;
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(135deg, #7f04a6, transparent 70%), linear-gradient(45deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
.u-bg-mesh--dark:after {
  z-index: -1;
  background-image: url("/assets/images/common/bg-line.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 1px 4px;
  mix-blend-mode: overlay;
}

body.dark .u-bg-mesh:before {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(135deg, #7f04a6, transparent 70%), linear-gradient(45deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}

.u-bg-separate--01 {
  position: relative;
}
.u-bg-separate--01:before {
  content: "";
  position: absolute;
  top: calc(-100vw * ( 63 / 750 ));
  left: 0;
  z-index: 1;
  width: 100%;
  height: calc(100vw * ( 600 / 750 ));
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(160deg, #0051df, transparent 70%), linear-gradient(90deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
  transform: skew(0, 5deg);
}
@media (min-width: 750px) {
  .u-bg-separate--01:before {
    top: calc(-100vw * ( 63 / 1440 ));
    height: calc(100vw * ( 600 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .u-bg-separate--01:before {
    height: 600px;
  }
}
.u-bg-separate--02 {
  position: relative;
}
.u-bg-separate--02:before {
  content: "";
  position: absolute;
  top: calc(-100vw * ( 63 / 750 ));
  left: 0;
  z-index: 1;
  width: 100%;
  height: calc(100vw * ( 2200 / 750 ));
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(160deg, #0051df, transparent 70%), linear-gradient(90deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
  transform: skew(0, 5deg);
}
@media (min-width: 750px) {
  .u-bg-separate--02:before {
    top: calc(-100vw * ( 63 / 1440 ));
    height: calc(100vw * ( 970 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .u-bg-separate--02:before {
    height: 970px;
  }
}
.u-bg-separate--03 {
  position: relative;
}
.u-bg-separate--03:before {
  content: "";
  position: absolute;
  top: calc(-100vw * ( 63 / 750 ));
  left: 0;
  z-index: 1;
  width: 100%;
  height: calc(100vw * ( 1400 / 750 ));
  background-color: #e00100;
  background-image: radial-gradient(farthest-corner at right top, #eaad05, transparent 70%);
  transform: skew(0, 5deg);
}
@media (min-width: 750px) {
  .u-bg-separate--03:before {
    top: calc(-100vw * ( 63 / 1440 ));
    height: calc(100vw * ( 750 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .u-bg-separate--03:before {
    height: 750px;
  }
}
.u-bg-separate--04 {
  position: relative;
}
.u-bg-separate--04:before {
  content: "";
  position: absolute;
  top: calc(-100vw * ( 63 / 750 ));
  left: 0;
  z-index: 1;
  width: 100%;
  height: calc(100vw * ( 600 / 750 ));
  background: linear-gradient(225deg, #32c9fe, transparent 70%), linear-gradient(160deg, #0051df, transparent 70%), linear-gradient(90deg, #17acad, transparent 70%), linear-gradient(315deg, #2d97e4, transparent 70%);
}
@media (min-width: 750px) {
  .u-bg-separate--04:before {
    top: calc(-100vw * ( 63 / 1440 ));
    height: calc(100vw * ( 1400 / 1440 ));
  }
}
@media (min-width: 1440px) {
  .u-bg-separate--04:before {
    height: 1400px;
  }
}

body.dark .u-bg-separate--01:before {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(160deg, #7f04a6, transparent 70%), linear-gradient(90deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
body.dark .u-bg-separate--02:before {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(160deg, #7f04a6, transparent 70%), linear-gradient(90deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}
body.dark .u-bg-separate--04:before {
  background: linear-gradient(225deg, #de460c, transparent 70%), linear-gradient(160deg, #7f04a6, transparent 70%), linear-gradient(90deg, #d60079, transparent 70%), linear-gradient(315deg, #b3018f, transparent 70%);
}

.u-bg-gray--01 {
  background-color: #f0f3f5;
}

body.dark .u-bg-gray--01 {
  background-color: #000;
}

.u-bg-color--01 {
  background-color: #cee3f2;
}

body.dark .u-bg-color--01 {
  background-color: #000;
}

.u-bg-text--01 {
  display: inline-block;
  background-image: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
}
.u-bg-text--hero {
  display: inline-block;
  background-image: linear-gradient(90deg, #0088cc, #2e97e5 50%, #18adad);
}
.u-bg-text--dark {
  display: inline-block;
  background-image: linear-gradient(90deg, #7700b2, #b20095);
}

body.dark .u-bg-text--01 {
  background-image: linear-gradient(90deg, #7700b2, #b20095);
}

.u-w-10 {
  max-width: 10px;
}
.u-w-20 {
  max-width: 20px;
}
.u-w-30 {
  max-width: 30px;
}
.u-w-40 {
  max-width: 40px;
}
.u-w-50 {
  max-width: 50px;
}
.u-w-60 {
  max-width: 60px;
}
.u-w-70 {
  max-width: 70px;
}
.u-w-80 {
  max-width: 80px;
}
.u-w-90 {
  max-width: 90px;
}
.u-w-100 {
  max-width: 100px;
}
.u-w-110 {
  max-width: 110px;
}
.u-w-120 {
  max-width: 120px;
}
.u-w-130 {
  max-width: 130px;
}
.u-w-140 {
  max-width: 140px;
}
.u-w-150 {
  max-width: 150px;
}
.u-w-160 {
  max-width: 160px;
}
.u-w-170 {
  max-width: 170px;
}
.u-w-180 {
  max-width: 180px;
}
.u-w-190 {
  max-width: 190px;
}
.u-w-200 {
  max-width: 200px;
}
.u-w-210 {
  max-width: 210px;
}
.u-w-220 {
  max-width: 220px;
}
.u-w-230 {
  max-width: 230px;
}
.u-w-240 {
  max-width: 240px;
}
.u-w-250 {
  max-width: 250px;
}
.u-w-260 {
  max-width: 260px;
}
.u-w-270 {
  max-width: 270px;
}
.u-w-280 {
  max-width: 280px;
}
.u-w-290 {
  max-width: 290px;
}
.u-w-300 {
  max-width: 300px;
}
.u-w-310 {
  max-width: 310px;
}
.u-w-320 {
  max-width: 320px;
}
.u-w-330 {
  max-width: 330px;
}
.u-w-340 {
  max-width: 340px;
}
.u-w-350 {
  max-width: 350px;
}
.u-w-360 {
  max-width: 360px;
}
.u-w-370 {
  max-width: 370px;
}
.u-w-380 {
  max-width: 380px;
}
.u-w-390 {
  max-width: 390px;
}
.u-w-400 {
  max-width: 400px;
}
.u-w-410 {
  max-width: 410px;
}
.u-w-420 {
  max-width: 420px;
}
.u-w-430 {
  max-width: 430px;
}
.u-w-440 {
  max-width: 440px;
}
.u-w-450 {
  max-width: 450px;
}
.u-w-460 {
  max-width: 460px;
}
.u-w-470 {
  max-width: 470px;
}
.u-w-480 {
  max-width: 480px;
}
.u-w-490 {
  max-width: 490px;
}
.u-w-500 {
  max-width: 500px;
}
.u-w-510 {
  max-width: 510px;
}
.u-w-520 {
  max-width: 520px;
}
.u-w-530 {
  max-width: 530px;
}
.u-w-540 {
  max-width: 540px;
}
.u-w-550 {
  max-width: 550px;
}
.u-w-560 {
  max-width: 560px;
}
.u-w-570 {
  max-width: 570px;
}
.u-w-580 {
  max-width: 580px;
}
.u-w-590 {
  max-width: 590px;
}
.u-w-600 {
  max-width: 600px;
}
.u-w-610 {
  max-width: 610px;
}
.u-w-620 {
  max-width: 620px;
}
.u-w-630 {
  max-width: 630px;
}
.u-w-640 {
  max-width: 640px;
}
.u-w-650 {
  max-width: 650px;
}
.u-w-660 {
  max-width: 660px;
}
.u-w-670 {
  max-width: 670px;
}
.u-w-680 {
  max-width: 680px;
}
.u-w-690 {
  max-width: 690px;
}
.u-w-700 {
  max-width: 700px;
}
.u-w-710 {
  max-width: 710px;
}
.u-w-720 {
  max-width: 720px;
}
.u-w-730 {
  max-width: 730px;
}
.u-w-740 {
  max-width: 740px;
}
.u-w-750 {
  max-width: 750px;
}
.u-w-760 {
  max-width: 760px;
}
.u-w-770 {
  max-width: 770px;
}
.u-w-780 {
  max-width: 780px;
}
.u-w-790 {
  max-width: 790px;
}
.u-w-800 {
  max-width: 800px;
}
.u-w-810 {
  max-width: 810px;
}
.u-w-820 {
  max-width: 820px;
}
.u-w-830 {
  max-width: 830px;
}
.u-w-840 {
  max-width: 840px;
}
.u-w-850 {
  max-width: 850px;
}
.u-w-860 {
  max-width: 860px;
}
.u-w-870 {
  max-width: 870px;
}
.u-w-880 {
  max-width: 880px;
}
.u-w-890 {
  max-width: 890px;
}
.u-w-900 {
  max-width: 900px;
}
.u-w-910 {
  max-width: 910px;
}
.u-w-920 {
  max-width: 920px;
}
.u-w-930 {
  max-width: 930px;
}
.u-w-940 {
  max-width: 940px;
}
.u-w-950 {
  max-width: 950px;
}
.u-w-960 {
  max-width: 960px;
}
.u-w-970 {
  max-width: 970px;
}
.u-w-980 {
  max-width: 980px;
}
.u-w-990 {
  max-width: 990px;
}
.u-w-1000 {
  max-width: 1000px;
}
.u-w-1010 {
  max-width: 1010px;
}
.u-w-1020 {
  max-width: 1020px;
}
.u-w-1030 {
  max-width: 1030px;
}
.u-w-1040 {
  max-width: 1040px;
}
.u-w-1050 {
  max-width: 1050px;
}
.u-w-1060 {
  max-width: 1060px;
}
.u-w-1070 {
  max-width: 1070px;
}
.u-w-1080 {
  max-width: 1080px;
}
.u-w-1090 {
  max-width: 1090px;
}
.u-w-1100 {
  max-width: 1100px;
}
.u-w-1110 {
  max-width: 1110px;
}
.u-w-1120 {
  max-width: 1120px;
}
.u-w-1130 {
  max-width: 1130px;
}
.u-w-1140 {
  max-width: 1140px;
}
.u-w-1150 {
  max-width: 1150px;
}
.u-w-1160 {
  max-width: 1160px;
}
.u-w-1170 {
  max-width: 1170px;
}
.u-w-1180 {
  max-width: 1180px;
}
.u-w-1190 {
  max-width: 1190px;
}

.u-w-10per-sp {
  width: 10%;
}
.u-w-20per-sp {
  width: 20%;
}
.u-w-30per-sp {
  width: 30%;
}
.u-w-40per-sp {
  width: 40%;
}
.u-w-50per-sp {
  width: 50%;
}
.u-w-60per-sp {
  width: 60%;
}
.u-w-70per-sp {
  width: 70%;
}
.u-w-80per-sp {
  width: 80%;
}
.u-w-90per-sp {
  width: 90%;
}
.u-w-100per-sp {
  width: 100%;
}
@media (min-width: 750px) {
  .u-w-10per {
    width: 10%;
  }
}
@media (min-width: 750px) {
  .u-w-20per {
    width: 20%;
  }
}
@media (min-width: 750px) {
  .u-w-30per {
    width: 30%;
  }
}
@media (min-width: 750px) {
  .u-w-40per {
    width: 40%;
  }
}
@media (min-width: 750px) {
  .u-w-50per {
    width: 50%;
  }
}
@media (min-width: 750px) {
  .u-w-60per {
    width: 60%;
  }
}
@media (min-width: 750px) {
  .u-w-70per {
    width: 70%;
  }
}
@media (min-width: 750px) {
  .u-w-80per {
    width: 80%;
  }
}
@media (min-width: 750px) {
  .u-w-90per {
    width: 90%;
  }
}
@media (min-width: 750px) {
  .u-w-100per {
    width: 100%;
  }
}

/* ==========================================================================
   Foundation
** ========================================================================== */
/* ==========================================================================
   Layout
** ========================================================================== */
/* ==========================================================================
   Component
** ========================================================================== */
/* ==========================================================================
   Project
** ========================================================================== */
/* ==========================================================================
   Utility
** ========================================================================== */
/*# sourceMappingURL=sourcemaps/style.css.map */