/*
* Project Name: SUNOCS
* Site URI: http://sunocs.co.jp
* Description: SUNOCS style
* Version: 1.0.0
* Author: SUNOCS Ink.
* CSS: base.css
*/

/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */

/* Display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section,
 summary {
   /* 1 */
   display: block;
 }
 
 /**
  * Add the correct display in IE 9-.
  */
 
 audio,
 canvas,
 progress,
 video {
   display: inline-block;
 }
 
 /**
  * Add the correct display in iOS 4-7.
  */
 
 audio:not([controls]) {
   display: none;
   height: 0;
 }
 
 /**
  * Add the correct display in IE 10-.
  * 1. Add the correct display in IE.
  */
 
 template,
 [hidden] {
   display: none;
 }
 
 /* Elements of HTML (https://www.w3.org/TR/html5/semantics.html)
    ========================================================================== */
 
 /**
  * 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. Add a flattened line height in all browsers (opinionated).
  * 4. Prevent font size adjustments after orientation changes in IE and iOS.
  */
 
 html {
   box-sizing: border-box;
   /* 1 */
   cursor: default;
   /* 2 */
   font-family: sans-serif;
   /* 3 */
   line-height: 1.5;
   /* 3 */
   -ms-text-size-adjust: 100%;
   /* 4 */
   -webkit-text-size-adjust: 100%;
   /* 4 */
 }
 
 /* Sections (https://www.w3.org/TR/html5/sections.html)
    ========================================================================== */
 
 /**
  * Remove the margin in all browsers (opinionated).
  */
 
 body {
   margin: 0;
 }
 
 /**
  * Correct the font sizes and margins on `h1` elements within
  * `section` and `article` contexts in Chrome, Firefox, and Safari.
  */
 
 h1 {
   font-size: 2em;
   margin: .67em 0;
 }
 
 /* Grouping content (https://www.w3.org/TR/html5/grouping-content.html)
    ========================================================================== */
 
 /**
  * 1. Correct font sizing inheritance and scaling in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
 
 code,
 kbd,
 pre,
 samp {
   font-family: monospace, monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
 }
 
 /**
  * 1. Correct the height in Firefox.
  * 2. Add visible overflow in Edge and IE.
  */
 
 hr {
   height: 0;
   /* 1 */
   overflow: visible;
   /* 2 */
 }
 
 /**
  * Remove the list style on navigation lists in all browsers (opinionated).
  */
 
 nav ol,
 nav ul {
   list-style: none;
 }
 
 /* Text-level semantics
    ========================================================================== */
 
 /**
  * 1. Add a bordered underline effect in all browsers.
  * 2. Remove text decoration in Firefox 40+.
  */
 
 abbr[title] {
   border-bottom: 1px dotted;
   /* 1 */
   text-decoration: none;
   /* 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;
 }
 
 /**
  * Add the correct font style in Android 4.3-.
  */
 
 dfn {
   font-style: italic;
 }
 
 /**
  * Add the correct colors in IE 9-.
  */
 
 mark {
   background-color: #ffff00;
   color: #000000;
 }
 
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 
 progress {
   vertical-align: baseline;
 }
 
 /**
  * Correct the font size in all browsers.
  */
 
 small {
   font-size: 83.3333%;
 }
 
 /**
  * Change the positioning on superscript and subscript elements
  * in all browsers (opinionated).
  * 1. Correct the font size in all browsers.
  */
 
 sub,
 sup {
   font-size: 83.3333%;
   /* 1 */
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -.25em;
 }
 
 sup {
   top: -.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://www.w3.org/TR/html5/embedded-content-0.html)
    ========================================================================== */
 
 /*
  * Change the alignment on media elements in all browers (opinionated).
  */
 
 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
   vertical-align: middle;
 }
 
 /**
  * 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;
 }
 
 /* Links (https://www.w3.org/TR/html5/links.html#links)
    ========================================================================== */
 
 /**
  * 1. Remove the gray background on active links in IE 10.
  * 2. Remove the gaps in underlines in iOS 8+ and Safari 8+.
  */
 
 a {
   background-color: transparent;
   /* 1 */
   -webkit-text-decoration-skip: objects;
   /* 2 */
 }
 
 /**
  * Remove the outline when hovering in all browsers (opinionated).
  */
 
 a:hover {
   outline-width: 0;
 }
 
 /* Tabular data (https://www.w3.org/TR/html5/tabular-data.html)
    ========================================================================== */
 
 /*
  * Remove border spacing in all browsers (opinionated).
  */
 
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 
 /* transform-style:  (https://www.w3.org/TR/html5/forms.html)
    ========================================================================== */
 
 /**
  * 1. Remove the default styling in all browsers (opinionated).
  * 2. Remove the margin in Firefox and Safari.
  */
 
 button,
 input,
 select,
 textarea {
   background-color: transparent;
   /* 1 */
   border-style: none;
   /* 1 */
   color: inherit;
   /* 1 */
   font-size: 1em;
   /* 1 */
   margin: 0;
   /* 2 */
 }
 
 /**
  * Correct the overflow in IE.
  * 1. Correct the overflow in Edge.
  */
 
 button,
 input {
   /* 1 */
   overflow: visible;
 }
 
 /**
  * Remove the inheritance in Edge, Firefox, and IE.
  * 1. Remove the inheritance in Firefox.
  */
 
 button,
 select {
   /* 1 */
   text-transform: none;
 }
 
 /**
  * 1. Prevent the 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.
  */
 
 ::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
 
 /**
  * Correct the focus styles unset by the previous rule.
  */
 
 :-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
 /**
  * Correct the border, margin, and padding in all browsers.
  */
 
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: .35em .625em .75em;
 }
 
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
 
 legend {
   display: table;
   /* 1 */
   max-width: 100%;
   /* 1 */
   padding: 0;
   /* 2 */
   white-space: normal;
   /* 1 */
 }
 
 /**
  * 1. Remove the vertical scrollbar in IE.
  * 2. Change the resize direction on textareas in all browsers (opinionated).
  */
 
 textarea {
   overflow: auto;
   /* 1 */
   resize: vertical;
   /* 2 */
 }
 
 /**
  * Remove the padding in IE 10-.
  */
 
 [type="checkbox"],
 [type="radio"] {
   padding: 0;
 }
 
 /**
  * Correct the cursor style on increment and decrement buttons in Chrome.
  */
 
 ::-webkit-inner-spin-button,
 ::-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 for OS X.
  */
 
 ::-webkit-search-cancel-button,
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 /**
  * Correct the text style on placeholders in Chrome, Edge, and Safari.
  */
 
 ::-webkit-input-placeholder {
   color: inherit;
   opacity: .54;
 }
 
 /**
  * 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 */
 }
 
 /* WAI-ARIA (https://www.w3.org/TR/html5/dom.html#wai-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 cursor on disabled, not-editable, or otherwise
  * inoperable elements (opinionated).
  */
 
 [aria-disabled] {
   cursor: default;
 }
 
 /* User interaction (https://www.w3.org/TR/html5/editing.html)
    ========================================================================== */
 
 /*
  * Remove the tapping delay on clickable elements (opinionated).
  * 1. Remove the tapping delay in IE 10.
  */
 
 a,
 area,
 button,
 input,
 label,
 select,
 textarea,
 [tabindex] {
   /* 1 */
   touch-action: manipulation;
 }
 
 /*
  * Change the display on visually hidden accessible elements (opinionated).
  */
 
 [hidden][aria-hidden="false"] {
   clip: rect(0, 0, 0, 0);
   display: inherit;
   position: absolute;
 }
 
 [hidden][aria-hidden="false"]:focus {
   clip: auto;
 }
 
 /* base.css */
 
 * {
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 ::-moz-selection {
   background-color: #00003c;
   color: #fff;
 }
 
 ::selection {
   background-color: #00003c;
   color: #fff;
 }
 
 html,
 body {
   min-width: 1200px;
   overflow: hidden;
   font-feature-settings: "palt" 1;
 }
 
 html {
   overflow: auto;
   background: #fff;
   font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', "Yu Gothic" , Meiryo, sans-serif;
 }
 
 body {
   position: relative;
   text-align: center;
   -webkit-text-size-adjust: 100%;
 }
 
 a {
   text-decoration: none;
   transition: all .3s;
   color: #282828;
 }
 
 a:focus {
   outline: none;
 }
 
 a[href^="javascript:void(0)"] {
   cursor: default;
 }
 
 ul {
   padding-left: 0;
 }
 
 li {
   list-style-type: none;
 }
 
 em {
   font-style: normal;
 }
 
 dl,
 dt,
 dd {
   margin: 0;
   padding: 0;
 }
 
 input {
   font-family: "Noto Sans JP", "Yu Gothic", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 }
 
 img {
   line-height: 1;
 }
 
 .pc {
   display: block;
 }
 
 .md {
   display: none;
 }
 
 .sp {
   display: none;
 }
 
 @font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 100;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format("opentype");
 }
 
 @font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format("opentype");
 }
 
 @font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
 }
 
 @font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
 }
 
 @font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
 }
 
 @font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format("opentype");
 }
 
 /**
  * Swiper 3.4.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  *
  * http://www.idangero.us/swiper/
  *
  * Copyright 2016, Vladimir Kharlampidi
  * The iDangero.us
  * http://www.idangero.us/
  *
  * Licensed under MIT
  *
  * Released on: October 16, 2016
  */
 
 .swiper-container {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   z-index: 1;
 }
 
 .swiper-container-no-flexbox .swiper-slide {
   float: left;
 }
 
 .swiper-container-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-container-android .swiper-slide,
 .swiper-wrapper {
   transform: translate3d(0, 0, 0);
 }
 
 .swiper-container-multirow > .swiper-wrapper {
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   flex-wrap: wrap;
 }
 
 .swiper-container-free-mode > .swiper-wrapper {
   transition-timing-function: ease-out;
   margin: 0 auto;
 }
 
 .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
 }
 
 .swiper-container-autoheight,
 .swiper-container-autoheight .swiper-slide {
   height: auto;
 }
 
 .swiper-container-autoheight .swiper-wrapper {
   align-items: flex-start;
   transition-property: transform, height;
 }
 
 .swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000;
 }
 
 .swiper-wp8-horizontal {
   touch-action: pan-y;
 }
 
 .swiper-wp8-vertical {
   touch-action: pan-x;
 }
 
 .swiper-button-next,
 .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none;
 }
 
 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto;
 }
 
 .swiper-button-prev.swiper-button-black,
 .swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 }
 
 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 }
 
 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto;
 }
 
 .swiper-button-next.swiper-button-black,
 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
 }
 
 .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
 }
 
 .swiper-pagination {
   position: absolute;
   text-align: center;
   transition: .3s;
   transform: translate3d(0, 0, 0);
   z-index: 10;
 }
 
 .swiper-pagination.swiper-pagination-hidden {
   opacity: 0;
 }
 
 .swiper-container-horizontal > .swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%;
 }
 
 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
   border-radius: 100%;
   background: #666;
   opacity: 1;
 }
 
 button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   appearance: none;
 }
 
 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
 }
 
 .swiper-pagination-white .swiper-pagination-bullet {
   background: #fff;
 }
 
 .swiper-pagination-bullet-active {
   opacity: 1;
   background: #000;
 }
 
 .swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff;
 }
 
 .swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000;
 }
 
 .swiper-container-vertical > .swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   transform: translate3d(0, -50%, 0);
 }
 
 .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 5px 0;
   display: block;
 }
 
 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 5px;
 }
 
 .swiper-pagination-progress {
   background: rgba(0, 0, 0, 0.25);
   position: absolute;
 }
 
 .swiper-pagination-progress .swiper-pagination-progressbar {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transform: scale(0);
   transform-origin: left top;
 }
 
 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
   transform-origin: right top;
 }
 
 .swiper-container-horizontal > .swiper-pagination-progress {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0;
 }
 
 .swiper-container-vertical > .swiper-pagination-progress {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0;
 }
 
 .swiper-pagination-progress.swiper-pagination-white {
   background: rgba(255, 255, 255, 0.5);
 }
 
 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
   background: #fff;
 }
 
 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
   background: #000;
 }
 
 .swiper-container-3d {
   -o-perspective: 1200px;
   perspective: 1200px;
 }
 
 .swiper-container-3d .swiper-cube-shadow,
 .swiper-container-3d .swiper-slide,
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-wrapper {
   transform-style: preserve-3d;
 }
 
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10;
 }
 
 .swiper-container-3d .swiper-slide-shadow-left {
   background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }
 
 .swiper-container-3d .swiper-slide-shadow-right {
   background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }
 
 .swiper-container-3d .swiper-slide-shadow-top {
   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }
 
 .swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 }
 
 .swiper-container-coverflow .swiper-wrapper,
 .swiper-container-flip .swiper-wrapper {
   -ms-perspective: 1200px;
 }
 
 .swiper-container-cube,
 .swiper-container-flip {
   overflow: visible;
 }
 
 .swiper-container-cube .swiper-slide,
 .swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1;
 }
 
 .swiper-container-cube .swiper-slide .swiper-slide,
 .swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none;
 }
 
 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-active .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }
 
 .swiper-container-cube .swiper-slide-shadow-bottom,
 .swiper-container-cube .swiper-slide-shadow-left,
 .swiper-container-cube .swiper-slide-shadow-right,
 .swiper-container-cube .swiper-slide-shadow-top,
 .swiper-container-flip .swiper-slide-shadow-bottom,
 .swiper-container-flip .swiper-slide-shadow-left,
 .swiper-container-flip .swiper-slide-shadow-right,
 .swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
 .swiper-container-cube .swiper-slide {
   visibility: hidden;
   transform-origin: 0 0;
   width: 100%;
   height: 100%;
 }
 
 .swiper-container-cube.swiper-container-rtl .swiper-slide {
   transform-origin: 100% 0;
 }
 
 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-next,
 .swiper-container-cube .swiper-slide-next + .swiper-slide,
 .swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible;
 }
 
 .swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .6;
   -webkit-filter: blur(50px);
   filter: blur(50px);
   z-index: 0;
 }
 
 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
   transition-timing-function: ease-out;
 }
 
 .swiper-container-fade .swiper-slide {
   pointer-events: none;
   transition-property: opacity;
 }
 
 .swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none;
 }
 
 .swiper-container-fade .swiper-slide-active,
 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto;
 }
 
 .swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
 }
 
 .swiper-zoom-container > canvas,
 .swiper-zoom-container > img,
 .swiper-zoom-container > svg {
   max-width: 100%;
   max-height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
 }
 
 .swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .swiper-container-horizontal > .swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%;
 }
 
 .swiper-container-vertical > .swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%;
 }
 
 .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, 0.5);
   border-radius: 10px;
   left: 0;
   top: 0;
 }
 
 .swiper-scrollbar-cursor-drag {
   cursor: move;
 }
 
 .swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   transform-origin: 50%;
   -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   animation: swiper-preloader-spin 1s steps(12, end) infinite;
 }
 
 .swiper-lazy-preloader:after {
   display: block;
   content: "";
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   background-size: 100%;
   background-repeat: no-repeat;
 }
 
 .swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
 
 @-webkit-keyframes swiper-preloader-spin {
   100% {
     -webkit-transform: rotate(360deg);
   }
 }
 
 @keyframes swiper-preloader-spin {
   100% {
     transform: rotate(360deg);
   }
 }
 
 /* =========================================================
 Override Setting
 ========================================================= */
 
 .swiper-container {
   width: 100%;
   height: 100%;
   margin: 0 0 10px;
   padding: 0 0 40px;
   background-color: #FFF;
 }
 
 .swiper-slide {
   text-align: center;
   font-size: 18px;
   width: 800px;
   max-height: 720px;
   border-radius: 10px;
   /* Center slide text vertically */
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .swiper-slide.slide04 {
   background-color: #a6c7e8;
 }
 
 .swiper-slide a {
   display: block;
   width: 100%;
 }

 
 .swiper-slide img {
   width: 100%;
   min-width: 800px;
 }
 
 .swiper-button-next-mv,
 .swiper-button-prev-mv {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 50px;
   height: 50px;
   margin-top: -25px;
   z-index: 10;
   cursor: pointer;
   background-position: center;
   transition: all .3s;
 }
 
 .swiper-button-next-mv:hover,
 .swiper-button-prev-mv:hover {
   background-color: none;
 }
 
 .swiper-button-next-mv {
   margin-left: 425px;
 }
 
 .swiper-button-prev-mv {
   margin-left: -475px;
   transform: rotate(180deg);
 }
 
 /* =========================================================
 header
 ========================================================= */
 
 .header {
   width: 100%;
   margin: 0;
   padding: 0;
   z-index: 10;
   position: relative;
   background-color: rgba(255, 255, 255, 0.83);
 }
 
 .header__inner {
   width: 1200px;
   margin: 0 auto;
 }
 
 .header__siteid {
   width: 450px;
   text-align: left;
   float: left;
   margin-top: 43px;
   line-height: 1;
 }
 
 .header__siteid .logo {
   width: 186px;
   height: 36px;
 }
 
 .header__siteid .logo img {
   vertical-align: top;
 }
 
 .header__hamburger-menu {
   width: 750px;
   float: right;
 }
 
 .header__hamburger-menu.is-active {
   display: block;
 }
 
 .header__menu {
   width: 750px;
 }
 
 .hamburger-menu {
   display: none;
   background: transparent;
   position: relative;
   cursor: pointer;
   transition: all .4s;
 }
 
 .hamburger-menu span {
   display: inline-block;
   position: absolute;
   left: 10px;
   background-color: #000;
   transition: all .4s;
   border-radius: 2px;
 }
 
 .hamburger-menu.is-active span:nth-of-type(1) {
   transform: translateY(12px) rotate(-45deg);
 }
 
 .hamburger-menu.is-active span:nth-of-type(2) {
   opacity: 0;
 }
 
 .hamburger-menu.is-active span:nth-of-type(3) {
   transform: translateY(-12px) rotate(45deg);
 }
 
 .language {
   margin: 0;
   padding: 0;
   float: right;
   font-size: 100%;
 }
 
 .language__list {
   margin: 0;
   padding: 0;
 }
 
 .language__item {
   float: left;
 }
 
 .language__item + .language__item {
   margin-left: 1px;
 }
 
 .language__item a {
   display: block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   color: #fff;
   background: #282828;
 }
 
 .language__item a[href^="javascript:void(0)"] {
   background-color: #137ff8;
 }
 
 .lang-jp,
 .lang-en,
 .lang-kr {
   font-family: 'PT Sans', sans-serif;
   font-weight: 700;
 }
 
 .utility {
   margin: 0;
   padding: 0;
   float: right;
   font-size: 75%;
 }
 
 .utility__list {
   margin: 0;
   padding: 0;
 }
 
 .utility__item {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   padding: 0 20px;
 }
 
 .utility__item + .utility__item {
   border-left: solid 1px #3b3b3b;
 }
 
 /* =========================================================
 Footer
 ========================================================= */
 
 .footer {
   width: 100%;
   margin: 0;
   padding: 0;
   position: relative;
   background: #282828;
   color: #ffffff;
   text-align: center;
 }
 
 /* =========================================================
 BacktoTop
 ========================================================= */
 
 .backtoTop {
   margin: 0 auto;
   padding: 15px 0;
   width: 100%;
   cursor: pointer;
   background-color: #3b3b3b;
 }
 
 .backtoTop i {
   display: inline-block;
   color: #ffffff;
   font-size: 200%;
 }
 
 /* =========================================================
 copyright
 ========================================================= */
 
 .copyright p {
   margin: 0 auto;
   padding: 30px 0;
   width: 1200px;
   font-size: 88%;
 }
 
 /* =========================================================
 Global Navigation
 ========================================================= */
 
 .gnavi {
   width: 922px;
   height: 80px;
   float: right;
   position: relative;
 }
 
 .gnavi__list {
   width: 922px;
   margin: 0;
   padding: 0;
   height: 80px;
   overflow: hidden;
   position: relative;
 }
 
 .gnavi__item {
   font-size: 132%;
   height: 240px;
   position: absolute;
   top: -80px;
   left: 0;
 }
 
 .gnavi__item:nth-of-type(1) {
   left: 40px;
   z-index: 70;
 }
 
 .gnavi__item:nth-of-type(2) {
   left: 211px;
   z-index: 60;
 }
 
 .gnavi__item:nth-of-type(3) {
   left: 344px;
   z-index: 50;
 }
 
 .gnavi__item:nth-of-type(4) {
   left: 468px;
   z-index: 40;
 }
 
 .gnavi__item:nth-of-type(5) {
   left: 640px;
   z-index: 30;
 }

 .gnavi__item:nth-of-type(6) {
   left: 795px;
   z-index: 20;
 }
 
 .gnavi__link {
   display: inline-block;
   position: relative;
   height: 100%;
   margin: 0;
   padding: 80px .65em;
   text-align: left;
   transform: rotate(30deg);
 }
 
 .gnavi__link:hover,
 .gnavi__link .is-current {
   background-color: #00003c;
   color: #fff;
 }
 
 .gnavi__link i {
   display: none;
 }
 
 .gnavi__detail {
   transform-origin: center;
   transform: rotate(-30deg);
   margin: 20px 0 0 0;
 }
 
 .gnavi p,
 .gnavi span,
 .gnavi i {
   line-height: 1;
 }
 
 .gnavi p {
   font-family: 'PT Sans', sans-serif;
   font-weight: 700;
   margin: 0;
   padding: 0;
 }
 
 .gnavi span {
   display: block;
   font-size: 11px;
   margin-top: 4px;
 }
 
 .gnavi-btn {
   display: none;
 }
 
 /*
 * Project Name: SUNOCS
 * Site URI: http://sunocs.co.jp
 * Description: SUNOCS style
 * Version: 1.0.0
 * Author: SUNOCS Ink.
 * CSS: ---
 */
 
 /* =========================================================
 #button
 ========================================================= */
 
 .button {
   padding: .75em 1.5em;
   display: inline-block;
   border-radius: 3px;
   line-height: 1;
   cursor: pointer;
   color: #fff;
   background-color: #137ff8;
   font-size: 88%;
 }
 
 .button:hover {
   color: #fff;
 }
 
 .btn--check,
 .btn--submit {
   background: #137ff8;
   color: #fff;
   font-size: 100%;
 }
 
 .btn--correction {
   background: #ccc;
   color: #fff;
   font-size: 100%;
 }
 
 /* =========================================================
 #icon
 ========================================================= */
 
 .icon {
   padding: .5em 1.25em;
   display: inline-block;
   line-height: 1;
   border-radius: 1em;
 }
 
 .icon--required {
   background: #e61f18;
   color: #fff;
   font-size: 63%;
 }
 
 /* =========================================================
 #error
 ========================================================= */
 
 .err {
   text-align: left;
   margin-top: 0;
   color: #e61f18;
 }
 
 .arrow-label > * {
   padding: 0 10px;
   display: inline-block;
   line-height: 40px;
   vertical-align: middle;
   background-color: #DFDED4;
   box-sizing: border-box;
 }
 
 .arrow-label :first-child {
   font-size: 14px;
   color: #fff;
   position: relative;
 }
 
 .arrow-label :first-child::after {
   content: "";
   position: absolute;
   margin-top: 1em;
   border-top: 0.5em solid transparent;
   border-bottom: 0.5em solid transparent;
   border-left: 0.5em solid transparent;
   right: -0.5em;
 }
 
 .arrow-label :last-child {
   padding-left: 15px;
   width: 190px;
   font-size: 15px;
   font-weight: bold;
 }
 
 .arrow-label .orange {
   background-color: #FF832C;
 }
 
 .arrow-label .orange:after {
   border-left-color: #FF832C;
 }
 
 .arrow-label .red {
   background-color: #FF2D16;
 }
 
 .arrow-label .red:after {
   border-left-color: #FF2D16;
 }
 
 .arrow-label .green {
   background-color: #019565;
 }
 
 .arrow-label .green:after {
   border-left-color: #019565;
 }
 
 .arrow-label .blue {
   background-color: #479FD6;
 }
 
 .arrow-label .blue:after {
   border-left-color: #479FD6;
 }
 
 .gnavi__link.is-current {
   background-color: #00003c;
   color: #fff;
   position: relative;
 }
 
 /* =========================================================
 Helper
 ========================================================= */
 
 .format {
   background: none !important;
   margin: 0 !important;
   padding: 0 !important;
   border: none !important;
 }
 
 .noborder {
   border: none !important;
 }
 
 .fsize8 {
   font-size: 50%;
 }
 
 .fsize9 {
   font-size: 56%;
 }
 
 .fsize10 {
   font-size: 63%;
 }
 
 .fsize11 {
   font-size: 69%;
 }
 
 .fsize12 {
   font-size: 75%;
 }
 
 .fsize13 {
   font-size: 82%;
 }
 
 .fsize14 {
   font-size: 88%;
 }
 
 .fsize15 {
   font-size: 94%;
 }
 
 .fsize16 {
   font-size: 100%;
 }
 
 .fsize17 {
   font-size: 107%;
 }
 
 .fsize18 {
   font-size: 113%;
 }
 
 .fsize19 {
   font-size: 119%;
 }
 
 .fsize20 {
   font-size: 125%;
 }
 
 .fsize21 {
   font-size: 132%;
 }
 
 .fsize22 {
   font-size: 138%;
 }
 
 .fsize23 {
   font-size: 144%;
 }
 
 .fsize24 {
   font-size: 150%;
 }
 
 .fsize25 {
   font-size: 157%;
 }
 
 .fsize26 {
   font-size: 163%;
 }
 
 .fsize27 {
   font-size: 168%;
 }
 
 .fsize28 {
   font-size: 175%;
 }
 
 .fsize29 {
   font-size: 181%;
 }
 
 .fsize30 {
   font-size: 187%;
 }
 
 .fsize31 {
   font-size: 194%;
 }
 
 .fsize32 {
   font-size: 200%;
 }
 
 .ml10 {
   margin-left: 10px;
 }
 
 .ml20 {
   margin-left: 20px;
 }
 
 .ml30 {
   margin-left: 30px;
 }
 
 .mt10 {
   margin-top: 10px;
 }
 
 .mt20 {
   margin-top: 20px;
 }
 
 .mt30 {
   margin-top: 30px;
 }
 
 .mr10 {
   margin-right: 10px;
 }
 
 .mr20 {
   margin-right: 20px;
 }
 
 .mr30 {
   margin-right: 30px;
 }
 
 .mb10 {
   margin-bottom: 10px;
 }
 
 .mb20 {
   margin-bottom: 20px;
 }
 
 .mb30 {
   margin-bottom: 30px;
 }
 
 .cf {
   zoom: 1;
 }
 
 .cf:before,
 .cf:after {
   content: "";
   display: table;
 }
 
 .cf:after {
   clear: both;
 }
 
 .container:before,
 .container:after,
 .box:before,
 .box:after,
 article:before,
 article:after,
 header:before,
 header:after,
 footer:before,
 footer:after {
   content: "";
   display: table;
 }
 
 .container:after,
 .box:after,
 article:after,
 header:after,
 footer:after {
   clear: both;
 }
 
 .container,
 .box,
 article,
 header,
 footer {
   zoom: 1;
 }
 
 .textLimit {
   list-style-position: inside;
 }
 
 .textLimit__item {
   width: 320px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 .highlighter--pnk {
   background: linear-gradient(transparent 30%, #fbd 30%);
 }
 
 .highlighter--ylw {
   background: linear-gradient(transparent 30%, #ffb 30%);
 }
 
 .hanging {
   padding-left: 1em !important;
   display: inline-block;
   text-indent: -1em;
 }
 
 @media screen and (min-width: 1200px) {
   a:hover {
     color: #137ff8;
   }
 
   .u-md {
     display: block;
   }
 
   .l-md {
     display: none;
   }
 
   .language__item a:hover {
     background-color: #137ff8;
   }
 
   .lang-jp a:hover,
   .lang-en a:hover,
   .lang-kr a:hover {
     color: #fff;
   }
 
   .button:hover {
     box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25);
   }
 }
 
 @media screen and (max-width: 767px) {
   html,
   body {
     min-width: 100%;
   }
 
   .pc {
     display: none;
   }
 
   .u-md {
     display: none;
   }
 
   .l-md {
     display: block;
   }
 
   .sp {
     display: block;
   }
 
   .header__inner {
     width: 100%;
   }
 
   .header__siteid {
     width: 100%;
     margin: 13px 0;
     float: none;
     text-align: center;
   }
 
   .header__siteid .logo {
     width: 124px;
     height: 24px;
   }
 
   .header__hamburger-menu {
     width: 100%;
     float: none;
     position: absolute;
     background: rgba(255, 255, 255, 0.9);
     border-top: solid 1px #ccc;
     z-index: -1;
     box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
     visibility: hidden;
     margin-top: -20px;
     opacity: 0;
     transition: all .5s;
   }
 
   .header__hamburger-menu.is-active {
     z-index: 10000;
     margin-top: 0;
     opacity: 1;
     visibility: visible;
   }
 
   .header__menu {
     width: 100%;
   }
 
   .hamburger-menu {
     display: inline-block;
     position: absolute;
     width: 60px;
     height: 40px;
     top: 5px;
     right: 5px;
   }
 
   .hamburger-menu span {
     width: 40px;
     height: 6px;
   }
 
   .hamburger-menu span:nth-of-type(1) {
     top: 5px;
   }
 
   .hamburger-menu span:nth-of-type(2) {
     top: 17px;
   }
 
   .hamburger-menu span:nth-of-type(3) {
     bottom: 5px;
   }
 
   .language {
     float: none;
   }
 
   .language__list {
     width: 100%;
   }
 
   .language__item {
     width: 33.33333%;
   }
 
   .language__item + .language__item {
     margin-left: 0;
   }
 
   .language__item a {
     width: 100%;
     height: 50px;
     line-height: 50px;
   }
 
   .utility {
     float: none;
     text-align: left;
     padding-left: 5%;
   }
 
   .utility__list {
     display: inline-block;
     margin-left: -20px;
   }
 
   .utility__item {
     height: 30px;
     line-height: 30px;
     margin: 10px 0;
   }
 
   .utility__item + .utility__item {
     border-left: solid 1px #ccc;
   }
 
   .footer {
     width: 100%;
     height: auto;
   }
 
   .copyright p {
     width: 100%;
     text-align: center;
   }
 
   .gnavi {
     width: 100%;
     height: auto;
     border-top: solid 1px #ccc;
     float: none;
     z-index: 10000;
   }
 
   .gnavi.is-active {
     display: block;
   }
 
   .gnavi__list {
     width: 100%;
     height: auto;
   }
 
   .gnavi__item {
     width: 100%;
     position: static;
     height: 80px;
     text-align: left;
   }
 
   .gnavi__item + li {
     border-top: solid 1px #ccc;
   }
 
   .gnavi__link {
     width: 100%;
     transform: none;
     padding: 0 5%;
   }
 
   .gnavi__link:hover,
   .gnavi__link .is-current {
     background-color: transparent;
     color: #333;
   }
 
   .gnavi__link i {
     display: inline-block;
     position: absolute;
     font-size: 69%;
     margin-top: -.5em;
     top: 50%;
     right: 10px;
   }
 
   .gnavi__detail {
     transform: none;
   }
 
   .gnavi-btn {
     display: block;
     position: absolute;
     top: 10px;
     right: 0;
     width: calc( 43px + 1vw);
   }
 
   .gnavi-btn img {
     width: 100%;
   }
 
   .arrow-label :first-child {
     font-size: 12px;
   }
 
   .arrow-label :last-child {
     width: 180px;
     font-size: 13px;
   }
 
   .gnavi__link.is-current:hover {
     color: #00003c;
     color: #fff;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .swiper-container {
     margin: 0;
     padding: 0 0 30px;
   }
 
   .swiper-container-horizontal > .swiper-pagination-bullets,
   .swiper-pagination-custom,
   .swiper-pagination-fraction {
     bottom: 4px;
   }
 
   .swiper-slide {
     width: 95%;
   }
 
   .swiper-slide img {
     min-width: auto;
   }
 
   .swiper-button-next-mv,
   .swiper-button-prev-mv {
     display: block;
   }
 }
 
 @media screen and (min-width: 768px) and (max-width: 1199px) {
   html,
   body {
     min-width: 100%;
   }
 
   a:hover {
     color: #137ff8;
   }
 
   .u-md {
     display: block;
   }
 
   .md {
     display: block;
   }
 
   .l-md {
     display: block;
   }
 
   .header__inner {
     width: 100%;
   }
 
   .header__siteid {
     width: 100%;
     margin: 22px 0;
     float: none;
     text-align: center;
   }
 
   .header__siteid .logo {
     width: 186px;
     height: 36px;
   }
 
   .header__hamburger-menu {
     width: 100%;
     float: none;
     position: absolute;
     background: rgba(255, 255, 255, 0.9);
     border-top: solid 1px #ccc;
     z-index: -1;
     box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
     visibility: hidden;
     margin-top: -30px;
     opacity: 0;
     transition: all .5s;
   }
 
   .header__hamburger-menu.is-active {
     z-index: 10000;
     margin-top: 0;
     opacity: 1;
     visibility: visible;
   }
 
   .header__menu {
     width: 100%;
   }
 
   .hamburger-menu {
     display: inline-block;
     position: absolute;
     width: 60px;
     height: 60px;
     top: 10px;
     right: 10px;
   }
 
   .hamburger-menu span {
     width: 40px;
     height: 6px;
   }
 
   .hamburger-menu span:nth-of-type(1) {
     top: 15px;
   }
 
   .hamburger-menu span:nth-of-type(2) {
     top: 27px;
   }
 
   .hamburger-menu span:nth-of-type(3) {
     bottom: 15px;
   }
 
   .language {
     float: none;
   }
 
   .language__list {
     width: 100%;
   }
 
   .language__item {
     width: 33.33333%;
   }
 
   .language__item + .language__item {
     margin-left: 0;
   }
 
   .language__item a {
     width: 100%;
     height: 60px;
     line-height: 60px;
   }
 
   .language__item a:hover {
     background-color: #137ff8;
   }
 
   .lang-jp a:hover,
   .lang-en a:hover,
   .lang-kr a:hover {
     color: #fff;
   }
 
   .utility {
     float: none;
     text-align: left;
     border-top: solid 1px #ccc;
     padding-left: 5%;
   }
 
   .utility__list {
     display: inline-block;
     margin-left: -20px;
   }
 
   .utility__item {
     height: 40px;
     line-height: 40px;
     margin: 10px 0;
   }
 
   .utility__item + .utility__item {
     border-left: solid 1px #ccc;
   }
 
   .footer {
     width: 100%;
     height: auto;
   }
 
   .copyright p {
     width: 100%;
     text-align: center;
   }
 
   .gnavi {
     width: 100%;
     height: auto;
     border-top: solid 1px #ccc;
     float: none;
     z-index: 10000;
   }
 
   .gnavi__list {
     width: 100%;
     height: auto;
   }
 
   .gnavi__item {
     width: 100%;
     position: static;
     height: 80px;
     text-align: left;
   }
 
   .gnavi__item + li {
     border-top: solid 1px #ccc;
   }
 
   .gnavi__link {
     width: 100%;
     transform: none;
     padding: 0 5%;
   }
 
   .gnavi__link:hover,
   .gnavi__link .is-current {
     background-color: transparent;
     color: #333;
   }
 
   .gnavi__link i {
     display: inline-block;
     position: absolute;
     font-size: 69%;
     margin-top: -.5em;
     top: 50%;
     right: 10px;
   }
 
   .gnavi__detail {
     transform: none;
   }
 
   .button:hover {
     box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.25);
   }
 }



html:lang(en) .gnavi__list .gnavi__item:first-child,
html:lang(ko) .gnavi__list .gnavi__item:first-child {
  display: none;
}


html:lang(en) .gnavi,
html:lang(ko) .gnavi{
  width: 750px;
}

html:lang(en) .gnavi__list,
html:lang(ko) .gnavi__list{
  width: 750px;
}

html:lang(en) .gnavi__item:nth-of-type(5),
html:lang(ko) .gnavi__item:nth-of-type(5){
  left: 622px;
}