@charset "UTF-8";
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: local("Noto Sans CJK JP Medium"), url("./font/NotoSansCJKjp-Medium.woff") format("woff"), url("./font/NotoSansCJKjp-Medium.otf") format("opentype ");
}

@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: local("Noto Sans CJK JP Bold"), url("./font/NotoSansCJKjp-Bold.woff") format("woff"), url("./font/NotoSansCJKjp-Bold.otf") format("opentype ");
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
}

body, select, input, textarea, button, pre, code {
  font-size: 14px;
  font-size: 1.4rem;
  color: #535353;
  font-family: YuGothic, "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.66666;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  word-break: break-all;
}

[data-device="sp-android"][data-browser="chrome"] a, [data-device="sp-android"][data-browser="chrome"] abbr, [data-device="sp-android"][data-browser="chrome"] address, [data-device="sp-android"][data-browser="chrome"] area, [data-device="sp-android"][data-browser="chrome"] article, [data-device="sp-android"][data-browser="chrome"] aside, [data-device="sp-android"][data-browser="chrome"] audio, [data-device="sp-android"][data-browser="chrome"] b, [data-device="sp-android"][data-browser="chrome"] base, [data-device="sp-android"][data-browser="chrome"] bdi, [data-device="sp-android"][data-browser="chrome"] bdo, [data-device="sp-android"][data-browser="chrome"] blockquote, [data-device="sp-android"][data-browser="chrome"] body, [data-device="sp-android"][data-browser="chrome"] br, [data-device="sp-android"][data-browser="chrome"] button, [data-device="sp-android"][data-browser="chrome"] canvas, [data-device="sp-android"][data-browser="chrome"] caption, [data-device="sp-android"][data-browser="chrome"] cite, [data-device="sp-android"][data-browser="chrome"] code, [data-device="sp-android"][data-browser="chrome"] col, [data-device="sp-android"][data-browser="chrome"] colgroup, [data-device="sp-android"][data-browser="chrome"] data, [data-device="sp-android"][data-browser="chrome"] datalist, [data-device="sp-android"][data-browser="chrome"] dd, [data-device="sp-android"][data-browser="chrome"] del, [data-device="sp-android"][data-browser="chrome"] dfn, [data-device="sp-android"][data-browser="chrome"] div, [data-device="sp-android"][data-browser="chrome"] dl, [data-device="sp-android"][data-browser="chrome"] dt, [data-device="sp-android"][data-browser="chrome"] em, [data-device="sp-android"][data-browser="chrome"] embed, [data-device="sp-android"][data-browser="chrome"] fieldset, [data-device="sp-android"][data-browser="chrome"] figcaption, [data-device="sp-android"][data-browser="chrome"] figure, [data-device="sp-android"][data-browser="chrome"] footer, [data-device="sp-android"][data-browser="chrome"] form, [data-device="sp-android"][data-browser="chrome"] h1, [data-device="sp-android"][data-browser="chrome"] h2, [data-device="sp-android"][data-browser="chrome"] h3, [data-device="sp-android"][data-browser="chrome"] h4, [data-device="sp-android"][data-browser="chrome"] h5, [data-device="sp-android"][data-browser="chrome"] h6, [data-device="sp-android"][data-browser="chrome"] head, [data-device="sp-android"][data-browser="chrome"] header, [data-device="sp-android"][data-browser="chrome"] hr, [data-device="sp-android"][data-browser="chrome"] html, [data-device="sp-android"][data-browser="chrome"] i, [data-device="sp-android"][data-browser="chrome"] iframe, [data-device="sp-android"][data-browser="chrome"] img, [data-device="sp-android"][data-browser="chrome"] input, [data-device="sp-android"][data-browser="chrome"] ins, [data-device="sp-android"][data-browser="chrome"] kbd, [data-device="sp-android"][data-browser="chrome"] keygen, [data-device="sp-android"][data-browser="chrome"] label, [data-device="sp-android"][data-browser="chrome"] legend, [data-device="sp-android"][data-browser="chrome"] li, [data-device="sp-android"][data-browser="chrome"] link, [data-device="sp-android"][data-browser="chrome"] main, [data-device="sp-android"][data-browser="chrome"] map, [data-device="sp-android"][data-browser="chrome"] mark, [data-device="sp-android"][data-browser="chrome"] meta, [data-device="sp-android"][data-browser="chrome"] meter, [data-device="sp-android"][data-browser="chrome"] nav, [data-device="sp-android"][data-browser="chrome"] noscript, [data-device="sp-android"][data-browser="chrome"] object, [data-device="sp-android"][data-browser="chrome"] ol, [data-device="sp-android"][data-browser="chrome"] optgroup, [data-device="sp-android"][data-browser="chrome"] option, [data-device="sp-android"][data-browser="chrome"] p, [data-device="sp-android"][data-browser="chrome"] param, [data-device="sp-android"][data-browser="chrome"] pre, [data-device="sp-android"][data-browser="chrome"] progress, [data-device="sp-android"][data-browser="chrome"] q, [data-device="sp-android"][data-browser="chrome"] rb, [data-device="sp-android"][data-browser="chrome"] rp, [data-device="sp-android"][data-browser="chrome"] rt, [data-device="sp-android"][data-browser="chrome"] rtc, [data-device="sp-android"][data-browser="chrome"] ruby, [data-device="sp-android"][data-browser="chrome"] s, [data-device="sp-android"][data-browser="chrome"] samp, [data-device="sp-android"][data-browser="chrome"] script, [data-device="sp-android"][data-browser="chrome"] section, [data-device="sp-android"][data-browser="chrome"] select, [data-device="sp-android"][data-browser="chrome"] small, [data-device="sp-android"][data-browser="chrome"] source, [data-device="sp-android"][data-browser="chrome"] span, [data-device="sp-android"][data-browser="chrome"] strong, [data-device="sp-android"][data-browser="chrome"] style, [data-device="sp-android"][data-browser="chrome"] sub, [data-device="sp-android"][data-browser="chrome"] sup, [data-device="sp-android"][data-browser="chrome"] table, [data-device="sp-android"][data-browser="chrome"] tbody, [data-device="sp-android"][data-browser="chrome"] td, [data-device="sp-android"][data-browser="chrome"] template, [data-device="sp-android"][data-browser="chrome"] textarea, [data-device="sp-android"][data-browser="chrome"] tfoot, [data-device="sp-android"][data-browser="chrome"] th, [data-device="sp-android"][data-browser="chrome"] thead, [data-device="sp-android"][data-browser="chrome"] time, [data-device="sp-android"][data-browser="chrome"] tr, [data-device="sp-android"][data-browser="chrome"] track, [data-device="sp-android"][data-browser="chrome"] u, [data-device="sp-android"][data-browser="chrome"] ul, [data-device="sp-android"][data-browser="chrome"] var, [data-device="sp-android"][data-browser="chrome"] video, [data-device="sp-android"][data-browser="chrome"] wbr {
  max-height: 999999px;
}

html, body {
  min-height: 100%;
}

a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, meta, meter, nav, noscript, object, ol, optgroup, option, p, param, pre, progress, q, rb, rp, rt, rtc, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, sup, table, tbody, td, template, textarea, tfoot, th, thead, time, tr, track, u, ul, var, video, wbr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a:before, a:after, abbr:before, abbr:after, address:before, address:after, area:before, area:after, article:before, article:after, aside:before, aside:after, audio:before, audio:after, b:before, b:after, base:before, base:after, bdi:before, bdi:after, bdo:before, bdo:after, blockquote:before, blockquote:after, body:before, body:after, br:before, br:after, button:before, button:after, canvas:before, canvas:after, caption:before, caption:after, cite:before, cite:after, code:before, code:after, col:before, col:after, colgroup:before, colgroup:after, data:before, data:after, datalist:before, datalist:after, dd:before, dd:after, del:before, del:after, dfn:before, dfn:after, div:before, div:after, dl:before, dl:after, dt:before, dt:after, em:before, em:after, embed:before, embed:after, fieldset:before, fieldset:after, figcaption:before, figcaption:after, figure:before, figure:after, footer:before, footer:after, form:before, form:after, h1:before, h1:after, h2:before, h2:after, h3:before, h3:after, h4:before, h4:after, h5:before, h5:after, h6:before, h6:after, head:before, head:after, header:before, header:after, hr:before, hr:after, html:before, html:after, i:before, i:after, iframe:before, iframe:after, img:before, img:after, input:before, input:after, ins:before, ins:after, kbd:before, kbd:after, keygen:before, keygen:after, label:before, label:after, legend:before, legend:after, li:before, li:after, link:before, link:after, main:before, main:after, map:before, map:after, mark:before, mark:after, meta:before, meta:after, meter:before, meter:after, nav:before, nav:after, noscript:before, noscript:after, object:before, object:after, ol:before, ol:after, optgroup:before, optgroup:after, option:before, option:after, p:before, p:after, param:before, param:after, pre:before, pre:after, progress:before, progress:after, q:before, q:after, rb:before, rb:after, rp:before, rp:after, rt:before, rt:after, rtc:before, rtc:after, ruby:before, ruby:after, s:before, s:after, samp:before, samp:after, script:before, script:after, section:before, section:after, select:before, select:after, small:before, small:after, source:before, source:after, span:before, span:after, strong:before, strong:after, style:before, style:after, sub:before, sub:after, sup:before, sup:after, table:before, table:after, tbody:before, tbody:after, td:before, td:after, template:before, template:after, textarea:before, textarea:after, tfoot:before, tfoot:after, th:before, th:after, thead:before, thead:after, time:before, time:after, tr:before, tr:after, track:before, track:after, u:before, u:after, ul:before, ul:after, var:before, var:after, video:before, video:after, wbr:before, wbr:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: #ee8379;
}

/* html:not([data-platform="sp"]) */ a:hover, /* html:not([data-platform="sp"]) */ a:focus {
  text-decoration: underline;
}

[data-platform="sp"] a.js-add-is-touch {
  text-decoration: underline;
}

a, button, [type="submit"], label[for] {
  cursor: pointer;
}

ol,
ul {
  padding-left: 1.3em;
}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/* HTML5 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 vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

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

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

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 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 */
  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;
}

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size 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 */
}

/**
 * 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 {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

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

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0;
}

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

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default;
}

/**
 * 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.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          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;
}

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
}

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

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
 * http://liginc.co.jp/web/html-css/css/172972
 */
.js-yearningModal-cover,
.js-yearningModal-cover * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.js-yearningModal-cover {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity .4s;
          transition: opacity .4s;
  z-index: -9999;
}

