@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat; /* 1 */
  box-sizing: inherit; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box; /* 1 */
  cursor: default; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

/**
 * 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 (https://html.spec.whatwg.org/multipage/semantics.html#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 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
}

/**
 * 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 (https://html.spec.whatwg.org/multipage/semantics.html#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 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 */
  -webkit-text-decoration: underline dotted;
  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: #ffff00;
  color: #000000;
}

/**
 * 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;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* 1 */
  color: #000000; /* 1 */
  text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * 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;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor;
}

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

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * 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;
}

/**
 * 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 */
}

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto; /* 1 */
  resize: vertical; /* 2 */
}

/**
 * 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 elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * 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 (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

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

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] { /* 1 */
  touch-action: manipulation;
}

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

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default;
}

body {
  width: 100%;
}
body.is_fixed {
  overflow: hidden;
}

.ks {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ks {
    min-width: 960px;
  }
}
.ks img {
  width: auto;
  height: auto;
}

.ks-kv-wrapper {
  position: relative;
  width: 100%;
  background-color: #FFED00;
}
.ks-kv-wrapper .ks-kv {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.ks-kv-wrapper .ks-kv .ks-kv-img-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-img {
  position: relative;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s 0s ease-out, visibility 0s 0s ease-out;
}
@media screen and (min-width: 769px) {
  .ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-img {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-img img {
  width: 100%;
}
.ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-next {
  position: absolute;
  top: 50%;
  right: 1.40625vw;
  width: 4.375vw;
  height: 6.875vw;
  transform: translateY(-50%);
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-next {
    right: 29px;
    width: 20px;
    height: 31px;
  }
}
.ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-next img {
  width: 100%;
  height: auto;
}
.ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-prev {
  position: absolute;
  top: 50%;
  left: 1.40625vw;
  width: 4.375vw;
  height: 6.875vw;
  transform: translateY(-50%);
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-prev {
    left: 29px;
    width: 20px;
    height: 31px;
  }
}
.ks-kv-wrapper .ks-kv .ks-kv-img-wrapper .ks-kv-prev img {
  width: 100%;
  height: auto;
}
.ks-kv-wrapper .ks-kv .ks-kv-obj-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  min-width: 1200px;
  transform: translateX(-50%);
  margin: 0;
}
.ks-kv-wrapper .ks-kv {
  visibility: hidden;
}
.ks-kv-wrapper .ks-kv.is_show {
  visibility: visible;
}
.ks-kv-wrapper .ks-kv.is_show .ks-kv-img-wrapper .ks-kv-img {
  opacity: 1;
  visibility: visible;
}

.ks-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 12.03125vw;
  height: 12.03125vw;
  z-index: 3;
}
@media screen and (min-width: 481px) {
  .ks-menu {
    width: 57.75px;
    height: 57.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-menu {
    display: none;
  }
}
.ks-menu img {
  width: 100%;
}
.ks-menu.is_fixed {
  position: fixed;
}

.ks-nav {
  position: relative;
  width: 100%;
  height: 194px;
  margin-bottom: 28px;
  background-image: url(../img/pc/nav_bg.png);
  background-size: 1204px 194px;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 979px) {
  .ks-nav {
    display: none;
  }
}
.ks-nav .ks-nav-items {
  display: flex;
  width: 875px;
  margin: 0 auto;
  padding: 19px 0 0;
}
.ks-nav .ks-nav-items .ks-nav-item {
  box-sizing: border-box;
  position: relative;
  width: 220px;
  height: 175px;
  list-style: none;
}
.ks-nav .ks-nav-items .ks-nav-item .is_text {
  position: relative;
  display: block;
  margin: 0 auto;
}
.ks-nav .ks-nav-items .ks-nav-item--01 .is_text {
  position: absolute;
  top: 72px;
  left: 60px;
  width: 95px;
}
.ks-nav .ks-nav-items .ks-nav-item--02 .is_text {
  position: absolute;
  top: 64px;
  left: 30px;
  width: 156px;
}
.ks-nav .ks-nav-items .ks-nav-item--03 .is_text {
  position: absolute;
  top: 72px;
  left: 60px;
  width: 90px;
}
.ks-nav .ks-nav-items .ks-nav-item--04 .is_text {
  position: absolute;
  top: 72px;
  left: 56px;
  width: 94px;
}
.ks-nav .ks-nav-items .ks-nav-item a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  padding: 66px 0 0;
  width: 220px;
  height: 175px;
}
.ks-nav .ks-nav-items .ks-nav-item--01 a:before, .ks-nav .ks-nav-items .ks-nav-item--02 a:before, .ks-nav .ks-nav-items .ks-nav-item--03 a:before, .ks-nav .ks-nav-items .ks-nav-item--04 a:before, .ks-nav .ks-nav-items .ks-nav-item--05 a:before {
  position: absolute;
  top: 87px;
  left: 44px;
  display: block;
  content: "";
  width: 0px;
  height: 20px;
  background-image: url(../img/pc/nav_over_line.png);
  background-size: 125px 20px;
  transition: width 0.2s ease-out, opacity 0.1s ease-out;
  opacity: 0;
}
.ks-nav .ks-nav-items .ks-nav-item--01 a .is_obj, .ks-nav .ks-nav-items .ks-nav-item--02 a .is_obj, .ks-nav .ks-nav-items .ks-nav-item--03 a .is_obj, .ks-nav .ks-nav-items .ks-nav-item--04 a .is_obj, .ks-nav .ks-nav-items .ks-nav-item--05 a .is_obj {
  position: absolute;
  top: 21px;
  left: 105px;
  width: 81px;
  height: 121px;
  overflow: hidden;
}
.ks-nav .ks-nav-items .ks-nav-item--01 a .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--02 a .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--03 a .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--04 a .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--05 a .is_obj img {
  display: block;
  width: 81px;
  height: 121px;
  transform: translateX(113px);
  transition: transform 0.2s ease-out;
}
@media (hover: hover) {
  .ks-nav .ks-nav-items .ks-nav-item--01 a:hover, .ks-nav .ks-nav-items .ks-nav-item--02 a:hover, .ks-nav .ks-nav-items .ks-nav-item--03 a:hover, .ks-nav .ks-nav-items .ks-nav-item--04 a:hover, .ks-nav .ks-nav-items .ks-nav-item--05 a:hover {
    z-index: 2;
  }
  .ks-nav .ks-nav-items .ks-nav-item--01 a:hover:before, .ks-nav .ks-nav-items .ks-nav-item--02 a:hover:before, .ks-nav .ks-nav-items .ks-nav-item--03 a:hover:before, .ks-nav .ks-nav-items .ks-nav-item--04 a:hover:before, .ks-nav .ks-nav-items .ks-nav-item--05 a:hover:before {
    width: 125px;
    opacity: 1;
    visibility: visible;
  }
  .ks-nav .ks-nav-items .ks-nav-item--01 a:hover .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--02 a:hover .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--03 a:hover .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--04 a:hover .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--05 a:hover .is_obj img {
    transform: translateX(0);
  }
}
@media (hover: none) {
  .ks-nav .ks-nav-items .ks-nav-item--01 a:active, .ks-nav .ks-nav-items .ks-nav-item--02 a:active, .ks-nav .ks-nav-items .ks-nav-item--03 a:active, .ks-nav .ks-nav-items .ks-nav-item--04 a:active, .ks-nav .ks-nav-items .ks-nav-item--05 a:active {
    z-index: 2;
  }
  .ks-nav .ks-nav-items .ks-nav-item--01 a:active:before, .ks-nav .ks-nav-items .ks-nav-item--02 a:active:before, .ks-nav .ks-nav-items .ks-nav-item--03 a:active:before, .ks-nav .ks-nav-items .ks-nav-item--04 a:active:before, .ks-nav .ks-nav-items .ks-nav-item--05 a:active:before {
    width: 125px;
    opacity: 1;
    visibility: visible;
  }
  .ks-nav .ks-nav-items .ks-nav-item--01 a:active .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--02 a:active .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--03 a:active .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--04 a:active .is_obj img, .ks-nav .ks-nav-items .ks-nav-item--05 a:active .is_obj img {
    transform: translateX(0);
  }
}
.ks-nav .ks-nav-items .ks-nav-item--02 a:before {
  top: 94px;
  left: 17px;
  height: 22px;
  background-image: url(../img/pc/nav_over_line.png);
  background-size: 175px 22px;
}
@media (hover: hover) {
  .ks-nav .ks-nav-items .ks-nav-item--02 a:hover:before {
    width: 175px;
  }
}
@media (hover: none) {
  .ks-nav .ks-nav-items .ks-nav-item--02 a:active:before {
    width: 175px;
  }
}
.ks-nav .ks-nav-items .ks-nav-item--05 a:before {
  top: 105px;
  left: 19px;
}

.ks-nav-fix {
  position: fixed;
  top: 5px;
  left: 0;
  width: 100%;
  background-image: url(../img/pc/nav_fix_bg.png);
  background-size: 1201px 10px;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: 10;
  transition: transform 0.5s ease-out, opacity 0s 0.5s ease-out;
  opacity: 0;
  transform: translateY(-84px);
}
.ks-nav-fix.is_show {
  transition: transform 0.5s ease-out, opacity 0s ease-out;
  opacity: 1;
  transform: translateY(0);
}
.ks-nav-fix .ks-nav-items {
  display: flex;
  width: 870px;
  margin: 0 auto;
  padding: 10px 0 0;
}
.ks-nav-fix .ks-nav-items .ks-nav-item {
  box-sizing: border-box;
  position: relative;
  list-style: none;
}
.ks-nav-fix .ks-nav-items .ks-nav-item a img.is_off {
  display: block;
  margin: 0 auto;
}
.ks-nav-fix .ks-nav-items .ks-nav-item a img.is_on {
  display: none;
  margin: 0 auto;
}
@media (hover: hover) {
  .ks-nav-fix .ks-nav-items .ks-nav-item a:hover img.is_off {
    display: none;
  }
  .ks-nav-fix .ks-nav-items .ks-nav-item a:hover img.is_on {
    display: block;
  }
}
@media (hover: none) {
  .ks-nav-fix .ks-nav-items .ks-nav-item a:active img.is_off {
    display: none;
  }
  .ks-nav-fix .ks-nav-items .ks-nav-item a:active img.is_on {
    display: block;
  }
}
.ks-nav-fix .ks-nav-items .ks-nav-item--01 {
  width: 215px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--01 a {
  padding-top: 14px;
  width: 215px;
  height: 42px;
  background-size: 215px 42px;
  background-image: url(../img/pc/nav_fix_01_bg.png);
}
.ks-nav-fix .ks-nav-items .ks-nav-item--01 a :before {
  content: url(../img/pc/nav_fix_01_bg_on.png);
  visibility: hidden;
  pointer-events: none;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--01 a img.is_off {
  width: 77px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--01 a img.is_on {
  width: 102px;
}
@media (hover: hover) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--01 a:hover {
    padding-top: 32px;
    width: 215px;
    height: 90px;
    background-size: 215px 90px;
    background-image: url(../img/pc/nav_fix_01_bg_on.png);
  }
}
@media (hover: none) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--01 a:active {
    padding-top: 32px;
    width: 215px;
    height: 90px;
    background-size: 215px 90px;
    background-image: url(../img/pc/nav_fix_01_bg_on.png);
  }
}
.ks-nav-fix .ks-nav-items .ks-nav-item--02 {
  width: 220px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--02 a {
  padding-top: 6px;
  width: 220px;
  height: 42px;
  background-size: 220px 42px;
  background-image: url(../img/pc/nav_fix_02_bg.png);
}
.ks-nav-fix .ks-nav-items .ks-nav-item--02 a :before {
  content: url(../img/pc/nav_fix_02_bg_on.png);
  visibility: hidden;
  pointer-events: none;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--02 a img.is_off {
  width: 113px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--02 a img.is_on {
  width: 156px;
}
@media (hover: hover) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--02 a:hover {
    padding-top: 21px;
    width: 220px;
    height: 90px;
    background-size: 220px 90px;
    background-image: url(../img/pc/nav_fix_02_bg_on.png);
    padding-left: 5px;
  }
}
@media (hover: none) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--02 a:active {
    padding-top: 21px;
    width: 220px;
    height: 90px;
    background-size: 220px 90px;
    background-image: url(../img/pc/nav_fix_02_bg_on.png);
    padding-left: 5px;
  }
}
.ks-nav-fix .ks-nav-items .ks-nav-item--03 {
  width: 221px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--03 a {
  padding-top: 14px;
  width: 221px;
  height: 43px;
  background-size: 221px 43px;
  background-image: url(../img/pc/nav_fix_03_bg.png);
}
.ks-nav-fix .ks-nav-items .ks-nav-item--03 a :before {
  content: url(../img/pc/nav_fix_03_bg_on.png);
  visibility: hidden;
  pointer-events: none;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--03 a img.is_off {
  width: 72px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--03 a img.is_on {
  width: 95px;
}
@media (hover: hover) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--03 a:hover {
    padding-top: 32px;
    width: 221px;
    height: 90px;
    background-size: 221px 90px;
    background-image: url(../img/pc/nav_fix_03_bg_on.png);
  }
}
@media (hover: none) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--03 a:active {
    padding-top: 32px;
    width: 221px;
    height: 90px;
    background-size: 221px 90px;
    background-image: url(../img/pc/nav_fix_03_bg_on.png);
  }
}
.ks-nav-fix .ks-nav-items .ks-nav-item--04 {
  width: 217px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--04 a {
  padding-top: 14px;
  width: 217px;
  height: 42px;
  background-size: 217px 42px;
  background-image: url(../img/pc/nav_fix_04_bg.png);
}
.ks-nav-fix .ks-nav-items .ks-nav-item--04 a :before {
  content: url(../img/pc/nav_fix_04_bg_on.png);
  visibility: hidden;
  pointer-events: none;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--04 a img.is_off {
  width: 76px;
}
.ks-nav-fix .ks-nav-items .ks-nav-item--04 a img.is_on {
  width: 100px;
}
@media (hover: hover) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--04 a:hover {
    padding-top: 32px;
    width: 217px;
    height: 90px;
    background-size: 217px 90px;
    background-image: url(../img/pc/nav_fix_04_bg_on.png);
  }
}
@media (hover: none) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--04 a:active {
    padding-top: 32px;
    width: 217px;
    height: 90px;
    background-size: 217px 90px;
    background-image: url(../img/pc/nav_fix_04_bg_on.png);
  }
}
.ks-nav-fix .ks-nav-items .ks-nav-item a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  background-position: 0px;
  overflow: hidden;
}
.ks-nav-fix .ks-nav-items .ks-nav-item a img {
  position: relative;
}
.ks-nav-fix .ks-nav-items .ks-nav-item a:before {
  position: absolute;
  top: 43px;
  left: 45px;
  display: block;
  content: "";
  width: 0px;
  height: 20px;
  background-image: url(../img/pc/nav_over_line.png);
  background-size: 125px 20px;
  opacity: 0;
  transition: width 0.2s ease-out 0.2s, opacity 0.1s ease-out 0.2s;
}
@media (hover: hover) {
  .ks-nav-fix .ks-nav-items .ks-nav-item a:hover:before {
    width: 125px;
    opacity: 1;
    visibility: visible;
  }
}
@media (hover: none) {
  .ks-nav-fix .ks-nav-items .ks-nav-item a:active:before {
    width: 125px;
    opacity: 1;
    visibility: visible;
  }
}
.ks-nav-fix .ks-nav-items .ks-nav-item--02 a:before {
  top: 52px;
  left: 38px;
  background-image: url(../img/pc/nav_over_line_03.png);
  background-size: 149px 20px;
}
@media (hover: hover) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--02 a:hover:before {
    width: 149px;
  }
}
@media (hover: none) {
  .ks-nav-fix .ks-nav-items .ks-nav-item--02 a:active:before {
    width: 149px;
  }
}
.ks-nav-fix .ks-nav-items .ks-nav-item--05 a:before {
  top: 56px;
  left: 23px;
}

.ks-topics {
  box-sizing: border-box;
  width: 100%;
  background-image: url(../img/sp/topics_bg.jpg);
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 979px) {
  .ks-topics {
    padding: 36px 0 64.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-topics {
    padding: 7.5vw 0 13.4375vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics {
    padding-bottom: 86px;
    background-position: center;
    background-image: url(../img/pc/topics_bg.jpg);
  }
}
.ks-topics__title {
  position: relative;
  width: 31.25vw;
  height: 7.1875vw;
  margin: 0 auto 10vw;
  font-size: 0;
}
@media screen and (min-width: 481px) {
  .ks-topics__title {
    width: 150px;
    height: 34.5px;
    margin-bottom: pc(64);
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__title {
    width: 203px;
    height: 46px;
    margin: 0 auto 45px;
  }
}
.ks-topics__title img {
  position: relative;
  width: 100%;
}
.ks-topics__title:before {
  position: absolute;
  top: 5vw;
  left: -2.96875vw;
  display: block;
  content: "";
  width: 0;
  height: 4.6875vw;
  background-image: url(../img/sp/topics_title_bg.png);
  background-size: 38.59375vw 4.6875vw;
  opacity: 0;
  transition: width 0.2s 0.2s ease-out, opacity 0.1s 0.2s ease-out;
}
@media screen and (min-width: 481px) {
  .ks-topics__title:before {
    top: 24px;
    left: -14.25px;
    height: 22.5px;
    background-size: 185.25px 22.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__title:before {
    top: 33px;
    left: -17px;
    height: 30px;
    background-image: url(../img/pc/topics_title_bg.png);
    background-size: 247px 30px;
  }
}
.ks-topics__title.is_show:before {
  opacity: 1;
  width: 38.59375vw;
}
@media screen and (min-width: 481px) {
  .ks-topics__title.is_show:before {
    width: 185.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__title.is_show:before {
    width: 247px;
  }
}
.ks-topics__banners {
  margin-bottom: 8.125vw;
}
@media screen and (min-width: 481px) {
  .ks-topics__banners {
    margin-bottom: 39px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__banners {
    width: 470px;
    margin: 0 auto 67px;
  }
}
.ks-topics__banner {
  display: block;
  width: 84.6875vw;
  margin: 0 auto;
}
@media screen and (min-width: 481px) {
  .ks-topics__banner {
    width: 406.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__banner {
    width: 470px;
    cursor: pointer;
  }
}
.ks-topics__banner--04 {
  position: relative;
  margin-bottom: 7.34375vw;
}
@media screen and (min-width: 481px) {
  .ks-topics__banner--04 {
    margin-bottom: 35.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__banner--04 {
    margin-bottom: 57px;
  }
}
.ks-topics__banner--04-02 {
  position: absolute;
  top: -11.40625vw;
  left: -3.90625vw;
  width: 13.28125vw;
  height: 13.28125vw;
}
@media screen and (min-width: 481px) {
  .ks-topics__banner--04-02 {
    top: -54.75px;
    left: -18.75px;
    width: 63.75px;
    height: 63.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__banner--04-02 {
    top: -67px;
    left: -47px;
    width: 85px;
    height: 85px;
    background-image: url(../img/pc/topics_banner_new_bg.png);
    background-size: 100%;
  }
}
.ks-topics__banner--03 {
  position: relative;
  margin-bottom: 7.34375vw;
}
@media screen and (min-width: 481px) {
  .ks-topics__banner--03 {
    margin-bottom: 35.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__banner--03 {
    height: 305px;
    margin-bottom: 57px;
  }
}
.ks-topics__banner--02 {
  position: relative;
  margin-bottom: 7.34375vw;
}
@media screen and (min-width: 481px) {
  .ks-topics__banner--02 {
    margin-bottom: 35.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__banner--02 {
    position: relative;
    margin-bottom: 57px;
  }
}
.ks-topics__banner--01 {
  height: 40.625vw;
}
@media screen and (min-width: 481px) {
  .ks-topics__banner--01 {
    height: 195px;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__banner--01 {
    height: 225px;
  }
}
.ks-topics__banner img {
  display: block;
  width: 100%;
}
@media (hover: hover) {
  .ks-topics__banner:hover {
    background-color: #fff;
  }
  .ks-topics__banner:hover img {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .ks-topics__banner:active {
    background-color: #fff;
  }
  .ks-topics__banner:active img {
    opacity: 0.7;
  }
}
.ks-topics__link {
  position: relative;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 979px) {
  .ks-topics__link {
    width: 406.5px;
    height: 114.75px;
  }
}
@media screen and (max-width: 480px) {
  .ks-topics__link {
    width: 84.6875vw;
    height: 23.90625vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-topics__link {
    width: 475px;
    margin: 0 auto;
    border-radius: 13px;
  }
}
.ks-topics__link img {
  width: 100%;
}
@media screen and (min-width: 980px) and (hover: hover) {
  .ks-topics__link:hover {
    background-color: #fff;
  }
  .ks-topics__link:hover img {
    opacity: 0.7;
  }
}
@media screen and (min-width: 980px) and (hover: none) {
  .ks-topics__link:active {
    background-color: #fff;
  }
  .ks-topics__link:active img {
    opacity: 0.7;
  }
}

.ks-about {
  width: 100%;
}
@media screen and (max-width: 979px) {
  .ks-about {
    background-color: #FFED00;
    padding: 34.5px 0 36px;
  }
}
@media screen and (max-width: 480px) {
  .ks-about {
    background-color: #FFED00;
    padding: 7.1875vw 0 7.5vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-about {
    position: relative;
    margin-top: -62px;
    padding-top: 62px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about__wrapper {
    padding: 50px 0;
    background-color: #FFED00;
  }
  .ks-about__container {
    width: 960px;
    margin: 0 auto;
  }
}
.ks-about__title {
  position: relative;
  width: 50.78125vw;
  height: 14.53125vw;
  margin: 0 auto 12.03125vw;
  font-size: 0;
}
@media screen and (min-width: 481px) {
  .ks-about__title {
    width: 243.75px;
    height: 69.75px;
    margin: 0 auto 57.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about__title {
    width: 661px;
    height: 45px;
    margin: 0 auto 106px;
  }
}
.ks-about__title img {
  position: relative;
  width: 100%;
}
.ks-about__title:before {
  position: absolute;
  top: 11.40625vw;
  left: -2.34375vw;
  display: block;
  content: "";
  width: 0;
  height: 6.875vw;
  background-image: url(../img/sp/about_title_bg.png);
  background-size: 56.25vw 6.875vw;
  opacity: 0;
  transition: width 0.2s 0.2s ease-out, opacity 0.1s 0.2s ease-out;
}
@media screen and (min-width: 481px) {
  .ks-about__title:before {
    top: 54.75px;
    left: -11.25px;
    height: 33px;
    background-size: 270px 33px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about__title:before {
    top: 31px;
    left: -36px;
    height: 31px;
    background-image: url(../img/pc/about_title_bg.png);
    background-size: 731px 31px;
    transition: width 0.4s 0.5s ease-out, opacity 0.1s 0.5s ease-out;
  }
}
.ks-about__title.is_show:before {
  opacity: 1;
  width: 56.25vw;
}
@media screen and (min-width: 481px) {
  .ks-about__title.is_show:before {
    width: 270px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about__title.is_show:before {
    width: 731px;
  }
}

.ks-about-profile {
  position: relative;
}
@media screen and (max-width: 979px) {
  .ks-about-profile {
    margin-top: 57.75px;
  }
  .ks-about-profile.is-pc {
    display: none;
  }
  .ks-about-profile + .ks-about-profile {
    margin: 59.25px auto 57px;
  }
}
@media screen and (max-width: 480px) {
  .ks-about-profile {
    margin-top: 12.03125vw;
  }
  .ks-about-profile + .ks-about-profile {
    margin: 12.34375vw auto 11.875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-profile {
    margin-bottom: 67px;
  }
  .ks-about-profile.is-sp {
    display: none;
  }
}
.ks-about-profile__text {
  position: absolute;
  top: 12.5vw;
  left: 12.1875vw;
  width: 75.3125vw;
  margin: 0 auto;
  transform: scale(0);
  visibility: hidden;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
}
@media screen and (min-width: 481px) {
  .ks-about-profile__text {
    top: 60px;
    left: calc(50% - 180px);
    width: 361.5px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-profile__text {
    top: -42px;
    left: 225px;
    width: 496px;
    height: 89px;
    margin: 0;
  }
}
.ks-about-profile__text img {
  width: 100%;
}
.ks-about-profile__text.is_show {
  visibility: visible;
  transform: scale(1);
}
@media screen and (max-width: 979px) {
  .ks-about-profile__img {
    position: relative;
    top: 0;
    margin: 0 auto;
  }
  .ks-about-profile__img--01 {
    width: 357.75px;
  }
  .ks-about-profile__img--02 {
    width: 354.75px;
  }
}
@media screen and (max-width: 480px) {
  .ks-about-profile__img--01 {
    width: 74.53125vw;
  }
  .ks-about-profile__img--02 {
    width: 73.90625vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-profile__img {
    width: 832px;
    margin: 0 auto;
  }
}
.ks-about-profile__img img {
  width: 100%;
}
.ks-about-profile__link {
  position: absolute;
  display: block;
}
@media screen and (max-width: 979px) {
  .ks-about-profile__link--01 {
    top: 355.5px;
    left: calc(50% - 189px);
    width: 377.25px;
  }
  .ks-about-profile__link--02 {
    top: 335.25px;
    left: calc(50% - 189px);
    width: 379.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-about-profile__link--01 {
    top: 74.0625vw;
    left: calc(50% - 39.375vw);
    width: 78.59375vw;
  }
  .ks-about-profile__link--02 {
    top: 69.84375vw;
    left: calc(50% - 39.375vw);
    width: 79.0625vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-profile__link {
    margin: 0;
    cursor: pointer;
  }
  .ks-about-profile__link--01 {
    top: 412px;
    left: 528px;
    width: 319px;
  }
  .ks-about-profile__link--02 {
    top: 412px;
    left: 121px;
    width: 318px;
  }
}
.ks-about-profile__link img {
  width: 100%;
}

.ks-about-box {
  position: relative;
  box-sizing: border-box;
  width: 93.75vw;
  margin: 0 auto;
  padding: 3.90625vw 0 6.5625vw;
  background-color: #FEF590;
}
@media screen and (min-width: 481px) {
  .ks-about-box {
    width: 450px;
    padding: 18.75px 0 31.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-box {
    width: 828px;
    padding: 48px 0 44px;
  }
}
.ks-about-box__text {
  width: 75.78125vw;
  margin: 0 auto 9.0625vw;
}
@media screen and (min-width: 481px) {
  .ks-about-box__text {
    width: 363.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-box__text {
    width: 413px;
    margin: 0 0 0 215px;
  }
}
.ks-about-box__text img {
  width: 100%;
}
.ks-about-box__img {
  position: absolute;
  top: -43px;
  right: -3px;
  width: 164px;
}
@media screen and (max-width: 979px) {
  .ks-about-box__img {
    display: none;
  }
}
.ks-about-box__img img {
  width: 100%;
}

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-60deg);
  }
  20% {
    transform: rotate(40deg);
  }
  30% {
    transform: rotate(-20deg);
  }
  40% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-12deg);
  }
  60% {
    transform: rotate(8deg);
  }
  70% {
    transform: rotate(-8deg);
  }
  80% {
    transform: rotate(4deg);
  }
  90% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.ks-about-kodawari-container {
  margin-bottom: 31.40625vw;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari-container {
    margin-bottom: 150.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari-container {
    display: flex;
    width: 100%;
    margin-bottom: 129px;
  }
}

@media screen and (min-width: 980px) {
  .ks-about-kodawari {
    position: relative;
    box-sizing: border-box;
    width: 50%;
  }
}
@media screen and (max-width: 979px) {
  .ks-about-kodawari--01 {
    margin: 0 0 37.5px 24px;
  }
}
@media screen and (max-width: 480px) {
  .ks-about-kodawari--01 {
    margin: 0 0 7.8125vw 5vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari--01 {
    padding: 9px 0 0 70px;
  }
}
@media screen and (max-width: 979px) {
  .ks-about-kodawari--02 {
    margin-left: 135.75px;
  }
}
@media screen and (max-width: 480px) {
  .ks-about-kodawari--02 {
    margin-left: 28.28125vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari--02 {
    padding: 83px 0 0 37px;
  }
}
.ks-about-kodawari__img {
  position: relative;
}
.ks-about-kodawari__img img {
  position: relative;
  width: 100%;
}
.ks-about-kodawari__img:before {
  position: absolute;
  top: 16.09375vw;
  left: -0.3125vw;
  display: block;
  content: "";
  width: 0;
  height: 2.03125vw;
  background-image: url(../img/sp/about_kodawari_bg.png);
  background-size: 60.3125vw 2.03125vw;
  opacity: 0;
  transition: width 0.3s 0.5s ease-out, opacity 0.1s 0.5s ease-out;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__img:before {
    top: 77.25px;
    left: -1.5px;
    height: 9.75px;
    background-size: 289.5px 9.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__img:before {
    top: 81px;
    left: 0;
    height: 11px;
    background-image: url(../img/pc/about_kodawari_bg.png);
    background-size: 305px 11px;
  }
}
.ks-about-kodawari__img--01 {
  width: 59.21875vw;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__img--01 {
    width: 284.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__img--01 {
    width: 302px;
  }
}
.ks-about-kodawari__img--02 {
  width: 57.03125vw;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__img--02 {
    width: 273.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__img--02 {
    width: 289px;
  }
}
.ks-about-kodawari__text {
  width: 83.90625vw;
  margin: 0 0 0 5.15625vw;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__text {
    width: 402.75px;
    margin: 0 0 0 24.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__text {
    width: 699px;
    margin: 0 0 0 58px;
  }
}
.ks-about-kodawari__text img {
  width: 100%;
}
.ks-about-kodawari__text-obj {
  position: absolute;
}
.ks-about-kodawari__text-obj img {
  width: 100%;
}
.ks-about-kodawari__text-obj--01 {
  bottom: 27.96875vw;
  left: 1.5625vw;
  width: 5.46875vw;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__text-obj--01 {
    bottom: 134.25px;
    left: 7.5px;
    width: 26.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__text-obj--01 {
    bottom: 83px;
    left: 33px;
    width: 29px;
  }
}
.ks-about-kodawari__text-obj--02 {
  bottom: 5.9375vw;
  right: 9.0625vw;
  width: 5.46875vw;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__text-obj--02 {
    bottom: 28.5px;
    right: 43.5px;
    width: 26.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__text-obj--02 {
    bottom: 38px;
    right: 38px;
    width: 30px;
  }
}
.is_show .ks-about-kodawari__text-obj {
  animation: swing 1.5s linear 0.5s 1;
}
.ks-about-kodawari__obj {
  position: absolute;
  bottom: 32.5vw;
  left: 8.59375vw;
  width: 21.09375vw;
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__obj {
    bottom: 156px;
    left: 41.25px;
    width: 101.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__obj {
    bottom: 111px;
    left: 50px;
    width: 134px;
  }
}
.ks-about-kodawari__obj img {
  width: 100%;
}
.ks-about-kodawari__obj-text {
  position: absolute;
  bottom: 38.75vw;
  left: 30vw;
  width: 28.125vw;
  transform-origin: left center;
  transform: scale(0);
  visibility: hidden;
  transition: transform 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (min-width: 481px) {
  .ks-about-kodawari__obj-text {
    bottom: 186px;
    left: 144px;
    width: 135px;
  }
}
@media screen and (min-width: 980px) {
  .ks-about-kodawari__obj-text {
    bottom: 150px;
    left: 188px;
    width: 189px;
  }
}
.ks-about-kodawari__obj-text img {
  width: 100%;
}
.is_show .ks-about-kodawari__img:before {
  opacity: 1;
  width: 60.3125vw;
}
@media screen and (min-width: 481px) {
  .is_show .ks-about-kodawari__img:before {
    width: 289.5px;
  }
}
@media screen and (min-width: 980px) {
  .is_show .ks-about-kodawari__img:before {
    width: 305px;
  }
}
.is_show .ks-about-kodawari__obj-text {
  visibility: visible;
  transform: scale(1);
}

.ks-popup-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 11;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
@media screen and (max-width: 979px) {
  .ks-popup-container {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container {
    background-color: rgba(0, 0, 0, 0.85);
  }
}
.ks-popup-container.is_show {
  position: fixed;
  height: 100%;
  opacity: 1;
}
@media screen and (max-width: 979px) {
  .ks-popup-container.is_show {
    overflow: auto;
  }
}
.ks-popup-container.is_show.is_hide {
  opacity: 0;
}
.ks-popup-container .ks-popup-close {
  position: absolute;
  top: 7.8125vw;
  right: 7.8125vw;
  width: 9.375vw;
  font-size: 0;
  z-index: 2;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup-close {
    top: 37.5px;
    right: 37.5px;
    width: 45px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup-close {
    top: 43px;
    right: 43px;
    width: 57px;
  }
}
.ks-popup-container .ks-popup-close__icon {
  width: 9.375vw;
  height: 9.375vw;
  margin-bottom: 1.71875vw;
  cursor: pointer;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup-close__icon {
    width: 45px;
    height: 45px;
    margin-bottom: 8.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup-close__icon {
    width: 57px;
    height: 57px;
    margin-bottom: 10px;
  }
}
.ks-popup-container .ks-popup-close__icon img {
  width: 100%;
}
.ks-popup-container .ks-popup-close__text {
  margin: 0 auto;
  width: 7.96875vw;
  height: 3.125vw;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup-close__text {
    width: 38.25px;
    height: 15px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup-close__text {
    margin: 0 auto;
    width: 47px;
    height: 18px;
  }
}
.ks-popup-container .ks-popup-close__text img {
  display: block;
  width: 100%;
}
.ks-popup-container .ks-popup {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 979px) {
  .ks-popup-container .ks-popup {
    background-color: rgba(0, 0, 0, 0.85);
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup {
    justify-content: center;
    box-sizing: border-box;
    width: 960px;
    height: 100%;
    margin: 0 auto;
    padding-top: 48px;
    padding-bottom: 48px;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 979px) {
  .ks-popup-container .ks-popup .ks-profile {
    box-sizing: border-box;
    width: 100%;
    padding-top: 106.5px;
    padding-bottom: 106.5px;
    overflow-y: scroll;
  }
}
@media screen and (max-width: 480px) {
  .ks-popup-container .ks-popup .ks-profile {
    padding-top: 22.1875vw;
    padding-bottom: 22.1875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile {
    padding-top: 0;
  }
}
.ks-popup-container .ks-popup .ks-profile__img {
  margin-bottom: 4.21875vw;
  text-align: center;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup .ks-profile__img {
    margin-bottom: 20.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile__img {
    margin-bottom: 19px;
  }
}
.ks-popup-container .ks-popup .ks-profile__img--01 img {
  width: 36.40625vw;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup .ks-profile__img--01 img {
    width: 174.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile__img--01 img {
    width: 182px;
  }
}
.ks-popup-container .ks-popup .ks-profile__img--02 img {
  width: 36.40625vw;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup .ks-profile__img--02 img {
    width: 174.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile__img--02 img {
    width: 185px;
  }
}
.ks-popup-container .ks-popup .ks-profile__name {
  margin-bottom: 0;
}
@media screen and (max-width: 979px) {
  .ks-popup-container .ks-popup .ks-profile__name {
    width: 435px;
    margin: 0 auto;
    padding-bottom: 20.25px;
    border-bottom: 1px solid #fff;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .ks-popup-container .ks-popup .ks-profile__name {
    width: 90.625vw;
    padding-bottom: 4.21875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile__name {
    width: 833px;
    padding-bottom: 19px;
    border-bottom: 1px solid #fff;
    text-align: center;
  }
}
.ks-popup-container .ks-popup .ks-profile__name--01 img {
  width: 30.625vw;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup .ks-profile__name--01 img {
    width: 147px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile__name--01 img {
    width: 196px;
  }
}
.ks-popup-container .ks-popup .ks-profile__name--02 img {
  width: 33.59375vw;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup .ks-profile__name--02 img {
    width: 161.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile__name--02 img {
    width: 215px;
  }
}
.ks-popup-container .ks-popup .ks-profile__text {
  margin: 0 auto;
  text-align: center;
  padding-top: 4.375vw;
}
.ks-popup-container .ks-popup .ks-profile__text--01 {
  width: 86.5625vw;
}
.ks-popup-container .ks-popup .ks-profile__text--02 {
  width: 86.09375vw;
}
@media screen and (min-width: 481px) {
  .ks-popup-container .ks-popup .ks-profile__text {
    padding-top: 21px;
  }
  .ks-popup-container .ks-popup .ks-profile__text--01 {
    width: 415.5px;
  }
  .ks-popup-container .ks-popup .ks-profile__text--02 {
    width: 413.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-popup-container .ks-popup .ks-profile__text {
    padding-top: 23px;
  }
  .ks-popup-container .ks-popup .ks-profile__text--01 {
    width: 516px;
  }
  .ks-popup-container .ks-popup .ks-profile__text--02 {
    width: 698px;
  }
}
.ks-popup-container .ks-popup .ks-profile__text img {
  width: 100%;
}

@media screen and (max-width: 979px) {
  .ks-commercial {
    position: relative;
    box-sizing: border-box;
    background-color: #F7E400;
    background-image: url(../img/sp/commercial_bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 82.5px;
    padding-bottom: 82.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-commercial {
    padding-top: 17.1875vw;
    padding-bottom: 17.1875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial {
    position: relative;
    margin-top: -62px;
    padding-top: 62px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__outer {
    box-sizing: border-box;
    width: 100%;
    background-image: url(../img/pc/commercial_bg.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 103px;
    padding-bottom: 43px;
  }
}
@media screen and (max-width: 979px) {
  .ks-commercial__wrapper {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__wrapper {
    position: relative;
    width: 960px;
    margin: 0 auto;
  }
}
.ks-commercial__title {
  position: relative;
  width: 31.40625vw;
  height: 7.1875vw;
  margin: 0 auto 41.40625vw;
  font-size: 0;
}
@media screen and (min-width: 481px) {
  .ks-commercial__title {
    width: 150.75px;
    height: 34.5px;
    margin: 0 auto 198.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__title {
    width: 200px;
    height: 46px;
    margin: 0 auto 65px;
  }
}
.ks-commercial__title img {
  position: relative;
  width: 100%;
}
.ks-commercial__title:before {
  position: absolute;
  top: 5.15625vw;
  left: -2.96875vw;
  display: block;
  content: "";
  width: 0;
  height: 4.6875vw;
  background-image: url(../img/sp/commercial_title_bg.png);
  background-size: 38.59375vw 4.6875vw;
  opacity: 0;
  transition: width 0.2s 0.2s ease-out, opacity 0.1s 0.2s ease-out;
}
@media screen and (min-width: 481px) {
  .ks-commercial__title:before {
    top: 24.75px;
    left: -14.25px;
    height: 22.5px;
    background-size: 185.25px 22.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__title:before {
    top: 33px;
    left: -19px;
    height: 30px;
    background-image: url(../img/pc/commercial_title_bg.png);
    background-size: 247px 30px;
  }
}
.ks-commercial__title.is_show:before {
  opacity: 1;
  width: 38.59375vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial__title.is_show:before {
    width: 185.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__title.is_show:before {
    width: 247px;
  }
}
.ks-commercial__container {
  position: relative;
}
@media screen and (min-width: 980px) {
  .ks-commercial__container {
    display: flex;
    width: 736px;
    margin: 0 auto;
    justify-content: left;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 979px) {
  .ks-commercial__unit {
    width: 369px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .ks-commercial__unit {
    width: 76.875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__unit {
    margin: 0 41px 33px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__unit--wide {
    width: 654px;
    height: auto;
    margin: 0 auto 47px;
  }
}
.ks-commercial__unit--soon {
  margin: 0 auto;
}
.ks-commercial__img {
  position: relative;
  box-sizing: border-box;
  width: 76.875vw;
  cursor: pointer;
}
@media screen and (min-width: 481px) {
  .ks-commercial__img {
    width: 369px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__img {
    width: 286px;
    height: 160px;
  }
}
.ks-commercial__img img {
  width: 100%;
}
@media screen and (min-width: 980px) {
  .ks-commercial__img:not(.ks-commercial__img--soon) {
    cursor: pointer;
  }
}
@media screen and (min-width: 980px) and (hover: hover) {
  .ks-commercial__img:not(.ks-commercial__img--soon):hover {
    background-color: #fff;
  }
  .ks-commercial__img:not(.ks-commercial__img--soon):hover img {
    opacity: 0.7;
  }
}
@media screen and (min-width: 980px) and (hover: none) {
  .ks-commercial__img:not(.ks-commercial__img--soon):active {
    background-color: #fff;
  }
  .ks-commercial__img:not(.ks-commercial__img--soon):active img {
    opacity: 0.7;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__img--wide {
    width: 654px;
    height: 370px;
  }
}
.ks-commercial__img:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 15.3125vw;
  height: 15.3125vw;
  transform: translate(-50%, -50%);
  background-image: url(../img/sp/commercial_play.png);
  background-size: 15.3125vw 15.3125vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial__img:after {
    width: 73.5px;
    height: 73.5px;
    transform: translate(-50%, -50%);
    background-size: 73.5px 73.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__img:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    width: 58px;
    height: 58px;
    transform: translate(-29px, -29px);
    background-image: url(../img/pc/commercial_play.png);
    background-size: 58px 58px;
  }
}
.ks-commercial__img--soon:after {
  content: none;
}
.ks-commercial__text {
  width: 76.875vw;
  margin: 0 0 10.46875vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial__text {
    width: 369px;
    margin: 0 0 50.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__text {
    position: relative;
    width: 286px;
    margin: 0;
  }
  .ks-commercial__text--wide {
    width: 291px;
    margin-top: 17px;
    margin-left: 176px;
  }
}
.ks-commercial__text--01 {
  width: 61.5625vw;
  margin-top: 3.28125vw;
  margin-left: 7.65625vw;
  margin-bottom: 0;
}
@media screen and (min-width: 481px) {
  .ks-commercial__text--01 {
    width: 295.5px;
    margin-top: 15.75px;
    margin-left: 36.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__text--01 {
    width: 258px;
    margin-top: 16px;
    margin-left: 14px;
  }
}
.ks-commercial__text--05 {
  width: 41.875vw;
  margin-top: 3.59375vw;
  margin-left: 16.71875vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial__text--05 {
    width: 201px;
    margin-top: 17.25px;
    margin-left: 80.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__text--05 {
    width: 168px;
    margin-top: 15px;
    margin-left: 61px;
  }
}
.ks-commercial__text--seriagari {
  width: 69.53125vw;
  margin-top: 2.5vw;
  margin-left: -2.03125vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial__text--seriagari {
    width: 333.75px;
    margin-top: 12px;
    margin-left: -9.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__text--seriagari {
    width: 353px;
    margin-top: 18px;
    margin-left: 116px;
  }
}
.ks-commercial__text img {
  display: block;
  width: 100%;
}
.ks-commercial__button {
  position: relative;
  width: 65vw;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (min-width: 481px) {
  .ks-commercial__button {
    width: 312px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial__button {
    width: 416px;
  }
}
.ks-commercial__button img {
  width: 100%;
}

.ks-commercial-popup-container {
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0;
  z-index: 11;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
@media screen and (min-width: 980px) {
  .ks-commercial-popup-container {
    background-color: rgba(0, 0, 0, 0.85);
  }
}
.ks-commercial-popup-container.is_show {
  position: fixed;
  height: 100%;
  overflow: auto;
  opacity: 1;
}
.ks-commercial-popup-container.is_show.is_hide {
  opacity: 0;
}
@media screen and (max-width: 979px) {
  .ks-commercial-popup-container .ks-commercial-popup {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial-popup-container .ks-commercial-popup {
    width: 960px;
    height: 600px;
  }
}
.ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close {
  position: absolute;
  top: 7.8125vw;
  right: 7.8125vw;
  width: 9.53125vw;
  font-size: 0;
}
@media screen and (min-width: 481px) {
  .ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close {
    top: 37.5px;
    right: 37.5px;
    width: 45.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close {
    top: 43px;
    right: 43px;
    width: 58px;
  }
}
.ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__icon {
  width: 9.375vw;
  height: 9.375vw;
  margin-bottom: 1.71875vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__icon {
    width: 45px;
    height: 45px;
    margin-bottom: 8.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__icon {
    width: 57px;
    height: 57px;
    margin-bottom: 10px;
    cursor: pointer;
  }
}
.ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__icon img {
  width: 100%;
}
.ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__text {
  margin: 0 auto;
  width: 7.96875vw;
  height: 3.125vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__text {
    width: 38.25px;
    height: 15px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__text {
    width: 47px;
    height: 18px;
  }
}
.ks-commercial-popup-container .ks-commercial-popup .ks-commercial-popup-close__text img {
  display: block;
  width: 100%;
}
.ks-commercial-popup-container .ks-commercial-popup .ks-commercial-movie-player-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ks-commercial-obj {
  position: relative;
}
.ks-commercial-obj__img {
  position: absolute;
  top: 11.71875vw;
  left: 3.125vw;
  width: 27.8125vw;
}
@media screen and (min-width: 481px) {
  .ks-commercial-obj__img {
    top: 56.25px;
    left: 15px;
    width: 133.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial-obj__img {
    top: -68px;
    left: -31px;
    width: 178px;
  }
}
.ks-commercial-obj__img img {
  width: 100%;
}
.ks-commercial-obj__text {
  position: absolute;
  top: 15vw;
  left: 25.78125vw;
  width: 24.21875vw;
  height: 17.8125vw;
  transform: scale(0);
  visibility: hidden;
  transform-origin: left center;
  transition: transform 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (min-width: 481px) {
  .ks-commercial-obj__text {
    top: 72px;
    left: 123.75px;
    width: 116.25px;
    height: 85.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-commercial-obj__text {
    top: -32px;
    left: 119px;
    width: 148px;
    height: 88px;
  }
}
.ks-commercial-obj__text img {
  width: 100%;
}
.ks-commercial-obj.is_show .ks-commercial-obj__text {
  visibility: visible;
  transform: scale(1);
}

@media screen and (max-width: 979px) {
  .ks-product {
    background-color: #EAEAD0;
  }
}
@media screen and (min-width: 980px) {
  .ks-product {
    position: relative;
    margin-top: -62px;
    padding-top: 62px;
  }
}
.ks-product .ks-product-container {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 979px) {
  .ks-product .ks-product-container {
    max-width: 481px;
    margin-left: auto;
    margin-right: auto;
    height: 4940.25px;
    padding-top: 102.75px;
    background-image: url(../img/sp/product_bg.jpg);
    background-size: 100% 4940.25px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product .ks-product-container {
    height: 1029.21875vw;
    padding-top: 21.40625vw;
    background-size: 100% 1029.21875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product .ks-product-container {
    height: 3690px;
    padding-top: 158px;
    background-image: url(../img/pc/product_bg.jpg);
    background-size: 1200px 3690px;
    background-position: center top;
    background-color: #E1E1C7;
  }
}
.ks-product__title {
  position: relative;
  width: 29.375vw;
  height: 7.34375vw;
  margin: 0 auto 11.71875vw;
}
@media screen and (min-width: 481px) {
  .ks-product__title {
    width: 141px;
    height: 35.25px;
    margin: 0 auto 56.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__title {
    width: 198px;
    height: 47px;
    margin: 0 auto 96px;
  }
}
.ks-product__title img {
  position: relative;
  display: block;
  width: 100%;
}
.ks-product__title:before {
  position: absolute;
  top: 5vw;
  left: -3.90625vw;
  display: block;
  content: "";
  width: 0;
  height: 4.6875vw;
  background-image: url(../img/sp/product_title_bg.png);
  background-size: 38.59375vw 4.6875vw;
  opacity: 0;
  transition: width 0.2s 0.2s ease-out, opacity 0.1s 0.2s ease-out;
}
@media screen and (min-width: 481px) {
  .ks-product__title:before {
    top: 24px;
    left: -18.75px;
    height: 22.5px;
    background-size: 185.25px 22.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__title:before {
    top: 30px;
    left: -17px;
    height: 30px;
    background-image: url(../img/pc/product_title_bg.png);
    background-size: 247px 30px;
  }
}
.ks-product__title.is_show:before {
  opacity: 1;
  width: 38.59375vw;
}
@media screen and (min-width: 481px) {
  .ks-product__title.is_show:before {
    width: 185.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__title.is_show:before {
    width: 247px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
  }
}
.ks-product__img-container {
  position: relative;
}
@media screen and (min-width: 980px) {
  .ks-product__img-container {
    width: 50%;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-container--lemon {
    height: 495px;
    margin-bottom: 99px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-container--oi {
    height: 590px;
    margin-bottom: 59px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-container--koi {
    height: 776px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-container--moto {
    height: 675px;
    margin-bottom: 78px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-container--tanrei {
    height: 536px;
    margin-bottom: 57px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-container--koiuma {
    width: 100%;
    height: 594px;
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img-container--nigori {
    height: 536px;
    margin-bottom: 57px;
  }
}
.ks-product__img img {
  width: 100%;
}
.ks-product__img--oi {
  position: relative;
  width: 72.8125vw;
  margin: 0 0 10.15625vw 14.0625vw;
}
@media screen and (min-width: 481px) {
  .ks-product__img--oi {
    width: 349.5px;
    margin: 0 0 48.75px 67.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--oi {
    width: 373px;
    margin: 0 0 0 28px;
  }
}
.ks-product__img--lemon {
  width: 67.34375vw;
  margin: 0 0 9.375vw 17.03125vw;
}
@media screen and (min-width: 481px) {
  .ks-product__img--lemon {
    width: 323.25px;
    margin: 0 0 45px 81.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--lemon {
    position: relative;
    width: 359px;
    margin: 0 0 0 84px;
  }
}
.ks-product__img--gyo {
  width: 67.34375vw;
  margin: 0 0 20vw 16.71875vw;
}
@media screen and (min-width: 481px) {
  .ks-product__img--gyo {
    width: 323.25px;
    margin: 0 0 96px 80.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--gyo {
    width: 371px;
    margin: 0 0 0 63px;
  }
}
.ks-product__img--moto {
  position: relative;
  width: 72.96875vw;
  margin: 0 0 11.40625vw 13.75vw;
  pointer-events: none;
}
@media screen and (min-width: 481px) {
  .ks-product__img--moto {
    width: 350.25px;
    margin: 0 0 54.75px 66px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--moto {
    width: 358px;
    margin: 0 0 0 80px;
  }
}
.ks-product__img--koi {
  position: relative;
  width: 68.90625vw;
  margin: 0 0 10.78125vw 15.15625vw;
  pointer-events: none;
}
@media screen and (min-width: 481px) {
  .ks-product__img--koi {
    width: 330.75px;
    margin: 0 0 51.75px 72.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--koi {
    width: 380px;
    margin: 0 0 0 63px;
  }
}
.ks-product__img--tanrei {
  position: relative;
  width: 67.34375vw;
  margin: 0 0 12.03125vw 18.4375vw;
  pointer-events: none;
}
@media screen and (min-width: 481px) {
  .ks-product__img--tanrei {
    width: 323.25px;
    margin: 0 0 57.75px 88.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--tanrei {
    width: 359px;
    margin: 0 0 0 47px;
  }
}
.ks-product__img--koiuma {
  position: relative;
  width: 67.34375vw;
  margin: 0 0 10vw 18.28125vw;
  pointer-events: none;
}
@media screen and (min-width: 481px) {
  .ks-product__img--koiuma {
    width: 323.25px;
    margin: 0 0 48px 87.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--koiuma {
    width: 359px;
    margin: 0 0 0 84px;
  }
}
.ks-product__img--nigori {
  position: relative;
  width: 67.34375vw;
  margin: 0 0 11.25vw 18.4375vw;
  pointer-events: none;
}
@media screen and (min-width: 481px) {
  .ks-product__img--nigori {
    width: 323.25px;
    margin: 0 0 54px 88.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__img--nigori {
    width: 359px;
    margin: 0 0 0 84px;
  }
}
.ks-product__obj {
  position: absolute;
  transform: scale(0);
  visibility: hidden;
  transition: transform 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin: 0;
}
.ks-product__obj img {
  width: 100%;
}
@media screen and (max-width: 979px) {
  .ks-product__obj--gyo {
    top: 218.25px;
    right: 54.75px;
    width: 138px;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__obj--gyo {
    top: 45.46875vw;
    right: 11.40625vw;
    width: 28.75vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__obj--gyo {
    top: 234px;
    left: 235px;
    width: 243px;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__obj--tanrei {
    top: 62.25px;
    left: 77.25px;
    width: 86.25px;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__obj--tanrei {
    top: 12.96875vw;
    left: 16.09375vw;
    width: 17.96875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__obj--tanrei {
    top: 46px;
    left: 26px;
    width: 110px;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__obj--nigori {
    top: 63px;
    left: 74.25px;
    width: 86.25px;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__obj--nigori {
    top: 13.125vw;
    left: 15.46875vw;
    width: 17.96875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__obj--nigori {
    top: 46px;
    left: 61px;
    width: 110px;
  }
}
.ks-product__img-container.is_show .ks-product__obj {
  visibility: visible;
  transform: scale(1);
}
@media screen and (max-width: 979px) {
  .ks-product__text {
    position: absolute;
    margin: 0;
    transform: scale(0);
    visibility: hidden;
    transition: transform 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
}
@media screen and (min-width: 980px) {
  .ks-product__text {
    position: absolute;
    transform: scale(0);
    visibility: hidden;
    transition: transform 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    margin: 0;
  }
}
.ks-product__text img {
  width: 100%;
}
@media screen and (max-width: 979px) {
  .ks-product__text--koi {
    top: 168.75px;
    right: 66.75px;
    width: 33px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__text--koi {
    top: 35.15625vw;
    right: 13.90625vw;
    width: 6.875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__text--koi {
    top: 197px;
    left: 409px;
    width: 42px;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__text--moto {
    top: 154.5px;
    right: 67.5px;
    width: 33px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__text--moto {
    top: 32.1875vw;
    right: 14.0625vw;
    width: 6.875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__text--moto {
    top: 203px;
    left: 413px;
    width: 41px;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__text--nigori {
    top: 176.25px;
    left: 90.75px;
    width: 32.25px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__text--nigori {
    top: 36.71875vw;
    left: 18.90625vw;
    width: 6.71875vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__text--nigori {
    top: 181px;
    left: 76px;
    width: 38px;
  }
}
.ks-product__img-container.is_show .ks-product__text {
  visibility: visible;
  transform: scale(1);
}
.ks-product__link {
  position: absolute;
  margin: 0;
  cursor: pointer;
}
.ks-product__link img {
  width: 100%;
}
@media (hover: hover) {
  .ks-product__link:hover img {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .ks-product__link:active img {
    opacity: 0.7;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__link--oi {
    top: 342.75px;
    left: 130.5px;
    width: 219.75px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__link--oi {
    top: 71.40625vw;
    left: 27.1875vw;
    width: 45.78125vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__link--oi {
    top: 365px;
    left: 90px;
    width: 235px;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__link--koi {
    top: 459.75px;
    left: 76.5px;
    width: 283.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__link--koi {
    top: 95.78125vw;
    left: 15.9375vw;
    width: 59.0625vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__link--koi {
    top: 532px;
    left: 105px;
    width: 277px;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__link--moto {
    top: 100.5px;
    left: 79.5px;
    width: 139.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__link--moto {
    top: 20.9375vw;
    left: 16.5625vw;
    width: 29.0625vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__link--moto {
    top: 170px;
    left: 7px;
    width: 155px;
  }
}
@media screen and (max-width: 979px) {
  .ks-product__link--koiuma {
    top: 327.75px;
    left: 143.25px;
    width: 205.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product__link--koiuma {
    top: 68.28125vw;
    left: 29.84375vw;
    width: 42.8125vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product__link--koiuma {
    top: 378px;
    left: 136px;
    width: 235px;
  }
}

.ks-product-obj {
  position: absolute;
}
@media screen and (max-width: 979px) {
  .ks-product-obj {
    bottom: 99px;
    right: 55.5px;
    width: 137.25px;
    height: 137.25px;
  }
}
@media screen and (max-width: 480px) {
  .ks-product-obj {
    bottom: 20.625vw;
    right: 11.5625vw;
    width: 28.59375vw;
    height: 28.59375vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-product-obj {
    top: 90px;
    right: 40px;
  }
}
.ks-product-obj__img {
  width: 28.59375vw;
}
@media screen and (min-width: 481px) {
  .ks-product-obj__img {
    width: 137.25px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product-obj__img {
    width: 178px;
  }
}
.ks-product-obj__img img {
  width: 100%;
}
.ks-product-obj__text {
  position: absolute;
  top: -11.71875vw;
  left: -28.75vw;
  width: 37.03125vw;
  transform: scale(0);
  visibility: hidden;
  transform-origin: right bottom;
  transition: transform 0.5s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media screen and (min-width: 481px) {
  .ks-product-obj__text {
    top: -56.25px;
    left: -138px;
    width: 177.75px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product-obj__text {
    top: -15px;
    left: -182px;
    width: 211px;
  }
}
.ks-product-obj__text img {
  width: 100%;
}
.ks-product-obj.is_show .ks-product-obj__text {
  visibility: visible;
  transform: scale(1);
}

.ks-product-kodawari {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  background-size: 100%;
  border-radius: 1.5625vw;
}
@media screen and (min-width: 481px) {
  .ks-product-kodawari {
    width: 480px;
    border-radius: 7.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-product-kodawari {
    width: 600px;
    background-size: 100%;
    overflow: hidden;
  }
}
.ks-product-kodawari img {
  width: 100%;
}

.ks-ura {
  position: relative;
  margin-top: -62px;
  padding-top: 62px;
}
.ks-ura__outer {
  position: relative;
  box-sizing: border-box;
  background-color: #FFEF00;
  padding-top: 54px;
  padding-bottom: 90px;
}
.ks-ura__wrapper {
  width: 960px;
  margin: 0 auto;
}
.ks-ura__title {
  position: relative;
  width: 340px;
  margin: 0 auto 97px;
}
.ks-ura__title img {
  position: relative;
  width: 100%;
}
.ks-ura__title:before {
  position: absolute;
  top: 70px;
  left: -14px;
  display: block;
  content: "";
  width: 0;
  height: 26px;
  background-image: url(../img/pc/ura_title_bg.png);
  background-size: 384px 26px;
  opacity: 0;
  transition: width 0.2s 0.2s ease-out, opacity 0.1s 0.2s ease-out;
}
.ks-ura__title.is_show:before {
  opacity: 1;
  width: 384px;
}
.ks-ura__container {
  display: flex;
  width: 784px;
  margin-left: auto;
  margin-right: auto;
}
.ks-ura__container + .ks-ura__container {
  margin-top: 47px;
}
.ks-ura__new {
  position: absolute;
  top: -26px;
  left: -22px;
  width: 62px;
  height: 62px;
  background-image: url(../img/pc/ura_cm_new_bg.png);
  background-size: 99%;
}
.ks-ura__cm {
  position: relative;
  width: 362px;
  cursor: pointer;
}
.ks-ura__cm + .ks-ura__cm {
  margin-left: 60px;
}
.ks-ura__cm img {
  width: 100%;
}
@media (hover: hover) {
  .ks-ura__cm:hover {
    background-color: #fff;
  }
  .ks-ura__cm:hover img {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .ks-ura__cm:active {
    background-color: #fff;
  }
  .ks-ura__cm:active img {
    opacity: 0.7;
  }
}
.ks-ura__cm:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 58px;
  height: 58px;
  transform: translate(-29px, -29px);
  background-image: url(../img/pc/commercial_play.png);
  background-size: 58px 58px;
}

.ks-ura-obj {
  position: relative;
}
.ks-ura-obj__img {
  position: absolute;
  top: -26px;
  right: -22px;
  width: 178px;
}
.ks-ura-obj__img img {
  width: 100%;
}
.ks-ura-obj__text {
  position: absolute;
  top: -6px;
  right: 111px;
  width: 107px;
  height: 80px;
  transform: scale(0);
  visibility: hidden;
  transform-origin: right bottom;
  transition: transform 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.ks-ura-obj__text img {
  width: 100%;
}
.ks-ura-obj.is_show .ks-ura-obj__text {
  visibility: visible;
  transform: scale(1);
}

.ks-footer {
  box-sizing: border-box;
  width: 100%;
  height: 166.40625vw;
  padding-top: 7.8125vw;
  background-color: #ffed00;
}
@media screen and (min-width: 481px) {
  .ks-footer {
    height: 798.75px;
    padding-top: 37.5px;
  }
}
@media screen and (min-width: 980px) {
  .ks-footer {
    height: 395px;
    padding-top: 44px;
  }
}
.ks-footer__top {
  width: 13.75vw;
  margin: 0 auto 6.875vw;
}
@media screen and (min-width: 481px) {
  .ks-footer__top {
    width: 66px;
    margin: 0 auto 33px;
  }
}
@media screen and (min-width: 980px) {
  .ks-footer__top {
    width: 63px;
    margin: 0 auto 25px;
  }
}
.ks-footer__top img {
  width: 100%;
}
@media screen and (max-width: 979px) {
  .ks-footer__container {
    display: flex;
    width: 450px;
    margin: 0 auto;
    justify-content: space-between;
  }
}
@media screen and (max-width: 480px) {
  .ks-footer__container {
    width: 93.75vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-footer__container {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 979px) {
  .ks-footer__banner {
    height: 145.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-footer__banner {
    height: 30.3125vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-footer__banner {
    width: 298px;
    margin: 0 50px;
  }
}
@media screen and (max-width: 979px) {
  .ks-footer__banner img {
    height: 100%;
  }
}
@media screen and (min-width: 980px) {
  .ks-footer__banner img {
    width: 100%;
  }
}
@media (hover: hover) {
  .ks-footer__banner:hover {
    background-color: #fff;
  }
  .ks-footer__banner:hover img {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .ks-footer__banner:active {
    background-color: #fff;
  }
  .ks-footer__banner:active img {
    opacity: 0.7;
  }
}
@media screen and (max-width: 979px) {
  .ks-footer .ks-footer-nav {
    width: 376.5px;
    margin: 0 auto 129px;
    padding: 0;
    list-style: none;
  }
  .ks-footer .ks-footer-nav .ks-footer-nav-item {
    position: relative;
    width: 376.5px;
    height: 57.75px;
    margin: 0 0 28.5px;
  }
  .ks-footer .ks-footer-nav .ks-footer-nav-item img {
    width: 100%;
  }
  .ks-footer .ks-footer-nav .ks-footer-nav-item img.is_new {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 61.5px;
  }
}
@media screen and (max-width: 480px) {
  .ks-footer .ks-footer-nav {
    width: 78.4375vw;
    margin: 0 auto 26.875vw;
  }
  .ks-footer .ks-footer-nav .ks-footer-nav-item {
    width: 78.4375vw;
    height: 12.03125vw;
    margin: 0 0 5.9375vw;
  }
  .ks-footer .ks-footer-nav .ks-footer-nav-item img.is_new {
    top: -3.125vw;
    left: -3.125vw;
    width: 12.8125vw;
  }
}
@media screen and (min-width: 980px) {
  .ks-footer .ks-footer-nav {
    display: none;
  }
}

.ks-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s, visibility 0.5s;
  z-index: 10;
}
.ks-banner.is_show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .ks-banner {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .ks-banner {
    right: 0;
    bottom: 30px;
    z-index: 10;
  }
}

.ks-banner-main {
  position: relative;
  left: 0;
}
.ks-banner-main.is-takohi {
  background-color: #37bdf0;
}
.ks-banner-main.is-ochasour {
  background-color: #6fb152;
}
@media screen and (max-width: 768px) {
  .ks-banner-main {
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  .ks-banner-main {
    transition: 0.4s;
    left: auto;
    right: -10px;
    cursor: pointer;
  }
  .ks-banner-main:hover {
    right: 0;
  }
}
.ks-banner-main + .ks-banner-main {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .ks-banner-main + .ks-banner-main {
    margin-top: 40px;
  }
}

.ks-banner-link {
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
}
@media screen and (min-width: 769px) {
  .ks-banner-link {
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .ks-banner-link.is-link1 .ks-banner-txt {
    padding-left: 10vw;
  }
  .ks-banner-link.is-link2 .ks-banner-txt {
    padding-right: 10vw;
  }
  .ks-banner-link.is-link2 .ks-banner-pkg {
    left: auto;
    right: 3vw;
  }
}

.ks-banner-pkg {
  position: absolute;
  width: 9vw;
  top: 50%;
  left: 3vw;
  transform: translate(0, -50%);
  z-index: 2;
}
.ks-banner-pkg img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 769px) {
  .ks-banner-pkg {
    width: 57px;
    left: -20px;
  }
}

.ks-banner-txt {
  position: relative;
  box-sizing: content-box;
  padding: 3vw 0;
  width: 100%;
  height: 7.4vw;
  text-align: center;
}
.ks-banner-txt img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .ks-banner-txt {
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .ks-banner-txt {
    padding: 15px 0;
    padding-left: 50px;
    padding-right: 25px;
    width: 140px;
    height: 50px;
  }
}