@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

/* common
---------------------------------------------------------------------------------------------------- */
html,
body {
  font-size: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* grid
---------------------------------------------------------------------------------------------------- */
.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.row .row,
.column-row .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media screen and (min-width: 48rem) {
  .row .row,
  .column-row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.column, .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  -webkit-flex: 1 1 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
}

@media screen and (min-width: 48rem) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
/* ++++++++++++++++++++++++++++++ Smart Phone 767px以下*/
.small-1 {
  -webkit-flex: 0 0 8.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  -webkit-flex: 0 0 16.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  -webkit-flex: 0 0 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  -webkit-flex: 0 0 33.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  -webkit-flex: 0 0 41.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  -webkit-flex: 0 0 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.small-6-center {
  -webkit-flex: 0 0 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0 auto;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  -webkit-flex: 0 0 58.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  -webkit-flex: 0 0 66.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  -webkit-flex: 0 0 75%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  -webkit-flex: 0 0 83.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  -webkit-flex: 0 0 91.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  -webkit-flex: 0 0 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-order-1 {
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.small-order-2 {
  -webkit-order: 2;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.small-order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
  order: 3;
}

.small-order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
  order: 4;
}

.small-order-5 {
  -webkit-order: 5;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.small-order-6 {
  -webkit-order: 6;
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

/* ++++++++++++++++++++++++++++++ Tablet 768px - 1023px */
@media screen and (min-width: 48rem) {
  .medium-1 {
    -webkit-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .medium-1-center {
    -webkit-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    margin: 0 auto;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    -webkit-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .medium-2-center {
    -webkit-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    margin: 0 auto;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    -webkit-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    -webkit-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    -webkit-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    -webkit-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .medium-6-center {
    -webkit-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 auto;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    -webkit-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    -webkit-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .medium-8-center {
    -webkit-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    margin: 0 auto;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    -webkit-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .medium-9-center {
    -webkit-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    margin: 0 auto;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    -webkit-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .medium-10-center {
    -webkit-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    margin: 0 auto;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    -webkit-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .medium-11 {
    -webkit-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
    margin: 0 auto;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    -webkit-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-order-1 {
    -webkit-order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .medium-order-2 {
    -webkit-order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .medium-order-3 {
    -webkit-order: 3;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .medium-order-4 {
    -webkit-order: 4;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .medium-order-5 {
    -webkit-order: 5;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .medium-order-6 {
    -webkit-order: 6;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
/* ++++++++++++++++++++++++++++++ PC 1024px */
@media screen and (min-width: 60rem) {
  .large-1 {
    -webkit-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .large-1-center {
    -webkit-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    margin: 0 auto;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    -webkit-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .large-2-center {
    -webkit-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    margin: 0 auto;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    -webkit-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .large-3-center {
    -webkit-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 0 auto;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    -webkit-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .large-4-center {
    -webkit-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin: 0 auto;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    -webkit-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .large-5-center {
    -webkit-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    margin: 0 auto;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    -webkit-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .large-6-center {
    -webkit-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0 auto;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    -webkit-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .large-7-center {
    -webkit-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    margin: 0 auto;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    -webkit-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .large-8-center {
    -webkit-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    margin: 0 auto;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    -webkit-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .large-9-center {
    -webkit-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    margin: 0 auto;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    -webkit-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .large-10-center {
    -webkit-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    margin: 0 auto;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    -webkit-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .large-11-center {
    -webkit-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
    margin: 0 auto;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    -webkit-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-order-1 {
    -webkit-order: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .large-order-2 {
    -webkit-order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .large-order-3 {
    -webkit-order: 3;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .large-order-4 {
    -webkit-order: 4;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .large-order-5 {
    -webkit-order: 5;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .large-order-6 {
    -webkit-order: 6;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
/* ++++++++++++++++++++++++++++++ カラムの揃え方 */
.shrink {
  -webkit-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.row.align-right {
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.row.align-center {
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row.align-justify {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.row.align-spaced {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

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

.column.align-top, .align-top.columns {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

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

.column.align-bottom, .align-bottom.columns {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

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

.column.align-middle, .align-middle.columns {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.row.align-stretch {
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.column.align-stretch, .align-stretch.columns {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.center-block {
  display: block;
  margin: 0 auto;
}

/* font
---------------------------------------------------------------------------------------------------- */
p {
  font-size: inherit;
  line-height: 1.6;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility;
}

p.lead {
  font-size: 0.875rem;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

.small {
  color: #343434;
  font-size: 50%;
  line-height: inherit;
}

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

dl, dt, dd {
  padding: 0;
  margin: 0;
}

dl.default {
  margin: 0.5em 0;
}

dl.default dt {
  color: #333;
  font-weight: bold;
  line-height: 1.5em;
}

dl.default dd {
  margin-bottom: 0.5em;
}

dl.second {
  margin: 0.5em 0;
}

dl.second dt {
  color: #333;
  font-weight: bold;
  line-height: 1.5em;
}

dl.second dd {
  margin-bottom: 0.5em;
}

h1 {
  color: #b92c2c;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
  text-align: center;
  text-rendering: optimizeLegibility;
}

h1 .small {
  display: block;
  border-top: 1px solid #b92c2c;
  padding-top: 0.5rem;
  margin-bottom: 2rem;
}

h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 {
  font-size: 2.125rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 48rem) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.125rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  p.lead {
    font-size: 1rem;
  }
}
/* ***** code ***** */
code,
pre {
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  color: #484848;
  font-family: monospace;
  font-size: 1em;
  margin: 16px 0;
}

pre {
  padding: 8px 1.5em;
}

code {
  padding: 2px 3px;
  margin: 0 4px;
  vertical-align: middle;
  white-space: nowrap;
}

pre code {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: inherit;
  white-space: pre;
}

/* テキストの配置 */
.text-left {
  text-align: left;
}

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

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

.text-justify {
  text-align: justify;
}

/* テキストの色 */
.tc-white {
  color: #fff !important;
}

.tc-default {
  color: #b92c2c !important;
} /*コーポレートカラー*/
.tc-kaigo {
  color: #1b489d !important;
} /*介護事業部カラー*/
.tc-haken {
  color: #006a76 !important;
} /*人材事業部カラー*/
/* コピーの位置 */
.copy-column {
  margin-top: 1rem;
}

@media screen and (min-width: 48rem) {
  .copy-column {
    margin-top: 4rem;
  }
}
/* ========================================================================
   Component: Column
 ========================================================================== */
[class*=column-] {
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

/* Width modifiers
 ========================================================================== */
.column-1-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.column-1-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.column-1-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.column-1-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}

.column-1-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
}

/* Tablet and bigger */
@media screen and (min-width: 48rem) {
  .column-medium-1-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .column-medium-1-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .column-medium-1-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .column-medium-1-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .column-medium-1-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desktop and bigger */
@media screen and (min-width: 64rem) {
  .column-large-1-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .column-large-1-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .column-large-1-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
  .column-large-1-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
  .column-large-1-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* button
---------------------------------------------------------------------------------------------------- */
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 3px;
  line-height: 1;
}

.button {
  background-color: #2B618F;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.9rem;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  padding: 0.85em 1em 0.7em;
  /*margin: 0 0 1rem 0;*/
}

.button:hover, .button:focus {
  background-color: #258dad;
  color: #fff;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.button-white {
  background-color: #fff;
  border: 2px solid #b92c2c;
  color: #b92c2c;
  font-weight: bold;
  text-shadow: none;
}

.button.button-white:hover {
  background-color: #b92c2c;
  color: #fff;
}

.button.button-block {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 48rem) {
  .button.button-block {
    margin: 2rem auto;
    width: 60%;
  }
}
/* label
---------------------------------------------------------------------------------------------------- */
.label {
  background-color: #818a91;
  border: 1px solid #777;
  display: inline-block;
  padding: 0.3em 0.4em 0.25em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  position: relative;
  top: -3px;
  border-radius: 0.125rem;
}

/* form
---------------------------------------------------------------------------------------------------- */
.form-group {
  margin-bottom: 15px;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #b92c2c;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 44, 44, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 44, 44, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

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

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.label-border {
  display: inline-block;
  border: solid 1px #333;
  padding: 0.25em;
}

/* -----------------------------------------
/ +01 WRAP
/ +02 MAIN IMG　AREA（SliderArea)
/ +03 G NAVI
/------------------------------------------- */
/* +01 WRAP
-------------------------------------------- */
#wrap {
  width: 100%;
}

/* +02 MAIN IMG　AREA（SliderArea)
-------------------------------------------- */
#mainImgArea {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 888;
}

#mainImgArea h1 {
  position: absolute;
  top: -20px; /*0*/
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; /*-*/
  width: 280px;
  height: 325px;
}

/* +03 G NAVI
-------------------------------------------- */
.gnav {
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #fff;
  z-index: 999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 3px solid #b92c2c;
  -webkit-box-shadow: rgba(90, 90, 90, 0.3) 0px 0px 12px 2px;
  box-shadow: rgba(90, 90, 90, 0.3) 0px 0px 12px 2px;
}

.gnav p.gotoContents {
  position: absolute;
  top: -120px;
  right: 0;
  left: 0;
  margin: auto;
  width: 88px;
  height: 88px;
}

.gnav p.gotoContents img {
  opacity: 0.2;
}

@media screen and (max-height: 560px) {
  .gnav p.gotoContents {
    display: none;
  }
}
.gnav p.gotoContents a {
  display: block;
  width: 88px;
  height: 88px;
}

.gnav p.logo {
  margin: 0;
  padding: 0; /*-*/
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 60px;
  margin-left: 1.5em;
  text-indent: -9978px;
  background: url("/common/img/logo-kotobuki-menu-c.svg") no-repeat center center;
  background-size: contain;
}

.gnav p.logo a {
  display: block;
  width: 205px;
  height: 60px;
}

.gnav ul {
  margin: 0;
  padding: 0; /*+*/
  text-align: right;
}

.gnav ul li {
  margin: 0;
  padding: 0; /*+*/
  display: inline-block;
}

.gnav ul li a {
  display: block;
  padding: 22px 12px;
  color: #333;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.gnav ul li a:hover {
  color: #b92c2c;
}

.gnav ul li.hum {
  display: none;
}

@media screen and (max-width: 959px) {
  .gnav > ul.mainmanu > li.pcMenu {
    display: none;
  }
  .gnav ul.mainmanu li.hum {
    display: block;
    position: relative;
    right: 0;
    top: 0;
  }
  .gnav ul.mainmanu li.hum a {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    padding: 0;
  }
  .gnav ul.mainmanu li.hum span.humline01 {
    display: block;
    width: 40px;
    height: 5px;
    margin-bottom: 4px;
    background-color: #333;
  }
  .gnav ul.mainmanu li.hum ul.submenu {
    background-color: #fff;
    padding: 0 0 1em;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
  }
  .gnav ul.mainmanu li.hum ul.submenu li {
    width: 100%;
    text-align: center;
    padding: 0.3em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.8;
  }
  .gnav ul.mainmanu li.hum ul.submenu li a {
    display: block;
    position: relative;
    right: 0px;
    width: 100%;
    padding-bottom: 0.7em;
    margin-bottom: 0.4em;
    border-bottom: 1px dotted #cccccc;
  }
  .gnav ul.mainmanu li.hum ul.submenu li:last-child a {
    border-bottom: none;
  }
}
/* JSより付加クラス */
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.fixed ul {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; /*-*/
}

@media screen and (max-height: 500px) {
  .fixed {
    position: inherit;
    top: 0;
    left: 0;
    width: 100%;
  }
}
/* ACCESS MAP
---------------------------------------------- */
@media screen and (min-width: 768px) {
  .mapArea p.mapCover {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .mapArea {
    position: relative;
  }
  .mapArea p.mapCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9978px;
  }
  .mapArea p.mapCover a {
    display: block;
    width: 66%;
    height: 26%;
  }
}
/* Murai Strap
------------------------------------------------ */
.container {
  width: 93.75%;
  margin: 0 auto;
}

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

.section-box {
  width: 100%;
  margin-top: -120px;
  padding-top: 120px;
  padding-bottom: 1.25em;
}

.card-row-box {
  margin-bottom: -1.25em;
}

.card-row {
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-row a {
  text-decoration: none;
}

.card {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a.card {
  text-decoration: none;
}

.card:hover {
  box-shadow: rgba(50, 50, 50, 0.6) 0px 0px 12px 2px;
  -webkit-box-shadow: rgba(50, 50, 50, 0.6) 0px 0px 12px 2px;
  position: relative;
  z-index: 1;
}

.card-block {
  color: #fff;
  padding: 0 1em 1em;
}

.card-icon {
  display: block;
  margin: 2em auto;
  width: 64px;
  height: 61px; /*auto*/
}

.card-title {
  /*border-top: 1px solid #fff;*/
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
  padding: 0 0 0.5em;
}

.card-text {
  font-size: 0.75em;
}

.card-link {
  background: #3d64af;
  color: #fff;
  font-size: 0.875em;
  margin: 0 auto;
  padding: 0.5em 0.25em 0.25em;
  text-align: center;
}

.card-link span img {
  height: 14px;
  margin-top: -4px;
}

.overview-box {
  background: #fff;
  border-radius: 4px;
  padding: 24px;
}

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

th, td {
  width: 100%;
  display: block;
  border-top: none;
  font-size: 0.875em;
  text-align: left;
}

th {
  background: #EFECDE;
  padding: 6px 12px;
}

td {
  padding: 12px;
}

table.second {
  color: #333;
  width: 100%;
}

table.second th {
  color: #333;
}

footer {
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0.625rem;
}

@media (min-width: 48rem) {
  .container {
    width: 736px;
  }
  .card-row {
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
  }
  th, td {
    border-bottom: 1px dashed #bdbdbd;
    display: table-cell;
    font-size: 0.875em;
    text-align: left;
  }
  tr:last-child th,
  tr:last-child td {
    border-bottom: none;
  }
  th {
    background: none;
    padding: 6px 12px;
    width: 30%;
  }
  td {
    padding: 12px;
  }
  table.second th {
    color: #333;
  }
}
@media (min-width: 60rem) {
  .gnav {
    height: 60px;
  }
  .container {
    width: 1024px;
  }
  .section-box {
    padding-top: 148px;
  }
  th, td {
    font-size: 1em;
  }
  th {
    padding: 8px 16px;
  }
  td {
    padding: 16px;
  }
}
/*▼2016.2.1追加*/
@media screen and (min-width: 960px) and (max-width: 1038px) {
  .gnav {
    min-width: 1038px;
  }
  .fixed {
    min-width: 100% !important;
  }
  .section-box {
    min-width: 1038px;
  }
  .column-row {
    min-width: 1038px;
  }
}
/*▲2016.2.1追加*/
/*▼2016.2.2追加 上書き*/
.jigyouBox {
  padding-top: 2em;
}

.jigyouBox .card-icon {
  margin: 0 auto 2em;
}

/*▲2016.2.2追加*/
/* ----- background color ----- */
.bg-white {
  background: #fff;
}

.bg-black {
  background: #333;
}

.bg-color01 {
  background: #b92c2c;
} /*コーポレートカラー*/
.bg-color02 {
  background: #1b489d;
} /*介護事業部カラー*/
.bg-color03 {
  background: #006A76;
} /*人材事業部カラー*/
.bg-color04 {
  background: #bd6e6e;
} /*コーポレートカラー　彩度明るい*/
.bg-color05 {
  background: #3d64af;
} /*介護事業部カラー　彩度明るい*/
.bg-color06 {
  background: #498f97;
} /*人材事業部カラー　彩度明るい*/
.bg-color07 {
  background: #f5f6f0;
}

/*
 * cmn_style.css
 */
/* Font Family -------------------------------------------------------------- */
.ffG {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.ffM {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* Fonts rem (root=10px)-------------------------------------------------------------- */
.fz1_0rem {
  font-size: 1rem;
}

.fz1_1rem {
  font-size: 1.1rem;
}

.fz1_2rem {
  font-size: 1.2rem;
}

.fz1_4rem {
  font-size: 1.4rem;
}

.fz1_6rem {
  font-size: 1.6rem;
}

.fz1_8rem {
  font-size: 1.8rem;
}

.fz2_0rem {
  font-size: 2rem;
}

.fz2_2rem {
  font-size: 2.2rem;
}

.fz2_4rem {
  font-size: 2.4rem;
}

/* Fonts -------------------------------------------------------------- */
.fwN {
  font-weight: normal !important;
}

.fwB {
  font-weight: bold !important;
}

.fzSS {
  font-size: 72%;
} /* base 14px ->  10px */
.fzS {
  font-size: 86%;
} /* base 14px ->  12px */
.fzM {
  font-size: 100%;
}

.fzL {
  font-size: 115%;
} /* base 14px ->  16px */
.fzLL {
  font-size: 129%;
} /* base 14px ->  18px */
.fzLLL {
  font-size: 143%;
} /* base 14px ->  20px */
sup {
  font-size: 78%;
  vertical-align: text-top;
}

sub {
  font-size: 78%;
  vertical-align: baseline;
}

/* Fonts color -------------------------------------------------------------- */
.fc_red {
  color: #cc0000;
}

.fc_orange {
  color: #F18F2C;
}

.fc_green {
  color: #63a764;
}

/* Inline Align ------------------------------------------------------------ */
.taL {
  text-align: left !important;
}

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.vaT {
  vertical-align: top !important;
}

.vaM {
  vertical-align: middle !important;
}

.vaB {
  vertical-align: bottom !important;
}

.blockC {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

* html .blockC {
  margin-right: 0;
  margin-left: 0;
}

.blockR {
  margin-left: auto;
  text-align: left;
}

* html .blockR {
  margin-left: 0;
}

@media screen and (max-width: 1023px) {
  .taLTB {
    text-align: left !important;
  }
  .taCTB {
    text-align: center !important;
  }
  .taRTB {
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  .taLSP {
    text-align: left !important;
  }
  .taCSP {
    text-align: center !important;
  }
  .taRSP {
    text-align: right !important;
  }
}
/* Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960 {
  width: 960px !important;
}

.w800 {
  width: 800px !important;
}

.w700 {
  width: 700px !important;
}

.w640 {
  width: 640px !important;
}

.w600 {
  width: 600px !important;
}

.w480 {
  width: 480px !important;
}

.w360 {
  width: 360px !important;
}

.w340 {
  width: 340px !important;
}

.w320 {
  width: 320px !important;
}

.w300 {
  width: 300px !important;
}

.w240 {
  width: 240px !important;
}

.w220 {
  width: 220px !important;
}

.w210 {
  width: 210px !important;
}

.w160 {
  width: 160px !important;
}

.w120 {
  width: 120px !important;
}

.w100 {
  width: 100px !important;
}

.wAuto {
  width: auto !important;
}

.wHalf {
  width: 48%;
}

.wTri {
  width: 33%;
}

.wQuart {
  width: 24%;
}

.wFull {
  width: 99.9%;
}

.wMax {
  width: 100%;
}

.w03per {
  width: 3% !important;
}

.w05per {
  width: 5% !important;
}

.w07per {
  width: 7% !important;
}

.w10per {
  width: 10% !important;
}

.w13per {
  width: 13% !important;
}

.w15per {
  width: 15% !important;
}

.w20per {
  width: 20% !important;
}

.w25per {
  width: 25% !important;
}

.w30per {
  width: 30% !important;
}

.w35per {
  width: 35% !important;
}

.w40per {
  width: 40% !important;
}

.w45per {
  width: 45% !important;
}

.w50per {
  width: 50% !important;
}

.w55per {
  width: 55% !important;
}

.w60per {
  width: 60% !important;
}

.w65per {
  width: 65% !important;
}

.w70per {
  width: 70% !important;
}

.w75per {
  width: 75% !important;
}

.w80per {
  width: 80% !important;
}

.w85per {
  width: 85% !important;
}

.w90per {
  width: 90% !important;
}

.w95per {
  width: 95% !important;
}

/* Floats ------------------------------------------------------------------ */
.flL {
  display: inline;
  float: left;
}

.flR {
  display: inline;
  float: right;
}

.ftBox {
  overflow: hidden;
  *zoom: 1;
}

.flLTB {
  display: inline;
  float: left;
}

.flRTB {
  display: inline;
  float: right;
}

.flLSP {
  display: inline;
  float: left;
}

.flRSP {
  display: inline;
  float: right;
}

@media screen and (max-width: 1023px) {
  .flLTB,
  .flRTB {
    float: none;
  }
}
@media screen and (max-width: 767px) {
  .flLSP,
  .flRSP {
    float: none;
  }
}
/* Tools ------------------------------------------------------------------- */
.clear {
  clear: both;
}

.block {
  display: block;
}

.hide {
  display: none;
}

.bgN {
  background: none !important;
}

.bdN {
  border: none !important;
}

.tdN {
  text-decoration: none !important;
}

.wbA {
  word-wrap: break-word;
  word-break: break-all;
}

.diSP {
  display: none;
}

@media screen and (max-width: 767px) {
  .diPC {
    display: none;
  }
  .diSP {
    display: block;
  }
}
/* !Margin ------------------------------------------------------------------ */
.mt00 {
  margin-top: 0 !important;
}

.mt05 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr00 {
  margin-right: 0 !important;
}

.mr05 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb00 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb08 {
  margin-bottom: 8px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.ml00 {
  margin-left: 0 !important;
}

.ml05 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

@media screen and (max-width: 1023px) {
  .mtTB00 {
    margin-top: 0 !important;
  }
  .mtTB05 {
    margin-top: 5px !important;
  }
  .mtTB10 {
    margin-top: 10px !important;
  }
  .mtTB12 {
    margin-top: 12px !important;
  }
  .mtTB15 {
    margin-top: 15px !important;
  }
  .mtTB20 {
    margin-top: 20px !important;
  }
  .mtTB25 {
    margin-top: 25px !important;
  }
  .mtTB30 {
    margin-top: 30px !important;
  }
  .mtTB35 {
    margin-top: 35px !important;
  }
  .mtTB40 {
    margin-top: 40px !important;
  }
  .mtTB45 {
    margin-top: 45px !important;
  }
  .mtTB50 {
    margin-top: 50px !important;
  }
  .mrTB00 {
    margin-right: 0 !important;
  }
  .mrTB05 {
    margin-right: 5px !important;
  }
  .mrTB10 {
    margin-right: 10px !important;
  }
  .mrTB12 {
    margin-right: 12px !important;
  }
  .mrTB15 {
    margin-right: 15px !important;
  }
  .mrTB20 {
    margin-right: 20px !important;
  }
  .mrTB25 {
    margin-right: 25px !important;
  }
  .mrTB30 {
    margin-right: 30px !important;
  }
  .mrTB35 {
    margin-right: 35px !important;
  }
  .mrTB40 {
    margin-right: 40px !important;
  }
  .mrTB45 {
    margin-right: 45px !important;
  }
  .mrTB50 {
    margin-right: 50px !important;
  }
  .mbTB00 {
    margin-bottom: 0 !important;
  }
  .mbTB05 {
    margin-bottom: 5px !important;
  }
  .mbTB10 {
    margin-bottom: 10px !important;
  }
  .mbTB12 {
    margin-bottom: 12px !important;
  }
  .mbTB15 {
    margin-bottom: 15px !important;
  }
  .mbTB20 {
    margin-bottom: 20px !important;
  }
  .mbTB25 {
    margin-bottom: 25px !important;
  }
  .mbTB30 {
    margin-bottom: 30px !important;
  }
  .mbTB35 {
    margin-bottom: 35px !important;
  }
  .mbTB40 {
    margin-bottom: 40px !important;
  }
  .mbTB45 {
    margin-bottom: 45px !important;
  }
  .mbTB50 {
    margin-bottom: 50px !important;
  }
  .mlTB00 {
    margin-left: 0 !important;
  }
  .mlTB05 {
    margin-left: 5px !important;
  }
  .mlTB10 {
    margin-left: 10px !important;
  }
  .mlTB12 {
    margin-left: 12px !important;
  }
  .mlTB15 {
    margin-left: 15px !important;
  }
  .mlTB20 {
    margin-left: 20px !important;
  }
  .mlTB25 {
    margin-left: 25px !important;
  }
  .mlTB30 {
    margin-left: 30px !important;
  }
  .mlTB35 {
    margin-left: 35px !important;
  }
  .mlTB40 {
    margin-left: 40px !important;
  }
  .mlTB45 {
    margin-left: 45px !important;
  }
  .mlTB50 {
    margin-left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mtSP00 {
    margin-top: 0 !important;
  }
  .mtSP05 {
    margin-top: 5px !important;
  }
  .mtSP10 {
    margin-top: 10px !important;
  }
  .mtSP12 {
    margin-top: 12px !important;
  }
  .mtSP15 {
    margin-top: 15px !important;
  }
  .mtSP20 {
    margin-top: 20px !important;
  }
  .mtSP25 {
    margin-top: 25px !important;
  }
  .mtSP30 {
    margin-top: 30px !important;
  }
  .mtSP35 {
    margin-top: 35px !important;
  }
  .mtSP40 {
    margin-top: 40px !important;
  }
  .mtSP45 {
    margin-top: 45px !important;
  }
  .mtSP50 {
    margin-top: 50px !important;
  }
  .mrSP00 {
    margin-right: 0 !important;
  }
  .mrSP05 {
    margin-right: 5px !important;
  }
  .mrSP10 {
    margin-right: 10px !important;
  }
  .mrSP12 {
    margin-right: 12px !important;
  }
  .mrSP15 {
    margin-right: 15px !important;
  }
  .mrSP20 {
    margin-right: 20px !important;
  }
  .mrSP25 {
    margin-right: 25px !important;
  }
  .mrSP30 {
    margin-right: 30px !important;
  }
  .mrSP35 {
    margin-right: 35px !important;
  }
  .mrSP40 {
    margin-right: 40px !important;
  }
  .mrSP45 {
    margin-right: 45px !important;
  }
  .mrSP50 {
    margin-right: 50px !important;
  }
  .mbSP00 {
    margin-bottom: 0 !important;
  }
  .mbSP05 {
    margin-bottom: 5px !important;
  }
  .mbSP10 {
    margin-bottom: 10px !important;
  }
  .mbSP12 {
    margin-bottom: 12px !important;
  }
  .mbSP15 {
    margin-bottom: 15px !important;
  }
  .mbSP20 {
    margin-bottom: 20px !important;
  }
  .mbSP25 {
    margin-bottom: 25px !important;
  }
  .mbSP30 {
    margin-bottom: 30px !important;
  }
  .mbSP35 {
    margin-bottom: 35px !important;
  }
  .mbSP40 {
    margin-bottom: 40px !important;
  }
  .mbSP45 {
    margin-bottom: 45px !important;
  }
  .mbSP50 {
    margin-bottom: 50px !important;
  }
  .mlSP00 {
    margin-left: 0 !important;
  }
  .mlSP05 {
    margin-left: 5px !important;
  }
  .mlSP10 {
    margin-left: 10px !important;
  }
  .mlSP12 {
    margin-left: 12px !important;
  }
  .mlSP15 {
    margin-left: 15px !important;
  }
  .mlSP20 {
    margin-left: 20px !important;
  }
  .mlSP25 {
    margin-left: 25px !important;
  }
  .mlSP30 {
    margin-left: 30px !important;
  }
  .mlSP35 {
    margin-left: 35px !important;
  }
  .mlSP40 {
    margin-left: 40px !important;
  }
  .mlSP45 {
    margin-left: 45px !important;
  }
  .mlSP50 {
    margin-left: 50px !important;
  }
}
/* !Padding  ---------------------------------------------------------------- */
.pt00 {
  padding-top: 0 !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr00 {
  padding-right: 0 !important;
}

.pr05 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb00 {
  padding-bottom: 0 !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl00 {
  padding-left: 0 !important;
}

.pl05 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

/* liststyle  ---------------------------------------------------------------- */
.none {
  list-style-type: none;
}

.disc {
  list-style-type: disc;
}

.circle {
  list-style-type: circle;
}

.square {
  list-style-type: square;
}

.decimal {
  list-style-type: decimal;
}

.lower-roman {
  list-style-type: lower-roman;
}

dl.dl-horizon dt, dl.dl-horizon dd {
  line-height: 1.5;
}

dl.dl-horizon dt {
  float: none;
  font-weight: normal;
}

dl.dl-horizon dt:not(:first-child) {
  margin-top: 0.5em;
}

@media screen and (min-width: 960px) {
  dl.dl-horizon dt:not(:first-child) {
    margin-top: 0.25em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon dt {
    float: left;
    clear: left;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
dl.dl-horizon dd:not(:first-child) {
  margin-top: 0.25em;
}

dl.dl-horizon::after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (min-width: 960px) {
  dl.dl-horizon.dt1 dt {
    width: 1em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt1 dd {
    margin-left: 1em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt2 dt {
    width: 2em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt2 dd {
    margin-left: 2em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt3 dt {
    width: 3em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt3 dd {
    margin-left: 3em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt4 dt {
    width: 4em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt4 dd {
    margin-left: 4em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt5 dt {
    width: 5em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt5 dd {
    margin-left: 5em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt6 dt {
    width: 6em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt6 dd {
    margin-left: 6em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt7 dt {
    width: 7em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt7 dd {
    margin-left: 7em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt8 dt {
    width: 8em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt8 dd {
    margin-left: 8em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt9 dt {
    width: 9em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt9 dd {
    margin-left: 9em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt10 dt {
    width: 10em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt10 dd {
    margin-left: 10em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt11 dt {
    width: 11em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt11 dd {
    margin-left: 11em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt12 dt {
    width: 12em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt12 dd {
    margin-left: 12em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt13 dt {
    width: 13em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt13 dd {
    margin-left: 13em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt14 dt {
    width: 14em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt14 dd {
    margin-left: 14em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt15 dt {
    width: 15em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt15 dd {
    margin-left: 15em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt16 dt {
    width: 16em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt16 dd {
    margin-left: 16em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt17 dt {
    width: 17em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt17 dd {
    margin-left: 17em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt18 dt {
    width: 18em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt18 dd {
    margin-left: 18em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt19 dt {
    width: 19em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt19 dd {
    margin-left: 19em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt20 dt {
    width: 20em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt20 dd {
    margin-left: 20em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt21 dt {
    width: 21em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt21 dd {
    margin-left: 21em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt22 dt {
    width: 22em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt22 dd {
    margin-left: 22em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt23 dt {
    width: 23em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt23 dd {
    margin-left: 23em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt24 dt {
    width: 24em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt24 dd {
    margin-left: 24em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt25 dt {
    width: 25em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt25 dd {
    margin-left: 25em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt26 dt {
    width: 26em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt26 dd {
    margin-left: 26em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt27 dt {
    width: 27em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt27 dd {
    margin-left: 27em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt28 dt {
    width: 28em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt28 dd {
    margin-left: 28em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt29 dt {
    width: 29em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt29 dd {
    margin-left: 29em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt30 dt {
    width: 30em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt30 dd {
    margin-left: 30em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt31 dt {
    width: 31em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt31 dd {
    margin-left: 31em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt32 dt {
    width: 32em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt32 dd {
    margin-left: 32em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt33 dt {
    width: 33em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt33 dd {
    margin-left: 33em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt34 dt {
    width: 34em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt34 dd {
    margin-left: 34em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt35 dt {
    width: 35em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt35 dd {
    margin-left: 35em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt36 dt {
    width: 36em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt36 dd {
    margin-left: 36em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt37 dt {
    width: 37em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt37 dd {
    margin-left: 37em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt38 dt {
    width: 38em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt38 dd {
    margin-left: 38em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt39 dt {
    width: 39em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt39 dd {
    margin-left: 39em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt40 dt {
    width: 40em;
  }
}
@media screen and (min-width: 960px) {
  dl.dl-horizon.dt40 dd {
    margin-left: 40em;
  }
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes transY {
  0% {
    margin-top: -16px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes transY {
  0% {
    margin-top: -16px;
  }
  100% {
    margin-top: 0;
  }
}
.inquiry-btn-wrapper {
  margin: 0 0 100px;
  text-align: center;
}

.btn-inquiry {
  background-color: #EF2F7C;
  border-radius: 2em;
  color: #fff;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  transition: background-color 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  vertical-align: middle;
  white-space: nowrap;
  padding: 1em 2em calc(1em - 1px);
}
.btn-inquiry::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"%3e%3cpath d="M19,19H5V5h7V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-7h-2V19z M14,3v2h3.6l-9.8,9.8l1.4,1.4L19,6.4V10h2V3H14z"/%3e%3c/svg%3e');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-left: 0.75rem;
}
@media (hover: hover) {
  .btn-inquiry:hover {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
}
/*# sourceMappingURL=map/common.css.map */