.js-yearningModal-cover.opacity {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.js-yearningModal-cover.z-index {
  z-index: 9999;
}

.js-yearningModal-stage {
  height: 100%;
  position: relative;
  width: 100%;
}

.js-yearningModal-view {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.js-yearningModal-pager {
  visibility: hidden;
}

.js-yearningModal-pager:before, .js-yearningModal-pager:after {
  content: "";
  display: block;
  height: 94px;
  margin-top: -47px;
  position: absolute;
  top: 50%;
  width: 30%;
  z-index: 0;
}

.js-yearningModal-pager:before {
  left: -15%;
}

.js-yearningModal-pager:after {
  right: -15%;
}

.js-yearningModal-pager > div {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  height: 44px;
  margin-top: -22px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 50%;
  -webkit-transition: background-color .4s, opacity .4s .4s;
          transition: background-color .4s, opacity .4s .4s;
  width: 44px;
  z-index: 1;
}

.js-yearningModal-pager > div:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
}

.js-yearningModal-pager > div:active {
  margin-top: -20px;
}

.js-yearningModal-pager > div:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.js-yearningModal-pager-prev {
  left: 0;
}

.js-yearningModal-pager-prev:before {
  margin: -8px 0 0 -5px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.js-yearningModal-pager-next {
  right: 0;
}

.js-yearningModal-pager-next:before {
  margin: -8px 0 0 -11px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.js-add-is-modal-pager .js-yearningModal-pager {
  visibility: visible;
}

.js-add-is-modal-pager .js-yearningModal-pager > div {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.js-yearningModal-cover.opacity .js-yearningModal-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-top-width: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-animation: spin 0.75s infinite linear;
          animation: spin 0.75s infinite linear;
  z-index: -1;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.js-yearningModal-cover.opacity .js-yearningModal-loader .loader:before,
.js-yearningModal-cover.opacity .js-yearningModal-loader .loader:after {
  left: -2px;
  top: -2px;
  display: none;
  position: absolute;
  content: '';
  width: inherit;
  height: inherit;
  border: inherit;
  -webkit-border-radius: inherit;
          border-radius: inherit;
}

.js-yearningModal-img {
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity .4s;
          transition: opacity .4s;
  max-width: 100%;
}

.js-yearningModal-img.opacity {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.js-yearningModal-close {
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  display: block;
  height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}

.js-yearningModal-close:before,
.js-yearningModal-close:after {
  background: #fff;
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  left: 14.5%;
  top: 50%;
  width: 70%;
}

.js-yearningModal-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.js-yearningModal-close:after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.js-yearningModal-title {
  background-color: rgba(102, 102, 102, 0.8);
  color: #fff;
  font-size: 14px;
  padding: 10px;
  position: absolute;
  left: 0;
  bottom: 80px;
  text-align: center;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  width: 100%;
}

html:not(.js-add-is-modal-thumb) .js-yearningModal-title {
  bottom: 0;
}

.js-yearningModal-thumb-group {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.js-yearningModal-thumb-group-inner {
  height: 80px;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}

.js-yearningModal-thumb-list {
  display: inline-block;
  list-style: none;
  letter-spacing: -.4em;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  vertical-align: top;
  white-space: nowrap;
}

.js-yearningModal-thumb-item {
  display: inline-block;
  letter-spacing: 0;
  padding: 5px;
}

.js-yearningModal-thumb-self {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
  border: 3px solid #999;
  display: block;
  height: 60px;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-transition: border-color .4s, opacity .4s;
          transition: border-color .4s, opacity .4s;
  width: 60px;
}

.js-yearningModal-thumb-self.js-add-is-current {
  border-color: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* ---------------------------------------
 基本の最小を sm とする。
 xs は 411px 以下の時に動作する
--------------------------------------- */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b8db45b8a43c5a971169)
 * Config saved to config.json and https://gist.github.com/b8db45b8a43c5a971169
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*
@include break-FS {
  [class].col-fs-12 {
    width: 100%;
  }
  [class].col-fs-11 {
    width: 91.66666667%;
  }
  [class].col-fs-10 {
    width: 83.33333333%;
  }
  [class].col-fs-9 {
    width: 75%;
  }
  [class].col-fs-8 {
    width: 66.66666667%;
  }
  [class].col-fs-7 {
    width: 58.33333333%;
  }
  [class].col-fs-6 {
    width: 50%;
  }
  [class].col-fs-5 {
    width: 41.66666667%;
  }
  [class].col-fs-4 {
    width: 33.33333333%;
  }
  [class].col-fs-3 {
    width: 25%;
  }
  [class].col-fs-2 {
    width: 16.66666667%;
  }
  [class].col-fs-1 {
    width: 8.33333333%;
  }
}
*/

.col-sm-12 {
  width: 100%;
}

.col-sm-11 {
  width: 91.66666667%;
}

.col-sm-10 {
  width: 83.33333333%;
}

.col-sm-9 {
  width: 75%;
}

.col-sm-8 {
  width: 66.66666667%;
}

.col-sm-7 {
  width: 58.33333333%;
}

.col-sm-6 {
  width: 50%;
}

.col-sm-5 {
  width: 41.66666667%;
}

.col-sm-4 {
  width: 33.33333333%;
}

.col-sm-3 {
  width: 25%;
}

.col-sm-2 {
  width: 16.66666667%;
}

.col-sm-1 {
  width: 8.33333333%;
}

.l-state-drawer {
  display: none;
}

.l-trigger-drawer {
  font-size: 0;
  position: fixed;
  right: 16px;
  top: 27px;
  text-align: right;
  z-index: 99;
}

.l-drawer {
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: height .3s ease-in, visibility 0s .3s, z-index 0s .3s;
          transition: height .3s ease-in, visibility 0s .3s, z-index 0s .3s;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}

.l-drawer:before {
  background-color: transparent;
  content: "";
  display: block;
  height: 0;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: background .3s linear, height .3s ease-in;
          transition: background .3s linear, height .3s ease-in;
  width: 100%;
  z-index: -1;
}

.l-drawer__inner {
  padding-top: 110px;
}

.l-drawer-build-nav {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  width: 1320px;
}

.l-drawer-build-nav__inner:first-child .l-drawer-nav {
  padding-top: 0;
}

.l-drawer-build-nav__inner + .l-drawer-build-nav__inner:before {
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  display: block;
  -webkit-transition: width .15s 0s;
          transition: width .15s 0s;
  width: 0;
  height: 1px;
}

.l-drawer-nav {
  font-size: 0;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding: 50px 10px;
}

.l-drawer-nav__item {
  display: inline-block;
  margin: 10px 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  text-align: left;
  position: relative;
  -webkit-transform: translate(-10px, -10px);
          transform: translate(-10px, -10px);
  -webkit-transition: opacity .15s 0s, -webkit-transform .15s 0s;
          transition: opacity .15s 0s, transform .15s 0s;
  vertical-align: top;
}

.l-drawer-nav__item.l-drawer-nav__item--application, .l-drawer-nav__item.l-drawer-nav__item--tel-appointment {
  vertical-align: middle;
}

.l-drawer-nav-item {
  font-size: 15px;
  font-size: 1.5rem;
  color: #ffffff;
  font-weight: bold;
  display: block;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .3s linear;
          transition: all .3s linear;
  padding: 3px 23px 3px 40px;
}

.l-drawer-nav-item.l-drawer-nav-item--application {
  font-size: 17px;
  font-size: 1.7rem;
}

.l-drawer-nav-item:before, .l-drawer-nav-item:after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 24px;
  -webkit-transition: all .3s;
          transition: all .3s;
  width: 11px;
}

.l-drawer-nav-item:before {
  background-color: #755490;
  top: 14px;
}

.l-drawer-nav-item:after {
  background-color: #ea6060;
  top: 15px;
}

.l-drawer-nav-item.l-drawer-nav-item--application:before {
  top: 16px;
}

.l-drawer-nav-item.l-drawer-nav-item--application:after {
  top: 17px;
}

/* html:not([data-platform="sp"]) */ .l-drawer-nav-item:hover, /* html:not([data-platform="sp"]) */ .l-drawer-nav-item:focus {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

[data-platform="sp"] .l-drawer-nav-item.js-add-is-touch {
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

[id="state-drawer"]:checked ~ .l-drawer {
  height: 100%;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
  visibility: visible;
  z-index: 98;
}

[id="state-drawer"]:checked ~ .l-drawer:before {
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

[data-platform="sp"] [id="state-drawer"]:checked ~ .l-drawer:before {
  background-color: #000000;
}

[data-platform="sp"] [id="state-drawer"]:checked ~ .l-drawer.js-add-is-active .l-drawer__inner {
  background-color: #000000;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:before {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  width: 100%;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(2):before {
  -webkit-transition-delay: 0.83s;
          transition-delay: 0.83s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(3):before {
  -webkit-transition-delay: 0.93s;
          transition-delay: 0.93s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(4):before {
  -webkit-transition-delay: 0.97s;
          transition-delay: 0.97s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(1) {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(2) {
  -webkit-transition-delay: 0.67s;
          transition-delay: 0.67s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(3) {
  -webkit-transition-delay: 0.69s;
          transition-delay: 0.69s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(4) {
  -webkit-transition-delay: 0.71s;
          transition-delay: 0.71s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(5) {
  -webkit-transition-delay: 0.73s;
          transition-delay: 0.73s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(6) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(7) {
  -webkit-transition-delay: 0.77s;
          transition-delay: 0.77s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(8) {
  -webkit-transition-delay: 0.79s;
          transition-delay: 0.79s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(1) .l-drawer-nav__item:nth-child(9) {
  -webkit-transition-delay: 0.81s;
          transition-delay: 0.81s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(2) .l-drawer-nav__item:nth-child(1) {
  -webkit-transition-delay: 1.13s;
          transition-delay: 1.13s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(2) .l-drawer-nav__item:nth-child(2) {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(2) .l-drawer-nav__item:nth-child(3) {
  -webkit-transition-delay: 1.17s;
          transition-delay: 1.17s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(2) .l-drawer-nav__item:nth-child(4) {
  -webkit-transition-delay: 1.19s;
          transition-delay: 1.19s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(2) .l-drawer-nav__item:nth-child(5) {
  -webkit-transition-delay: 1.21s;
          transition-delay: 1.21s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(3) .l-drawer-nav__item:nth-child(1) {
  -webkit-transition-delay: 1.23s;
          transition-delay: 1.23s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(3) .l-drawer-nav__item:nth-child(2) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(4) .l-drawer-nav__item:nth-child(1) {
  -webkit-transition-delay: 1.27s;
          transition-delay: 1.27s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(4) .l-drawer-nav__item:nth-child(2) {
  -webkit-transition-delay: 1.29s;
          transition-delay: 1.29s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(4) .l-drawer-nav__item:nth-child(3) {
  -webkit-transition-delay: 1.31s;
          transition-delay: 1.31s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-build-nav__inner:nth-child(4) .l-drawer-nav__item:nth-child(4) {
  -webkit-transition-delay: 1.33s;
          transition-delay: 1.33s;
}

[id="state-drawer"]:checked ~ .l-drawer .l-drawer-nav__item {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.l-wrapper {
  overflow: hidden;
  padding-top: 65px;
  min-width: 320px;
  width: 100%;
}

.l-nojs {
  background-color: #344f9f;
  min-width: 320px;
  width: 100%;
}

.l-nojs__inner {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  width: 1300px;
}

.l-nojs-content {
  color: #ffffff;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
}

.l-header {
  background: rgba(255, 255, 255, 0.95);
  border-top: 5px solid #344f9f;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: all .3s;
          transition: all .3s;
  width: 100%;
  z-index: 97;
}

.l-header:before {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: all .3s;
          transition: all .3s;
  width: 100%;
}

.l-header.js-add-is-header:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.l-header__inner {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  display: table;
  position: relative;
  table-layout: fixed;
  width: 1300px;
}

.l-header-build-logo {
  display: table-cell;
  vertical-align: middle;
}

.l-header-build-nav {
  display: table-cell;
}

.l-header-build-nav__inner {
  display: inline-block;
  vertical-align: top;
}

.l-header-nav {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.l-header-nav__item {
  float: left;
}

.l-header-nav__item:first-child .l-header-nav-item {
  padding-left: 10px;
}

.l-header-nav__item:last-child .l-header-nav-item {
  padding-right: 10px;
}

.l-header-nav__item:last-child .l-header-nav-item:after {
  display: none;
}

.l-header-nav-item {
  color: #434343;
  cursor: pointer;
  display: block;
  padding: 10px 18px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 0 white, 1px 0 0 white, 0 -1px 0 white, -1px 0 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.l-header-nav-item:after {
  background-color: #c0c0c0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 16px;
}

.l-header-nav-item__name {
  color: #434343;
  display: block;
  font-weight: bold;
  line-height: 1;
  position: relative;
}

.l-header-nav-item__name:before, .l-header-nav-item__name:after {
  background-color: #344f9f;
  content: "";
  display: block;
  height: 1px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  bottom: -6px;
  -webkit-transition: all .3s;
          transition: all .3s;
  width: 0;
}

.l-header-nav-item__name:before {
  left: 49%;
}

.l-header-nav-item__name:after {
  right: 49%;
}

/* html:not([data-platform="sp"]) */ .l-header-nav-item:hover, /* html:not([data-platform="sp"]) */ .l-header-nav-item:focus {
  color: #344f9f;
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .l-header-nav-item:hover .l-header-nav-item__name, /* html:not([data-platform="sp"]) */ .l-header-nav-item:focus .l-header-nav-item__name {
  color: #344f9f;
}

/* html:not([data-platform="sp"]) */ .l-header-nav-item:hover .l-header-nav-item__name:before, /* html:not([data-platform="sp"]) */ .l-header-nav-item:hover .l-header-nav-item__name:after, /* html:not([data-platform="sp"]) */ .l-header-nav-item:focus .l-header-nav-item__name:before, /* html:not([data-platform="sp"]) */ .l-header-nav-item:focus .l-header-nav-item__name:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 50%;
}

[data-platform="sp"] .l-header-nav-item.js-add-is-touch {
  color: #344f9f;
  text-decoration: none;
}

[data-platform="sp"] .l-header-nav-item.js-add-is-touch .l-header-nav-item__name {
  color: #344f9f;
}

[data-platform="sp"] .l-header-nav-item.js-add-is-touch .l-header-nav-item__name:before, [data-platform="sp"] .l-header-nav-item.js-add-is-touch .l-header-nav-item__name:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 50%;
}

.l-area.l-area--has-sub .l-area__inner {
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
}

.l-area.l-area--has-sub .l-area__inner:before, .l-area.l-area--has-sub .l-area__inner:after {
  content: "";
  display: table;
}

.l-area.l-area--has-sub .l-area__inner:after {
  clear: both;
}

.l-main--noBreadcrumns {
  padding-top: 55px;
}

.l-pagetop {
  display: none;
  /*

  // :: build
  @at-root
  {
    // ---------------------------------------
    // .l-pagetop-build-self
    // ページトップへ（内部）
    // 
    // @at-root
    //   l-pagetop-self
    //   l-pagetop-self__text
    //   l-pagetop-self__bg
    // ---------------------------------------
    .l-pagetop-build-self {
      position: fixed; right: 10px; bottom: 10px;

      @include over-base {
        margin-right: -( ( $base / 2 ) + 100 );
        right: 50%;
      }

      @at-root
      {
        // クリック要素
        .l-pagetop-self {
          @include font-size( 12 );
          background-position: center 9px;
          background-repeat: no-repeat;
          border-radius: 50%;
          display: block;
          height: 50px;
          opacity: 0;
          padding-top: 24px;
          position: relative; left: 0; top: 60px;
          transition: all .3s;
          text-align: center;
          width: 50px;

          // .l-pagetop-self__text
          // 実際のテキスト
          &__text {
          }

          &.js-add-is-active,
          &.js-add-is-end {
            opacity: 1;
            top: 0;
          }

          @include change
          {
            top: -4px;
          }
        }
      }
    }
    // .l-pagetop-build-self
  }
  // :: build

  */
}

.l-pagetop__inner {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
}

.l-footer {
  clear: both;
  margin-top: 120px;
}

.l-footer-build-media {
  background-color: #dddddd;
}

.l-footer-build-media__inner {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.l-footer-build-info {
  background-color: #f2f2f2;
}

.l-footer-build-info--single {
  text-align: center;
}

.l-footer-build-info--single .l-footer-build-info__inner {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 655px;
}

.l-footer-build-info__inner {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  padding-top: 50px;
  padding-bottom: 40px;
}

.l-footer-gallery {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  margin: 0 auto;
  max-width: 557px;
}

.l-footer-gallery__item:not(:first-child) {
  display: none;
}

.l-footer-overview {
  height: 100%;
}

.l-footer-overview__common {
  height: 65.12821%;
}

.l-footer-overview-common {
  background-color: #ffffff;
  color: #808081;
}

.l-footer-overview-common__column {
  padding: 20px 0;
  text-align: center;
}

.l-footer-overview__detail {
  height: 33.33333%;
  margin-top: 1.1%;
}

.l-footer-overview-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-footer-overview-detail__column {
  height: 100%;
  width: 49.551167%;
}

.l-footer-overview-detail-btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  color: #808081;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.l-footer-overview-detail-btn.l-footer-overview-detail-btn--company .l-footer-overview-detail-btn__self:before {
  background-image: url(../image/sprite.png);
  background-position: -103px 0px;
  width: 26px;
  height: 33px;
}

.l-footer-overview-detail-btn.l-footer-overview-detail-btn--company .l-footer-overview-detail-btn__self:after {
  background-image: url(../image/sprite.png);
  background-position: -77px 0px;
  width: 26px;
  height: 33px;
}

.l-footer-overview-detail-btn.l-footer-overview-detail-btn--application .l-footer-overview-detail-btn__self:before {
  background-image: url(../image/sprite.png);
  background-position: -338px 0px;
  width: 30px;
  height: 24px;
}

.l-footer-overview-detail-btn.l-footer-overview-detail-btn--application .l-footer-overview-detail-btn__self:after {
  background-image: url(../image/sprite.png);
  background-position: -308px 0px;
  width: 30px;
  height: 24px;
}

.l-footer-overview-detail-btn__self {
  font-size: 16px;
  font-size: 1.6rem;
  color: #808081;
  display: inline-block;
  line-height: 1;
  position: relative;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.l-footer-overview-detail-btn__self:before, .l-footer-overview-detail-btn__self:after {
  content: "";
  display: block;
  margin: 0 auto 17px;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.l-footer-overview-detail-btn__self:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-left: -13px;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
}

/* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:hover, /* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:focus {
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:hover.l-footer-overview-detail-btn--company, /* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:focus.l-footer-overview-detail-btn--company {
  background-color: #4464c2;
}

/* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:hover.l-footer-overview-detail-btn--application, /* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:focus.l-footer-overview-detail-btn--application {
  background-color: #f4ada6;
}

/* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:hover .l-footer-overview-detail-btn__self, /* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:focus .l-footer-overview-detail-btn__self {
  color: #ffffff;
}

/* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:hover .l-footer-overview-detail-btn__self:before, /* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:focus .l-footer-overview-detail-btn__self:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:hover .l-footer-overview-detail-btn__self:after, /* html:not([data-platform="sp"]) */ .l-footer-overview-detail-btn:focus .l-footer-overview-detail-btn__self:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

[data-platform="sp"] .l-footer-overview-detail-btn.js-add-is-touch {
  text-decoration: none;
}

[data-platform="sp"] .l-footer-overview-detail-btn.js-add-is-touch.l-footer-overview-detail-btn--company {
  background-color: #4464c2;
}

[data-platform="sp"] .l-footer-overview-detail-btn.js-add-is-touch.l-footer-overview-detail-btn--application {
  background-color: #f4ada6;
}

[data-platform="sp"] .l-footer-overview-detail-btn.js-add-is-touch .l-footer-overview-detail-btn__self {
  color: #ffffff;
}

[data-platform="sp"] .l-footer-overview-detail-btn.js-add-is-touch .l-footer-overview-detail-btn__self:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

[data-platform="sp"] .l-footer-overview-detail-btn.js-add-is-touch .l-footer-overview-detail-btn__self:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.l-footer-sosumi {
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: 1px solid #b7bbc6;
  margin: 1em 0 40px;
  padding-bottom: .85em;
}

.l-footer-sosumi--single {
  border-bottom: none;
  margin: -10px 0 30px;
  padding-bottom: 0;
  text-align: center;
}

.l-footer-relation-container {
  font-size: 0;
  clear: both;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: -10px;
  padding: 0;
}

.l-footer-relation-container__column {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: normal;
  min-height: 1px;
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.l-footer-relation {
  clear: both;
  color: #434343;
  display: block;
  position: relative;
  width: 100%;
}

.l-footer-relation:before, .l-footer-relation:after {
  content: "";
  display: table;
}

.l-footer-relation:after {
  clear: both;
}

.l-footer-relation__thumb {
  display: block;
}

.l-footer-relation__paragraph {
  font-size: 12px;
  font-size: 1.2rem;
  color: #434343;
  display: block;
  line-height: 1.45455;
  overflow: hidden;
}

.l-footer-build-general {
  background-color: #344f9f;
}

.l-footer-build-general__inner {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
}

.l-footer-directory-state {
  display: none;
}

.l-footer-directory-caption {
  clear: both;
  display: block;
  margin-bottom: 8px;
}

.l-footer-directory-caption__self {
  font-size: 20px;
  font-size: 2.0rem;
  color: #c4c9da;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
}

.l-footer-directory-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.l-footer-directory-list-item {
  font-size: 13px;
  font-size: 1.3rem;
  color: #c4c9da;
  display: block;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .3s;
          transition: all .3s;
}

/* html:not([data-platform="sp"]) */ .l-footer-directory-list-item:hover, /* html:not([data-platform="sp"]) */ .l-footer-directory-list-item:focus {
  background-color: rgba(196, 201, 218, 0.1);
  text-decoration: none;
}

[data-platform="sp"] .l-footer-directory-list-item.js-add-is-touch {
  background-color: rgba(196, 201, 218, 0.1);
  text-decoration: none;
}

.l-footer-social__caption {
  font-size: 18px;
  font-size: 1.8rem;
  color: #e1e3ee;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 16px;
  text-align: center;
}

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

.l-footer-social__inner {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 0;
  display: inline-block;
  margin: -10px;
  vertical-align: top;
}

.l-footer-social__item {
  display: inline-block;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 50%;
}

.l-footer-social-item {
  display: block;
  height: 49px;
  position: relative;
  width: 49px;
}

.l-footer-social-item:before {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  content: "";
  display: inline-block;
  height: 15px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-left: -20px;
  position: absolute;
  left: 50%;
  bottom: -9px;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
  width: 40px;
}

.l-footer-social-item__self {
  display: block;
  height: 100%;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 100%;
}

.l-footer-social-item__self:before, .l-footer-social-item__self:after {
  content: "";
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.l-footer-social-item__self:after {
  z-index: -1;
  -webkit-transform: rotateY(190deg);
          transform: rotateY(190deg);
}

.l-footer-social-item.l-footer-social-item--facebook .l-footer-social-item__self:before {
  background-image: url(../image/sprite.png);
  background-position: -210px 0px;
  width: 49px;
  height: 49px;
}

.l-footer-social-item.l-footer-social-item--facebook .l-footer-social-item__self:after {
  background-image: url(../image/sprite.png);
  background-position: -161px 0px;
  width: 49px;
  height: 49px;
}

.l-footer-social-item.l-footer-social-item--twitter .l-footer-social-item__self:before {
  background-image: url(../image/sprite.png);
  background-position: -601px 0px;
  width: 49px;
  height: 49px;
}

.l-footer-social-item.l-footer-social-item--twitter .l-footer-social-item__self:after {
  background-image: url(../image/sprite.png);
  background-position: -552px 0px;
  width: 49px;
  height: 49px;
}

/* html:not([data-platform="sp"]) */ .l-footer-social-item:hover:before, /* html:not([data-platform="sp"]) */ .l-footer-social-item:focus:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* html:not([data-platform="sp"]) */ .l-footer-social-item:hover .l-footer-social-item__self:before, /* html:not([data-platform="sp"]) */ .l-footer-social-item:focus .l-footer-social-item__self:before {
  top: -2px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/* html:not([data-platform="sp"]) */ .l-footer-social-item:hover .l-footer-social-item__self:after, /* html:not([data-platform="sp"]) */ .l-footer-social-item:focus .l-footer-social-item__self:after {
  top: -2px;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  z-index: 1;
}

[data-platform="sp"] .l-footer-social-item.js-add-is-touch:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

[data-platform="sp"] .l-footer-social-item.js-add-is-touch .l-footer-social-item__self:before {
  top: -2px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

[data-platform="sp"] .l-footer-social-item.js-add-is-touch .l-footer-social-item__self:after {
  top: -2px;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  z-index: 1;
}

.l-footer-materials {
  margin: 45px 0 0;
  text-align: center;
}

.l-footer-common {
  border-top: 1px solid #9aa7cf;
  clear: both;
  margin-top: 40px;
  padding-top: 40px;
}

.l-footer-common--single {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.l-footer-common-sosumi {
  font-size: 12px;
  font-size: 1.2rem;
  color: #ffffff;
  margin-top: 2px;
}

.l-footer-common-copyright {
  color: #a2abca;
  font-family: "Lato", sans-serif;
  font-weight: 900;
}

.style-debug {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 10px 13px 10px 10px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
}

.outline-none {
  display: none;
}

.link {
  text-decoration: underline;
  color: #ee8379;
}

/* html:not([data-platform="sp"]) */ .link:hover, /* html:not([data-platform="sp"]) */ .link:focus {
  text-decoration: none;
}

[data-platform="sp"] .link.js-add-is-touch {
  text-decoration: none;
}

.fade img {
  -webkit-transition: opacity .3s linear;
          transition: opacity .3s linear;
}

.fade:hover img,
.fade:focus img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.container {
  clear: both;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  max-width: 1140px;
  width: 100%;
}

.container:before, .container:after {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.container--space0 {
  padding: 0 0;
}

.container--space {
  padding: 0 5px;
}

.container--space2 {
  padding: 0 15px;
}

.container--space3 {
  padding: 0 20px;
}

.container--space4 {
  padding: 0 25px;
}

.container--space5 {
  padding: 0 30px;
}

.container--xs {
  max-width: 412px;
}

.container--sm {
  max-width: 568px;
}

.container--md {
  max-width: 768px;
}

.container--lg {
  max-width: 1024px;
}

.container--base {
  max-width: 1120px;
}

.container-wrap {
  overflow: hidden;
}

.wrap {
  margin: -10px;
  overflow: hidden;
}

.centering {
  display: block;
  text-align: center;
}

.centering__inner {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

body[id="top"] [class].textleft {
  text-align: left;
}

body[id="top"] [class].textcenter {
  text-align: center;
}

body[id="top"] [class].textright {
  text-align: right;
}

.phrase {
  display: inline-block;
}

.bold {
  font-weight: bold;
}

.large {
  font-size: 16px;
  font-size: 1.6rem;
}

.small {
  font-size: 12px;
  font-size: 1.2rem;
}

body[id="top"] [class].mt0 {
  margin-top: 0;
}

body[id="top"] [class].mt {
  margin-top: 1em;
}

body[id="top"] [class].mt2 {
  margin-top: 1.69em;
}

body[id="top"] [class].mt3 {
  margin-top: 2.69em;
}

body[id="top"] [class].mt4 {
  margin-top: 3.69em;
}

body[id="top"] [class].mt5 {
  margin-top: 4.69em;
}

body[id="top"] [class].mr0 {
  margin-right: 0;
}

body[id="top"] [class].mr {
  margin-right: 1em;
}

body[id="top"] [class].mr2 {
  margin-right: 1.69em;
}

body[id="top"] [class].mr3 {
  margin-right: 2.69em;
}

body[id="top"] [class].mr4 {
  margin-right: 3.69em;
}

body[id="top"] [class].mr5 {
  margin-right: 4.69em;
}

body[id="top"] [class].mb0 {
  margin-bottom: 0;
}

body[id="top"] [class].mb {
  margin-bottom: 1em;
}

body[id="top"] [class].mb2 {
  margin-bottom: 1.69em;
}

body[id="top"] [class].mb3 {
  margin-bottom: 2.69em;
}

body[id="top"] [class].mb4 {
  margin-bottom: 3.69em;
}

body[id="top"] [class].mb5 {
  margin-bottom: 4.69em;
}

body[id="top"] [class].ml0 {
  margin-left: 0;
}

body[id="top"] [class].ml {
  margin-left: 1em;
}

body[id="top"] [class].ml2 {
  margin-left: 1.69em;
}

body[id="top"] [class].ml3 {
  margin-left: 2.69em;
}

body[id="top"] [class].ml4 {
  margin-left: 3.69em;
}

body[id="top"] [class].ml5 {
  margin-left: 4.69em;
}

body[id="top"] [class].w50 {
  width: 50%;
}

body[id="top"] [class].w100 {
  width: 100%;
}

.error-required-msg {
  padding: 5px;
  font-size: 12px;
  color: #ff0000;
}

.label-required,
.label-required-multi,
.label-any {
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-right: 6px;
  padding: 1px 0;
  text-align: center;
  width: 3.5em;
}
.label-any-multi {
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-right: 6px;
  padding: 1px 0;
  text-align: center;
  width: 3.5em;
}

.label-required {
  background-color: #ff0000;
}
.label-required-multi {
  background-color: #ff0000;
}

.label-any {
  background-color: #666666;
}
.label-any-multi {
  background-color: #666666;
}

.ime-active {
  /*ime-mode: active;*/
}

.ime-inactive {
  /*ime-mode: inactive;*/
}

.ime-disabled {
  /*ime-mode: disabled;*/
}

.show:not([class*="show-"]) {
  display: block;
}

.hide:not([class*="hide-"]) {
  display: none;
}

.grid {
  font-size: 0;
  clear: both;
  display: block;
  list-style: none;
  margin: -10px;
  padding: 0;
}

.grid > .col, .grid > [class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  letter-spacing: normal;
  min-height: 1px;
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.grid--top > .col, .grid--top > [class^="col-"] {
  vertical-align: top;
}

.grid--middle > .col, .grid--middle > [class^="col-"] {
  vertical-align: middle;
}

.grid--bottom > .col, .grid--bottom > [class^="col-"] {
  vertical-align: bottom;
}

.grid--x0 {
  margin-right: 0;
  margin-left: 0;
}

.grid--x0 > .col,
.grid--x0 > [class^="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.grid--y0 {
  margin-top: 0;
  margin-bottom: 0;
}

.grid--y0 > .col,
.grid--y0 > [class^="col-"] {
  margin-top: 0;
  margin-bottom: 0;
}

.grid--x {
  margin-right: -5px;
  margin-left: -5px;
}

.grid--x > .col,
.grid--x > [class^="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.grid--y {
  margin-top: -5px;
  margin-bottom: -5px;
}

.grid--y > .col,
.grid--y > [class^="col-"] {
  margin-top: 5px;
  margin-bottom: 5px;
}

.grid--x2 {
  margin-right: -15px;
  margin-left: -15px;
}

.grid--x2 > .col,
.grid--x2 > [class^="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}

.grid--y2 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.grid--y2 > .col,
.grid--y2 > [class^="col-"] {
  margin-top: 15px;
  margin-bottom: 15px;
}

.grid--x3 {
  margin-right: -20px;
  margin-left: -20px;
}

.grid--x3 > .col,
.grid--x3 > [class^="col-"] {
  padding-right: 20px;
  padding-left: 20px;
}

.grid--y3 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.grid--y3 > .col,
.grid--y3 > [class^="col-"] {
  margin-top: 20px;
  margin-bottom: 20px;
}

.grid--x4 {
  margin-right: -25px;
  margin-left: -25px;
}

.grid--x4 > .col,
.grid--x4 > [class^="col-"] {
  padding-right: 25px;
  padding-left: 25px;
}

.grid--y4 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.grid--y4 > .col,
.grid--y4 > [class^="col-"] {
  margin-top: 25px;
  margin-bottom: 25px;
}

.grid--x5 {
  margin-right: -30px;
  margin-left: -30px;
}

.grid--x5 > .col,
.grid--x5 > [class^="col-"] {
  padding-right: 30px;
  padding-left: 30px;
}

.grid--y5 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.grid--y5 > .col,
.grid--y5 > [class^="col-"] {
  margin-top: 30px;
  margin-bottom: 30px;
}

.grid--flex {
  font-size: 0;
  clear: both;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: -10px;
  padding: 0;
}

.grid--flex > .col, .grid--flex > [class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: normal;
  min-height: 1px;
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.sns-list {
  font-size: 0;
  clear: both;
  display: block;
  list-style: none;
  margin: -5px;
  padding: 0;
}

.sns-list > li {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  letter-spacing: normal;
  min-height: 1px;
  margin: 5px 0;
  padding: 0 5px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.btn-sns {
  font-size: 0;
  display: block;
}

/* html:not([data-platform="sp"]) */ .btn-sns:hover .btn-sns__label, /* html:not([data-platform="sp"]) */ .btn-sns:focus .btn-sns__label {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .btn-sns:hover .btn-sns__count, /* html:not([data-platform="sp"]) */ .btn-sns:focus .btn-sns__count {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

[data-platform="sp"] .btn-sns.js-add-is-touch .btn-sns__label {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  text-decoration: none;
}

[data-platform="sp"] .btn-sns.js-add-is-touch .btn-sns__count {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.btn-sns__label {
  font-size: 11px;
  font-size: 1.1rem;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  padding: 0 8px 0 28px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow .4s;
          transition: box-shadow .4s;
  vertical-align: middle;
}

.btn-sns__label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 50%;
}

.btn-sns__count {
  font-size: 10px;
  font-size: 1.0rem;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: inline-block;
  line-height: 29px;
  height: 30px;
  margin-left: 7px;
  padding: 0 8px;
  position: relative;
  vertical-align: middle;
}

.btn-sns__count:before, .btn-sns__count:after {
  border: medium solid transparent;
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
}

.btn-sns__count:before {
  border-color: transparent #e6e6e6 transparent transparent;
  border-width: 5px;
  margin-top: -5px;
}

.btn-sns__count:after {
  border-color: transparent #ffffff transparent transparent;
  border-width: 4px;
  margin-top: -4px;
}

.btn-sns__loading {
  -webkit-animation: loader .75s infinite linear;
          animation: loader .75s infinite linear;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid transparent;
  border-top-width: 0;
  display: inline-block;
  height: 12px;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
  vertical-align: middle;
  width: 12px;
}

@-webkit-keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.btn-sns__loading:before, .btn-sns__loading:after {
  -webkit-border-radius: inherit;
          border-radius: inherit;
  border: inherit;
  content: "";
  display: none;
  height: inherit;
  position: absolute;
  left: -1px;
  top: -1px;
  width: inherit;
}

.btn-sns.btn-sns--facebook .btn-sns__label {
  background-color: #3B5998;
}

.btn-sns.btn-sns--facebook .btn-sns__label:before {
  background-image: url(../image/sprite.png);
  background-position: -32px 0px;
  width: 15px;
  height: 15px;
  margin-top: -8px;
}

.btn-sns.btn-sns--facebook .btn-sns__loading {
  border-color: #3B5998;
}

.btn-sns.btn-sns--twitter .btn-sns__label {
  background-color: #55ACEE;
}

.btn-sns.btn-sns--twitter .btn-sns__label:before {
  background-image: url(../image/sprite.png);
  background-position: -62px 0px;
  width: 15px;
  height: 12px;
  margin-top: -6.5px;
}

.btn-sns.btn-sns--twitter .btn-sns__count {
  display: none;
}

.btn-sns.btn-sns--twitter .btn-sns__loading {
  border-color: #55ACEE;
}

.btn-sns.btn-sns--hatebu .btn-sns__label {
  background-color: #2C6EBD;
}

.btn-sns.btn-sns--hatebu .btn-sns__label:before {
  background-image: url(../image/sprite.png);
  background-position: -47px 0px;
  width: 15px;
  height: 13px;
  margin-top: -7px;
}

.btn-sns.btn-sns--hatebu .btn-sns__loading {
  border-color: #2C6EBD;
}

.wp-editor {
  clear: both;
}

.wp-editor:before, .wp-editor:after {
  content: "";
  display: table;
}

.wp-editor:after {
  clear: both;
}

.wp-editor h1,
.wp-editor h2,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6 {
  clear: both;
  font-weight: 900;
  margin: 56px 0 28px;
}

.wp-editor h1 {
  font-size: 33px;
  line-height: 1.2727272727;
}

.wp-editor h2 {
  font-size: 28px;
  line-height: 1.25;
}

.wp-editor h3 {
  font-size: 23px;
  line-height: 1.2173913043;
}

.wp-editor h4,
.wp-editor h5,
.wp-editor h6 {
  font-size: 19px;
  line-height: 1.1052631579;
}

.wp-editor h4 {
  letter-spacing: 0.13333em;
  text-transform: uppercase;
}

.wp-editor h6 {
  font-style: italic;
}

.wp-editor h1:first-child,
.wp-editor h2:first-child,
.wp-editor h3:first-child,
.wp-editor h4:first-child,
.wp-editor h5:first-child,
.wp-editor h6:first-child {
  margin-top: 0;
}

.wp-editor p {
  margin: 0 0 28px;
}

.wp-editor b,
.wp-editor strong {
  font-weight: 700;
}

.wp-editor dfn,
.wp-editor cite,
.wp-editor em,
.wp-editor i {
  font-style: italic;
}

.wp-editor blockquote {
  border-left: 4px solid #1a1a1a;
  color: #686868;
  font-size: 19px;
  font-style: italic;
  line-height: 1.4736842105;
  margin-bottom: 28px;
  padding: 0 0 0 24px;
}

.wp-editor blockquote blockquote:not(.alignleft):not(.alignright) {
  margin-left: 0;
}

.wp-editor blockquote:before,
.wp-editor blockquote:after {
  content: "";
  display: table;
}

.wp-editor blockquote:after {
  clear: both;
}

.wp-editor blockquote > :last-child {
  margin-bottom: 0;
}

.wp-editor blockquote cite,
.wp-editor blockquote small {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 1.75;
}

.wp-editor blockquote em,
.wp-editor blockquote i,
.wp-editor blockquote cite {
  font-style: normal;
}

.wp-editor blockquote strong,
.wp-editor blockquote b {
  font-weight: 400;
}

.wp-editor blockquote.alignleft,
.wp-editor blockquote.alignright {
  border: 0 solid #1a1a1a;
  border-top-width: 4px;
  padding: 18px 0 0;
  width: calc(50% - 14px);
}

.wp-editor address {
  font-style: italic;
  margin: 0 0 28px;
}

.wp-editor code,
.wp-editor kbd,
.wp-editor tt,
.wp-editor var,
.wp-editor samp,
.wp-editor pre {
  font-family: Inconsolata, monospace;
}

.wp-editor pre {
  border: 1px solid #d1d1d1;
  font-size: 16px;
  line-height: 1.3125;
  margin: 0 0 28px;
  max-width: 100%;
  overflow: auto;
  padding: 14px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.wp-editor code {
  background-color: #d1d1d1;
  padding: 2px 4px;
}

.wp-editor abbr[title] {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help;
}

.wp-editor mark,
.wp-editor ins {
  background: #007acc;
  color: #fff;
  padding: 2px 4px;
  text-decoration: none;
}

.wp-editor sup,
.wp-editor sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.wp-editor sub {
  top: -6px;
}

.wp-editor sup {
  bottom: -3px;
}

.wp-editor small {
  font-size: 80%;
}

.wp-editor big {
  font-size: 125%;
}

.wp-editor hr {
  background-color: #d1d1d1;
  border: 0;
  height: 1px;
  margin-bottom: 28px;
}

.wp-editor ul {
  list-style: disc;
}

.wp-editor ol {
  list-style: decimal;
}

.wp-editor li > ul,
.wp-editor li > ol {
  margin-bottom: 0;
}

.wp-editor li > ul,
.wp-editor blockquote > ul {
  margin-left: 20px;
}

.wp-editor li > ol,
.wp-editor blockquote > ol {
  margin-left: 24px;
}

.wp-editor dl {
  margin: 0 0 28px;
}

.wp-editor dt {
  font-weight: bold;
}

.wp-editor dd {
  margin: 0 0 28px;
}

.wp-editor table,
.wp-editor th,
.wp-editor td,
.wp-editor .mce-item-table,
.wp-editor .mce-item-table th,
.wp-editor .mce-item-table td {
  border: 1px solid #d1d1d1;
}

.wp-editor table a {
  color: #007acc;
}

.wp-editor table,
.wp-editor .mce-item-table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 28px;
  width: 100%;
}

.wp-editor table th,
.wp-editor .mce-item-table th,
.wp-editor table caption {
  border-width: 0 1px 1px 0;
  font-size: 16px;
  font-weight: 700;
  padding: 7px;
  text-align: left;
  vertical-align: baseline;
}

.wp-editor table td,
.wp-editor .mce-item-table td {
  border-width: 0 1px 1px 0;
  font-size: 16px;
  padding: 7px;
  vertical-align: baseline;
}

.wp-editor img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.wp-editor a img {
  display: block;
}

.wp-editor figure {
  margin: 0;
}

.wp-editor del {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.wp-editor a {
  -webkit-box-shadow: 0 1px 0 0 currentColor;
          box-shadow: 0 1px 0 0 currentColor;
  color: #007acc;
  text-decoration: none;
}

.wp-editor fieldset {
  border: 1px solid #d1d1d1;
  margin: 0 0 28px;
  padding: 14px;
}

.wp-editor .alignleft {
  float: left;
  margin: 6px 28px 28px 0;
}

.wp-editor .alignright {
  float: right;
  margin: 6px 0 28px 28px;
}

.wp-editor .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 28px;
}

.wp-editor .wp-caption {
  background: transparent;
  border: none;
  margin-bottom: 28px;
  max-width: 100%;
  padding: 0;
  text-align: inherit;
}

.wp-editor .wp-caption-text,
.wp-editor .wp-caption-dd {
  color: #686868;
  font-size: 13px;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 7px;
}

.wp-editor .mce-content-body .wpview-wrap {
  margin-bottom: 28px;
}

.wp-editor .gallery {
  margin: 0 -1.1666667%;
  padding: 0;
}

.wp-editor .gallery .gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 2.2801304%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.wp-editor .gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.wp-editor .gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.wp-editor .gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.wp-editor .gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.wp-editor .gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.wp-editor .gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.wp-editor .gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.wp-editor .gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.wp-editor .gallery .gallery-caption {
  font-size: 13px;
  margin: 0;
}

.wp-editor .gallery-columns-6 .gallery-caption,
.wp-editor .gallery-columns-7 .gallery-caption,
.wp-editor .gallery-columns-8 .gallery-caption,
.wp-editor .gallery-columns-9 .gallery-caption {
  display: none;
}

.wp-editor .wp-audio-shortcode a,
.wp-editor .wp-playlist a {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wp-editor .mce-content-body .wp-audio-playlist {
  margin: 0;
  padding-bottom: 0;
}

.wp-editor .mce-content-body .wp-playlist-tracks {
  margin-top: 0;
}

.wp-editor .mce-content-body .wp-playlist-item {
  padding: 10px 0;
}

.wp-editor .mce-content-body .wp-playlist-item-length {
  top: 10px;
}

.wp-editor .rtl blockquote {
  border: 0 solid #1a1a1a;
  border-right-width: 4px;
}

.wp-editor .rtl blockquote.alignleft,
.wp-editor .rtl blockquote.alignright {
  border: 0 solid #1a1a1a;
  border-top-width: 4px;
}

.wp-editor .rtl blockquote:not(.alignleft):not(.alignright) {
  margin-right: -28px;
  padding: 0 24px 0 0;
}

.wp-editor .rtl blockquote blockquote:not(.alignleft):not(.alignright) {
  margin-right: 0;
  margin-left: auto;
}

.wp-editor .rtl li > ul,
.wp-editor .rtl blockquote > ul {
  margin-right: 20px;
  margin-left: auto;
}

.wp-editor .rtl li > ol,
.wp-editor .rtl blockquote > ol {
  margin-right: 24px;
  margin-left: auto;
}

.wp-editor .rtl table th,
.wp-editor .rtl .mce-item-table th,
.wp-editor .rtl table caption {
  text-align: right;
}

.logo {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.logo__self {
  font-size: 0;
  display: block;
  margin: 0;
}

.breadcrumns {
  clear: both;
  margin: 15px 0 55px;
}

.breadcrumns:before, .breadcrumns:after {
  content: "";
  display: table;
}

.breadcrumns:after {
  clear: both;
}

.breadcrumns__inner {
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  width: 1300px;
}

.color-key {
  color: #344f9f;
}

.color-key2 {
  color: #ee8379;
}

.color-key3 {
  color: #ea6060;
}

.color-key4 {
  color: #f2f2f2;
}

.color-font {
  color: #535353;
}

.color-font2 {
  color: #53595d;
}

.color-font3 {
  color: #434343;
}

.tel-appointment {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #808486;
  display: inline-block;
  margin: -10px -15px;
  padding: 10px 15px;
  text-decoration: none;
  -webkit-transition: all .3s;
          transition: all .3s;
  vertical-align: top;
}

.tel-appointment.tel-appointment--drawer {
  color: #ffffff;
  margin: 0;
}

/* html:not([data-platform="sp"]) */ .tel-appointment.tel-appointment--drawer:hover, /* html:not([data-platform="sp"]) */ .tel-appointment.tel-appointment--drawer:focus {
  background-color: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}

[data-platform="sp"] .tel-appointment.tel-appointment--drawer.js-add-is-touch {
  background-color: rgba(255, 255, 255, 0.1);
  text-shadow: none;
}

.tel-appointment__self {
  font-size: 26px;
  font-size: 2.6rem;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1;
}

.tel-appointment__number {
  letter-spacing: .04em;
  margin-left: 6px;
}

.tel-appointment__time {
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: 1;
  margin-top: 2px;
}

/* html:not([data-platform="sp"]) */ .tel-appointment:hover, /* html:not([data-platform="sp"]) */ .tel-appointment:focus {
  text-decoration: none;
  text-shadow: 1px 1px 0 #e8e9ea, 2px 2px 0 #e8e9ea, 3px 3px 0 #e8e9ea, 4px 4px 0 #e8e9ea, 5px 5px 0 #e8e9ea, 6px 6px 0 #e8e9ea, 7px 7px 0 #e8e9ea;
}

[data-platform="sp"] .tel-appointment.js-add-is-touch {
  text-decoration: none;
  text-shadow: 1px 1px 0 #e8e9ea, 2px 2px 0 #e8e9ea, 3px 3px 0 #e8e9ea, 4px 4px 0 #e8e9ea, 5px 5px 0 #e8e9ea, 6px 6px 0 #e8e9ea, 7px 7px 0 #e8e9ea;
}

.btn-detail {
  border: 1px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s;
          transition: all .3s;
  vertical-align: top;
  width: 208px;
  max-width: 100%;
}

.btn-detail.btn-detail--large {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  width: 260px;
}

.btn-detail.btn-detail--large .btn-detail__self {
  height: 50px;
  line-height: 50px;
}

.btn-detail.btn-detail--xlarge {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  width: 300px;
}

.btn-detail.btn-detail--xlarge .btn-detail__self {
  height: 50px;
  line-height: 50px;
}

.btn-detail.btn-detail--key {
  border-color: #344f9f;
  color: #344f9f;
}

.btn-detail.btn-detail--key .btn-detail__self {
  color: #344f9f;
}

.btn-detail.btn-detail--key .btn-detail__self:before {
  background-image: url(../image/sprite.png);
  background-position: -8px 0px;
  width: 8px;
  height: 14px;
}

/* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--key:hover, /* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--key:focus {
  background-color: #344f9f;
}

/* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--key:hover .btn-detail__self, /* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--key:focus .btn-detail__self {
  color: #ffffff;
}

@-webkit-keyframes btn-detail-key-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes btn-detail-key-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

/* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--key:hover .btn-detail__self:before, /* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--key:focus .btn-detail__self:before {
  -webkit-animation: btn-detail-key-self .5s ease-in 0s 1 normal forwards;
          animation: btn-detail-key-self .5s ease-in 0s 1 normal forwards;
}

[data-platform="sp"] .btn-detail.btn-detail--key.js-add-is-touch {
  background-color: #344f9f;
}

[data-platform="sp"] .btn-detail.btn-detail--key.js-add-is-touch .btn-detail__self {
  color: #ffffff;
}

@keyframes btn-detail-key-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

[data-platform="sp"] .btn-detail.btn-detail--key.js-add-is-touch .btn-detail__self:before {
  -webkit-animation: btn-detail-key-self .5s ease-in 0s 1 normal forwards;
          animation: btn-detail-key-self .5s ease-in 0s 1 normal forwards;
}

.btn-detail.btn-detail--dark {
  border-color: #53595d;
  color: #53595d;
}

.btn-detail.btn-detail--dark .btn-detail__self {
  color: #53595d;
}

.btn-detail.btn-detail--dark .btn-detail__self:before {
  background-image: url(../image/sprite.png);
  background-position: 0px 0px;
  width: 8px;
  height: 14px;
}

/* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--dark:hover, /* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--dark:focus {
  background-color: #53595d;
  -webkit-box-shadow: 1px 1px 0 #9fa6aa, 2px 2px 0 #9fa6aa, 3px 3px 0 #9fa6aa, 4px 4px 0 #9fa6aa;
          box-shadow: 1px 1px 0 #9fa6aa, 2px 2px 0 #9fa6aa, 3px 3px 0 #9fa6aa, 4px 4px 0 #9fa6aa;
}

/* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--dark:hover .btn-detail__self, /* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--dark:focus .btn-detail__self {
  color: #ffffff;
}

@-webkit-keyframes btn-detail-btn-detail--dark-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes btn-detail-btn-detail--dark-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

/* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--dark:hover .btn-detail__self:before, /* html:not([data-platform="sp"]) */ .btn-detail.btn-detail--dark:focus .btn-detail__self:before {
  -webkit-animation: btn-detail-btn-detail--dark-self .5s ease-in 0s 1 normal forwards;
          animation: btn-detail-btn-detail--dark-self .5s ease-in 0s 1 normal forwards;
}

[data-platform="sp"] .btn-detail.btn-detail--dark.js-add-is-touch {
  background-color: #53595d;
  -webkit-box-shadow: 1px 1px 0 #9fa6aa, 2px 2px 0 #9fa6aa, 3px 3px 0 #9fa6aa, 4px 4px 0 #9fa6aa;
          box-shadow: 1px 1px 0 #9fa6aa, 2px 2px 0 #9fa6aa, 3px 3px 0 #9fa6aa, 4px 4px 0 #9fa6aa;
}

[data-platform="sp"] .btn-detail.btn-detail--dark.js-add-is-touch .btn-detail__self {
  color: #ffffff;
}

@keyframes btn-detail-btn-detail--dark-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -24px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

[data-platform="sp"] .btn-detail.btn-detail--dark.js-add-is-touch .btn-detail__self:before {
  -webkit-animation: btn-detail-btn-detail--dark-self .5s ease-in 0s 1 normal forwards;
          animation: btn-detail-btn-detail--dark-self .5s ease-in 0s 1 normal forwards;
}

.btn-detail__self {
  font-size: 15px;
  font-size: 1.5rem;
  color: #ffffff;
  display: block;
  height: 38px;
  line-height: 38px;
  font-weight: bold;
  letter-spacing: -.02em;
  text-align: center;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.btn-detail__self:before {
  background-image: url(../image/sprite.png);
  background-position: -24px 0px;
  width: 8px;
  height: 14px;
  content: "";
  display: inline-block;
  margin-right: 14px;
  position: relative;
  vertical-align: -1px;
}

/* html:not([data-platform="sp"]) */ .btn-detail:hover, /* html:not([data-platform="sp"]) */ .btn-detail:focus {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
          box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .btn-detail:hover .btn-detail__self, /* html:not([data-platform="sp"]) */ .btn-detail:focus .btn-detail__self {
  color: #344f9f;
}

@-webkit-keyframes btn-detail-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes btn-detail-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

/* html:not([data-platform="sp"]) */ .btn-detail:hover .btn-detail__self:before, /* html:not([data-platform="sp"]) */ .btn-detail:focus .btn-detail__self:before {
  -webkit-animation: btn-detail-self .5s ease-in 0s 1 normal forwards;
          animation: btn-detail-self .5s ease-in 0s 1 normal forwards;
}

[data-platform="sp"] .btn-detail.js-add-is-touch {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
          box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
  text-decoration: none;
}

[data-platform="sp"] .btn-detail.js-add-is-touch .btn-detail__self {
  color: #344f9f;
}

@keyframes btn-detail-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

[data-platform="sp"] .btn-detail.js-add-is-touch .btn-detail__self:before {
  -webkit-animation: btn-detail-self .5s ease-in 0s 1 normal forwards;
          animation: btn-detail-self .5s ease-in 0s 1 normal forwards;
}

.btn-detail:active {
  position: relative;
  left: 4px;
  top: 4px;
}

.btn-more, .btn-try {
  background-color: #ea6060;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: none;
  color: #ffffff;
  display: inline-block;
  outline: none;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.2s 0.6s, -webkit-border-radius 0.2s 0.578s, -webkit-box-shadow 0.2s 0.2s;
          transition: background-color 0.2s 0.6s, border-radius 0.2s 0.578s, box-shadow 0.2s 0.2s;
  vertical-align: top;
  width: 360px;
  max-width: 100%;
}

.btn-more.btn-more--square, .btn-more--square.btn-try {
  -webkit-border-radius: 0;
          border-radius: 0;
}

.btn-more.btn-more--small, .btn-more--small.btn-try {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  width: 175px;
}

.btn-more.btn-more--small .btn-more__self, .btn-more--small.btn-try .btn-more__self, .btn-more.btn-more--small .btn-try .btn-try__self, .btn-try .btn-more.btn-more--small .btn-try__self, .btn-more--small.btn-try .btn-try__self {
  height: 40px;
  line-height: 40px;
}

.btn-more.btn-more--small, .btn-more--small.btn-try {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  width: 175px;
}

.btn-more.btn-more--small .btn-more__self, .btn-more--small.btn-try .btn-more__self, .btn-more.btn-more--small .btn-try .btn-try__self, .btn-try .btn-more.btn-more--small .btn-try__self, .btn-more--small.btn-try .btn-try__self {
  height: 40px;
  line-height: 40px;
}

.btn-more:before, .btn-try:before, .btn-more:after, .btn-try:after {
  background-color: #ea6060;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1;
}

.btn-more:before, .btn-try:before {
  height: 1px;
  left: 0;
  top: 0;
  -webkit-transition: width 0.2s 0.6s linear;
          transition: width 0.2s 0.6s linear;
}

.btn-more:after, .btn-try:after {
  right: 0;
  top: 0;
  -webkit-transition: height 0.2s 0.6s linear;
          transition: height 0.2s 0.6s linear;
  width: 1px;
}

.btn-more__self, .btn-try .btn-try__self {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  display: block;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  -webkit-transition: color 0.2s 0.7s linear;
          transition: color 0.2s 0.7s linear;
}

.btn-more__self:before, .btn-try .btn-try__self:before, .btn-more__self:after, .btn-try .btn-try__self:after {
  background-color: #ea6060;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1;
}

.btn-more__self:before, .btn-try .btn-try__self:before {
  height: 1px;
  right: 0;
  bottom: 0;
  -webkit-transition: width 0.2s 0.6s linear;
          transition: width 0.2s 0.6s linear;
}

.btn-more__self:after, .btn-try .btn-try__self:after {
  left: 0;
  bottom: 0;
  -webkit-transition: height 0.2s 0.6s linear;
          transition: height 0.2s 0.6s linear;
  width: 1px;
}

.btn-more__icon {
  display: inline-block;
  margin-right: 7px;
  position: relative;
}

.btn-more__icon:before, .btn-more__icon:after {
  content: "";
  display: inline-block;
  -webkit-transition: opacity .3s .35s, -webkit-transform .3s .35s;
          transition: opacity .3s .35s, transform .3s .35s;
  vertical-align: top;
}

.btn-more__icon:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.btn-more__icon:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(0.4, 0.4);
          transform: scale(0.4, 0.4);
}

.btn-more__icon--pdf {
  height: 27px;
  vertical-align: -11px;
  width: 20px;
}

.btn-more__icon--pdf:before {
  background-image: url(../image/sprite.png);
  background-position: -388px 0px;
  width: 20px;
  height: 27px;
}

.btn-more__icon--pdf:after {
  background-image: url(../image/sprite.png);
  background-position: -368px 0px;
  width: 20px;
  height: 27px;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover, /* html:not([data-platform="sp"]) */ .btn-try:hover, /* html:not([data-platform="sp"]) */ .btn-more:focus, /* html:not([data-platform="sp"]) */ .btn-try:focus {
  background-color: #ffffff;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
          box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
  text-decoration: none;
  -webkit-transition: background-color 0.2s 0.2s linear, -webkit-border-radius 0.2s 0.4s, -webkit-box-shadow 0.2s 0.8s linear;
          transition: background-color 0.2s 0.2s linear, border-radius 0.2s 0.4s, box-shadow 0.2s 0.8s linear;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover:before, /* html:not([data-platform="sp"]) */ .btn-try:hover:before, /* html:not([data-platform="sp"]) */ .btn-more:focus:before, /* html:not([data-platform="sp"]) */ .btn-try:focus:before {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  width: 100%;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover:after, /* html:not([data-platform="sp"]) */ .btn-try:hover:after, /* html:not([data-platform="sp"]) */ .btn-more:focus:after, /* html:not([data-platform="sp"]) */ .btn-try:focus:after {
  height: 100%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover .btn-more__self, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-more__self, /* html:not([data-platform="sp"]) */ .btn-more:hover .btn-try .btn-try__self, .btn-try /* html:not([data-platform="sp"]) */ .btn-more:hover .btn-try__self, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-try__self, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-more__self, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-more__self, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-try .btn-try__self, .btn-try /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-try__self, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-try__self {
  color: #ea6060;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover .btn-more__self:before, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-more__self:before, /* html:not([data-platform="sp"]) */ .btn-more:hover .btn-try .btn-try__self:before, .btn-try /* html:not([data-platform="sp"]) */ .btn-more:hover .btn-try__self:before, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-try__self:before, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-more__self:before, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-more__self:before, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-try .btn-try__self:before, .btn-try /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-try__self:before, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-try__self:before {
  width: 100%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover .btn-more__self:after, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-more__self:after, /* html:not([data-platform="sp"]) */ .btn-more:hover .btn-try .btn-try__self:after, .btn-try /* html:not([data-platform="sp"]) */ .btn-more:hover .btn-try__self:after, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-try__self:after, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-more__self:after, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-more__self:after, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-try .btn-try__self:after, .btn-try /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-try__self:after, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-try__self:after {
  height: 100%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover .btn-more__icon:before, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-more__icon:before, /* html:not([data-platform="sp"]) */ .btn-more:hover .btn-more__icon:after, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-more__icon:after, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-more__icon:before, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-more__icon:before, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-more__icon:after, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-more__icon:after {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

/* html:not([data-platform="sp"]) */ .btn-more:hover .btn-more__icon:before, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-more__icon:before, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-more__icon:before, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-more__icon:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0.4, 0.4);
          transform: scale(0.4, 0.4);
}

/* html:not([data-platform="sp"]) */ .btn-more:hover .btn-more__icon:after, /* html:not([data-platform="sp"]) */ .btn-try:hover .btn-more__icon:after, /* html:not([data-platform="sp"]) */ .btn-more:focus .btn-more__icon:after, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-more__icon:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

[data-platform="sp"] .btn-more.js-add-is-touch, [data-platform="sp"] .js-add-is-touch.btn-try {
  background-color: #ffffff;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
          box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
  text-decoration: none;
  -webkit-transition: background-color 0.2s 0.2s linear, -webkit-border-radius 0.2s 0.4s, -webkit-box-shadow 0.2s 0.8s linear;
          transition: background-color 0.2s 0.2s linear, border-radius 0.2s 0.4s, box-shadow 0.2s 0.8s linear;
}

[data-platform="sp"] .btn-more.js-add-is-touch:before, [data-platform="sp"] .js-add-is-touch.btn-try:before {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  width: 100%;
}

[data-platform="sp"] .btn-more.js-add-is-touch:after, [data-platform="sp"] .js-add-is-touch.btn-try:after {
  height: 100%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

[data-platform="sp"] .btn-more.js-add-is-touch .btn-more__self, [data-platform="sp"] .js-add-is-touch.btn-try .btn-more__self, [data-platform="sp"] .btn-more.js-add-is-touch .btn-try .btn-try__self, .btn-try [data-platform="sp"] .btn-more.js-add-is-touch .btn-try__self, [data-platform="sp"] .js-add-is-touch.btn-try .btn-try__self {
  color: #ea6060;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

[data-platform="sp"] .btn-more.js-add-is-touch .btn-more__self:before, [data-platform="sp"] .js-add-is-touch.btn-try .btn-more__self:before, [data-platform="sp"] .btn-more.js-add-is-touch .btn-try .btn-try__self:before, .btn-try [data-platform="sp"] .btn-more.js-add-is-touch .btn-try__self:before, [data-platform="sp"] .js-add-is-touch.btn-try .btn-try__self:before {
  width: 100%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

[data-platform="sp"] .btn-more.js-add-is-touch .btn-more__self:after, [data-platform="sp"] .js-add-is-touch.btn-try .btn-more__self:after, [data-platform="sp"] .btn-more.js-add-is-touch .btn-try .btn-try__self:after, .btn-try [data-platform="sp"] .btn-more.js-add-is-touch .btn-try__self:after, [data-platform="sp"] .js-add-is-touch.btn-try .btn-try__self:after {
  height: 100%;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

[data-platform="sp"] .btn-more.js-add-is-touch .btn-more__icon:before, [data-platform="sp"] .js-add-is-touch.btn-try .btn-more__icon:before, [data-platform="sp"] .btn-more.js-add-is-touch .btn-more__icon:after, [data-platform="sp"] .js-add-is-touch.btn-try .btn-more__icon:after {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

[data-platform="sp"] .btn-more.js-add-is-touch .btn-more__icon:before, [data-platform="sp"] .js-add-is-touch.btn-try .btn-more__icon:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0.4, 0.4);
          transform: scale(0.4, 0.4);
}

[data-platform="sp"] .btn-more.js-add-is-touch .btn-more__icon:after, [data-platform="sp"] .js-add-is-touch.btn-try .btn-more__icon:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.btn-more2 {
  background-color: #ffffff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 1px solid #ea6060;
  color: #ea6060;
  display: inline-block;
  outline: none;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .3s, -webkit-box-shadow .3s ease-in;
          transition: background-color .3s, box-shadow .3s ease-in;
  vertical-align: top;
  width: 360px;
  max-width: 100%;
  z-index: 1;
}

.btn-more2:before {
  content: "";
  display: block;
  background-color: #ed7777;
  position: absolute;
  left: -10%;
  top: -10%;
  height: 120%;
  -webkit-transform: skewX(-10deg) translateX(-100%);
          transform: skewX(-10deg) translateX(-100%);
  -webkit-transition: -webkit-transform .3s ease-in .05s;
          transition: transform .3s ease-in .05s;
  width: 120%;
  z-index: -1;
}

.btn-more2:after {
  content: "";
  display: block;
  background-color: #f6baba;
  position: absolute;
  left: -10%;
  top: -10%;
  height: 120%;
  -webkit-transform: skewX(-10deg) translateX(-100%);
          transform: skewX(-10deg) translateX(-100%);
  -webkit-transition: -webkit-transform .31s ease-in;
          transition: transform .31s ease-in;
  width: 120%;
  z-index: -2;
}

.btn-more2__self {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ea6060;
  display: block;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  -webkit-transition: color .2s ease-in;
          transition: color .2s ease-in;
}

/* html:not([data-platform="sp"]) */ .btn-more2:hover, /* html:not([data-platform="sp"]) */ .btn-more2:focus {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
          box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .btn-more2:hover:before, /* html:not([data-platform="sp"]) */ .btn-more2:focus:before {
  -webkit-animation: keyframes-btn-more2-bg .6s linear .35s infinite normal;
          animation: keyframes-btn-more2-bg .6s linear .35s infinite normal;
  -webkit-transform: skewX(-10deg) translateX(0);
          transform: skewX(-10deg) translateX(0);
}

@-webkit-keyframes keyframes-btn-more2-bg {
  0% {
    background-color: #ed7777;
  }
  50% {
    background-color: #ee8282;
  }
  100% {
    background-color: #ed7777;
  }
}

@keyframes keyframes-btn-more2-bg {
  0% {
    background-color: #ed7777;
  }
  50% {
    background-color: #ee8282;
  }
  100% {
    background-color: #ed7777;
  }
}

/* html:not([data-platform="sp"]) */ .btn-more2:hover:after, /* html:not([data-platform="sp"]) */ .btn-more2:focus:after {
  -webkit-transform: skewX(-10deg) translateX(0);
          transform: skewX(-10deg) translateX(0);
}

/* html:not([data-platform="sp"]) */ .btn-more2:hover .btn-more2__self, /* html:not([data-platform="sp"]) */ .btn-more2:focus .btn-more2__self {
  color: #ffffff;
}

[data-platform="sp"] .btn-more2.js-add-is-touch {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
          box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba;
  text-decoration: none;
}

[data-platform="sp"] .btn-more2.js-add-is-touch:before {
  -webkit-animation: keyframes-btn-more2-bg .6s linear .35s infinite normal;
          animation: keyframes-btn-more2-bg .6s linear .35s infinite normal;
  -webkit-transform: skewX(-10deg) translateX(0);
          transform: skewX(-10deg) translateX(0);
}

@keyframes keyframes-btn-more2-bg {
  0% {
    background-color: #ed7777;
  }
  50% {
    background-color: #ee8282;
  }
  100% {
    background-color: #ed7777;
  }
}

[data-platform="sp"] .btn-more2.js-add-is-touch:after {
  -webkit-transform: skewX(-10deg) translateX(0);
          transform: skewX(-10deg) translateX(0);
}

[data-platform="sp"] .btn-more2.js-add-is-touch .btn-more2__self {
  color: #ffffff;
}

.btn-try {
  background-color: #344f9f;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  color: #ffffff;
  width: 175px;
}

.btn-try:before, .btn-try:after {
  background-color: #344f9f;
}

.btn-try .btn-try__self:before, .btn-try .btn-try__self:after {
  background-color: #344f9f;
}

/* html:not([data-platform="sp"]) */ .btn-try:hover, /* html:not([data-platform="sp"]) */ .btn-try:focus {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
          box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
}

/* html:not([data-platform="sp"]) */ .btn-try:hover .btn-try__self, /* html:not([data-platform="sp"]) */ .btn-try:focus .btn-try__self {
  color: #344f9f;
}

[data-platform="sp"] .btn-try.js-add-is-touch {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
          box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce;
}

[data-platform="sp"] .btn-try.js-add-is-touch .btn-try__self {
  color: #344f9f;
}

.btn-action {
  background-color: #ea6060;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 1px solid transparent;
  color: #fff;
  display: inline-block;
  margin: 0 auto;
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s;
          transition: all .3s;
  vertical-align: top;
  width: 635px;
  max-width: 100%;
}

.btn-action__self {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  display: block;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-weight: 500;
  letter-spacing: .02em;
  padding: 18px 1em;
  text-align: center;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.btn-action__self:before {
  background-image: url(../image/sprite.png);
  background-position: -24px 0px;
  width: 8px;
  height: 14px;
  content: "";
  display: inline-block;
  margin-right: 14px;
  position: relative;
  vertical-align: 1px;
}

/* html:not([data-platform="sp"]) */ .btn-action:hover, /* html:not([data-platform="sp"]) */ .btn-action:focus {
  background-color: #fff;
  border-color: #ea6060;
  -webkit-box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba, 5px 5px 0 #f6baba, 6px 6px 0 #f6baba;
          box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba, 5px 5px 0 #f6baba, 6px 6px 0 #f6baba;
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .btn-action:hover .btn-action__self, /* html:not([data-platform="sp"]) */ .btn-action:focus .btn-action__self {
  color: #ee8379;
}

@-webkit-keyframes btn-action-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes btn-action-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

/* html:not([data-platform="sp"]) */ .btn-action:hover .btn-action__self:before, /* html:not([data-platform="sp"]) */ .btn-action:focus .btn-action__self:before {
  -webkit-animation: btn-action-self .5s ease-in 0s 1 normal forwards;
          animation: btn-action-self .5s ease-in 0s 1 normal forwards;
}

[data-platform="sp"] .btn-action.js-add-is-touch {
  background-color: #fff;
  border-color: #ea6060;
  -webkit-box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba, 5px 5px 0 #f6baba, 6px 6px 0 #f6baba;
          box-shadow: 1px 1px 0 #f6baba, 2px 2px 0 #f6baba, 3px 3px 0 #f6baba, 4px 4px 0 #f6baba, 5px 5px 0 #f6baba, 6px 6px 0 #f6baba;
  text-decoration: none;
}

[data-platform="sp"] .btn-action.js-add-is-touch .btn-action__self {
  color: #ee8379;
}

@keyframes btn-action-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -16px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

[data-platform="sp"] .btn-action.js-add-is-touch .btn-action__self:before {
  -webkit-animation: btn-action-self .5s ease-in 0s 1 normal forwards;
          animation: btn-action-self .5s ease-in 0s 1 normal forwards;
}

.btn-action--print .btn-action__self:before {
  background-image: url(../image/sprite.png);
  background-position: -424px 0px;
  width: 16px;
  height: 15px;
  vertical-align: -1px;
}

@-webkit-keyframes btn-action--print-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes btn-action--print-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

/* html:not([data-platform="sp"]) */ .btn-action--print:hover .btn-action__self:before, /* html:not([data-platform="sp"]) */ .btn-action--print:focus .btn-action__self:before {
  -webkit-animation: btn-action--print-self .5s ease-in 0s 1 normal forwards;
          animation: btn-action--print-self .5s ease-in 0s 1 normal forwards;
}

@keyframes btn-action--print-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -408px 0px;
    width: 16px;
    height: 15px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

[data-platform="sp"] .btn-action--print.js-add-is-touch .btn-action__self:before {
  -webkit-animation: btn-action--print-self .5s ease-in 0s 1 normal forwards;
          animation: btn-action--print-self .5s ease-in 0s 1 normal forwards;
}

.btn-action--send {
  background-color: #344f9f;
}

/* html:not([data-platform="sp"]) */ .btn-action--send:hover, /* html:not([data-platform="sp"]) */ .btn-action--send:focus {
  background-color: #fff;
  border-color: #344f9f;
  -webkit-box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce, 5px 5px 0 #6b84ce, 6px 6px 0 #6b84ce;
          box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce, 5px 5px 0 #6b84ce, 6px 6px 0 #6b84ce;
}

/* html:not([data-platform="sp"]) */ .btn-action--send:hover .btn-action__self, /* html:not([data-platform="sp"]) */ .btn-action--send:focus .btn-action__self {
  color: #344f9f;
}

@-webkit-keyframes btn-action--send-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes btn-action--send-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

/* html:not([data-platform="sp"]) */ .btn-action--send:hover .btn-action__self:before, /* html:not([data-platform="sp"]) */ .btn-action--send:focus .btn-action__self:before {
  -webkit-animation: btn-action--send-self .5s ease-in 0s 1 normal forwards;
          animation: btn-action--send-self .5s ease-in 0s 1 normal forwards;
}

[data-platform="sp"] .btn-action--send.js-add-is-touch {
  background-color: #fff;
  border-color: #344f9f;
  -webkit-box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce, 5px 5px 0 #6b84ce, 6px 6px 0 #6b84ce;
          box-shadow: 1px 1px 0 #6b84ce, 2px 2px 0 #6b84ce, 3px 3px 0 #6b84ce, 4px 4px 0 #6b84ce, 5px 5px 0 #6b84ce, 6px 6px 0 #6b84ce;
}

[data-platform="sp"] .btn-action--send.js-add-is-touch .btn-action__self {
  color: #344f9f;
}

@keyframes btn-action--send-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -8px 0px;
    width: 8px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

[data-platform="sp"] .btn-action--send.js-add-is-touch .btn-action__self:before {
  -webkit-animation: btn-action--send-self .5s ease-in 0s 1 normal forwards;
          animation: btn-action--send-self .5s ease-in 0s 1 normal forwards;
}

.btn-return {
  background-color: #434343;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 1px solid transparent;
  color: #fff;
  display: inline-block;
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s;
          transition: all .3s;
  vertical-align: top;
  width: 280px;
  max-width: 100%;
}

.btn-return__self {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  display: block;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 18px .5em;
  text-align: center;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.btn-return__self:before {
  background-image: url(../image/sprite.png);
  background-position: -501px 0px;
  width: 15px;
  height: 14px;
  content: "";
  display: inline-block;
  margin-right: 14px;
  position: relative;
  vertical-align: 1px;
}

/* html:not([data-platform="sp"]) */ .btn-return:hover, /* html:not([data-platform="sp"]) */ .btn-return:focus {
  background-color: #fff;
  border-color: #535353;
  -webkit-box-shadow: 1px 1px 0 #868686, 2px 2px 0 #868686, 3px 3px 0 #868686, 4px 4px 0 #868686, 5px 5px 0 #868686, 6px 6px 0 #868686;
          box-shadow: 1px 1px 0 #868686, 2px 2px 0 #868686, 3px 3px 0 #868686, 4px 4px 0 #868686, 5px 5px 0 #868686, 6px 6px 0 #868686;
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .btn-return:hover .btn-return__self, /* html:not([data-platform="sp"]) */ .btn-return:focus .btn-return__self {
  color: #535353;
}

@-webkit-keyframes btn-return-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

@keyframes btn-return-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

/* html:not([data-platform="sp"]) */ .btn-return:hover .btn-return__self:before, /* html:not([data-platform="sp"]) */ .btn-return:focus .btn-return__self:before {
  -webkit-animation: btn-return-self .5s ease-in 0s 1 normal forwards;
          animation: btn-return-self .5s ease-in 0s 1 normal forwards;
}

[data-platform="sp"] .btn-return.js-add-is-touch {
  background-color: #fff;
  border-color: #535353;
  -webkit-box-shadow: 1px 1px 0 #868686, 2px 2px 0 #868686, 3px 3px 0 #868686, 4px 4px 0 #868686, 5px 5px 0 #868686, 6px 6px 0 #868686;
          box-shadow: 1px 1px 0 #868686, 2px 2px 0 #868686, 3px 3px 0 #868686, 4px 4px 0 #868686, 5px 5px 0 #868686, 6px 6px 0 #868686;
  text-decoration: none;
}

[data-platform="sp"] .btn-return.js-add-is-touch .btn-return__self {
  color: #535353;
}

@keyframes btn-return-self {
  0% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  30% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -10px
  }
  100% {
    background-image: url(../image/sprite.png);
    background-position: -486px 0px;
    width: 15px;
    height: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0
  }
}

[data-platform="sp"] .btn-return.js-add-is-touch .btn-return__self:before {
  -webkit-animation: btn-return-self .5s ease-in 0s 1 normal forwards;
          animation: btn-return-self .5s ease-in 0s 1 normal forwards;
}

.btn-quick {
  background-color: #ea6060;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  outline: none;
  padding: 0 27px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .3s, -webkit-box-shadow .3s;
          transition: background-color .3s, box-shadow .3s;
  vertical-align: top;
  width: 200px;
  max-width: 100%;
}

.btn-quick:before, .btn-quick:after {
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  display: block;
  height: 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 0;
  -webkit-transition: right .3s;
          transition: right .3s;
}

.btn-quick:before {
  border-left-color: #ffffff;
  right: 10px;
}

.btn-quick:after {
  border-left-color: #ea6060;
  right: 12px;
}

.btn-quick__self {
  font-size: 14px;
  font-size: 1.4rem;
  height: 50px;
  display: block;
  font-weight: bold;
  line-height: 50px;
  position: relative;
  /*
    &:before,
    &:after {
      background-color: $color-btn-quick;
      content: "";
      display: block;
      height: 1px;
      opacity: 0;
      position: absolute; bottom: 12px;
      transition: all .3s;
      width: 0;
    }
    &:before {
      left: 49%;
    }
    &:after {
      right: 49%;
    }
    */
}

/* html:not([data-platform="sp"]) */ .btn-quick:hover, /* html:not([data-platform="sp"]) */ .btn-quick:focus {
  background-color: #eb6b6b;
  -webkit-box-shadow: 1px 1px 0 #f8c8c8, 2px 2px 0 #f8c8c8, 3px 3px 0 #f8c8c8, 4px 4px 0 #f8c8c8;
          box-shadow: 1px 1px 0 #f8c8c8, 2px 2px 0 #f8c8c8, 3px 3px 0 #f8c8c8, 4px 4px 0 #f8c8c8;
  text-decoration: none;
  /*
    .btn-quick__self {

      &:before,
      &:after {
        opacity: 1;
        width: 45%;
      }
    }
    */
}

/* html:not([data-platform="sp"]) */ .btn-quick:hover:after, /* html:not([data-platform="sp"]) */ .btn-quick:focus:after {
  right: 16px;
}

[data-platform="sp"] .btn-quick.js-add-is-touch {
  background-color: #eb6b6b;
  -webkit-box-shadow: 1px 1px 0 #f8c8c8, 2px 2px 0 #f8c8c8, 3px 3px 0 #f8c8c8, 4px 4px 0 #f8c8c8;
          box-shadow: 1px 1px 0 #f8c8c8, 2px 2px 0 #f8c8c8, 3px 3px 0 #f8c8c8, 4px 4px 0 #f8c8c8;
  text-decoration: none;
  /*
    .btn-quick__self {

      &:before,
      &:after {
        opacity: 1;
        width: 45%;
      }
    }
    */
}

[data-platform="sp"] .btn-quick.js-add-is-touch:after {
  right: 16px;
}

.btn-quick:active {
  top: 2px;
}

.btn-jump {
  background-color: #f5f5f5;
  color: #454a4d;
  display: block;
  height: 25px;
  -webkit-transition: background-color .3s .3s, -webkit-box-shadow .3s 0s;
          transition: background-color .3s .3s, box-shadow .3s 0s;
  text-decoration: none;
  width: 110px;
}

.btn-jump__self {
  display: block;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  line-height: 25px;
  text-align: center;
}

/* html:not([data-platform="sp"]) */ .btn-jump:hover, /* html:not([data-platform="sp"]) */ .btn-jump:focus {
  background-color: #e8e8e8;
  -webkit-box-shadow: 1px 1px 0 #c2c2c2, 2px 2px 0 #c2c2c2, 3px 3px 0 #c2c2c2, 4px 4px 0 #c2c2c2;
          box-shadow: 1px 1px 0 #c2c2c2, 2px 2px 0 #c2c2c2, 3px 3px 0 #c2c2c2, 4px 4px 0 #c2c2c2;
  text-decoration: none;
  -webkit-transition: background-color .3s 0s, -webkit-box-shadow .3s .3s;
          transition: background-color .3s 0s, box-shadow .3s .3s;
}

[data-platform="sp"] .btn-jump.js-add-is-touch {
  background-color: #e8e8e8;
  -webkit-box-shadow: 1px 1px 0 #c2c2c2, 2px 2px 0 #c2c2c2, 3px 3px 0 #c2c2c2, 4px 4px 0 #c2c2c2;
          box-shadow: 1px 1px 0 #c2c2c2, 2px 2px 0 #c2c2c2, 3px 3px 0 #c2c2c2, 4px 4px 0 #c2c2c2;
  text-decoration: none;
  -webkit-transition: background-color .3s 0s, -webkit-box-shadow .3s .3s;
          transition: background-color .3s 0s, box-shadow .3s .3s;
}

.btn-jump:active {
  position: relative;
  top: 4px;
  left: 4px;
}

.btn-drawer {
  clear: both;
  display: inline-block;
  margin: -10px;
  padding: 10px;
  pointer: cursor;
  vertical-align: top;
}

.btn-drawer:before, .btn-drawer:after {
  content: "";
  display: table;
}

.btn-drawer:after {
  clear: both;
}

.btn-drawer.btn-drawer--header {
  margin: -23px -10px;
  padding: 23px 10px;
}

.btn-drawer__text {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  float: left;
  margin-right: 5px;
  position: relative;
}

.btn-drawer__text:before, .btn-drawer__text:after {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1;
  text-shadow: 0 1px 0 white, 1px 0 0 white, 0 -1px 0 white, -1px 0 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
  -webkit-transition: color .3s, opacity .3s, left .3s, text-shadow .3s .3s;
          transition: color .3s, opacity .3s, left .3s, text-shadow .3s .3s;
  white-space: nowrap;
}

.btn-drawer__text:before {
  color: #434343;
  content: "MENU";
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: relative;
  left: 0;
}

.btn-drawer__text:after {
  color: #344f9f;
  content: "OPEN";
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: -10px;
  top: 0;
}

.btn-drawer__icon {
  display: block;
  float: left;
}

.btn-drawer-icon {
  display: block;
  height: 15px;
  position: relative;
  width: 35px;
}

.btn-drawer-icon:before, .btn-drawer-icon:after {
  content: "";
  background: #344f9f;
  display: block;
  height: 3px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: 5px;
  top: 6.5px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all .3s;
          transition: all .3s;
  width: 25px;
}

.btn-drawer-icon [class*="btn-drawer-icon__"] {
  position: absolute;
  left: 0;
}

.btn-drawer-icon [class*="btn-drawer-icon__"]:before, .btn-drawer-icon [class*="btn-drawer-icon__"]:after {
  background-color: #434343;
  content: "";
  display: block;
  height: 3px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  top: 0;
  -webkit-transition: all .3s .15s;
          transition: all .3s .15s;
}

.btn-drawer-icon [class*="btn-drawer-icon__"]:before {
  left: 0;
  width: 7px;
}

.btn-drawer-icon [class*="btn-drawer-icon__"]:after {
  left: 10px;
  width: 25px;
}

.btn-drawer-icon__top {
  top: 0;
}

.btn-drawer-icon__middle {
  top: 6px;
}

.btn-drawer-icon__bottom {
  top: 12px;
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer__text:before, [id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer__text:after {
  text-shadow: none;
  -webkit-transition: color .3s, opacity .3s, left .3s, text-shadow .3s;
          transition: color .3s, opacity .3s, left .3s, text-shadow .3s;
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer__text:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: 10px;
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer__text:after {
  color: #ffffff;
  content: "CLOSE";
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: 0;
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon:before, [id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon:after {
  background-color: #ffffff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon [class*="btn-drawer-icon__"]:before, [id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon [class*="btn-drawer-icon__"]:after {
  background-color: #344f9f;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon [class*="btn-drawer-icon__"]:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3px;
}

[id="state-drawer"]:checked ~ .l-trigger-drawer .btn-drawer-icon [class*="btn-drawer-icon__"]:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: 13px;
}

/* html:not([data-platform="sp"]) */ .btn-drawer:hover .btn-drawer__text:before, /* html:not([data-platform="sp"]) */ .btn-drawer:focus .btn-drawer__text:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: 10px;
}

/* html:not([data-platform="sp"]) */ .btn-drawer:hover .btn-drawer__text:after, /* html:not([data-platform="sp"]) */ .btn-drawer:focus .btn-drawer__text:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: 0;
}

/* html:not([data-platform="sp"]) */ .btn-drawer:hover .btn-drawer-icon [class*="btn-drawer-icon__"]:before, /* html:not([data-platform="sp"]) */ .btn-drawer:hover .btn-drawer-icon [class*="btn-drawer-icon__"]:after, /* html:not([data-platform="sp"]) */ .btn-drawer:focus .btn-drawer-icon [class*="btn-drawer-icon__"]:before, /* html:not([data-platform="sp"]) */ .btn-drawer:focus .btn-drawer-icon [class*="btn-drawer-icon__"]:after {
  background-color: #344f9f;
}

[data-platform="sp"] .btn-drawer.js-add-is-touch .btn-drawer__text:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: 10px;
}

[data-platform="sp"] .btn-drawer.js-add-is-touch .btn-drawer__text:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: 0;
}

[data-platform="sp"] .btn-drawer.js-add-is-touch .btn-drawer-icon [class*="btn-drawer-icon__"]:before, [data-platform="sp"] .btn-drawer.js-add-is-touch .btn-drawer-icon [class*="btn-drawer-icon__"]:after {
  background-color: #344f9f;
}

.btn-share {
  clear: both;
  display: inline-block;
  pointer: cursor;
  vertical-align: top;
}

.btn-share:before, .btn-share:after {
  content: "";
  display: table;
}

.btn-share:after {
  clear: both;
}

.btn-share.btn-share--header {
  margin: -10px;
  padding: 10px;
}

.btn-share__icon {
  display: block;
  float: left;
}

.btn-share-icon {
  display: block;
  height: 25px;
  position: relative;
  width: 20px;
}

.btn-share-icon:before, .btn-share-icon:after {
  content: "";
  background: #344f9f;
  display: block;
  height: 3px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: 5px;
  top: 6.5px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all .3s;
          transition: all .3s;
  width: 20px;
}

.btn-share-icon [class*="btn-share-icon__"]:before {
  background-color: #434343;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  -webkit-transition: all .3s .15s;
          transition: all .3s .15s;
  width: 6px;
}

.btn-share-icon [class*="btn-share-icon__"]:after {
  background: #434343;
  display: block;
  height: 2px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: absolute;
  left: 2px;
  top: 50%;
  -webkit-transition: all .3s .15s;
          transition: all .3s .15s;
  width: 15px;
}

.btn-share-icon__top:before {
  right: 0;
  top: 0;
}

.btn-share-icon__top:after {
  content: "";
  margin-top: -5px;
  -webkit-transform: rotate(-37deg);
          transform: rotate(-37deg);
}

.btn-share-icon__middle:before {
  margin-top: -3px;
  left: 0;
  top: 50%;
}

.btn-share-icon__bottom:before {
  right: 0;
  bottom: 0;
}

.btn-share-icon__bottom:after {
  content: "";
  margin-top: 4px;
  -webkit-transform: rotate(37deg);
          transform: rotate(37deg);
}

.container {
  clear: both;
}

.container:before, .container:after {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.container + .container, .container:first-child:last-child {
  margin-top: 100px;
}

.section + .container {
  margin-top: 100px;
}

.container--content {
  max-width: 950px;
}

.container--spacer {
  padding-top: 120px;
}

.section {
  clear: both;
}

.section:before, .section:after {
  content: "";
  display: table;
}

.section:after {
  clear: both;
}

.section + .section {
  margin-top: 100px;
}

.container + .section {
  margin-top: 100px;
}

.headline {
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  margin-bottom: 25px;
  padding: 0 30px;
  position: relative;
  text-align: center;
}

.headline:before {
  background-color: #ea6060;
  content: "";
  display: inline-block;
  height: 3px;
  position: absolute;
  left: 0;
  top: 16px;
  vertical-align: top;
  width: 20px;
}

.headline__self {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.headline-label {
  font-size: 27px;
  font-size: 2.7rem;
  color: #434343;
  display: block;
  font-family: "Lora", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.36029;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

.headline-label:before, .headline-label:after {
  display: inline-block;
  vertical-align: top;
}

.headline-label:before {
  content: "“";
  margin-right: 11px;
}

.headline-label:after {
  content: "”";
  margin-left: 11px;
}

.headline-name {
  font-size: 16px;
  font-size: 1.6rem;
  color: #939698;
  display: block;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  letter-spacing: .02em;
  line-height: 1.36029;
}

.heading {
  clear: both;
  border-top: 1px solid #a1a1a1;
  margin-bottom: 30px;
  padding-top: 20px;
}

.heading:before, .heading:after {
  content: "";
  display: table;
}

.heading:after {
  clear: both;
}

.heading__btn {
  float: right;
  margin: -5px 0 0 10px;
}

.heading__self {
  font-weight: normal;
  line-height: 1;
  overflow: hidden;
  margin: 0;
}

.heading-label {
  font-size: 23px;
  font-size: 2.3rem;
  color: #434343;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-right: 5px;
}

.heading-name {
  font-size: 14px;
  font-size: 1.4rem;
  color: #939698;
  display: inline-block;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  line-height: 1;
}

.caption {
  font-size: 22px;
  font-size: 2.2rem;
  clear: both;
  color: #53595d;
  font-family: YuMincho, "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", serif;
  letter-spacing: .02em;
  line-height: 1.55;
  margin: 0 0 25px;
  text-align: center;
}

.caption-middle {
  font-size: 18px;
  font-size: 1.8rem;
  color: #434343;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  margin: 0 0 1.1em;
  padding-left: 1em;
  text-indent: -1em;
}

* + .caption-middle {
  margin-top: 2.5em;
}

.caption-middle--key {
  color: #344f9f;
}
.caption-middle--key3 {
  color: #ea6060;
}

.caption-middle2 {
  font-size: 20px;
  font-size: 2.0rem;
  border-bottom: 1px dotted #b4b4b4;
  color: #434343;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
  margin: 0 0 1.3em;
  padding: 0 0 2px 1em;
  text-indent: -1em;
}

* + .caption-middle2 {
  margin-top: 2.5em;
}

.caption-middle2--noBorder {
  border-bottom: none;
  margin-bottom: .55em;
}

.caption-small {
  font-size: 15px;
  font-size: 1.5rem;
  color: #434343;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
  margin: 0 0 .85em;
  padding: 0;
}

*:not([class^="caption"]) + .caption-small {
  margin-top: 2.5em;
}

.caption-small--mark {
  padding-left: 1em;
  text-indent: -1em;
}

.sub-caption {
  font-size: 26px;
  font-size: 2.6rem;
  color: #414a5a;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.36029;
  margin: 0 0 25px;
}

.sub-element {
  clear: both;
}

.sub-element + .sub-element {
  margin-top: 60px;
}

.paragraph {
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
  color: #53595d;
  letter-spacing: .1em;
  line-height: 1.65;
  margin-bottom: 40px;
  text-align: center;
}

.paragraph-middle {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2;
}

.label-required,
.label-any {
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  letter-spacing: .36em;
  line-height: 1.769;
  margin-right: 6px;
  padding: 0 0 0 .36em;
  text-align: center;
  width: 44px;
}
.label-required-multi{
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  letter-spacing: .36em;
  line-height: 1.769;
  margin-right: 6px;
  padding: 0 0 0 .36em;
  text-align: center;
  width: 155px;
}
.label-any-multi {
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  letter-spacing: .36em;
  line-height: 1.769;
  margin-right: 6px;
  padding: 0 0 0 .36em;
  text-align: center;
  width: 100px;
}

.label-required {
  background-color: #ea6060;
}
.label-required-multi {
  background-color: #ea6060;
}

.label-any {
  background-color: #666666;
}
.label-any-multi {
  background-color: #666666;
}


.more {
  clear: both;
  margin: 55px 0 0;
  text-align: center;
}

.list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.list > li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: .1em;
  padding-left: 1.25em;
  position: relative;
}

.list > li + li {
  margin-top: .25em;
}

.list > li:before {
  background-color: #ea6060;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  content: "";
  height: 8px;
  display: block;
  position: absolute;
  left: 3.5px;
  top: .5em;
  width: 8px;
}

[class*="list"] .list {
  margin-top: .25em;
  padding-bottom: .05em;
}

.list-notice {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.list-notice > li {
  font-size: 15px;
  font-size: 1.5rem;
  color: #ea6060;
  font-weight: 500;
  letter-spacing: .1em;
  padding-left: 1.25em;
  position: relative;
  text-indent: -1.25em;
}

.list-notice > li + li {
  margin-top: .25em;
}

[class*="list"] .list-notice {
  margin-top: .25em;
  padding-bottom: .05em;
}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  width: 100%;
}

.table th,
.table td {
  border: 1px solid #e7e7e7;
  padding: 1.025em 1.1em;
}

.table th {
  background-color: #f4f4f4;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  width: 1%;
}

.table td {
  background-color: #fff;
  font-weight: 500;
  text-align: left;
}

.banner {
  clear: both;
  display: block;
  text-align: center;
}

.eye-catch {
  clear: both;
  margin: 45px 0 55px;
}

.mainvisual-container {
  clear: both;
  margin-bottom: 100px;
}

.mainvisual-container__inner {
  position: relative;
}

.mainvisual-list {
  clear: both;
}

.mainvisual-list:before, .mainvisual-list:after {
  content: "";
  display: table;
}

.mainvisual-list:after {
  clear: both;
}

.mainvisual-list__loader {
  -webkit-animation: mainvisual-list-loader 0.75s infinite linear;
          animation: mainvisual-list-loader 0.75s infinite linear;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 2px solid #344f9f;
  border-top-width: 0;
  display: none;
  height: 50px;
  margin: -25px 0 0 -25px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
  width: 50px;
  z-index: -1;
}

@-webkit-keyframes mainvisual-list-loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes mainvisual-list-loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.mainvisual-list__loader:before, .mainvisual-list__loader:after {
  -webkit-border-radius: inherit;
          border-radius: inherit;
  border: inherit;
  content: "";
  display: none;
  height: inherit;
  position: absolute;
  left: -2px;
  top: -2px;
  width: inherit;
}

.js-add-is-true-mainvisual .mainvisual-list__loader {
  display: block;
}

.js-add-is-load-mainvisual .mainvisual-list__loader {
  -webkit-transition: opacity .3s, visibility 0s .3s;
          transition: opacity .3s, visibility 0s .3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.mainvisual-list__item {
  overflow: hidden;
  max-width: 100%;
}

.js [id="mainvisual"]:not(.js-add-is-run-mainvisual) .mainvisual-list__item:not(:first-child) {
  display: none;
}

.mainvisual-list__pager {
  display: none;
}

.mainvisual-list-pager__item {
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
}

.mainvisual-list-pager__item.mainvisual-list-pager__item--prev {
  left: -2px;
}

.mainvisual-list-pager__item.mainvisual-list-pager__item--next {
  right: -2px;
}

/* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:hover.mainvisual-list-pager__item--prev .mainvisual-list-pager-self:after, /* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:focus.mainvisual-list-pager__item--prev .mainvisual-list-pager-self:after {
  left: 20px;
}

/* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:hover.mainvisual-list-pager__item--next .mainvisual-list-pager-self:after, /* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:focus.mainvisual-list-pager__item--next .mainvisual-list-pager-self:after {
  right: 20px;
}

/* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:hover .mainvisual-list-pager-self:before, /* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:focus .mainvisual-list-pager-self:before {
  border-color: #344f9f;
}

/* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:hover .mainvisual-list-pager-self:after, /* html:not([data-platform="sp"]) */ .mainvisual-list-pager__item:focus .mainvisual-list-pager-self:after {
  border-color: #ee8379;
}

[data-platform="sp"] .mainvisual-list-pager__item.js-add-is-touch.mainvisual-list-pager__item--prev .mainvisual-list-pager-self:after {
  left: 20px;
}

[data-platform="sp"] .mainvisual-list-pager__item.js-add-is-touch.mainvisual-list-pager__item--next .mainvisual-list-pager-self:after {
  right: 20px;
}

[data-platform="sp"] .mainvisual-list-pager__item.js-add-is-touch .mainvisual-list-pager-self:before {
  border-color: #344f9f;
}

[data-platform="sp"] .mainvisual-list-pager__item.js-add-is-touch .mainvisual-list-pager-self:after {
  border-color: #ee8379;
}

.mainvisual-list-pager__item:active {
  margin-top: 2px;
}

.mainvisual-list-pager .mainvisual-list-pager-self {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.mainvisual-list-pager .mainvisual-list-pager-self:before, .mainvisual-list-pager .mainvisual-list-pager-self:after {
  border: 1px solid transparent;
  content: "";
  display: block;
  height: 110%;
  position: absolute;
  top: -5px;
  -webkit-transition: border-color .3s, left .3s, right .3s;
          transition: border-color .3s, left .3s, right .3s;
  width: 230%;
}

.mainvisual-list-pager .mainvisual-list-pager-self:before {
  border-color: #ffffff;
}

.mainvisual-list-pager .mainvisual-list-pager-self:after {
  border-color: #ffffff;
  z-index: -1;
}

[id="mainvisual"][data-mainvisual-current="mainvisual-drt"] .mainvisual-list-pager-self:before,
[id="mainvisual"][data-mainvisual-current="mainvisual-drt"] .mainvisual-list-pager-self:after,
[id="mainvisual"][data-mainvisual-current="mainvisual-mdr"] .mainvisual-list-pager-self:before,
[id="mainvisual"][data-mainvisual-current="mainvisual-mdr"] .mainvisual-list-pager-self:after {
  border-color: #999999;
}

.mainvisual-list-pager .mainvisual-list-pager-self.mainvisual-list-pager-self--prev:before, .mainvisual-list-pager .mainvisual-list-pager-self.mainvisual-list-pager-self--prev:after {
  left: 14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mainvisual-list-pager .mainvisual-list-pager-self.mainvisual-list-pager-self--next:before, .mainvisual-list-pager .mainvisual-list-pager-self.mainvisual-list-pager-self--next:after {
  right: 14px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mainvisual-list-dot {
  font-size: 0;
}

.mainvisual-list-dot__self {
  cursor: pointer;
  display: inline-block;
  height: 24px;
  padding: 5px;
  position: relative;
  vertical-align: top;
  width: 24px;
}

.mainvisual-list-dot__self:before {
  background-color: transparent;
  border: 1px solid #999999;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  -webkit-transition: background-color .3s, border-color .3s;
          transition: background-color .3s, border-color .3s;
  width: 100%;
}

.mainvisual-list-dot__self.js-add-is-current:before {
  background-color: #999999;
  border-color: #ffffff;
}

/* html:not([data-platform="sp"]) */ .mainvisual-list-dot__self:hover:before, /* html:not([data-platform="sp"]) */ .mainvisual-list-dot__self:focus:before {
  border-color: #ffffff;
}

[data-platform="sp"] .mainvisual-list-dot__self.js-add-is-touch:before {
  border-color: #ffffff;
}

.mainvisual-list-dot__self:active {
  top: 2px;
}

.js-add-is-run-mainvisual .mainvisual-list {
  overflow: hidden;
  position: relative;
}

.js-add-is-run-mainvisual .mainvisual-list__item {
  float: left;
  display: block !important;
}

.js-add-is-run-pager .mainvisual-list__pager {
  display: block;
}

.js-add-is-run-pager .mainvisual-list-pager__item {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.js-add-is-run-pager .mainvisual-list-pager__item.mainvisual-list-pager__item--prev {
  -webkit-animation: mainvisual-list-pager-prev .3s ease-in 1.5s forwards;
          animation: mainvisual-list-pager-prev .3s ease-in 1.5s forwards;
}

@-webkit-keyframes mainvisual-list-pager-prev {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes mainvisual-list-pager-prev {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.js-add-is-run-pager .mainvisual-list-pager__item.mainvisual-list-pager__item--next {
  -webkit-animation: mainvisual-list-pager-next .3s ease-in 1.5s forwards;
          animation: mainvisual-list-pager-next .3s ease-in 1.5s forwards;
}

@-webkit-keyframes mainvisual-list-pager-next {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes mainvisual-list-pager-next {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.mainvisual-drt {
  position: relative;
}

.mainvisual-drt__inner {
  clear: both;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  height: 416px;
  padding: 0 14px;
  z-index: 1;
}

.mainvisual-drt__inner:before, .mainvisual-drt__inner:after {
  content: "";
  display: table;
}

.mainvisual-drt__inner:after {
  clear: both;
}

.mainvisual-drt__content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.mainvisual-drt__over-canvas {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.mainvisual-drt-layout__image {
  text-align: center;
}

.mainvisual-drt-layout__block {
  text-align: center;
}

.mainvisual-drt-layout__blockinner {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  max-width: 100%;
}

.mainvisual-drt-caption {
  font-size: 0;
  margin: 0;
}

.mainvisual-drt-caption__label {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "Lora", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.13333;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  color: #454a4d;
}

.mainvisual-drt-caption__label:before, .mainvisual-drt-caption__label:after {
  display: inline-block;
  vertical-align: top;
}

.mainvisual-drt-caption__label:before {
  content: "“";
  margin-right: 7px;
}

.mainvisual-drt-caption__label:after {
  content: "”";
  margin-left: 7px;
}

.mainvisual-drt-caption__name {
  display: block;
  margin: 25px 0 0;
}

.mainvisual-drt-image {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: top;
}

.mainvisual-drt-image__dummy {
  visibility: hidden;
}

.mainvisual-drt-image__symbol {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.mainvisual-drt-image__symbolItem {
  background-image: url("../images/mainvisual/drt-image.png");
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.mainvisual-drt-image__symbolItem--arrow {
  background-position: left top;
}

.mainvisual-drt-image__symbolItem--rescue {
  background-position: left center;
}

.mainvisual-drt-image__symbolItem--typography {
  background-position: left bottom;
}

.mainvisual-drt-btn {
  margin: 40px 0 0;
}

.mainvisual-drt-canvas {
  height: 100% !important;
  width: 100% !important;
}

.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-caption__label,
.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-caption__name,
.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-btn {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-caption__label {
  -webkit-transform: translateX(20px) skewX(-10deg);
          transform: translateX(20px) skewX(-10deg);
}

.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--arrow {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: rotate(-45deg) scale(1.15);
          transform: rotate(-45deg) scale(1.15);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--rescue {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: rotateY(90deg) scale(1.15);
          transform: rotateY(90deg) scale(1.15);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--typography {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: rotate(-45deg) scale(1.15);
          transform: rotate(-45deg) scale(1.15);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-canvas {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-caption__label,
.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-caption__name,
.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-caption__label {
  -webkit-transform: translateX(0) skewX(-10deg);
          transform: translateX(0) skewX(-10deg);
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-caption__name {
  -webkit-transition-delay: .45s;
          transition-delay: .45s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-btn {
  -webkit-transition-delay: .55s;
          transition-delay: .55s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem {
  -webkit-animation: rotate-reverse linear 60s .9s infinite;
          animation: rotate-reverse linear 60s .9s infinite;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--arrow {
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -webkit-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
  -webkit-transition: opacity .6s, -webkit-transform .6s;
          transition: opacity .6s, transform .6s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--rescue {
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -webkit-transform: rotateY(0deg) scale(1);
          transform: rotateY(0deg) scale(1);
  -webkit-transition: opacity .6s, -webkit-transform .6s;
          transition: opacity .6s, transform .6s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--typography {
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -webkit-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
  -webkit-transition: opacity .6s .4s, -webkit-transform .6s .4s;
          transition: opacity .6s .4s, transform .6s .4s;
}

.js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-canvas {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: opacity 1s .8s;
          transition: opacity 1s .8s;
}

.mainvisual-wd {
  position: relative;
}

.mainvisual-wd:before {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  content: "";
  display: block;
  height: 416px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-image: url("../images/mainvisual/wd-bg.jpg");
  background-position: 35% top;
}

.mainvisual-wd__inner {
  clear: both;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  height: 416px;
  padding: 0 14px;
  z-index: 3;
}

.mainvisual-wd__inner:before, .mainvisual-wd__inner:after {
  content: "";
  display: table;
}

.mainvisual-wd__inner:after {
  clear: both;
}

.mainvisual-wd__content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
}

.mainvisual-wd__over-product {
  background-image: url("../images/mainvisual/wd-over-product.png");
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.mainvisual-wd__over-logo {
  height: 100%;
  position: absolute;
  left: -4.86111%;
  top: 0;
  width: 52.43056%;
  z-index: 1;
}

.mainvisual-wd__over-logo:before {
  background-image: url("../images/mainvisual/wd-over-logo.png");
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mainvisual-wd-caption {
  font-size: 0;
  margin: 0;
}

.mainvisual-wd-caption__label {
  display: block;
}

.mainvisual-wd-caption__name {
  display: block;
  margin: 30px 0 0;
}

.mainvisual-wd-btn {
  margin: 55px 0 0;
}

.js .mainvisual-wd[data-is-animation="true"] .mainvisual-wd__over-product {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-wd[data-is-animation="true"] .mainvisual-wd__over-logo {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-40px) rotate(-45deg) scale(1.15);
          transform: translateX(-40px) rotate(-45deg) scale(1.15);
  -webkit-transition: opacity .5s linear, -webkit-transform .5s linear;
          transition: opacity .5s linear, transform .5s linear;
}

.js .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__label,
.js .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__name,
.js .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-btn {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd__over-product {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd__over-logo {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0) rotate(0deg) scale(1);
          transform: translateX(0) rotate(0deg) scale(1);
}

.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__label,
.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__name,
.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__label {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__name {
  -webkit-transition-delay: .05s;
          transition-delay: .05s;
}

.js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-btn {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

.mainvisual-mdr {
  position: relative;
}

.mainvisual-mdr:before {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  content: "";
  display: block;
  height: 416px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-image: url("../images/mainvisual/mdr.jpg");
  background-position: center top;
}

.mainvisual-mdr__inner {
  clear: both;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  height: 416px;
  padding: 0 14px;
  z-index: 1;
}

.mainvisual-mdr__inner:before, .mainvisual-mdr__inner:after {
  content: "";
  display: table;
}

.mainvisual-mdr__inner:after {
  clear: both;
}

.mainvisual-mdr__content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.mainvisual-mdr__over-photo {
  margin-bottom: -82px;
  position: absolute;
  left: 50%;
  bottom: 0;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 320px;
  max-width: 100%;
}

.mainvisual-mdr__over-photo img {
  width: 100%;
}

.mainvisual-mdr-layout {
  margin-top: -40px;
  text-align: center;
}

.mainvisual-mdr-layout__inner {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.mainvisual-mdr-caption {
  font-size: 0;
  margin: 0;
}

.mainvisual-mdr-caption__label {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "Lora", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.13333;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  color: #53595d;
}

.mainvisual-mdr-caption__label:before, .mainvisual-mdr-caption__label:after {
  display: inline-block;
  vertical-align: top;
}

.mainvisual-mdr-caption__label:before {
  content: "“";
  margin-right: 7px;
}

.mainvisual-mdr-caption__label:after {
  content: "”";
  margin-left: 7px;
}

.mainvisual-mdr-caption__name {
  display: block;
  margin: 62px 0 0;
}

.mainvisual-mdr-paragraph {
  font-size: 17px;
  font-size: 1.7rem;
  color: #53595d;
  display: block;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1.80625;
  margin: 16px 0 0;
}

.mainvisual-mdr-btn {
  margin: 24px 0 0;
}

.js .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr__over-photo img {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate(15px, 15px);
          transform: translate(15px, 15px);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__label,
.js .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__name,
.js .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-paragraph {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__label {
  -webkit-transform: skewX(-10deg) translate(-15px, -15px);
          transform: skewX(-10deg) translate(-15px, -15px);
}

.js .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-btn {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr__over-photo img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__label,
.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__name,
.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-paragraph {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__label {
  -webkit-transform: skewX(-10deg) translate(0, 0);
          transform: skewX(-10deg) translate(0, 0);
}

.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__label {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-caption__name {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-paragraph {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.js-add-is-current .mainvisual-mdr[data-is-animation="true"] .mainvisual-mdr-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.mainvisual-recoveryratio {
  position: relative;
}

.mainvisual-recoveryratio:before {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  content: "";
  display: block;
  height: 416px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-image: url("../images/mainvisual/recoveryratio.jpg");
  background-position: 35% top;
}

.mainvisual-recoveryratio__inner {
  clear: both;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  height: 416px;
  padding: 0 14px;
}

.mainvisual-recoveryratio__inner:before, .mainvisual-recoveryratio__inner:after {
  content: "";
  display: table;
}

.mainvisual-recoveryratio__inner:after {
  clear: both;
}

.mainvisual-recoveryratio__content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mainvisual-recoveryratio-caption {
  font-size: 0;
  margin: 0;
}

.mainvisual-recoveryratio-caption__label {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "Lora", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.13333;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  text-shadow: 0 0 14px rgba(7, 0, 2, 0.3);
  color: #ffffff;
}

.mainvisual-recoveryratio-caption__label:before, .mainvisual-recoveryratio-caption__label:after {
  display: inline-block;
  vertical-align: top;
}

.mainvisual-recoveryratio-caption__label:before {
  content: "“";
  margin-right: 7px;
}

.mainvisual-recoveryratio-caption__label:after {
  content: "”";
  margin-left: 7px;
}

.mainvisual-recoveryratio-caption__name {
  display: block;
  margin: 23px 0 0;
}

.mainvisual-recoveryratio-paragraph {
  text-shadow: 0 0 14px rgba(7, 0, 2, 0.3);
  font-size: 15px;
  font-size: 1.5rem;
  color: #ffffff;
  display: block;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 1.80625;
  margin: 16px 0 0;
}

.mainvisual-recoveryratio-btn {
  margin: 25px 0 0;
}

.js .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__label,
.js .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__name,
.js .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-paragraph,
.js .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-btn {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__label {
  -webkit-transform: skewX(-10deg) translateX(20px);
          transform: skewX(-10deg) translateX(20px);
}

.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__label,
.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__name,
.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-paragraph,
.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__label {
  -webkit-transform: skewX(-10deg) translateX(0);
          transform: skewX(-10deg) translateX(0);
}

.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__label {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-caption__name {
  -webkit-transition-delay: .05s;
          transition-delay: .05s;
}

.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-paragraph {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

.js-add-is-current .mainvisual-recoveryratio[data-is-animation="true"] .mainvisual-recoveryratio-btn {
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}

.mainvisual-raid {
  position: relative;
}

.mainvisual-raid:before {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  content: "";
  display: block;
  height: 416px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-image: url("../images/mainvisual/raid-bg.jpg");
  background-position: center top;
}

.mainvisual-raid__inner {
  clear: both;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  height: 416px;
  padding: 0 14px;
}

.mainvisual-raid__inner:before, .mainvisual-raid__inner:after {
  content: "";
  display: table;
}

.mainvisual-raid__inner:after {
  clear: both;
}

.mainvisual-raid__content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.mainvisual-raid-caption {
  font-size: 0;
  margin: 0;
}

.mainvisual-raid-caption__label {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  font-family: "Lora", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.13333;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  color: #ffffff;
}

.mainvisual-raid-caption__label:before, .mainvisual-raid-caption__label:after {
  display: inline-block;
  vertical-align: top;
}

.mainvisual-raid-caption__label:before {
  content: "“";
  margin-right: 7px;
}

.mainvisual-raid-caption__label:after {
  content: "”";
  margin-left: 7px;
}

.mainvisual-raid-caption__name {
  display: block;
  margin: 35px 0 0;
}

.mainvisual-raid-paragraph {
  font-size: 17px;
  font-size: 1.7rem;
  color: #ffffff;
  display: block;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.80625;
  margin: 28px 0 0;
}

.mainvisual-raid-image {
  margin-left: -5%;
  width: 125.71912%;
}

.mainvisual-raid-btn {
  margin: 25px 0 0;
}

.js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__label,
.js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__name,
.js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-paragraph,
.js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-image,
.js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-btn {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}

.js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__label {
  -webkit-transform: skewX(-10deg) translateX(-20px);
          transform: skewX(-10deg) translateX(-20px);
}

.js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-image {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__label,
.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__name,
.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-paragraph,
.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-image,
.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-btn {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__label {
  -webkit-transform: skewX(-10deg) translateX(0);
          transform: skewX(-10deg) translateX(0);
}

.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__label {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-caption__name {
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
}

.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-paragraph {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-image {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid-btn {
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
}

.selected-media-grid {
  font-size: 0;
  clear: both;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: -3px;
  padding: 0;
}

.selected-media-grid [class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: normal;
  min-height: 1px;
  margin: 3px 0;
  padding: 0 3px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.selected-media {
  background-color: #f2f2f2;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color .3s, -webkit-box-shadow .3s;
          transition: background-color .3s, box-shadow .3s;
  width: 100%;
}

.selected-media__headline {
  padding: 20px 10px 17px;
  position: relative;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform .3s;
          transition: transform .3s;
  z-index: 1;
}

.selected-media__headline:before, .selected-media__headline:after {
  background-color: #ea6060;
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  bottom: 0;
  -webkit-transition: width .3s;
          transition: width .3s;
  vertical-align: top;
  width: 23px;
}

.selected-media__headline:before {
  left: 50%;
}

.selected-media__headline:after {
  right: 50%;
}

.selected-media__caption {
  font-size: 24px;
  font-size: 2.4rem;
  color: #434343;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin: 0 0 5px;
  line-height: 1;
  text-align: center;
  -webkit-transition: color .3s;
          transition: color .3s;
}

.selected-media__paragraph {
  font-size: 14px;
  font-size: 1.4rem;
  color: #939698;
  display: block;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  letter-spacing: .08em;
  line-height: 1.3;
  margin: 5px 0 0;
  text-align: center;
  -webkit-transition: color .3s;
          transition: color .3s;
}

.selected-media__image {
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  top: 0;
  text-align: center;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.selected-media-caption {
  margin-bottom: 8px;
}

.selected-media.selected-media--hdd {
  height: 230px;
}

.selected-media.selected-media--hdd .selected-media__image {
  margin-top: 29px;
}

.selected-media.selected-media--smartphone {
  height: 230px;
}

.selected-media.selected-media--smartphone .selected-media__image {
  margin-top: 27px;
}

.selected-media.selected-media--raid {
  height: 230px;
}

.selected-media.selected-media--raid .selected-media__image {
  margin-top: 2px;
}

.selected-media.selected-media--nas {
  height: 230px;
}

.selected-media.selected-media--nas .selected-media__image {
  margin-top: 13px;
}

.selected-media.selected-media--ssd {
  height: 230px;
}

.selected-media.selected-media--ssd .selected-media__image {
  margin-top: 25px;
}

.selected-media.selected-media--cddvd {
  height: 230px;
}

.selected-media.selected-media--cddvd .selected-media__image {
  margin-top: 16px;
}

.selected-media.selected-media--usb {
  height: 230px;
}

.selected-media.selected-media--usb .selected-media__image {
  margin-top: 4px;
}

.selected-media.selected-media--digitalcamera {
  height: 230px;
}

.selected-media.selected-media--digitalcamera .selected-media__image {
  margin-top: 8px;
}

.selected-media.selected-media--etc {
  height: 230px;
}

.selected-media.selected-media--etc .selected-media__image {
  margin-top: -4px;
}

.selected-media.selected-media--wd {
  height: 230px;
}

.selected-media.selected-media--wd .selected-media__image {
  margin-top: 31px;
}

.selected-media.selected-media--tdk {
  height: 230px;
}

.selected-media.selected-media--tdk .selected-media__image {
  margin-top: 26px;
}

/* html:not([data-platform="sp"]) */ .selected-media:hover, /* html:not([data-platform="sp"]) */ .selected-media:focus {
  -webkit-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .selected-media:hover .selected-media__headline, /* html:not([data-platform="sp"]) */ .selected-media:focus .selected-media__headline {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/* html:not([data-platform="sp"]) */ .selected-media:hover .selected-media__headline:before, /* html:not([data-platform="sp"]) */ .selected-media:hover .selected-media__headline:after, /* html:not([data-platform="sp"]) */ .selected-media:focus .selected-media__headline:before, /* html:not([data-platform="sp"]) */ .selected-media:focus .selected-media__headline:after {
  width: 33px;
}

/* html:not([data-platform="sp"]) */ .selected-media:hover .selected-media__caption, /* html:not([data-platform="sp"]) */ .selected-media:focus .selected-media__caption {
  color: #ee8379;
}

/* html:not([data-platform="sp"]) */ .selected-media:hover .selected-media__paragraph, /* html:not([data-platform="sp"]) */ .selected-media:focus .selected-media__paragraph {
  color: #53595d;
}

/* html:not([data-platform="sp"]) */ .selected-media:hover .selected-media__image, /* html:not([data-platform="sp"]) */ .selected-media:focus .selected-media__image {
  top: -5px;
}

[data-platform="sp"] .selected-media.js-add-is-touch {
  -webkit-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
  text-decoration: none;
}

[data-platform="sp"] .selected-media.js-add-is-touch .selected-media__headline {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

[data-platform="sp"] .selected-media.js-add-is-touch .selected-media__headline:before, [data-platform="sp"] .selected-media.js-add-is-touch .selected-media__headline:after {
  width: 33px;
}

[data-platform="sp"] .selected-media.js-add-is-touch .selected-media__caption {
  color: #ee8379;
}

[data-platform="sp"] .selected-media.js-add-is-touch .selected-media__paragraph {
  color: #53595d;
}

[data-platform="sp"] .selected-media.js-add-is-touch .selected-media__image {
  top: -5px;
}

.selected-media-footer-grid {
  font-size: 0;
  clear: both;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: -10px;
  padding: 0;
}

.selected-media-footer-grid [class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: normal;
  min-height: 1px;
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.selected-media-footer {
  background-color: #f2f2f2;
  border: 1px solid #ffffff;
  display: block;
  height: 280px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  -webkit-transition: background-color .3s, -webkit-box-shadow .3s;
          transition: background-color .3s, box-shadow .3s;
  width: 100%;
}

.selected-media-footer:before {
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(transparent));
  background: linear-gradient(to bottom, white 0%, transparent 100%);
  content: "";
  display: block;
  height: 100%;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.selected-media-footer__headline {
  padding: 20px 10px 17px;
  position: relative;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform .3s;
          transition: transform .3s;
  z-index: 1;
}

.selected-media-footer__headline:before, .selected-media-footer__headline:after {
  background-color: #ea6060;
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  bottom: 0;
  -webkit-transition: width .3s;
          transition: width .3s;
  vertical-align: top;
  width: 23px;
}

.selected-media-footer__headline:before {
  left: 50%;
}

.selected-media-footer__headline:after {
  right: 50%;
}

.selected-media-footer__caption {
  font-size: 24px;
  font-size: 2.4rem;
  color: #434343;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin: 0 0 5px;
  line-height: 1;
  text-align: center;
  -webkit-transition: color .3s;
          transition: color .3s;
}

.selected-media-footer__paragraph {
  font-size: 14px;
  font-size: 1.4rem;
  color: #939698;
  display: block;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  letter-spacing: .08em;
  line-height: 1.3;
  margin: 5px 0 0;
  text-align: center;
  -webkit-transition: color .3s;
          transition: color .3s;
}

.selected-media-footer__image {
  margin: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  -webkit-transition: all .3s;
          transition: all .3s;
  min-width: 100%;
}

.selected-media-footer-caption {
  margin-bottom: 8px;
}

.selected-media-footer.selected-media-footer--hdd .selected-media-footer__image {
  margin: 0 -14px -26px -14px;
}

.selected-media-footer.selected-media-footer--smartphone .selected-media-footer__image {
  margin: 0 0 -71px -34px;
}

.selected-media-footer.selected-media-footer--raid .selected-media-footer__image {
  margin: 0 -21px -12px 15px;
}

.selected-media-footer.selected-media-footer--nas .selected-media-footer__image {
  margin: 0 0 -33px 0;
}

.selected-media-footer.selected-media-footer--ssd .selected-media-footer__image {
  margin: 0 0 -33px 0;
}

.selected-media-footer.selected-media-footer--usb .selected-media-footer__image {
  margin: 0 0 -12px -4px;
}

.selected-media-footer.selected-media-footer--digitalcamera .selected-media-footer__image {
  margin: 0 12px -33px 0;
}

.selected-media-footer.selected-media-footer--cddvd .selected-media-footer__image {
  margin: 0 -11px -15px 0;
}

.selected-media-footer.selected-media-footer--payment .selected-media-footer__image {
  margin: 0 -1px 4px 0;
}

.selected-media-footer.selected-media-footer--step .selected-media-footer__image {
  margin: 0 -101px -76px 0;
}

.selected-media-footer.selected-media-footer--question .selected-media-footer__image {
  margin: 0 -29px -10px -42px;
}

.selected-media-footer.selected-media-footer--document .selected-media-footer__image {
  margin: 0 -32px -29px -25px;
}

.selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption, .selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption, .selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption, .selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption {
  font-size: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption:before, .selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption:before, .selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption:before, .selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption:before {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  content: "";
  display: block;
  margin: 0 auto;
}

.selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption:before {
  background-image: url("../images/wdr-sct-logo.png");
  height: 40px;
  width: 197px;
}

.selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__image {
  margin: 0 -8px -59px -2px;
}

.selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption:before {
  background-image: url("../images/wdr-hct-logo.png");
  height: 40px;
  width: 191px;
}

.selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__image {
  margin: 0 0 -53px 0;
}

.selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption:before {
  background-image: url("../images/wdr-htt-logo.png");
  height: 40px;
  width: 173px;
}

.selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__image {
  margin: 0 0 -53px 0;
}

.selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption:before {
  background-image: url("../images/wdr-wlt-logo.png");
  height: 40px;
  width: 192px;
}

.selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__image {
  margin: 0 0 -4px 1px;
}

/* html:not([data-platform="sp"]) */ .selected-media-footer:hover, /* html:not([data-platform="sp"]) */ .selected-media-footer:focus {
  -webkit-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .selected-media-footer:hover .selected-media-footer__headline, /* html:not([data-platform="sp"]) */ .selected-media-footer:focus .selected-media-footer__headline {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/* html:not([data-platform="sp"]) */ .selected-media-footer:hover .selected-media-footer__headline:before, /* html:not([data-platform="sp"]) */ .selected-media-footer:hover .selected-media-footer__headline:after, /* html:not([data-platform="sp"]) */ .selected-media-footer:focus .selected-media-footer__headline:before, /* html:not([data-platform="sp"]) */ .selected-media-footer:focus .selected-media-footer__headline:after {
  width: 33px;
}

/* html:not([data-platform="sp"]) */ .selected-media-footer:hover .selected-media-footer__caption, /* html:not([data-platform="sp"]) */ .selected-media-footer:focus .selected-media-footer__caption {
  color: #ee8379;
}

/* html:not([data-platform="sp"]) */ .selected-media-footer:hover .selected-media-footer__paragraph, /* html:not([data-platform="sp"]) */ .selected-media-footer:focus .selected-media-footer__paragraph {
  color: #53595d;
}

/* html:not([data-platform="sp"]) */ .selected-media-footer:hover .selected-media-footer__image, /* html:not([data-platform="sp"]) */ .selected-media-footer:focus .selected-media-footer__image {
  bottom: 5px;
}

[data-platform="sp"] .selected-media-footer.js-add-is-touch {
  -webkit-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
          box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.6);
  text-decoration: none;
}

[data-platform="sp"] .selected-media-footer.js-add-is-touch .selected-media-footer__headline {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

[data-platform="sp"] .selected-media-footer.js-add-is-touch .selected-media-footer__headline:before, [data-platform="sp"] .selected-media-footer.js-add-is-touch .selected-media-footer__headline:after {
  width: 33px;
}

[data-platform="sp"] .selected-media-footer.js-add-is-touch .selected-media-footer__caption {
  color: #ee8379;
}

[data-platform="sp"] .selected-media-footer.js-add-is-touch .selected-media-footer__paragraph {
  color: #53595d;
}

[data-platform="sp"] .selected-media-footer.js-add-is-touch .selected-media-footer__image {
  bottom: 5px;
}

.service {
  background-color: #ffffff;
  position: relative;
  -webkit-transition: background-color .3s, -webkit-box-shadow .3s, margin .3s, padding .3s, z-index 0s;
          transition: background-color .3s, box-shadow .3s, margin .3s, padding .3s, z-index 0s;
  z-index: 0;
}

.service__thumb {
  padding: 50px 10px;
  text-align: center;
}

.service__caption {
  color: #282f35;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: font-size(20);
  line-height: 1.35;
  margin: 0 0 20px;
  padding: 0 10px;
  text-align: center;
}

.service__paragraph {
  line-height: 1.7;
  margin-top: 20px;
  padding: 0 20px;
}

.service__more {
  padding: 10px 10px 30px;
  text-align: center;
}

.service-thumb-image {
  vertical-align: middle;
}

@-webkit-keyframes rotate-reverse-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  40% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  60% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotate-reverse-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  40% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  60% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.service-thumb-image.service-thumb-image--windiskrescue {
  -webkit-animation: rotate-reverse-out linear .5s forwards;
          animation: rotate-reverse-out linear .5s forwards;
}

.article-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  clear: both;
}

.article-list.article-list--main .article-list__column + .article-list__column {
  border-color: #000000;
  margin-top: 50px;
  padding-top: 50px;
}

.article-list.article-list--main .article-list__column:last-child {
  border-bottom: 1px dotted #000000;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.article-list__column + .article-list__column {
  border-top: 1px dotted #808081;
  margin-top: 27px;
  padding-top: 30px;
}

.article-card {
  clear: both;
  background-color: #ffffff;
  display: block;
  margin: -10px;
  padding: 10px;
  text-decoration: none;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
}

.article-card:before, .article-card:after {
  content: "";
  display: table;
}

.article-card:after {
  clear: both;
}

.article-card__thumb {
  display: block;
  float: left;
  margin-right: 10px;
}

.article-card__content {
  display: block;
  overflow: hidden;
}

.article-card__date {
  font-size: 15px;
  font-size: 1.5rem;
  color: #5b5a5d;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin: 0;
}

.article-card__title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #344f9f;
  display: block;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  line-height: 1.6875;
  margin: 1px 0 5px;
}

.article-card__paragraph {
  color: #535353;
  letter-spacing: .1em;
  line-height: 1.7;
  margin: 0;
}

/* html:not([data-platform="sp"]) */ .article-card:hover, /* html:not([data-platform="sp"]) */ .article-card:focus {
  background-color: #f2f2f2;
  text-decoration: none;
}

[data-platform="sp"] .article-card.js-add-is-touch {
  background-color: #f2f2f2;
  text-decoration: none;
}

.article {
  clear: both;
}

.article:before, .article:after {
  content: "";
  display: table;
}

.article:after {
  clear: both;
}

.article__header {
  margin-bottom: 23px;
}

.article__date {
  line-height: 1;
  margin: 0 0 13px;
}

.article__date:before {
  background-color: #ea6060;
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 18px;
  vertical-align: 1px;
  width: 75px;
}

.article__date time {
  font-size: 16px;
  font-size: 1.6rem;
  color: #53595d;
  display: inline-block;
  font-family: "Lora", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 1.36029;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  vertical-align: top;
}

.article__title {
  line-height: 1;
  margin: 0 0 6px;
}

.article__title a,
.article__title span {
  font-size: 24px;
  font-size: 2.4rem;
  color: #53595d;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.2;
}

.article__title a:before,
.article__title span:before {
  background-image: url(../image/sprite.png);
  background-position: -465px 0px;
  width: 21px;
  height: 18px;
  content: "";
  display: inline-block;
  margin: 0 7px 0 0;
  vertical-align: top;
}

.article__source {
  margin: 0;
  line-height: 1;
}

.article__source a {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999999;
  letter-spacing: .1em;
}

.article__content {
  clear: both;
}

.article__content:before, .article__content:after {
  content: "";
  display: table;
}

.article__content:after {
  clear: both;
}

.article__thumb {
  display: block;
}

.article__paragraph {
  font-size: 15px;
  font-size: 1.5rem;
  color: #535353;
  letter-spacing: .1em;
  line-height: 1.81333;
  margin: 0;
}

.article__more {
  margin-top: 15px;
  text-align: right;
}

.article-search {
  clear: both;
  position: relative;
}

.article-search:before, .article-search:after {
  content: "";
  display: table;
}

.article-search:after {
  clear: both;
}

.article-search__text {
  border: 1px solid #e9e9e9;
  height: 43px;
  outline: none;
  padding: 0 60px 0 14px;
  -webkit-transition: border-color .3s;
          transition: border-color .3s;
  width: 100%;
}

/* html:not([data-platform="sp"]) */ .article-search__text:hover, /* html:not([data-platform="sp"]) */ .article-search__text:focus {
  border-color: #344f9f;
}

[data-platform="sp"] .article-search__text.js-add-is-touch {
  border-color: #344f9f;
}

.article-search__button {
  background-color: #ffffff;
  border: none;
  outline: none;
  height: 41px;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 1px;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
  width: 50px;
}

.article-search__button:before {
  background-image: url(../image/sprite.png);
  background-position: -534px 0px;
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  margin: -9px 0 0 -9px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.article-search__button:after {
  background-image: url(../image/sprite.png);
  background-position: -516px 0px;
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  margin: -9px 0 0 -9px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
  -webkit-transition: all .3s;
          transition: all .3s;
}

/* html:not([data-platform="sp"]) */ .article-search__button:hover, /* html:not([data-platform="sp"]) */ .article-search__button:focus {
  background-color: #344f9f;
}

/* html:not([data-platform="sp"]) */ .article-search__button:hover:before, /* html:not([data-platform="sp"]) */ .article-search__button:focus:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* html:not([data-platform="sp"]) */ .article-search__button:hover:after, /* html:not([data-platform="sp"]) */ .article-search__button:focus:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

/* html:not([data-platform="sp"]) */ .article-search__button:hover:active, /* html:not([data-platform="sp"]) */ .article-search__button:focus:active {
  position: absolute;
  top: 1px;
}

/* html:not([data-platform="sp"]) */ .article-search__button:hover:active:after, /* html:not([data-platform="sp"]) */ .article-search__button:focus:active:after {
  top: 54%;
}

[data-platform="sp"] .article-search__button.js-add-is-touch {
  background-color: #344f9f;
}

[data-platform="sp"] .article-search__button.js-add-is-touch:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

[data-platform="sp"] .article-search__button.js-add-is-touch:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

[data-platform="sp"] .article-search__button.js-add-is-touch:active {
  position: absolute;
  top: 1px;
}

[data-platform="sp"] .article-search__button.js-add-is-touch:active:after {
  top: 54%;
}

/* html:not([data-platform="sp"]) */ .article-search:hover .article-search__text, /* html:not([data-platform="sp"]) */ .article-search:focus .article-search__text {
  border-color: #344f9f;
}

[data-platform="sp"] .article-search.js-add-is-touch .article-search__text {
  border-color: #344f9f;
}

.article-associated {
  border-top: 1px solid #e3e3e3;
  padding-top: 10px;
}

.article-associated__caption {
  font-size: 20px;
  font-size: 2.0rem;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.36029;
  margin: 0;
}

.article-associated__list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  margin-top: 15px;
}

.article-associated__list li + li {
  margin-top: 12px;
}

.article-associated__list li a {
  color: #53595d;
}

.social-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 0;
  display: inline-block;
  margin: -7.5px;
  vertical-align: top;
}

.social-list__item {
  display: inline-block;
  padding: 7.5px;
  position: relative;
  text-align: center;
  vertical-align: top;
}

.social-item {
  display: block;
  height: 49px;
  position: relative;
  width: 49px;
}

.social-item:before {
  background-color: rgba(0, 0, 0, 0.095);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  content: "";
  display: inline-block;
  height: 15px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-left: -20px;
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transition: opacity .3s, bottom .3s;
          transition: opacity .3s, bottom .3s;
  width: 40px;
}

.social-item__self {
  display: block;
  height: 100%;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 100%;
}

.social-item__self:before {
  content: "";
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .3s;
          transition: all .3s;
}

.social-item__self.social-item__self--facebook:before {
  background-image: url(../image/sprite.png);
  background-position: -161px 0px;
  width: 49px;
  height: 49px;
}

.social-item__self.social-item__self--twitter:before {
  background-image: url(../image/sprite.png);
  background-position: -552px 0px;
  width: 49px;
  height: 49px;
}

.social-item__self.social-item__self--googleplus:before {
  background-image: url(../image/sprite.png);
  background-position: -259px 0px;
  width: 49px;
  height: 49px;
}

/* html:not([data-platform="sp"]) */ .social-item:hover:before, /* html:not([data-platform="sp"]) */ .social-item:focus:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  bottom: -6px;
}

/* html:not([data-platform="sp"]) */ .social-item:hover .social-item__self:before, /* html:not([data-platform="sp"]) */ .social-item:focus .social-item__self:before {
  top: -2px;
}

[data-platform="sp"] .social-item.js-add-is-touch:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  bottom: -6px;
}

[data-platform="sp"] .social-item.js-add-is-touch .social-item__self:before {
  top: -2px;
}

.pager {
  clear: both;
}

.pager:not(.pager--min) {
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
  margin-top: 140px;
  padding: 50px 0;
}

.pager.pager--min {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.pager.pager--min .pager__prev {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.pager.pager--min .pager__prev,
.pager.pager--min .pager__next {
  width: 50% !important;
}

.pager__inner {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.pager__list {
  font-size: 0;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: table-cell;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
}

.pager__list > li {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
}

.pager__single {
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: block;
  height: 40px;
  font-weight: 700;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
}

.pager__single--current {
  color: #434343;
}

.pager__single--current:before {
  background-color: #434343;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.pager__single:not(.pager__single--current) {
  color: rgba(67, 67, 67, 0.4);
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: color .3s;
          transition: color .3s;
}

.pager__single:not(.pager__single--current):after, .pager__single:not(.pager__single--current):before {
  border: 1px solid transparent;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  -webkit-transition: all .2s;
          transition: all .2s;
  width: 100%;
}

.pager__single:not(.pager__single--current):after {
  left: 0;
  top: 0;
}

.pager__single:not(.pager__single--current):before {
  right: 0;
  bottom: 0;
}

/* html:not([data-platform="sp"]) */ .pager__single:not(.pager__single--current):hover, /* html:not([data-platform="sp"]) */ .pager__single:not(.pager__single--current):focus {
  color: #434343;
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .pager__single:not(.pager__single--current):hover:after, /* html:not([data-platform="sp"]) */ .pager__single:not(.pager__single--current):focus:after {
  border-color: #344f9f;
  left: -2px;
  top: -2px;
}

/* html:not([data-platform="sp"]) */ .pager__single:not(.pager__single--current):hover:before, /* html:not([data-platform="sp"]) */ .pager__single:not(.pager__single--current):focus:before {
  border-color: #ee8379;
  right: -2px;
  bottom: -2px;
}

[data-platform="sp"] .pager__single:not(.pager__single--current).js-add-is-touch {
  color: #434343;
  text-decoration: none;
}

[data-platform="sp"] .pager__single:not(.pager__single--current).js-add-is-touch:after {
  border-color: #344f9f;
  left: -2px;
  top: -2px;
}

[data-platform="sp"] .pager__single:not(.pager__single--current).js-add-is-touch:before {
  border-color: #ee8379;
  right: -2px;
  bottom: -2px;
}

.pager__prev, .pager__next {
  display: table-cell;
  white-space: nowrap;
  width: 21.55689%;
  vertical-align: middle;
}

.pager__action.pager__action--min {
  font-size: 16px;
  font-size: 1.6rem;
  color: #53595d;
  display: block;
  height: 43px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 41px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
}

.pager__action.pager__action--min:before {
  border: 1px solid rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  height: 9px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
}

.pager__action.pager__action--min.pager__action--prev:before {
  border-top: none;
  border-right: none;
  left: 12px;
}

.pager__action.pager__action--min.pager__action--next:before {
  border-bottom: none;
  border-left: none;
  right: 12px;
}

/* html:not([data-platform="sp"]) */ .pager__action.pager__action--min:hover, /* html:not([data-platform="sp"]) */ .pager__action.pager__action--min:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

[data-platform="sp"] .pager__action.pager__action--min.js-add-is-touch {
  background-color: rgba(0, 0, 0, 0.1);
}

.pager__action:not(.pager__action--min) {
  font-size: 18px;
  font-size: 1.8rem;
  background-color: transparent;
  border: 1px solid transparent;
  color: #53595d;
  display: block;
  height: 50px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 48px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: border-color .3s, color .3s, padding .3s;
          transition: border-color .3s, color .3s, padding .3s;
}

.pager__action:not(.pager__action--min):before, .pager__action:not(.pager__action--min):after {
  content: "";
  display: block;
  height: 11px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color .3s, opacity .3s, right .3s, left .3s;
          transition: border-color .3s, opacity .3s, right .3s, left .3s;
  width: 11px;
}

.pager__action:not(.pager__action--min):before {
  border: 1px solid #000000;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.pager__action:not(.pager__action--min):after {
  border: 1px solid #ee8379;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.pager__action:not(.pager__action--min).pager__action--prev {
  border-right: 1px dotted #000000;
  line-height: 46px;
}

.pager__action:not(.pager__action--min).pager__action--prev:before, .pager__action:not(.pager__action--min).pager__action--prev:after {
  border-top: none;
  border-right: none;
  left: 12px;
}

.pager__action:not(.pager__action--min).pager__action--prev:after {
  left: 16px;
}

.pager__action:not(.pager__action--min).pager__action--next {
  border-left: 1px dotted #000000;
}

.pager__action:not(.pager__action--min).pager__action--next:before, .pager__action:not(.pager__action--min).pager__action--next:after {
  border-bottom: none;
  border-left: none;
  right: 12px;
}

.pager__action:not(.pager__action--min).pager__action--next:after {
  right: 16px;
}

/* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):hover, /* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):focus {
  color: #344f9f;
  border: 1px solid #344f9f;
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):hover:before, /* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):focus:before {
  border-color: #344f9f;
}

/* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):hover.pager__action--prev:before, /* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):focus.pager__action--prev:before {
  left: 9px;
}

/* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):hover.pager__action--prev:after, /* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):focus.pager__action--prev:after {
  left: 13px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):hover.pager__action--next:before, /* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):focus.pager__action--next:before {
  right: 9px;
}

/* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):hover.pager__action--next:after, /* html:not([data-platform="sp"]) */ .pager__action:not(.pager__action--min):focus.pager__action--next:after {
  right: 13px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

[data-platform="sp"] .pager__action:not(.pager__action--min).js-add-is-touch {
  color: #344f9f;
  border: 1px solid #344f9f;
  text-decoration: none;
}

[data-platform="sp"] .pager__action:not(.pager__action--min).js-add-is-touch:before {
  border-color: #344f9f;
}

[data-platform="sp"] .pager__action:not(.pager__action--min).js-add-is-touch.pager__action--prev:before {
  left: 9px;
}

[data-platform="sp"] .pager__action:not(.pager__action--min).js-add-is-touch.pager__action--prev:after {
  left: 13px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

[data-platform="sp"] .pager__action:not(.pager__action--min).js-add-is-touch.pager__action--next:before {
  right: 9px;
}

[data-platform="sp"] .pager__action:not(.pager__action--min).js-add-is-touch.pager__action--next:after {
  right: 13px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.detail-hero {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative;
}

.detail-hero__title {
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  height: 240px;
  padding: 10px;
  position: relative;
  text-align: center;
}

.detail-hero__titleInner {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.detail-hero-title {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 2px rgba(0, 0, 0, 0.2), 1px 0 2px rgba(0, 0, 0, 0.2), -1px 0 2px rgba(0, 0, 0, 0.2);
}

.detail-hero-title__text {
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "NotoSansCJKjp", sans-serif;
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: 1.2;
  margin: 0 0 .5em;
}
@media only screen and (max-width: 1023px){
  .detail-hero-title__text {
    font-size: 40px;
    font-size: 4.0rem;
  }
}
@media only screen and (max-width: 767px){
  .detail-hero-title__text {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media only screen and (max-width: 567px){
  .detail-hero-title__text {
    font-size: 31px;
    font-size: 3.1rem;
  }
}

.detail-hero-title__label {
  font-size: 24px;
  font-size: 2.4rem;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.2;
}
@media only screen and (max-width: 567px){
  .detail-hero-title__label {
    font-size: 20px;
    font-size: 2.0rem;
  }
}

.detail-hero-nav {
  font-size: 0;
  clear: both;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.detail-hero-nav__item {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: normal;
  min-height: 1px;
  margin: 0 0;
  padding: 0 0;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.detail-hero-nav__item {
  width: 100%;
}

.detail-hero-nav__itemSelf {
  font-size: 0;
  color: #ffffff;
  display: block;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-weight: 500;
  letter-spacing: .02em;
  outline: none;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 100%;
  z-index: 1;
}

.detail-hero-nav__itemSelf:before {
  background-color: rgba(255, 255, 255, 0.35);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: -1px;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
  width: 100%;
  z-index: -1;
}

.detail-hero-nav__itemSelf:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.detail-hero-nav__itemSelfLabel {
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
  min-height: 55px;
  padding: 10px 10px 10px 30px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 570px;
  max-width: 100%;
}

.detail-hero-nav__itemSelfLabel:before {
  background-image: url(../image/sprite.png);
  background-position: -24px 0px;
  width: 8px;
  height: 14px;
  content: "";
  display: inline-block;
  margin-top: -8px;
  position: absolute;
  left: 10px;
  top: 50%;
}

.detail-hero-nav__itemSelfLabelInner {
  display: inline-block;
  text-align: left;
  vertical-align: -3px;
}

/* html:not([data-platform="sp"]) */ .detail-hero-nav__itemSelf:hover, /* html:not([data-platform="sp"]) */ .detail-hero-nav__itemSelf:focus {
  text-decoration: none;
}

/* html:not([data-platform="sp"]) */ .detail-hero-nav__itemSelf:hover:before, /* html:not([data-platform="sp"]) */ .detail-hero-nav__itemSelf:focus:before {
  -webkit-animation: keyframes-detail-hero-nav-item-bg .6s linear .3s infinite normal;
          animation: keyframes-detail-hero-nav-item-bg .6s linear .3s infinite normal;
  background-color: rgba(255, 255, 255, 0.45);
}

[data-platform="sp"] .detail-hero-nav__itemSelf.js-add-is-touch {
  text-decoration: none;
}

[data-platform="sp"] .detail-hero-nav__itemSelf.js-add-is-touch:before {
  -webkit-animation: keyframes-detail-hero-nav-item-bg .6s linear .3s infinite normal;
          animation: keyframes-detail-hero-nav-item-bg .6s linear .3s infinite normal;
  background-color: rgba(255, 255, 255, 0.45);
}

.detail-hero-nav__item:nth-child(odd) {
  text-align: center;
}

.detail-hero-nav__item:nth-child(even) {
  text-align: center;
}

.detail-hero-nav__item:nth-child(even) .detail-hero-nav__itemSelf:before {
  left: 1px;
}

.loginbox {
  -webkit-border-radius: 18px;
          border-radius: 18px;
  border: 1px solid #aeaeae;
  max-width: 100%;
}

.loginbox__author {
  padding: 2em 3.55%;
}

.loginbox__form {
  padding: 2em 3.55%;
}

.loginbox__form2 {
  padding: 3em 3.55%;
}

.loginbox-author {
  text-align: center;
}

.loginbox-author__inner {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.loginbox-author__avatar {
  text-align: center;
}

.loginbox-author__avatarImg {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.loginbox-author__welcome {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  margin-top: 1.75em;
  text-align: center;
}

.loginbox-author__logout {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  letter-spacing: .02em;
  margin-top: .6em;
  text-align: center;
}

.loginbox-partner {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: center;
}

.loginbox-partner__mb30 {
  margin-bottom: 30px;
}

.loginbox-partner__gotext {
  clear: both;
  display: inline-block;
  vertical-align: top;
}

.loginbox-partner__gotext:before, .loginbox-partner__gotext:after {
  content: "";
  display: table;
}

.loginbox-partner__gotext:after {
  clear: both;
}

.loginbox-partner__gotext img {
  margin: -4px 0 0 0;
  vertical-align: middle;
}

.loginbox-partner__gotext span {
  display: inline-block;
  margin: 10px 0;
}

.loginbox-partner__img {
  float: none!important;
  display: block;
  margin: 0 auto 20px!important;
}

.loginbox-form__inner {
  text-align: left;
  vertical-align: top;
  max-width: 100%;
}

.loginbox-form__field {
  margin: 10px auto;
  width: 100%;
  max-width: 320px;
}

.loginbox-form__fieldTh {
  color: #434343;
  font-weight: 700;
  padding: 5px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}

.loginbox-form__fieldTh label {
  display: block;
}

.loginbox-form__fieldTd {
  padding: 5px;
  vertical-align: middle;
}

.loginbox-form__fieldTd input[type="text"].is-error,
.loginbox-form__fieldTd input[type="search"].is-error,
.loginbox-form__fieldTd input[type="tel"].is-error,
.loginbox-form__fieldTd input[type="url"].is-error,
.loginbox-form__fieldTd input[type="email"].is-error,
.loginbox-form__fieldTd input[type="password"].is-error,
.loginbox-form__fieldTd input[type="datetime"].is-error,
.loginbox-form__fieldTd input[type="date"].is-error,
.loginbox-form__fieldTd input[type="month"].is-error,
.loginbox-form__fieldTd input[type="week"].is-error,
.loginbox-form__fieldTd input[type="time"].is-error,
.loginbox-form__fieldTd input[type="datetime-local"].is-error,
.loginbox-form__fieldTd input[type="number"].is-error,
.loginbox-form__fieldTd textarea.is-error,
.loginbox-form__fieldTd select.is-error {
  border-color: #cd1014 !important;
}

.loginbox-form__fieldTd input[type="text"],
.loginbox-form__fieldTd input[type="search"],
.loginbox-form__fieldTd input[type="tel"],
.loginbox-form__fieldTd input[type="url"],
.loginbox-form__fieldTd input[type="email"],
.loginbox-form__fieldTd input[type="password"],
.loginbox-form__fieldTd input[type="datetime"],
.loginbox-form__fieldTd input[type="date"],
.loginbox-form__fieldTd input[type="month"],
.loginbox-form__fieldTd input[type="week"],
.loginbox-form__fieldTd input[type="time"],
.loginbox-form__fieldTd input[type="datetime-local"],
.loginbox-form__fieldTd input[type="number"],
.loginbox-form__fieldTd textarea,
.loginbox-form__fieldTd select {
  border: 2px solid #e5e5e5;
  color: #0d0d0d;
  outline: none;
  padding: 2px 4px;
  -webkit-transition: border-color .3s;
          transition: border-color .3s;
  width: 100%;
}

.loginbox-form__fieldTd input[type="text"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="search"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="tel"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="url"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="email"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="password"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="datetime"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="date"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="month"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="week"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="time"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="datetime-local"]::-webkit-input-placeholder,
.loginbox-form__fieldTd input[type="number"]::-webkit-input-placeholder,
.loginbox-form__fieldTd textarea::-webkit-input-placeholder,
.loginbox-form__fieldTd select::-webkit-input-placeholder {
  color: rgba(83, 83, 83, 0.5);
}

.loginbox-form__fieldTd input[type="text"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="search"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="tel"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="url"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="email"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="password"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="datetime"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="date"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="month"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="week"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="time"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="datetime-local"]:-ms-input-placeholder,
.loginbox-form__fieldTd input[type="number"]:-ms-input-placeholder,
.loginbox-form__fieldTd textarea:-ms-input-placeholder,
.loginbox-form__fieldTd select:-ms-input-placeholder {
  color: rgba(83, 83, 83, 0.5);
}

.loginbox-form__fieldTd input[type="text"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="search"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="tel"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="url"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="email"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="password"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="datetime"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="date"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="month"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="week"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="time"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="datetime-local"]::-moz-placeholder,
.loginbox-form__fieldTd input[type="number"]::-moz-placeholder,
.loginbox-form__fieldTd textarea::-moz-placeholder,
.loginbox-form__fieldTd select::-moz-placeholder {
  color: rgba(83, 83, 83, 0.5);
}

/* html:not([data-platform="sp"]) */ .loginbox-form__fieldTd input[type="text"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="search"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="tel"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="url"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="email"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="password"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="datetime"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="date"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="month"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="week"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="time"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="datetime-local"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="number"]:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd textarea:hover, html:not([data-platform="sp"])
.loginbox-form__fieldTd select:hover {
  border-color: #cccccc;
}

[data-platform="sp"] .loginbox-form__fieldTd input[type="text"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="search"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="tel"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="url"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="email"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="password"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="datetime"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="date"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="month"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="week"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="time"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="datetime-local"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="number"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd textarea.js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd select.js-add-is-touch {
  border-color: #cccccc;
}

/* html:not([data-platform="sp"]) */ .loginbox-form__fieldTd input[type="text"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="search"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="tel"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="url"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="email"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="password"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="datetime"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="date"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="month"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="week"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="time"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="datetime-local"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd input[type="number"]:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd textarea:focus, html:not([data-platform="sp"])
.loginbox-form__fieldTd select:focus {
  border-color: #344f9f;
}

[data-platform="sp"] .loginbox-form__fieldTd input[type="text"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="search"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="tel"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="url"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="email"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="password"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="datetime"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="date"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="month"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="week"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="time"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="datetime-local"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd input[type="number"].js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd textarea.js-add-is-touch, [data-platform="sp"]
.loginbox-form__fieldTd select.js-add-is-touch {
  border-color: #344f9f;
}

.loginbox-form__action {
  margin: 20px 0 0 0;
}

.loginbox-form__actionBtn {
  text-align: center;
}

.loginbox-form__actionForgot {
  margin: 6px 0 0;
  text-align: center;
}

.formstep {
  clear: both;
  margin: 95px auto 80px;
}

.formstep:before, .formstep:after {
  content: "";
  display: table;
}

.formstep:after {
  clear: both;
}

.formstep__list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.formstep__itemStep {
  font-size: 14px;
  font-size: 1.4rem;
  color: #e5e5e5;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
  position: relative;
}

.formstep__itemStep:before, .formstep__itemStep:after {
  content: "";
  display: block;
  position: absolute;
}

.formstep__itemStep:before {
  background-color: #e5e5e5;
}

.formstep__itemStep:after {
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 3px solid #e5e5e5;
  height: 15px;
  margin-left: -7.5px;
  width: 15px;
}

.formstep__itemLabel {
  font-size: 18px;
  font-size: 1.8rem;
  color: #e5e5e5;
  display: block;
  font-weight: 700;
  margin-top: .6em;
  text-align: center;
}

.formstep__item--current .formstep__itemStep, .formstep__item--complate .formstep__itemStep {
  color: #344f9f;
}

.formstep__item--current .formstep__itemStep:before, .formstep__item--complate .formstep__itemStep:before {
  background-color: #344f9f;
}

.formstep__item--current .formstep__itemStep:after, .formstep__item--complate .formstep__itemStep:after {
  border-color: #344f9f;
}

.formstep__item--current .formstep__itemLabel, .formstep__item--complate .formstep__itemLabel {
  color: #434343;
}

.formstep__item--complate {
  opacity: .4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.formstep__item--complate .formstep__itemStep:after {
  background-color: #344f9f;
}

.contact-form-type {
  clear: both;
  margin: 1.6em 0;
}

.contact-form-type:before, .contact-form-type:after {
  content: "";
  display: table;
}

.contact-form-type:after {
  clear: both;
}

.contact-form-type__list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  overflow: hidden;
}

.contact-form-type__radio {
  display: none;
}

.contact-form-type__item {
  background-color: #f4f4f4;
  border: 1px solid #344f9f;
  color: #344f9f;
  display: block;
  padding: 1.05em 1em 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color .3s, color .3s;
          transition: background-color .3s, color .3s;
  width: 100%;
}

.contact-form-type__item:before {
  background-color: lightgray;
  border-radius: 4px;
  border: 2px solid gray;
  content: "";
  display: block;
  height: 1.5em;
  position: absolute; left: 3.5em; top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5em;
}
.contact-form-type__item:after {
  border-left: 3px solid;
  border-bottom: 3px solid;
  content: "";
  display: block;
  height: .5em;
  margin: -.075em 0 0 .4em;
  opacity: 0;
  position: absolute; left: 3.5em; top: 50%;
  -webkit-transition: opacity .3s, transform .3s cubic-bezier(.77, 0, .175, 1);
  transition: opacity .3s, transform .3s cubic-bezier(.77, 0, .175, 1);
  -webkit-transform: translateY(-50%) rotate(-65deg) scale(.7);
  transform: translateY(-50%) rotate(-65deg) scale(.7);
  width: .75em;
}

.contact-form-type__itemLabel {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  letter-spacing: .02em;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.contact-form-type__itemType {
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* html:not([data-platform="sp"]) */ .contact-form-type__item:hover, /* html:not([data-platform="sp"]) */ .contact-form-type__item:focus {
  background-color: #dbdbdb;
  text-decoration: none;
  -webkit-transition: background-color .3s linear;
          transition: background-color .3s linear;
}

[data-platform="sp"] .contact-form-type__item.js-add-is-touch {
  background-color: #dbdbdb;
  text-decoration: none;
  -webkit-transition: background-color .3s linear;
          transition: background-color .3s linear;
}

.contact-form-type__radio:checked + .contact-form-type__item {
  background-color: #344f9f;
  color: #fff;
}

.contact-form-type__radio:checked + .contact-form-type__item:before {
  background-color: #5bb63b;
  border-color: currentColor;
}
.contact-form-type__radio:checked + .contact-form-type__item:after {
  opacity: 1;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.contact-form-type__radio:checked + .contact-form-type__item .contact-form-type__itemLabel {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.contact-form-type__radio:checked + .contact-form-type__item .contact-form-type__itemType {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* html:not([data-platform="sp"]) */ .contact-form-type__radio:checked + .contact-form-type__item:hover, /* html:not([data-platform="sp"]) */ .contact-form-type__radio:checked + .contact-form-type__item:focus {
  background-color: #273c79;
  -webkit-transition: background-color .3s linear;
          transition: background-color .3s linear;
}

[data-platform="sp"] .contact-form-type__radio:checked + .contact-form-type__item.js-add-is-touch {
  background-color: #273c79;
  -webkit-transition: background-color .3s linear;
          transition: background-color .3s linear;
}

.contact-form {
  clear: both;
  margin: 2.135em 0;
}

.contact-form:before, .contact-form:after {
  content: "";
  display: table;
}

.contact-form:after {
  clear: both;
}

.contact-form__fieldDl {
  margin: 0;
}

.contact-form__fieldDl + .contact-form__fieldDl {
  margin-top: 30px;
}

.contact-form__fieldDt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
}

.contact-form__fieldDt .label-required,
.contact-form__fieldDt .label-required-multi,
.contact-form__fieldDt .label-any {
  font-family: sans-serif;
  margin: 0 0 0 4px;
  vertical-align: 1px;
}
.contact-form__fieldDt .label-any-multi {
  font-family: sans-serif;
  margin: 0 0 0 4px;
  vertical-align: 1px;
}

.contact-form__fieldDd {
  margin: 5px 0 0 0;
}

/*　INSERTED BY MP.Fujii 2019.07.23 START */
.contact-form__fieldDd input[type="button"]{
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #f4f4f4;
  border: 1px solid #b7b7b7;
  color: #0d0d0d;
  outline: none;
  padding: 11px 9px;
  -webkit-transition: border-color .3s;
  transition: border-color .3s;
  width: 60%;
  max-width: 60%;

}
/*　INSERTED BY MP.Fujii 2019.07.23 END */

.contact-form__fieldDd input[type="text"],
.contact-form__fieldDd input[type="search"],
.contact-form__fieldDd input[type="tel"],
.contact-form__fieldDd input[type="url"],
.contact-form__fieldDd input[type="email"],
.contact-form__fieldDd input[type="password"],
.contact-form__fieldDd input[type="datetime"],
.contact-form__fieldDd input[type="date"],
.contact-form__fieldDd input[type="month"],
.contact-form__fieldDd input[type="week"],
.contact-form__fieldDd input[type="time"],
.contact-form__fieldDd input[type="datetime-local"],
.contact-form__fieldDd input[type="number"],
.contact-form__fieldDd textarea,
.contact-form__fieldDd select {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #f4f4f4;
  border: 1px solid #b7b7b7;
  color: #0d0d0d;
  outline: none;
  padding: 11px 9px;
  -webkit-transition: border-color .3s;
          transition: border-color .3s;
  width: 100%;
  max-width: 100%;
}

.contact-form__fieldDd input[type="text"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="search"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="tel"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="url"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="email"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="password"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="datetime"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="date"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="month"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="week"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="time"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="datetime-local"]::-webkit-input-placeholder,
.contact-form__fieldDd input[type="number"]::-webkit-input-placeholder,
.contact-form__fieldDd textarea::-webkit-input-placeholder,
.contact-form__fieldDd select::-webkit-input-placeholder {
  color: #b7b7b7;
}

.contact-form__fieldDd input[type="text"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="search"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="tel"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="url"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="email"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="password"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="datetime"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="date"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="month"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="week"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="time"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="datetime-local"]:-ms-input-placeholder,
.contact-form__fieldDd input[type="number"]:-ms-input-placeholder,
.contact-form__fieldDd textarea:-ms-input-placeholder,
.contact-form__fieldDd select:-ms-input-placeholder {
  color: #b7b7b7;
}

.contact-form__fieldDd input[type="text"]::-moz-placeholder,
.contact-form__fieldDd input[type="search"]::-moz-placeholder,
.contact-form__fieldDd input[type="tel"]::-moz-placeholder,
.contact-form__fieldDd input[type="url"]::-moz-placeholder,
.contact-form__fieldDd input[type="email"]::-moz-placeholder,
.contact-form__fieldDd input[type="password"]::-moz-placeholder,
.contact-form__fieldDd input[type="datetime"]::-moz-placeholder,
.contact-form__fieldDd input[type="date"]::-moz-placeholder,
.contact-form__fieldDd input[type="month"]::-moz-placeholder,
.contact-form__fieldDd input[type="week"]::-moz-placeholder,
.contact-form__fieldDd input[type="time"]::-moz-placeholder,
.contact-form__fieldDd input[type="datetime-local"]::-moz-placeholder,
.contact-form__fieldDd input[type="number"]::-moz-placeholder,
.contact-form__fieldDd textarea::-moz-placeholder,
.contact-form__fieldDd select::-moz-placeholder {
  color: #b7b7b7;
}

/* html:not([data-platform="sp"]) */ .contact-form__fieldDd input[type="text"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="search"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="tel"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="url"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="email"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="password"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="datetime"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="date"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="month"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="week"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="time"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="datetime-local"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="number"]:hover, html:not([data-platform="sp"])
.contact-form__fieldDd textarea:hover, html:not([data-platform="sp"])
.contact-form__fieldDd select:hover {
  border-color: #9e9e9e;
}

[data-platform="sp"] .contact-form__fieldDd input[type="text"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="search"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="tel"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="url"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="email"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="password"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="datetime"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="date"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="month"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="week"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="time"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="datetime-local"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="number"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd textarea.js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd select.js-add-is-touch {
  border-color: #9e9e9e;
}

/* html:not([data-platform="sp"]) */ .contact-form__fieldDd input[type="text"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="search"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="tel"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="url"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="email"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="password"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="datetime"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="date"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="month"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="week"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="time"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="datetime-local"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd input[type="number"]:focus, html:not([data-platform="sp"])
.contact-form__fieldDd textarea:focus, html:not([data-platform="sp"])
.contact-form__fieldDd select:focus {
  border-color: #344f9f;
}

[data-platform="sp"] .contact-form__fieldDd input[type="text"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="search"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="tel"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="url"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="email"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="password"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="datetime"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="date"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="month"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="week"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="time"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="datetime-local"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd input[type="number"].js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd textarea.js-add-is-touch, [data-platform="sp"]
.contact-form__fieldDd select.js-add-is-touch {
  border-color: #344f9f;
}

.contact-form__fieldList {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  margin: 0 0 0 3px;
  padding-top: 5px;
}

.contact-form__fieldList li {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.contact-form__fieldList li > [type="radio"],
.contact-form__fieldList li > [type="checkbox"] {
  margin: -4px 6px 0 0;
}

.contact-form__fieldList li + li {
  margin-top: 10px;
}


/*
.contact-form__fieldList li input[type="radio"] + label:before {
  background-color: #f4f4f4;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 2px solid #344f9f;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-transition: background-color .3s;
          transition: background-color .3s;
  vertical-align: -1px;
  width: 14px;
}

.contact-form__fieldList li input[type="radio"]:checked + label:before {
  background-color: #344f9f;
}

.contact-form__fieldList li input[type="checkbox"] + label:before {
  background-color: #fff;
  border: 2px solid #535353;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-transition: background-color .3s, border-color .3s;
          transition: background-color .3s, border-color .3s;
  vertical-align: -1px;
  width: 14px;
}

.contact-form__fieldList li input[type="checkbox"]:checked + label:before {
  background-color: #ee8379;
  border-color: #a7a7a7;
}

.contact-form__fieldList li input[type="radio"],
.contact-form__fieldList li input[type="checkbox"] {
  display: none;
}
*/

.contact-form__fieldList li input[type="radio"] + label,
.contact-form__fieldList li input[type="checkbox"] + label {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
}
.contact-form__fieldList li input[type="radio"] + label:last-child,
.contact-form__fieldList li input[type="checkbox"] + label:last-child {
  margin-right: 0;
  max-width: 92%;
}

.contact-form__fieldList li input[type="radio"] + label[for="pcos1"], .contact-form__fieldList li input[type="radio"] + label[for="pcos2"], .contact-form__fieldList li input[type="radio"] + label[for="pcos3"],
.contact-form__fieldList li input[type="checkbox"] + label[for="pcos1"],
.contact-form__fieldList li input[type="checkbox"] + label[for="pcos2"],
.contact-form__fieldList li input[type="checkbox"] + label[for="pcos3"] {
  width: 90px;
}

.contact-form__fieldListCustom {
  display: inline-block;
  margin: -5px;
  overflow: hidden;
  vertical-align: middle;
  max-width: 100%;
}

.contact-form__fieldListCustomItem {
  display: inline-block;
  padding: 0 5px;
  margin: 5px 0;
  vertical-align: middle;
  max-width: 100%;
}

.contact-form__fieldListCustomItem input {
  margin-right: 5px;
  padding: 6px 7px !important;
}

.contact-form__fieldListCustomLabel {
  display: inline-block;
  vertical-align: middle;
}

.contact-form__fieldList input[type="text"],
.contact-form__fieldList input[type="search"],
.contact-form__fieldList input[type="tel"],
.contact-form__fieldList input[type="url"],
.contact-form__fieldList input[type="email"],
.contact-form__fieldList input[type="password"],
.contact-form__fieldList input[type="datetime"],
.contact-form__fieldList input[type="date"],
.contact-form__fieldList input[type="month"],
.contact-form__fieldList input[type="week"],
.contact-form__fieldList input[type="time"],
.contact-form__fieldList input[type="datetime-local"],
.contact-form__fieldList input[type="number"],
.contact-form__fieldList textarea,
.contact-form__fieldList select {
  display: inline-block;
  margin: 0;
  width: auto;
}

.contact-form__fieldInnergrid {
  font-size: 0;
  clear: both;
  display: block;
  list-style: none;
  margin: -10px;
  padding: 0;
}

.contact-form__fieldInnergrid [class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  letter-spacing: normal;
  min-height: 1px;
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.contact-form__tos {
  margin-top: 70px;
}

.contact-form__resultTable {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin-top: -1em;
  width: 100%;
}

.contact-form__resultTable th,
.contact-form__resultTable td {
  border-bottom: 1px solid #999;
  padding: 1em;
  text-align: left;
}

.contact-form__resultTable th {
  white-space: nowrap;
  width: 1%;
}

.contact-form__action {
  margin-top: 30px;
}

.contact-form__actionBtn {
  text-align: center;
}

.contact-form__actionBtnList {
  font-size: 0;
  clear: both;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: -10px;
  padding: 0;
}

[class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: normal;
  min-height: 1px;
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.notice-area {
  -webkit-border-radius: 16px;
          border-radius: 16px;
  border: 3px solid #e5e5e5;
  padding: 1em 1.5em;
  text-align: center;
}

.notice-area__check {
  text-align: center;
}

.notice-area__checkSelf {
  display: none;
}

.notice-area__checkLabel {
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .02em;
}

.notice-area__checkLabel:before {
  background-color: #fff;
  border: 3px solid #e5e5e5;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 6px;
  -webkit-transition: background-color .3s linear;
          transition: background-color .3s linear;
  vertical-align: -4px;
  width: 20px;
}

.notice-area__checkSelf:checked + .notice-area__checkLabel:before {
  background-color: #ea6060;
}

.notice-area__paragraph {
  font-weight: 500;
  letter-spacing: .045em;
  line-height: 2;
  text-align: left;
}

.file-table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  width: 100%;
}

.file-table th,
.file-table td {
  background-color: #fff;
  border: 1px solid #999;
  padding: 1em;
  text-align: left;
}

.file-table th.ct,
.file-table td.ct {
  text-align: center;
}

.file-table th {
  white-space: nowrap;
  width: 1%;
}

.file-table thead th {
  background-color: #f0f0f0;
  text-align: center;
}

.file-table.js-add-active-tablefix th,
.file-table.js-add-active-tablefix td {
  padding: .75em;
}

.file-table.js-add-active-tablefix [data-tablefix-side-elm]:not([data-tablefix-header-elm]) {
  background-color: #fcfcfc !important;
}

.qa-listup {
  background-color: #f7f7f7;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  border: 5px solid #e7e7e7;
  margin: 40px 0 75px;
  padding: 25px 15px;
  text-align: center;
}

.qa-listup__inner {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.qa-listup__caption {
  font-size: 20px;
  font-size: 2.0rem;
  color: #434343;
  display: block;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  margin: 0 0 29px 0;
  padding: 0 32px;
  position: relative;
  text-align: center;
}

.qa-listup__caption:before, .qa-listup__caption:after {
  background-image: url(../image/sprite.png);
  background-position: -465px 0px;
  width: 21px;
  height: 18px;
  content: "";
  display: inline-block;
  margin-top: -9px;
  position: absolute;
  top: 50%;
}

.qa-listup__caption:before {
  left: 0;
}

.qa-listup__caption:after {
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.qa-listup__list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  max-width: 100%;
}

.qa-listup__list li {
  counter-increment: qa-listup__list;
  padding-left: 62px;
  position: relative;
}

.qa-listup__list li + li {
  margin-top: 1em;
}

.qa-listup__list li:before {
  font-size: 20px;
  font-size: 2.0rem;
  color: #434343;
  content: "Q";
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 2px;
}

.qa-listup__list li:after {
  font-size: 20px;
  font-size: 2.0rem;
  color: #ea6060;
  content: counter(qa-listup__list) ".";
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1;
  position: absolute;
  left: 20px;
  top: 3px;
}

.qa-listup__list li:nth-child(-n+9):after {
  content: "0" counter(qa-listup__list) ".";
}

.qa-listup__list li a {
  font-size: 15px;
  font-size: 1.5rem;
  color: #344f9f;
  font-weight: 500;
  letter-spacing: .1em;
  text-decoration: underline;
}

/* html:not([data-platform="sp"]) */ .qa-listup__list li a:hover, /* html:not([data-platform="sp"]) */ .qa-listup__list li a:focus {
  text-decoration: none;
}

[data-platform="sp"] .qa-listup__list li a.js-add-is-touch {
  text-decoration: none;
}

.question {
  padding-bottom: 50px;
  border-bottom: 1px dotted #b4b4b4;
}

.question:nth-child(odd) {
  background-color: #f7f7f7;
}

.question__header {
  border-bottom: 1px dotted #b4b4b4;
  display: table;
  table-layout: fixed;
  margin-bottom: 24px;
  width: 100%;
}

.question__number {
  font-size: 43px;
  font-size: 4.3rem;
  color: #ea6060;
  display: table-cell;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1;
  padding: 15px 20px 15px 0;
  text-align: center;
  vertical-align: middle;
  width: 95px;
}

.question__number:before {
  font-size: 13px;
  font-size: 1.3rem;
  color: #434343;
  content: "Question";
  display: block;
}

.question__title {
  font-size: 18px;
  font-size: 1.8rem;
  color: #434343;
  display: table-cell;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  padding: 15px 0 10px 0;
  vertical-align: middle;
}

.question__content {
  margin: 0 auto;
  width: 740px;
  max-width: 100%;
}

.question__content p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.7;
}

.question__content p + p {
  margin-top: 1.5em;
}

.question__btn {
  margin-top: 40px;
}

.question__btn__inner {
  font-size: 0;
  clear: both;
  display: block;
  list-style: none;
  margin: -10px;
  padding: 0;
}

.question__btn__inner [class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  letter-spacing: normal;
  min-height: 1px;
  margin: 10px 0;
  padding: 0 10px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.contact-prompt {
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  width: 1140px;
  max-width: 100%;
  margin-top: 120px;
  text-align: center;
}

.contact-prompt .contact-prompt__inner {
  text-align: left;
}

.contact-prompt .contact-prompt__content {
  text-align: center;
}

.contact-prompt .contact-prompt__caption {
  font-size: 16px;
  font-size: 1.6rem;
  color: #454a4d;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.4;
  margin: 0 0 1em 0;
}

.contact-prompt .contact-prompt__tel {
  font-size: 28px;
  font-size: 2.8rem;
  color: #454a4d;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 .35em 0;
}

.contact-prompt .contact-prompt__tel:before {
  background-image: url(../image/sprite.png);
  background-position: -129px 0px;
  width: 32px;
  height: 28px;
  content: "";
  display: inline-block;
  margin-right: 7px;
  vertical-align: -4px;
}

.contact-prompt .contact-prompt__fax {
  font-size: 29px;
  font-size: 2.9rem;
  color: #454a4d;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.contact-prompt .contact-prompt__btn {
  margin: 40px 0 0;
}

.contact-prompt .contact-prompt__image {
  text-align: center;
}

.media-send {
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #aeaeae;
}

.media-send__logo {
  border-bottom: 1px dotted #aeaeae;
  padding: 24px;
  text-align: center;
}

.media-send__content {
  padding: 24px 15px 34px;
  text-align: center;
}

.media-send__contentInner {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  max-width: 100%;
}

.media-send__address {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  margin: 0 0 1em;
  text-align: center;
}

.media-send__btn {
  margin-top: 30px;
  text-align: center;
}

.media-modeltype-remove__list {
  font-size: 0;
  clear: both;
  display: block;
  list-style: none;
  margin: -15px;
  padding: 0;
}

.media-modeltype-remove__list [class^="col-"] {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  display: inline-block;
  letter-spacing: normal;
  min-height: 1px;
  margin: 15px 0;
  padding: 0 15px;
  position: relative;
  vertical-align: top;
  word-spacing: normal;
}

.media-modeltype-remove__image {
  padding: 14px 0;
  text-align: center;
}

.media-modeltype-remove__caption {
  font-size: 16px;
  font-size: 1.6rem;
  color: #434343;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
  margin: 14px 0 16px;
  text-align: center;
}

.media-modeltype-remove__paragraph {
  color: #434343;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2;
}

@media only screen and (max-width: 1120px){
  html{
    min-widht: 320px;
  }
  .show-break-base{
    display: block;
  }
  .hide-break-base{
    display: none;
  }
}

@media only screen and (max-width: 1119px){
  html{
    min-widht: 320px;
  }
  .show-break-BASE{
    display: block;
  }
  .hide-break-BASE{
    display: none;
  }
  .grid--base{
    margin: -5px;
  }
  .grid--base > .col, .grid--base > [class^="col-"]{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media only screen and (max-width: 1024px){
  html{
    min-widht: 320px;
  }
  .l-footer-overview-common{
    padding: 20px 10px;
  }
  .l-footer-overview-common__column{
    padding: 10px 0;
  }
  .show-break-lg{
    display: block;
  }
  .hide-break-lg{
    display: none;
  }
}

@media only screen and (max-width: 1023px){
  html{
    min-widht: 320px;
  }
  .l-header__inner{
    height: 60px;
    width: 100%;
    min-width: 320px;
  }
  .l-header-build-share{
    padding: 17px 10px 0 6px;
    text-align: left;
    vertical-align: middle;
  }
  .l-header-build-logo{
    padding: 0 10px;
    width: 185px;
  }
  .l-header-build-nav{
    padding: 0 6px 0 10px;
  }
  .l-header-build-nav .l-header-build-nav__inner{
    display: none;
  }
  .l-area.l-area--has-sub .l-area__sub{
    margin-top: 100px;
  }
  .l-footer-general__social{
    clear: both;
    border-top: 1px solid #9aa7cf;
    clear: both;
    margin-top: 40px;
    padding-top: 40px;
    text-align: center;
  }
  .l-footer-general__social:before, .l-footer-general__social:after{
    content: "";
    display: table;
  }
  .l-footer-general__social:after{
    clear: both;
  }
  .textspace-lg{
    display: block;
    padding-top: 4px;
  }
  .show-break-LG{
    display: block;
  }
  .hide-break-LG{
    display: none;
  }
  .grid--lg{
    margin: -5px;
  }
  .grid--lg > .col, .grid--lg > [class^="col-"]{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .sub-element.sub-element--break-center{
    text-align: center;
  }
  .table--postage th,
  .table--postage td{
    padding: .9em .7em;
  }
  .contact-prompt .contact-prompt__inner{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
  }
  .contact-prompt .contact-prompt__content{
    border: 3px solid #e5e5e5;
    margin-bottom: 20px;
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 768px){
  html{
    min-widht: 320px;
  }
  .l-footer-relation-container{
    margin: 0;
  }
  .l-footer-relation-container__column{
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .l-footer-relation{
    background-color: #ffffff;
    padding: 10px;
  }
  .show-break-md{
    display: block;
  }
  .hide-break-md{
    display: none;
  }
}

@media only screen and (max-width: 767px){
  html{
    min-widht: 320px;
  }
  .js-yearningModal-title{
    padding: 5px 7px;
    bottom: 64px;
  }
  .js-yearningModal-thumb-group-inner{
    height: 64px;
  }
  .js-yearningModal-thumb-self{
    border-width: 1px;
    height: 44px;
    width: 44px;
  }
  .l-footer-company__overview{
    margin-top: 10px;
  }
  .l-footer-overview-detail-btn{
    min-height: 100px;
  }
  .l-footer-directory-list-item{
    padding: 5px 4px 5px 17px;
  }
  .l-footer-directory-list-item:before{
    color: #ea6060;
    content: "・";
    display: block;
    font-weight: bold;
    position: absolute;
    left: 1px;
  }
  .l-footer-common-copyright{
    background-color: rgba(0, 0, 0, 0.2);
    margin: 40px -10px 0;
    padding: 10px;
    text-align: center;
  }
  .l-footer-common-copyright--single{
    margin-top: 20px;
  }
  .textspace-md{
    display: block;
    padding-top: 4px;
  }
  .show-break-MD{
    display: block;
  }
  .hide-break-MD{
    display: none;
  }
  .grid--md{
    margin: -5px;
  }
  .grid--md > .col, .grid--md > [class^="col-"]{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .table--postage,
  .table--postage thead,
  .table--postage tbody,
  .table--postage tfoot,
  .table--postage tr,
  .table--postage th,
  .table--postage td{
    border: none;
    display: block;
    white-space: normal;
    width: auto;
  }
  .table--postage{
    border: 1px solid #e7e7e7;
  }
  .table--postage thead{
    display: none;
  }
  .table--postage td{
    padding-left: 7em;
    position: relative;
    text-align: left !important;
  }
  .table--postage td:before{
    content: attr(data-label);
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 6em;
    z-index: 1;
  }
  .table--postage td:after{
    background-color: #f4f4f4;
    border-right: 1px solid #e7e7e7;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 6em;
  }
  .table--postage td + td{
    border-top: 1px solid #e7e7e7;
  }
  .mainvisual-container__quick{
    margin-top: 30px;
    text-align: center;
  }
  .mainvisual-list__pager{
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .mainvisual-list__dot{
    position: absolute;
    bottom: 22px;
    right: 10px;
  }
  .mainvisual-list-pager{
    font-size: 0;
  }
  .mainvisual-list-pager__item{
    display: inline-block;
    height: 64px;
    width: 41px;
  }
  .mainvisual-drt__content{
    margin-top: -25px;
  }
  .mainvisual-drt-caption__name{
    width: 300px;
    max-width: 100%;
  }
  .mainvisual-wd__content{
    margin-top: -25px;
  }
  .mainvisual-wd__over-logo{
    display: none;
  }
  .mainvisual-wd-layout{
    text-align: center;
  }
  .mainvisual-wd-layout__inner{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 300px;
    max-width: 100%;
  }
  .mainvisual-mdr__content{
    margin-top: -25px;
  }
  .mainvisual-mdr-caption__name{
    margin: 31px auto 0;
    width: 300px;
    max-width: 100%;
  }
  .mainvisual-recoveryratio__content{
    margin-top: -25px;
  }
  .mainvisual-recoveryratio-caption__name{
    margin: 16px 0 0 -3px;
    text-align: left;
  }
  .mainvisual-recoveryratio-caption__name img{
    width: 180.5px;
  }
  .mainvisual-raid__content{
    margin-top: -25px;
  }
  .mainvisual-raid-caption__name img{
    width: 180.5px;
  }
  .service-container__column{
    border: 1px solid #cccccc;
  }
  .service-container__column + .service-container__column{
    border-top: none;
  }
  .article__layout-thumb{
    text-align: center;
    margin-bottom: 20px;
  }
  .pager__prev, .pager__next{
    width: 100px;
  }
  .pager__action:not(.pager__action--min).pager__action--prev{
    padding-left: 15px;
  }
  .pager__action:not(.pager__action--min).pager__action--next{
    padding-right: 15px;
  }
  .detail-hero:before{
    background-color: rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  @-webkit-keyframes keyframes-detail-hero-nav-item-bg{
    0%{
      background-color: rgba(255, 255, 255, 0.45);
    }
    50%{
      background-color: rgba(255, 255, 255, 0.5);
    }
    100%{
      background-color: rgba(255, 255, 255, 0.45);
    }
  }
  @keyframes keyframes-detail-hero-nav-item-bg{
    0%{
      background-color: rgba(255, 255, 255, 0.45);
    }
    50%{
      background-color: rgba(255, 255, 255, 0.5);
    }
    100%{
      background-color: rgba(255, 255, 255, 0.45);
    }
  }
  @keyframes keyframes-detail-hero-nav-item-bg{
    0%{
      background-color: rgba(255, 255, 255, 0.45);
    }
    50%{
      background-color: rgba(255, 255, 255, 0.5);
    }
    100%{
      background-color: rgba(255, 255, 255, 0.45);
    }
  }
  .detail-hero-nav__item:last-child .detail-hero-nav__itemSelf:before{
    top: 0;
  }
  .loginbox{
    margin: 47.5px auto;
    width: 610px;
  }
  .loginbox__author{
    padding: 2em 3.55%;
  }
  .loginbox__author{
    border-bottom: 1px solid #aeaeae;
  }
  .loginbox__form{
    padding: 2em 3.55%;
  }
  .loginbox-form{
    text-align: center;
  }
  .contact-form-type__list{
    -webkit-border-radius: 4px;
            border-radius: 4px;
  }
  .contact-form-type__listItem + .contact-form-type__listItem .contact-form-type__item{
    border-top: none;
  }
  .contact-form-type__listItem:first-child .contact-form-type__item{
    -webkit-border-radius: 9px 9px 0 0;
            border-radius: 9px 9px 0 0;
  }
  .contact-form-type__listItem:last-child .contact-form-type__item{
    -webkit-border-radius: 0 0 9px 9px;
            border-radius: 0 0 9px 9px;
  }
  .contact-form__fieldListCustomLabel{
    display: block;
    margin: 5px 0 0 4px;
  }
  .contact-form__fieldListCustom{
    display: block;
    /* margin: 5px -5px 15px 15px; */
  }
  .question__btn__inner{
    text-align: center;
  }
  .media-modeltype-remove{
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 568px){
  html{
    min-widht: 320px;
  }
  .show-break-sm{
    display: block;
  }
  .hide-break-sm{
    display: none;
  }
}

@media only screen and (max-width: 567px){
  html{
    min-widht: 320px;
  }
  .l-drawer-nav{
    text-align: center;
  }
  .l-drawer-nav__item{
    display: block;
  }
  .l-drawer-nav__item.l-drawer-nav__item--application, .l-drawer-nav__item.l-drawer-nav__item--tel-appointment{
    display: inline-block;
  }
  .textspace-sm{
    display: block;
    padding-top: 4px;
  }
  .show-break-SM{
    display: block;
  }
  .hide-break-SM{
    display: none;
  }
  .grid--sm{
    margin: -5px;
  }
  .grid--sm > .col, .grid--sm > [class^="col-"]{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .btn-drawer__text:before, .btn-drawer__text:after{
    display: none;
  }
  .eye-catch{
    margin-right: -10px;
    margin-left: -10px;
  }
  .mainvisual-drt-layout__image{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    z-index: -1;
  }
  .mainvisual-drt-caption__label{
    text-align: center;
  }
  .mainvisual-drt-image{
    margin: 0 auto;
    width: 292px;
  }
  .mainvisual-drt-image__symbolItem--arrow{
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  .mainvisual-drt-image__symbolItem--rescue{
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  .mainvisual-drt-image__symbolItem--typography{
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
  .mainvisual-raid__inner:after{
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    content: "";
    display: block;
    height: 416px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url("../images/mainvisual/raid-image.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    height: 90%;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    position: absolute;
    left: 0;
    top: 5%;
    width: 100%;
  }
  .mainvisual-raid-layout{
    text-align: center;
  }
  .mainvisual-raid-layout__image{
    display: none;
  }
  .js .mainvisual-raid[data-is-animation="true"] .mainvisual-raid__inner:after{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .3s;
            transition: opacity .3s;
  }
  .js-add-is-current .mainvisual-raid[data-is-animation="true"] .mainvisual-raid__inner:after{
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .selected-media-grid{
    margin-right: 3px;
    margin-left: 3px;
  }
  .article-card__thumb{
    width: 120px;
  }
  .article-card__paragraph{
    display: none;
  }
  .loginbox-form__action{
    text-align: center;
  }
  .formstep{
    margin: 47.5px auto 40px;
    text-align: center;
  }
  .formstep__list{
    display: inline-block;
    vertical-align: top;
  }
  .formstep__item{
    display: table;
  }
  .formstep__itemStep{
    display: table-cell;
    padding: 1.5em 1em;
    text-align: right;
    vertical-align: middle;
    width: 6em;
  }
  .formstep__itemStep:before{
    height: 100%;
    left: 5px;
    top: 0;
    width: 3px;
  }
  .formstep__itemStep:after{
    margin-top: -7.5px;
    left: 6px;
    top: 50%;
  }
  .formstep__itemLabel{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }
  .contact-form__fieldOutergrid [class^="col-"]{
    margin-top: 30px;
  }
  .contact-form__fieldInnergrid{
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .contact-form__fieldInnergrid [class^="col-"]{
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 480px){
  html{
    min-widht: 320px;
  }
}

@media only screen and (max-width: 479px){
  html{
    min-widht: 320px;
  }
  [class].col-pb-12{
    width: 100%;
  }
  [class].col-pb-11{
    width: 91.66666667%;
  }
  [class].col-pb-10{
    width: 83.33333333%;
  }
  [class].col-pb-9{
    width: 75%;
  }
  [class].col-pb-8{
    width: 66.66666667%;
  }
  [class].col-pb-7{
    width: 58.33333333%;
  }
  [class].col-pb-6{
    width: 50%;
  }
  [class].col-pb-5{
    width: 41.66666667%;
  }
  [class].col-pb-4{
    width: 33.33333333%;
  }
  [class].col-pb-3{
    width: 25%;
  }
  [class].col-pb-2{
    width: 16.66666667%;
  }
  [class].col-pb-1{
    width: 8.33333333%;
  }
  .l-footer-relation-container__column{
    width: 100%;
  }
  .l-footer-relation-container__column + .l-footer-relation-container__column{
    border-top: 1px dotted #f2f2f2;
  }
  .l-footer-relation__thumb{
    float: left;
    min-height: 1px;
    margin: 0 10px 0 0;
    width: 100px;
  }
  .l-footer-relation__thumb .l-footer-relation__link{
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100px;
  }
  .pager__list > li:not(.is-current){
    display: none;
  }
}

@media only screen and (max-width: 412px){
  html{
    min-widht: 320px;
  }
  .show-break-xs{
    display: block;
  }
  .hide-break-xs{
    display: none;
  }
}

@media only screen and (max-width: 411px){
  html{
    min-widht: 320px;
  }
  [class].col-xs-12{
    width: 100%;
  }
  [class].col-xs-11{
    width: 91.66666667%;
  }
  [class].col-xs-10{
    width: 83.33333333%;
  }
  [class].col-xs-9{
    width: 75%;
  }
  [class].col-xs-8{
    width: 66.66666667%;
  }
  [class].col-xs-7{
    width: 58.33333333%;
  }
  [class].col-xs-6{
    width: 50%;
  }
  [class].col-xs-5{
    width: 41.66666667%;
  }
  [class].col-xs-4{
    width: 33.33333333%;
  }
  [class].col-xs-3{
    width: 25%;
  }
  [class].col-xs-2{
    width: 16.66666667%;
  }
  [class].col-xs-1{
    width: 8.33333333%;
  }
  .l-footer-build-general__inner{
    padding-top: 40px;
  }
  .l-footer-build-general__inner--single{
    padding-top: 20px;
  }
  .l-footer-directory-caption{
    cursor: pointer;
    margin: 0 -10px;
    padding: 10px;
  }
  .l-footer-directory-caption__self{
    font-weight: normal;
    position: relative;
  }
  .l-footer-directory-caption__self:before{
    font-size: 1.6rem;
    color: #ea6060;
    content: "+";
    position: absolute;
    right: 0;
    top: 2px;
    -webkit-transition: all .3s;
            transition: all .3s;
  }
  .l-footer-directory-state:checked + .l-footer-directory-caption .l-footer-directory-caption__self:before{
    -webkit-transform: rotate(45deg) scale(1.08);
            transform: rotate(45deg) scale(1.08);
  }
  .l-footer-directory-caption__self:after{
    font-size: 1.4rem;
    color: #b49dc6;
    content: attr(data-label);
    font-family: YuMincho, "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", Meiryo, "メイリオ", sans-serif;
    font-weight: normal;
    margin-left: 10px;
  }
  .l-footer-directory-list{
    display: none;
    margin-bottom: 10px;
  }
  .l-footer-directory-state:checked ~ .l-footer-directory-list{
    display: block;
  }
  .textspace-xs{
    display: block;
    padding-top: 4px;
  }
  .show-break-XS{
    display: block;
  }
  .hide-break-XS{
    display: none;
  }
  .grid--xs{
    margin: -5px;
  }
  .grid--xs > .col, .grid--xs > [class^="col-"]{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .mainvisual-recoveryratio-layout{
    text-align: center;
  }
  .file-table,
  .file-table thead,
  .file-table tbody,
  .file-table tfoot,
  .file-table tr,
  .file-table th,
  .file-table td{
    border: none;
    display: block;
    white-space: normal;
    width: auto;
  }
  .file-table thead{
    display: none;
  }
  .file-table tr{
    position: relative;
  }
  .file-table th,
  .file-table td{
    padding: 0;
  }
  .file-table [data-support]{
    background-color: #f0f0f0;
    border: 1px solid #999;
    font-weight: 700;
    margin-top: 30px;
    padding: .75em;
  }
  .file-table [data-app]{
    border: 1px solid #999;
    border-top: none;
    font-weight: 700;
    height: 6.55em;
    padding: .75em .75em .75em .85em;
  }
  .file-table [data-app]:empty{
    height: 4.55em;
  }
  .file-table [data-extension]{
    position: absolute;
    left: 12px;
    top: 36px;
  }
  .file-table [data-extension]:before{
    content: attr(data-extension) ": ";
  }
  .file-table [data-password]{
    position: absolute;
    left: 105px;
    top: 36px;
  }
  .file-table [data-password]:before{
    content: attr(data-password) ": ";
  }
  .file-table [data-repair]{
    position: absolute;
    left: 12px;
    top: 56px;
  }
  .file-table [data-repair]:before{
    content: attr(data-repair) ": ";
  }
  .file-table [data-transmission]{
    position: absolute;
    left: 105px;
    top: 56px;
  }
  .file-table [data-transmission]:before{
    content: attr(data-transmission) ": ";
  }
  .file-table [data-support] ~ [data-extension]{
    top: 82px;
  }
  .file-table [data-support] ~ [data-password]{
    top: 82px;
  }
  .file-table [data-support] ~ [data-repair]{
    top: 102px;
  }
  .file-table [data-support] ~ [data-transmission]{
    top: 102px;
  }
  .file-table [data-app]:empty ~ [data-extension]{
    top: 10px;
  }
  .file-table [data-app]:empty ~ [data-password]{
    top: 10px;
  }
  .file-table [data-app]:empty ~ [data-repair]{
    top: 30px;
  }
  .file-table [data-app]:empty ~ [data-transmission]{
    top: 30px;
  }
  .file-table [data-support] + [data-app]:empty ~ [data-extension]{
    top: 57px;
  }
  .file-table [data-support] + [data-app]:empty ~ [data-password]{
    top: 57px;
  }
  .file-table [data-support] + [data-app]:empty ~ [data-repair]{
    top: 77px;
  }
  .file-table [data-support] + [data-app]:empty ~ [data-transmission]{
    top: 77px;
  }
  .file-table [data-group="MS-SQL"] [data-app]{
    height: 9.9em;
  }
  .file-table [data-group="MS-SQL"] [data-password]{
    left: 12px;
    top: 58px;
  }
  .file-table [data-group="MS-SQL"] [data-repair]{
    left: 12px;
    top: 80px;
  }
  .file-table [data-group="MS-SQL"] [data-transmission]{
    left: 12px;
    top: 101px;
  }
  .file-table [data-group="MS-SQL-1"][data-extension]{
    left: 92px;
    top: -102px;
  }
  .file-table [data-group="MS-SQL-1"][data-extension]:before{
    content: "、";
  }
  .file-table [data-group="MS-SQL-2"][data-extension]{
    left: 132px;
    top: -102px;
  }
  .file-table [data-group="MS-SQL-2"][data-extension]:before{
    content: "、";
  }
}

@media only screen and (max-width: 320px){
  html{
    min-widht: 320px;
  }
}

@media only screen and (max-width: 319px){
  html{
    min-widht: 320px;
  }
  .textspace-fs{
    display: block;
    padding-top: 4px;
  }
}

@media only screen and (min-width: 412px){
  html{
    min-widht: 320px;
  }
  .l-footer-build-general__inner{
    padding-top: 55px;
  }
  .l-footer-build-general__inner--single{
    padding-top: 20px;
  }
  .l-footer-directory-caption[for]{
    cursor: default;
  }
  .container--over-xs-wide{
    padding-right: 0;
    padding-left: 0;
  }
  .show-over-xs{
    display: block;
  }
  .hide-over-xs{
    display: none;
  }
}

@media only screen and (min-width: 480px){
  html{
    min-widht: 320px;
  }
  .l-footer-relation-container__column{
    width: 25%;
  }
  .l-footer-relation-container--single .l-footer-relation-container__column{
    width: 50%;
  }
}

@media only screen and (min-width: 568px){
  html{
    min-widht: 320px;
  }
  .l-drawer-nav__item{
    width: 50%;
  }
  /* html:not([data-platform="sp"]) */ .l-drawer-nav-item:hover:before, /* html:not([data-platform="sp"]) */ .l-drawer-nav-item:hover:after, /* html:not([data-platform="sp"]) */ .l-drawer-nav-item:focus:before, /* html:not([data-platform="sp"]) */ .l-drawer-nav-item:focus:after{
    left: 18px;
  }
  [data-platform="sp"] .l-drawer-nav-item.js-add-is-touch:before, [data-platform="sp"] .l-drawer-nav-item.js-add-is-touch:after{
    left: 18px;
  }
  .container--over-sm-wide{
    padding-right: 0;
    padding-left: 0;
  }
  .show-over-sm{
    display: block;
  }
  .hide-over-sm{
    display: none;
  }
  .btn-action__self{
    font-size: 1.8rem;
    font-family: "NotoSansCJKjp-Bold", sans-serif;
    font-weight: 700;
    padding-top: 29px;
    padding-bottom: 31px;
  }
  .heading-label{
    font-size: 2.6rem;
    margin-right: 15px;
  }
  .heading-name{
    font-size: 1.6rem;
  }
  .caption{
    font-size: 2.65rem;
    line-height: 1.45;
    margin-bottom: 30px;
  }
  .caption{
    font-size: 3.1rem;
    line-height: 1.35;
    margin-bottom: 35px;
  }
  .paragraph{
    font-size: 1.7rem;
    line-height: 1.7;
    margin-bottom: 45px;
  }
  .mainvisual-drt-layout{
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
  }
  .mainvisual-drt-layout__image{
    display: table-cell;
    vertical-align: middle;
    width: 42.78351%;
  }
  .mainvisual-drt-layout__block{
    display: table-cell;
    padding: 0 14px 0 32px;
    vertical-align: middle;
  }
  .js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--arrow{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--rescue{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .js-add-is-current .mainvisual-drt[data-is-animation="true"] .mainvisual-drt-image__symbolItem--typography{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .mainvisual-wd:before{
    background-position: center top;
  }
  .mainvisual-mdr-caption__label{
    font-size: 2.4rem;
  }
  .mainvisual-recoveryratio:before{
    background-position: center top;
  }
  .mainvisual-recoveryratio-caption__label{
    font-size: 2.4rem;
  }
  .mainvisual-raid-layout{
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
  }
  .mainvisual-raid-layout__block{
    display: table-cell;
    vertical-align: middle;
    width: 261px;
  }
  .mainvisual-raid-layout__image{
    display: table-cell;
    padding-left: 6.80412%;
    vertical-align: middle;
  }
  .selected-media__headline{
    padding: 30px 10px 17px;
  }
  .selected-media.selected-media--hdd{
    height: 255px;
  }
  .selected-media.selected-media--smartphone{
    height: 255px;
  }
  .selected-media.selected-media--raid{
    height: 255px;
  }
  .selected-media.selected-media--nas{
    height: 255px;
  }
  .selected-media.selected-media--ssd{
    height: 255px;
  }
  .selected-media.selected-media--cddvd{
    height: 255px;
  }
  .selected-media.selected-media--usb{
    height: 255px;
  }
  .selected-media.selected-media--digitalcamera{
    height: 255px;
  }
  .selected-media.selected-media--etc{
    height: 255px;
  }
  .selected-media.selected-media--wd{
    height: 335px;
  }
  .selected-media.selected-media--tdk{
    height: 335px;
  }
  .selected-media-footer{
    height: 310px;
  }
  .selected-media-footer__headline{
    padding: 30px 10px 17px;
  }
  .article-card__thumb{
    margin-right: 20px;
  }
  .formstep__list{
    font-size: 0;
    clear: both;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .formstep__listItem{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    letter-spacing: normal;
    min-height: 1px;
    margin: 0px 0;
    padding: 0 0px;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  .formstep__listItem{
    width: 25%;
  }
  .formstep__item{
    display: block;
    position: relative;
  }
  .formstep__itemStep{
    display: block;
    height: 33px;
    text-align: center;
  }
  .formstep__itemStep:before{
    height: 3px;
    left: 0;
    bottom: 6px;
    width: 100%;
  }
  .formstep__itemStep:after{
    left: 50%;
    bottom: 0;
  }
  .formstep__itemLabel{
    padding: 0 10px;
  }
  .contact-form__fieldOutergrid{
    font-size: 0;
    clear: both;
    display: block;
    list-style: none;
    margin: -10px;
    padding: 0;
  }
  .contact-form__fieldOutergrid [class^="col-"]{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    letter-spacing: normal;
    min-height: 1px;
    margin: 10px 0;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  * + .contact-form__fieldOutergrid{
    margin-top: 30px;
  }
  .contact-form__resultTable th,
  .contact-form__resultTable td{
    font-size: 1.6rem;
  }
  .contact-form__resultTable th br{
    display: none;
  }
  .notice-area{
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media only screen and (min-width: 768px){
  html{
    min-widht: 320px;
  }
  .col-md-12{
    width: 100%;
  }
  .col-md-11{
    width: 91.66666667%;
  }
  .col-md-10{
    width: 83.33333333%;
  }
  .col-md-9{
    width: 75%;
  }
  .col-md-8{
    width: 66.66666667%;
  }
  .col-md-7{
    width: 58.33333333%;
  }
  .col-md-6{
    width: 50%;
  }
  .col-md-5{
    width: 41.66666667%;
  }
  .col-md-4{
    width: 33.33333333%;
  }
  .col-md-3{
    width: 25%;
  }
  .col-md-2{
    width: 16.66666667%;
  }
  .col-md-1{
    width: 8.33333333%;
  }
  .l-drawer-nav{
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
  }
  .l-drawer-nav__item{
    width: auto;
  }
  .l-drawer-nav__item.l-drawer-nav__item--application{
    margin-right: 60px;
  }
  .l-footer-company{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-footer-company__gallery{
    width: 49.733%;
  }
  .l-footer-company__overview{
    position: relative;
    width: 49.733%;
  }
  .l-footer-overview{
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .l-footer-overview-common{
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
  }
  .l-footer-build-general__inner{
    padding-bottom: 45px;
  }
  .l-footer-build-general__inner--single{
    padding-bottom: 20px;
  }
  .l-footer-directory{
    font-size: 0;
    clear: both;
    display: block;
    list-style: none;
    margin: -10px;
    padding: 0;
    text-align: center;
  }
  .l-footer-directory__column{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    letter-spacing: normal;
    min-height: 1px;
    margin: 10px 0;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  .l-footer-directory__column{
    text-align: left;
    max-width: 33.33333%;
  }
  .l-footer-directory__section + .l-footer-directory__section{
    margin-top: 40px;
  }
  .l-footer-directory-list-item{
    padding: 3px 4px 3px 17px;
  }
  .l-footer-directory-list-item:before, .l-footer-directory-list-item:after{
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 1px;
    -webkit-transition: all .3s;
            transition: all .3s;
    width: 11px;
  }
  .l-footer-directory-list-item:before{
    background-color: #755490;
    top: 12px;
  }
  .l-footer-directory-list-item:after{
    background-color: #ea6060;
    top: 13px;
  }
  /* html:not([data-platform="sp"]) */ .l-footer-directory-list-item:hover:before, /* html:not([data-platform="sp"]) */ .l-footer-directory-list-item:hover:after, /* html:not([data-platform="sp"]) */ .l-footer-directory-list-item:focus:before, /* html:not([data-platform="sp"]) */ .l-footer-directory-list-item:focus:after{
    left: -5px;
  }
  [data-platform="sp"] .l-footer-directory-list-item.js-add-is-touch:before, [data-platform="sp"] .l-footer-directory-list-item.js-add-is-touch:after{
    left: -5px;
  }
  .l-footer-common__inner{
    font-size: 0;
    clear: both;
    display: block;
    list-style: none;
    margin: -10px;
    padding: 0;
  }
  .l-footer-common__column{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    letter-spacing: normal;
    min-height: 1px;
    margin: 10px 0;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  .l-footer-common__column{
    width: 50%;
  }
  .l-footer-common-copyright{
    text-align: right;
  }
  .container--over-md-wide{
    padding-right: 0;
    padding-left: 0;
  }
  .show-over-md{
    display: block;
  }
  .hide-over-md{
    display: none;
  }
  .headline{
    margin-bottom: 35px;
    padding: 0 85px;
  }
  .headline:before{
    top: 21px;
    width: 75px;
  }
  .headline-label{
    font-size: 3.3rem;
  }
  .headline-name{
    font-size: 1.8rem;
  }
  .caption{
    font-size: 3.55rem;
    line-height: 1.25;
    margin-bottom: 40px;
  }
  .mainvisual-container__quick{
    margin-left: 23.47222%;
    position: absolute;
    left: 50%;
    bottom: 43px;
  }
  .mainvisual-list__pager{
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1200px;
    max-width: 100%;
  }
  .mainvisual-list__dot{
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .mainvisual-list-pager__item{
    display: block;
    height: 85px;
    position: absolute;
    top: 0;
    width: 51px;
  }
  .mainvisual-list-pager__item.mainvisual-list-pager__item--prev{
    left: 10px;
  }
  .mainvisual-list-pager__item.mainvisual-list-pager__item--next{
    right: 10px;
  }
  .mainvisual-drt__inner{
    height: 660px;
    padding: 0 80px;
    width: 1130px;
    max-width: 100%;
  }
  .mainvisual-drt-layout__block{
    padding: 0 0 0 8.7643%;
  }
  .mainvisual-drt-caption__label{
    font-size: 2.4rem;
  }
  .mainvisual-drt-caption__name{
    margin-top: 51px;
  }
  .mainvisual-drt-btn{
    margin-top: 85px;
  }
  .mainvisual-wd:before{
    height: 660px;
  }
  .mainvisual-wd__inner{
    height: 660px;
    padding: 0 80px;
    width: 1130px;
    max-width: 100%;
  }
  .mainvisual-wd-layout{
    margin-top: -30px;
    text-align: right;
  }
  .mainvisual-wd-layout__inner{
    display: inline-block;
    padding: 0 2% 0 5%;
    vertical-align: top;
    text-align: left;
    width: 53.68%;
    max-width: 100%;
  }
  .js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd__over-product{
    -webkit-transition-delay: .8s;
            transition-delay: .8s;
  }
  .js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__label{
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-caption__name{
    -webkit-transition-delay: 0.55s;
            transition-delay: 0.55s;
  }
  .js-add-is-current .mainvisual-wd[data-is-animation="true"] .mainvisual-wd-btn{
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .mainvisual-mdr:before{
    height: 660px;
  }
  .mainvisual-mdr__inner{
    height: 660px;
    padding: 0 80px;
    width: 1130px;
    max-width: 100%;
  }
  .mainvisual-mdr__over-photo{
    margin: 0 0 -21.15% -3.12%;
    width: 81.31944%;
  }
  .mainvisual-mdr-layout{
    margin-top: -11.5%;
  }
  .mainvisual-mdr-paragraph br{
    display: none;
  }
  .mainvisual-mdr-btn{
    margin-top: 48px;
  }
  .mainvisual-recoveryratio:before{
    height: 660px;
  }
  .mainvisual-recoveryratio__inner{
    height: 660px;
    padding: 0 80px;
    width: 1130px;
    max-width: 100%;
  }
  .mainvisual-recoveryratio-caption__label{
    text-shadow: 0 0 14px rgba(7, 0, 2, 0.1);
  }
  .mainvisual-recoveryratio-caption__name{
    margin-left: -8px;
  }
  .mainvisual-recoveryratio-paragraph{
    text-shadow: 0 0 14px rgba(7, 0, 2, 0.1);
  }
  .mainvisual-recoveryratio-paragraph{
    font-size: 1.6rem;
  }
  .mainvisual-recoveryratio-btn{
    margin-top: 50px;
  }
  .mainvisual-raid:before{
    height: 660px;
  }
  .mainvisual-raid__inner{
    height: 660px;
    padding: 0 80px;
    width: 1130px;
    max-width: 100%;
  }
  .mainvisual-raid-caption__label{
    font-size: 2.4rem;
  }
  .mainvisual-raid-paragraph{
    font-size: 2.0rem;
  }
  .mainvisual-raid-image{
    margin-left: -2.06186%;
    width: 743px;
  }
  .mainvisual-raid-btn{
    margin-top: 70px;
  }
  .selected-media__headline{
    padding: 40px 10px 27px;
  }
  .selected-media.selected-media--hdd{
    height: 385px;
  }
  .selected-media.selected-media--smartphone{
    height: 385px;
  }
  .selected-media.selected-media--raid{
    height: 305px;
  }
  .selected-media.selected-media--nas{
    height: 305px;
  }
  .selected-media.selected-media--ssd{
    height: 305px;
  }
  .selected-media.selected-media--cddvd{
    height: 305px;
  }
  .selected-media.selected-media--usb{
    height: 305px;
  }
  .selected-media.selected-media--digitalcamera{
    height: 305px;
  }
  .selected-media.selected-media--etc{
    height: 305px;
  }
  .selected-media.selected-media--wd{
    height: 385px;
  }
  .selected-media.selected-media--tdk{
    height: 385px;
  }
  .service-container{
    font-size: 0;
    clear: both;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .service-container__column{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: normal;
    min-height: 1px;
    margin: 0 0;
    padding: 0 0;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  .service-container__column{
    border: 1px solid #cccccc;
    width: 33.33333%;
  }
  .service-container__column + .service-container__column{
    border-left: none;
  }
  .service-container .service{
    -webkit-transition: background-color .3s, -webkit-box-shadow .3s, margin .3s, padding .3s, z-index 0s .3s;
            transition: background-color .3s, box-shadow .3s, margin .3s, padding .3s, z-index 0s .3s;
  }
  /* html:not([data-platform="sp"]) */ .service-container:hover .service, /* html:not([data-platform="sp"]) */ .service-container:focus .service{
    -webkit-transition: background-color .3s, -webkit-box-shadow .3s, margin .3s, padding .3s, z-index 0s;
            transition: background-color .3s, box-shadow .3s, margin .3s, padding .3s, z-index 0s;
  }
  [data-platform="sp"] .service-container.js-add-is-touch .service{
    -webkit-transition: background-color .3s, -webkit-box-shadow .3s, margin .3s, padding .3s, z-index 0s;
            transition: background-color .3s, box-shadow .3s, margin .3s, padding .3s, z-index 0s;
  }
  .service{
    padding-bottom: 123px;
  }
  .service__thumb{
    height: 250px;
    line-height: 230px;
    padding: 10px;
  }
  .service__more{
    padding: 0 10px;
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
  }
  /* html:not([data-platform="sp"]) */ .service:hover, /* html:not([data-platform="sp"]) */ .service:focus{
    background-color: #f1f3fa;
    -webkit-box-shadow: 0 3px 4px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 4px 3px rgba(0, 0, 0, 0.1);
    margin: -7px;
    padding: 7px;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    z-index: 1;
  }
  @-webkit-keyframes rotate-reverse{
    from{
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to{
      -webkit-transform: rotate(-360deg);
              transform: rotate(-360deg);
    }
  }
  @keyframes rotate-reverse{
    from{
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to{
      -webkit-transform: rotate(-360deg);
              transform: rotate(-360deg);
    }
  }
  /* html:not([data-platform="sp"]) */ .service:hover .service-thumb-image--windiskrescue, /* html:not([data-platform="sp"]) */ .service:focus .service-thumb-image--windiskrescue{
    -webkit-animation: rotate-reverse linear 15s infinite;
            animation: rotate-reverse linear 15s infinite;
  }
  [data-platform="sp"] .service.js-add-is-touch{
    background-color: #f1f3fa;
    -webkit-box-shadow: 0 3px 4px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 4px 3px rgba(0, 0, 0, 0.1);
    margin: -7px;
    padding: 7px;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    z-index: 1;
  }
  @keyframes rotate-reverse{
    from{
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to{
      -webkit-transform: rotate(-360deg);
              transform: rotate(-360deg);
    }
  }
  [data-platform="sp"] .service.js-add-is-touch .service-thumb-image--windiskrescue{
    -webkit-animation: rotate-reverse linear 15s infinite;
            animation: rotate-reverse linear 15s infinite;
  }
  .article__layout-thumb{
    float: left;
    width: 34.133%;
  }
  .article__layout-content{
    float: right;
    width: 63.867%;
  }
  .detail-hero__title{
    height: 420px;
  }
  .detail-hero-nav__item{
    width: 50%;
  }
  .detail-hero-nav__itemSelf{
    font-family: "NotoSansCJKjp-Bold", sans-serif;
    font-weight: 700;
  }
  .detail-hero-nav__itemSelf:before{
    background-color: rgba(255, 255, 255, 0.25);
  }
  @-webkit-keyframes keyframes-detail-hero-nav-item-bg{
    0%{
      background-color: rgba(255, 255, 255, 0.35);
    }
    50%{
      background-color: rgba(255, 255, 255, 0.4);
    }
    100%{
      background-color: rgba(255, 255, 255, 0.35);
    }
  }
  @keyframes keyframes-detail-hero-nav-item-bg{
    0%{
      background-color: rgba(255, 255, 255, 0.35);
    }
    50%{
      background-color: rgba(255, 255, 255, 0.4);
    }
    100%{
      background-color: rgba(255, 255, 255, 0.35);
    }
  }
  /* html:not([data-platform="sp"]) */ .detail-hero-nav__itemSelf:hover:before, /* html:not([data-platform="sp"]) */ .detail-hero-nav__itemSelf:focus:before{
    background-color: rgba(255, 255, 255, 0.35);
  }
  @keyframes keyframes-detail-hero-nav-item-bg{
    0%{
      background-color: rgba(255, 255, 255, 0.35);
    }
    50%{
      background-color: rgba(255, 255, 255, 0.4);
    }
    100%{
      background-color: rgba(255, 255, 255, 0.35);
    }
  }
  [data-platform="sp"] .detail-hero-nav__itemSelf.js-add-is-touch:before{
    background-color: rgba(255, 255, 255, 0.35);
  }
  .detail-hero-nav__item:nth-child(odd){
    text-align: right;
  }
  .detail-hero-nav__item:nth-child(even){
    text-align: left;
  }
  .detail-hero-nav__item:nth-last-child(1) .detail-hero-nav__itemSelf:before, .detail-hero-nav__item:nth-last-child(2) .detail-hero-nav__itemSelf:before{
    top: 0;
  }
  .loginbox{
    display: table;
    margin: 95px auto;
    table-layout: fixed;
    width: 740px;
  }
  .loginbox__top{
    width: 550px;
    text-align: center!important;
  }
  .loginbox__author{
    display: table-cell;
    vertical-align: middle;
  }
  .loginbox__author{
    border-right: 1px solid #aeaeae;
    width: 37.16216%;
  }
  .loginbox__form{
    display: table-cell;
    vertical-align: middle;
  }
  .contact-form-type__list{
    font-size: 0;
    clear: both;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 9px;
            border-radius: 9px;
  }
  .contact-form-type__listItem{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: normal;
    min-height: 1px;
    margin: 0px 0;
    padding: 0 0px;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  .contact-form-type__listItem{
    width: 33.33333%;
  }
  .contact-form-type__listItem + .contact-form-type__listItem .contact-form-type__item{
    border-left: none;
  }
  .contact-form-type__listItem:first-child .contact-form-type__item{
    -webkit-border-radius: 9px 0 0 9px;
            border-radius: 9px 0 0 9px;
  }
  .contact-form-type__listItem:last-child .contact-form-type__item{
    -webkit-border-radius: 0 9px 9px 0;
            border-radius: 0 9px 9px 0;
  }
  .contact-form__fieldList li + li{
    margin-top: 5px;
  }
  .contact-form__fieldList li input[type="radio"] + label:after,
  .contact-form__fieldList li input[type="checkbox"] + label:after{
    content: "";
    display: inline-block;
    min-height: 40.6667px;
    vertical-align: middle;
  }
  .contact-form__fieldList li input[type="radio"] + label[for="pcos1"], .contact-form__fieldList li input[type="radio"] + label[for="pcos2"], .contact-form__fieldList li input[type="radio"] + label[for="pcos3"],
  .contact-form__fieldList li input[type="checkbox"] + label[for="pcos1"],
  .contact-form__fieldList li input[type="checkbox"] + label[for="pcos2"],
  .contact-form__fieldList li input[type="checkbox"] + label[for="pcos3"]{
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .contact-form__fieldList li input[type="radio"] + label[for="chk"],
  .contact-form__fieldList li input[type="checkbox"] + label[for="chk"]{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .qa-listup{
    padding: 45px 50px;
  }
  .qa-listup__caption{
    font-size: 2.4rem;
    padding: 0 42px 0 48px;
  }
  .qa-listup__caption:before, .qa-listup__caption:after{
    background-image: url(../image/sprite.png);
    background-position: -440px 0px;
    width: 25px;
    height: 22px;
    margin-top: -11px;
  }
  .qa-listup__list li a{
    font-size: 1.7rem;
  }
  .question__content p{
    font-size: 1.6rem;
  }
  .media-modeltype-remove__image:after{
    content: "";
    display: inline-block;
    height: 140px;
    vertical-align: top;
  }
}

@media only screen and (min-width: 1024px){
  html{
    min-widht: 320px;
  }
  .col-lg-12{
    width: 100%;
  }
  .col-lg-11{
    width: 91.66666667%;
  }
  .col-lg-10{
    width: 83.33333333%;
  }
  .col-lg-9{
    width: 75%;
  }
  .col-lg-8{
    width: 66.66666667%;
  }
  .col-lg-7{
    width: 58.33333333%;
  }
  .col-lg-6{
    width: 50%;
  }
  .col-lg-5{
    width: 41.66666667%;
  }
  .col-lg-4{
    width: 33.33333333%;
  }
  .col-lg-3{
    width: 25%;
  }
  .col-lg-2{
    width: 16.66666667%;
  }
  .col-lg-1{
    width: 8.33333333%;
  }
  .l-trigger-drawer{
    right: 10px;
    top: 44px;
  }
  .l-wrapper{
    padding-top: 100px;
  }
  .l-header__inner{
    height: 95px;
  }
  .l-header-build-share{
    display: none;
  }
  .l-header-build-logo{
    width: 250px;
  }
  .l-header-build-nav{
    padding: 0 100px 0 10px;
    text-align: center;
    vertical-align: middle;
  }
  .l-area.l-area--has-sub .l-area__main{
    float: left;
    width: 74.554%;
  }
  .l-area.l-area--has-sub .l-area__sub{
    float: right;
    width: 21.875%;
  }
  .l-footer-relation__thumb{
    margin-bottom: 8px;
  }
  .l-footer-relation__thumb.l-footer-relation__thumb--left{
    float: left;
    margin: 0 11px 0 0;
  }
  .l-footer-general{
    font-size: 0;
    clear: both;
    display: block;
    list-style: none;
    margin: -10px;
    padding: 0;
  }
  [class^=l-footer-general__]{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    letter-spacing: normal;
    min-height: 1px;
    margin: 10px 0;
    padding: 0 10px;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  .l-footer-general__directory{
    width: 75%;
  }
  .l-footer-general__social{
    width: 25%;
  }
  .l-footer-directory__column{
    width: 33.33333%;
  }
  .container--over-lg-wide{
    padding-right: 0;
    padding-left: 0;
  }
  .show-over-lg{
    display: block;
  }
  .hide-over-lg{
    display: none;
  }
  .caption{
    font-size: 4.0rem;
    line-height: 1.15;
    margin-bottom: 45px;
  }
  .selected-media-footer{
    height: 350px;
  }
  .selected-media-footer__headline{
    padding: 40px 10px 27px;
  }
  .detail-hero-nav__itemSelfLabel{
    padding-right: 20px;
    padding-left: 48px;
  }
  .detail-hero-nav__itemSelfLabel:before{
    left: 20px;
  }
  .contact-prompt .contact-prompt__inner{
    border: 3px solid #e5e5e5;
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .contact-prompt .contact-prompt__content{
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
  }
  .contact-prompt .contact-prompt__fax{
    font-size: 3.2rem;
  }
  .contact-prompt .contact-prompt__image{
    display: table-cell;
    vertical-align: middle;
    width: 58.52783%;
  }
  .media-send__logo{
    border-bottom-style: solid;
  }
}

@media only screen and (min-width: 1120px){
  html{
    min-widht: 320px;
  }
  .container--over-base-wide{
    padding-right: 0;
    padding-left: 0;
  }
  .show-over-base{
    display: block;
  }
  .hide-over-base{
    display: none;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
  .l-trigger-drawer ::i-block-chrome, .l-trigger-drawer{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-trigger-drawer ::i-block-chrome > *, .l-trigger-drawer > *{
    letter-spacing: normal;
  }
  .l-drawer-nav ::i-block-chrome, .l-drawer-nav{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-drawer-nav ::i-block-chrome > *, .l-drawer-nav > *{
    letter-spacing: normal;
  }
  .l-footer-relation-container ::i-block-chrome, .l-footer-relation-container{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-footer-relation-container ::i-block-chrome > *, .l-footer-relation-container > *{
    letter-spacing: normal;
  }
  .l-footer-social__inner ::i-block-chrome, .l-footer-social__inner{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-footer-social__inner ::i-block-chrome > *, .l-footer-social__inner > *{
    letter-spacing: normal;
  }
  .grid ::i-block-chrome, .grid{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .grid ::i-block-chrome > *, .grid > *{
    letter-spacing: normal;
  }
  .grid--flex ::i-block-chrome, .grid--flex{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .grid--flex ::i-block-chrome > *, .grid--flex > *{
    letter-spacing: normal;
  }
  .sns-list ::i-block-chrome, .sns-list{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .sns-list ::i-block-chrome > *, .sns-list > *{
    letter-spacing: normal;
  }
  .btn-sns ::i-block-chrome, .btn-sns{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .btn-sns ::i-block-chrome > *, .btn-sns > *{
    letter-spacing: normal;
  }
  .logo__self ::i-block-chrome, .logo__self{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .logo__self ::i-block-chrome > *, .logo__self > *{
    letter-spacing: normal;
  }
  .mainvisual-list-dot ::i-block-chrome, .mainvisual-list-dot{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .mainvisual-list-dot ::i-block-chrome > *, .mainvisual-list-dot > *{
    letter-spacing: normal;
  }
  .mainvisual-drt-caption ::i-block-chrome, .mainvisual-drt-caption{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .mainvisual-drt-caption ::i-block-chrome > *, .mainvisual-drt-caption > *{
    letter-spacing: normal;
  }
  .mainvisual-wd-caption ::i-block-chrome, .mainvisual-wd-caption{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .mainvisual-wd-caption ::i-block-chrome > *, .mainvisual-wd-caption > *{
    letter-spacing: normal;
  }
  .mainvisual-mdr-caption ::i-block-chrome, .mainvisual-mdr-caption{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .mainvisual-mdr-caption ::i-block-chrome > *, .mainvisual-mdr-caption > *{
    letter-spacing: normal;
  }
  .mainvisual-recoveryratio-caption ::i-block-chrome, .mainvisual-recoveryratio-caption{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .mainvisual-recoveryratio-caption ::i-block-chrome > *, .mainvisual-recoveryratio-caption > *{
    letter-spacing: normal;
  }
  .mainvisual-raid-caption ::i-block-chrome, .mainvisual-raid-caption{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .mainvisual-raid-caption ::i-block-chrome > *, .mainvisual-raid-caption > *{
    letter-spacing: normal;
  }
  .selected-media-grid ::i-block-chrome, .selected-media-grid{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .selected-media-grid ::i-block-chrome > *, .selected-media-grid > *{
    letter-spacing: normal;
  }
  .selected-media-footer-grid ::i-block-chrome, .selected-media-footer-grid{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .selected-media-footer-grid ::i-block-chrome > *, .selected-media-footer-grid > *{
    letter-spacing: normal;
  }
  .selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption ::i-block-chrome, .selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption, .selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption ::i-block-chrome, .selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption, .selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption ::i-block-chrome, .selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption, .selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption ::i-block-chrome, .selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption ::i-block-chrome > *, .selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption > *, .selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption ::i-block-chrome > *, .selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption > *, .selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption ::i-block-chrome > *, .selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption > *, .selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption ::i-block-chrome > *, .selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption > *{
    letter-spacing: normal;
  }
  .social-list ::i-block-chrome, .social-list{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .social-list ::i-block-chrome > *, .social-list > *{
    letter-spacing: normal;
  }
  .pager__list ::i-block-chrome, .pager__list{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .pager__list ::i-block-chrome > *, .pager__list > *{
    letter-spacing: normal;
  }
  .detail-hero-nav ::i-block-chrome, .detail-hero-nav{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .detail-hero-nav ::i-block-chrome > *, .detail-hero-nav > *{
    letter-spacing: normal;
  }
  .detail-hero-nav__itemSelf ::i-block-chrome, .detail-hero-nav__itemSelf{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .detail-hero-nav__itemSelf ::i-block-chrome > *, .detail-hero-nav__itemSelf > *{
    letter-spacing: normal;
  }
  .contact-form__fieldInnergrid ::i-block-chrome, .contact-form__fieldInnergrid{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .contact-form__fieldInnergrid ::i-block-chrome > *, .contact-form__fieldInnergrid > *{
    letter-spacing: normal;
  }
  .contact-form__actionBtnList ::i-block-chrome, .contact-form__actionBtnList{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .contact-form__actionBtnList ::i-block-chrome > *, .contact-form__actionBtnList > *{
    letter-spacing: normal;
  }
  .question__btn__inner ::i-block-chrome, .question__btn__inner{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .question__btn__inner ::i-block-chrome > *, .question__btn__inner > *{
    letter-spacing: normal;
  }
  .media-modeltype-remove__list ::i-block-chrome, .media-modeltype-remove__list{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .media-modeltype-remove__list ::i-block-chrome > *, .media-modeltype-remove__list > *{
    letter-spacing: normal;
  }
}

@media only screen and (min-width: 1300px){
  .l-trigger-drawer{
    margin-right: -640px;
    right: 50%;
  }
}

@media only screen and (max-width: 1300px){
  .l-header__inner{
    width: 100%;
  }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
  .l-footer-overview-detail-btn.l-footer-overview-detail-btn--company .l-footer-overview-detail-btn__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .l-footer-overview-detail-btn.l-footer-overview-detail-btn--company .l-footer-overview-detail-btn__self:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .l-footer-overview-detail-btn.l-footer-overview-detail-btn--application .l-footer-overview-detail-btn__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .l-footer-overview-detail-btn.l-footer-overview-detail-btn--application .l-footer-overview-detail-btn__self:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .l-footer-social-item.l-footer-social-item--facebook .l-footer-social-item__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .l-footer-social-item.l-footer-social-item--facebook .l-footer-social-item__self:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .l-footer-social-item.l-footer-social-item--twitter .l-footer-social-item__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .l-footer-social-item.l-footer-social-item--twitter .l-footer-social-item__self:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .btn-sns.btn-sns--facebook .btn-sns__label:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .btn-sns.btn-sns--twitter .btn-sns__label:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .btn-sns.btn-sns--hatebu .btn-sns__label:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .btn-detail.btn-detail--key .btn-detail__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  /*
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
   */
  .btn-detail.btn-detail--dark .btn-detail__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  /*
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
   */
  .btn-detail__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  /*
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
   */
  .btn-more__icon--pdf:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .btn-more__icon--pdf:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .btn-action__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  /*
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
   */

  .btn-action--print .btn-action__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  /*
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
   */

  .btn-return__self:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  /*
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
  background-image: url(../image/sprite@2x.png);
  -webkit-background-size: 650px 49px;
          background-size: 650px 49px;
   */
  .article__title a:before,
  .article__title span:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .article-search__button:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .article-search__button:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .social-item__self.social-item__self--facebook:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .social-item__self.social-item__self--twitter:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .social-item__self.social-item__self--googleplus:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .detail-hero-nav__itemSelfLabel:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .qa-listup__caption:before, .qa-listup__caption:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
  .contact-prompt .contact-prompt__tel:before{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 480px){
  .l-footer-relation-container__column + .l-footer-relation-container__column{
    border-left: 1px dotted #f2f2f2;
  }
  .l-footer-relation__thumb{
    height: 66px;
    margin-bottom: 12px;
    position: relative;
    text-align: center;
  }
  .l-footer-relation__thumb .l-footer-relation__link{
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 0){
  .l-footer-general ::i-block-chrome, .l-footer-general{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-footer-general ::i-block-chrome > *, .l-footer-general > *{
    letter-spacing: normal;
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0){
  .l-footer-directory ::i-block-chrome, .l-footer-directory{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-footer-directory ::i-block-chrome > *, .l-footer-directory > *{
    letter-spacing: normal;
  }
  .l-footer-common__inner ::i-block-chrome, .l-footer-common__inner{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-footer-common__inner ::i-block-chrome > *, .l-footer-common__inner > *{
    letter-spacing: normal;
  }
  .service-container ::i-block-chrome, .service-container{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .service-container ::i-block-chrome > *, .service-container > *{
    letter-spacing: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 412px){
  .l-footer-directory__column + .l-footer-directory__column{
    margin-top: 20px;
  }
  .l-footer-directory__section + .l-footer-directory__section{
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) and (min-width: 412px){
  .l-footer-directory-list{
    font-size: 0;
    clear: both;
    display: block;
    list-style: none;
    margin: -5px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .l-footer-directory-list__item{
    font-size: 1.4rem;
    clear: both;
    display: inline-block;
    letter-spacing: normal;
    min-height: 1px;
    margin: 5px 0;
    padding: 0 5px;
    position: relative;
    vertical-align: top;
    word-spacing: normal;
  }
  .l-footer-directory-list__item{
    margin-top: 0;
    margin-bottom: 0;
    width: 50%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 412px) and (-webkit-min-device-pixel-ratio: 0){
  .l-footer-directory-list ::i-block-chrome, .l-footer-directory-list{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .l-footer-directory-list ::i-block-chrome > *, .l-footer-directory-list > *{
    letter-spacing: normal;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 568px){
  .l-footer-social{
    display: inline-block;
    vertical-align: middle;
  }
  .l-footer-materials{
    display: inline-block;
    margin: 0 0 0 30px;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) and (max-width: 825px){
  .mainvisual-container__quick{
    margin-left: 0;
    left: auto;
    right: 20px;
  }
}

@media only screen and (min-width: 1441px){
  .mainvisual-list__pager{
    width: 83.33%;
  }
  .mainvisual-wd:before{
    height: auto;
    padding-top: 45.83%;
  }
  .mainvisual-wd__over-logo:before{
    position: absolute;
    right: 0;
    height: 782px;
    width: 755px;
  }
  .mainvisual-mdr:before{
    height: auto;
    padding-top: 45.83%;
  }
  .mainvisual-recoveryratio:before{
    height: auto;
    padding-top: 45.83%;
  }
  .mainvisual-raid:before{
    height: auto;
    padding-top: 45.83%;
  }
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0){
  .mainvisual-list-pager ::i-block-chrome, .mainvisual-list-pager{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .mainvisual-list-pager ::i-block-chrome > *, .mainvisual-list-pager > *{
    letter-spacing: normal;
  }
}

@media only screen and (max-width: 767px) and (min-width: 568px){
  .mainvisual-drt-layout{
    padding-left: 10px;
  }
  .formstep__itemLabel{
    font-size: 1.6rem;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
  .mainvisual-drt-image__symbolItem{
    background-image: url("../images/mainvisual/drt-image@2x.png");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
  .mainvisual-wd:before{
    background-image: url("../images/mainvisual/wd-bg@2x.jpg");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
  .mainvisual-wd__over-product{
    background-image: url("../images/mainvisual/wd-over-product@2x.png");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
  .mainvisual-wd__over-logo:before{
    background-image: url("../images/mainvisual/wd-over-logo@2x.png");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
  .mainvisual-mdr:before{
    background-image: url("../images/mainvisual/mdr@2x.jpg");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
  .mainvisual-recoveryratio:before{
    background-image: url("../images/mainvisual/recoveryratio@2x.jpg");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
  .mainvisual-raid:before{
    background-image: url("../images/mainvisual/raid-bg@2x.jpg");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
  .selected-media-footer.selected-media-footer--wdr-sct .selected-media-footer__caption:before{
    background-image: url("../images/wdr-sct-logo@2x.png");
    -webkit-background-size: cover;
            background-size: cover;
  }
  .selected-media-footer.selected-media-footer--wdr-hct .selected-media-footer__caption:before{
    background-image: url("../images/wdr-hct-logo@2x.png");
    -webkit-background-size: cover;
            background-size: cover;
  }
  .selected-media-footer.selected-media-footer--wdr-htt .selected-media-footer__caption:before{
    background-image: url("../images/wdr-htt-logo@2x.png");
    -webkit-background-size: cover;
            background-size: cover;
  }
  .selected-media-footer.selected-media-footer--wdr-wlt .selected-media-footer__caption:before{
    background-image: url("../images/wdr-wlt-logo@2x.png");
    -webkit-background-size: cover;
            background-size: cover;
  }
}

@media only screen and (max-width: 1440px){
  .mainvisual-wd__over-logo:before{
    padding-top: 103.57616%;
  }
}

@media only screen and (min-width: 1440px){
  .mainvisual-mdr__over-photo{
    margin-bottom: -305px;
    width: 1171px;
  }
}

@media only screen and (max-width: 530px){
  .mainvisual-recoveryratio-paragraph br{
    display: none;
  }
}

@media only screen and (max-width: 567px) and (min-width: 768px){
  .mainvisual-raid__inner:after{
    height: 660px;
  }
}

@media only screen and (max-width: 567px) and (min-width: 1441px){
  .mainvisual-raid__inner:after{
    height: auto;
    padding-top: 45.83%;
  }
}

@media only screen and (max-width: 567px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 567px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 567px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 567px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 567px) and (min-device-pixel-ratio: 1.5){
  .mainvisual-raid__inner:after{
    background-image: url("../images/mainvisual/raid-image@2x.png");
    -webkit-background-size: "cover" "cover";
            background-size: "cover";
  }
}

@media only screen and (min-width: 568px) and (min-width: 768px){
  .mainvisual-raid-layout__block{
    width: 330px;
  }
}

@media only screen and (max-width: 1155px){
  .selected-media-footer-grid{
    margin: -5px;
  }
  .selected-media-footer-grid > .col, .selected-media-footer-grid > [class^="col-"]{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media only screen and (min-width: 568px) and (-webkit-min-device-pixel-ratio: 0){
  .formstep__list ::i-block-chrome, .formstep__list{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .formstep__list ::i-block-chrome > *, .formstep__list > *{
    letter-spacing: normal;
  }
  .contact-form-type__list ::i-block-chrome, .contact-form-type__list{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .contact-form-type__list ::i-block-chrome > *, .contact-form-type__list > *{
    letter-spacing: normal;
  }
  .contact-form__fieldOutergrid ::i-block-chrome, .contact-form__fieldOutergrid{
    font-size: .00001em;
    letter-spacing: -.33266em;
  }
  .contact-form__fieldOutergrid ::i-block-chrome > *, .contact-form__fieldOutergrid > *{
    letter-spacing: normal;
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-resolution: 192dpi){
  .qa-listup__caption:before, .qa-listup__caption:after{
    background-image: url(../image/sprite@2x.png);
    -webkit-background-size: 650px 49px;
            background-size: 650px 49px;
  }
}

.error-table-container {
  margin: 20px 0 0;
  text-align: center;
}
.error-table-container * {
  background-color: #fff !important;
  height: auto !important;
  margin: 0 auto;
  text-align: inherit;
  width: auto !important;
}
.error-table-container table {
  font-size: 0;
}
.error-table-container .indent {
  text-align: left;
}
.error-table-container .indent table {
  margin: 30px auto;
}