@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 9, app/assets/stylesheets/base/normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 33, app/assets/stylesheets/base/normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
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.
 */
/* line 54, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 67, app/assets/stylesheets/base/normalize.scss */
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/11, Safari, and Firefox < 22.
 */
/* line 77, app/assets/stylesheets/base/normalize.scss */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, app/assets/stylesheets/base/normalize.scss */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 97, app/assets/stylesheets/base/normalize.scss */
a:active,
a:hover {
  outline: 0;
}

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
/* line 117, app/assets/stylesheets/base/normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 126, app/assets/stylesheets/base/normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 135, app/assets/stylesheets/base/normalize.scss */
h1 {
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 143, app/assets/stylesheets/base/normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 152, app/assets/stylesheets/base/normalize.scss */
small {
  font-size: 80%;
}

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

/* line 168, app/assets/stylesheets/base/normalize.scss */
sup {
  top: -0.5em;
}

/* line 172, app/assets/stylesheets/base/normalize.scss */
sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 183, app/assets/stylesheets/base/normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 191, app/assets/stylesheets/base/normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 202, app/assets/stylesheets/base/normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 210, app/assets/stylesheets/base/normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 220, app/assets/stylesheets/base/normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 228, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 251, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 265, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 276, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 289, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 301, app/assets/stylesheets/base/normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 310, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 321, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 333, app/assets/stylesheets/base/normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  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`.
 */
/* line 345, app/assets/stylesheets/base/normalize.scss */
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
 *    (include `-moz` to future-proof).
 */
/* line 356, app/assets/stylesheets/base/normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * 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).
 */
/* line 369, app/assets/stylesheets/base/normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 378, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 389, app/assets/stylesheets/base/normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 398, app/assets/stylesheets/base/normalize.scss */
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.
 */
/* line 407, app/assets/stylesheets/base/normalize.scss */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 418, app/assets/stylesheets/base/normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 423, app/assets/stylesheets/base/normalize.scss */
td,
th {
  padding: 0;
}

/* line 3, app/assets/stylesheets/base/base.scss */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* line 10, app/assets/stylesheets/base/base.scss */
article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* line 12, app/assets/stylesheets/base/base.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 19, app/assets/stylesheets/base/base.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 23, app/assets/stylesheets/base/base.scss */
[hidden],
template {
  display: none;
}

/* line 30, app/assets/stylesheets/base/base.scss */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 35, app/assets/stylesheets/base/base.scss */
* {
  box-sizing: border-box;
}

/* line 41, app/assets/stylesheets/base/base.scss */
:after, :before {
  box-sizing: border-box;
}

/* line 47, app/assets/stylesheets/base/base.scss */
li {
  list-style-type: none;
}

/* line 51, app/assets/stylesheets/base/base.scss */
a {
  text-decoration: none;
}

/* line 55, app/assets/stylesheets/base/base.scss */
a:hover {
  text-decoration: underline;
}

/* line 6, app/assets/stylesheets/base/color.scss */
html {
  color: #454545;
}

/* line 10, app/assets/stylesheets/base/color.scss */
a {
  color: #395cad;
}

/* line 13, app/assets/stylesheets/base/typography.scss */
html {
  font-size: 14px;
}

/* line 17, app/assets/stylesheets/base/typography.scss */
body {
  line-height: 1.48;
}

/* line 21, app/assets/stylesheets/base/typography.scss */
* {
  font-family: 'Helvetica Neue', Helvetica, Arial, "ヒラギノ角ゴシック", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', Roboto, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/* line 32, app/assets/stylesheets/base/typography.scss */
.text-display {
  font-size: 36px;
}

/* line 26, app/assets/stylesheets/base/typography.scss */
.text-display small {
  font-size: 65%;
  color: #676767;
}

/* line 36, app/assets/stylesheets/base/typography.scss */
.text-headline {
  font-size: 28px;
}

/* line 26, app/assets/stylesheets/base/typography.scss */
.text-headline small {
  font-size: 65%;
  color: #676767;
}

/* line 40, app/assets/stylesheets/base/typography.scss */
.text-title {
  font-size: 20px;
}

/* line 26, app/assets/stylesheets/base/typography.scss */
.text-title small {
  font-size: 65%;
  color: #676767;
}

/* line 44, app/assets/stylesheets/base/typography.scss */
.text-subhead {
  font-size: 16px;
}

/* line 26, app/assets/stylesheets/base/typography.scss */
.text-subhead small {
  font-size: 65%;
  color: #676767;
}

/* line 48, app/assets/stylesheets/base/typography.scss */
.text-body {
  font-size: 14px;
}

/* line 26, app/assets/stylesheets/base/typography.scss */
.text-body small {
  font-size: 65%;
  color: #676767;
}

/* line 52, app/assets/stylesheets/base/typography.scss */
.text-caption {
  font-size: 12px;
}

/* line 26, app/assets/stylesheets/base/typography.scss */
.text-caption small {
  font-size: 65%;
  color: #676767;
}

/* line 7, app/assets/stylesheets/components/form.scss */
.form label {
  display: inline-block;
  width: 100%;
  text-align: right;
  font-weight: bold;
}

/* line 12, app/assets/stylesheets/components/form.scss */
.form label + input {
  margin-top: 5px;
}

/* line 17, app/assets/stylesheets/components/form.scss */
.form input, .form select {
  font-size: 16px;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 23, app/assets/stylesheets/components/form.scss */
.form input:placeholder-shown, .form select:placeholder-shown {
  margin-bottom: 2px;
  line-height: 34px;
}

/* line 29, app/assets/stylesheets/components/form.scss */
.form select {
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
}

/* line 34, app/assets/stylesheets/components/form.scss */
.form input[type="radio"],
.form input[type="checkbmx"] {
  margin: 4px 0 0;
}

/* line 39, app/assets/stylesheets/components/form.scss */
.form input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

/* line 44, app/assets/stylesheets/components/form.scss */
.form input[type="radio"] {
  -webkit-appearance: radio-button;
  -moz-appearance: radio-button;
       appearance: radio-button;
}

/* line 49, app/assets/stylesheets/components/form.scss */
.form input[type="file"] {
  padding: 5px;
}

/* line 60, app/assets/stylesheets/components/form.scss */
.form label.required {
  font-size: 10px;
  font-weight: bold;
  color: white;
  color: #e54545;
}

/* line 65, app/assets/stylesheets/components/form.scss */
.form label.optional {
  font-size: 10px;
  font-weight: bold;
  color: white;
  color: #666;
}

/* line 71, app/assets/stylesheets/components/form.scss */
.form label.error {
  font-size: 14px;
  margin-top: 5px;
  color: #e94141;
  display: block;
}

/* line 78, app/assets/stylesheets/components/form.scss */
.form .actions {
  margin: 20px 0;
  text-align: center;
  font-weight: bold;
}

/* line 86, app/assets/stylesheets/components/form.scss */
.form-control {
  border-radius: 1px;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  display: inline-block !important;
  font-family: inherit;
  width: 100%;
  padding: 8px;
  height: 34px;
}

@media screen and (max-width: 480px) {
  /* line 100, app/assets/stylesheets/components/form.scss */
  .form-control {
    width: 100%;
  }
}

/* line 105, app/assets/stylesheets/components/form.scss */
.form-control.inline {
  width: auto;
}

/* line 109, app/assets/stylesheets/components/form.scss */
.form-control.error {
  border-color: #e94141;
}

/* line 111, app/assets/stylesheets/components/form.scss */
.form-control.error:focus {
  border-color: #e94141;
}

/* line 116, app/assets/stylesheets/components/form.scss */
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
}

/* line 121, app/assets/stylesheets/components/form.scss */
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

/* line 126, app/assets/stylesheets/components/form.scss */
.form-control:-ms-input-placeholder {
  color: #999;
}

/* line 130, app/assets/stylesheets/components/form.scss */
.form-control::-webkit-input-placeholder {
  color: #999;
}

/* line 135, app/assets/stylesheets/components/form.scss */
select.form-control {
  padding: 0 8px;
}

/* line 139, app/assets/stylesheets/components/form.scss */
textarea.form-control {
  height: auto;
}

/* line 146, app/assets/stylesheets/components/form.scss */
.table-form {
  width: 100%;
  display: table;
}

/* line 150, app/assets/stylesheets/components/form.scss */
.table-form .form-field-title {
  background-color: #f0f0f0;
  padding: 10px;
  margin-top: 30px;
  border: 1px #eee solid;
  font-weight: bold;
}

/* line 157, app/assets/stylesheets/components/form.scss */
.table-form .form-field-title:first-child {
  margin-top: 0;
}

/* line 162, app/assets/stylesheets/components/form.scss */
.table-form .form-field {
  border: 1px #eee solid;
  padding: 30px 30px 0;
}

/* line 168, app/assets/stylesheets/components/form.scss */
.table-form .form-group {
  display: -webkit-box;
  display: flex;
  margin-bottom: 24px;
}

/* line 173, app/assets/stylesheets/components/form.scss */
.table-form .form-label {
  -webkit-box-flex: 2.1;
          flex: 2.1;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 8px;
  color: #222222;
}

@media screen and (max-width: 350px) {
  /* line 173, app/assets/stylesheets/components/form.scss */
  .table-form .form-label {
    font-size: 11px;
  }
}

/* line 184, app/assets/stylesheets/components/form.scss */
.table-form .form-input {
  -webkit-box-flex: 8;
          flex: 8;
}

@media screen and (max-width: 480px) {
  /* line 189, app/assets/stylesheets/components/form.scss */
  .table-form .form-control {
    width: 95%;
  }
  /* line 193, app/assets/stylesheets/components/form.scss */
  .table-form .inline {
    width: auto;
  }
  /* line 197, app/assets/stylesheets/components/form.scss */
  .table-form .form-group {
    margin-bottom: 10px;
  }
  /* line 200, app/assets/stylesheets/components/form.scss */
  .table-form .form-group:last-child {
    margin-bottom: 0;
  }
  /* line 206, app/assets/stylesheets/components/form.scss */
  .table-form .form-label, .table-form .form-input {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}

/* line 217, app/assets/stylesheets/components/form.scss */
.table-form .form-label label {
  font-weight: bold;
  vertical-align: top;
}

/* line 221, app/assets/stylesheets/components/form.scss */
.table-form .form-input p {
  font-size: 12px;
  color: #747478;
  margin-top: 1px;
}

/* line 225, app/assets/stylesheets/components/form.scss */
.table-form .form-input p:last-child {
  margin-bottom: 0;
}

/* line 231, app/assets/stylesheets/components/form.scss */
.table-form .form-control {
  margin-bottom: 0;
}

/* line 236, app/assets/stylesheets/components/form.scss */
.form-actions {
  margin: 24px 0;
}

/* line 240, app/assets/stylesheets/components/form.scss */
.form-dateSeparator {
  margin: 0 5px 0 2px;
  opacity: 0.6;
}

/* line 245, app/assets/stylesheets/components/form.scss */
.terms {
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
}

/* line 251, app/assets/stylesheets/components/form.scss */
.itemLabel {
  background-color: #ccc;
  color: white;
  padding: 8px 12px;
  display: inline-block;
  font-size: 14px;
  border-radius: 3px;
  margin-right: 12px;
  margin-bottom: 10px;
  cursor: pointer;
}

/* line 263, app/assets/stylesheets/components/form.scss */
.itemLabel:hover {
  background-color: #999;
}

/* line 267, app/assets/stylesheets/components/form.scss */
.isSelected, .isSelected:hover {
  background-color: #333;
}

/* line 6, app/assets/stylesheets/components/drawer.scss */
html, body {
  height: 100%;
}

/* line 10, app/assets/stylesheets/components/drawer.scss */
#wrapper {
  position: relative;
  min-height: 100%;
  /* !!スマホだとおもすぎる
  &.is-open {
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }*/
}

/* line 21, app/assets/stylesheets/components/drawer.scss */
#drawer-overlay {
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background .15s;
  transition: background .15s;
}

/* line 25, app/assets/stylesheets/components/drawer.scss */
#drawer-overlay.is-open {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* line 41, app/assets/stylesheets/components/drawer.scss */
#drawer {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all .15s;
  transition: all .15s;
}

/* line 61, app/assets/stylesheets/components/drawer.scss */
#drawer.is-open {
  -webkit-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.4) -2px 0px 4px;
}

/* line 70, app/assets/stylesheets/components/drawer.scss */
.drawerMenu-divider {
  border-top: 1px solid #ddd;
  padding: 14px 16px 8px;
  font-size: 13px;
  color: #747478;
  margin-top: 4px;
}

/* line 76, app/assets/stylesheets/components/drawer.scss */
.drawerMenu-divider:first-child {
  border-top: 0;
}

/* line 80, app/assets/stylesheets/components/drawer.scss */
.drawerMenu-item {
  font-size: 14px;
}

/* line 82, app/assets/stylesheets/components/drawer.scss */
.drawerMenu-item > a {
  display: block;
  padding: 10px 16px;
  color: #222;
  font-weight: 500;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

/* line 89, app/assets/stylesheets/components/drawer.scss */
.drawerMenu-item > a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}

/* line 93, app/assets/stylesheets/components/drawer.scss */
.drawerMenu-item > a i {
  width: 20px;
  text-align: center;
  font-size: 120%;
  opacity: 0.54;
  margin-right: 10px;
}

/* line 102, app/assets/stylesheets/components/drawer.scss */
.drawerMenu-icon {
  width: 30px;
  height: 24px;
}

/* line 108, app/assets/stylesheets/components/drawer.scss */
.drawerConsult {
  padding: 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border-bottom: 1px solid #ddd;
  color: #454545;
  text-decoration: none;
}

/* line 115, app/assets/stylesheets/components/drawer.scss */
.drawerConsult-icon {
  font-size: 36px;
  color: #EE5F12;
}

/* line 119, app/assets/stylesheets/components/drawer.scss */
.drawerConsult-content {
  margin-left: 8px;
  -webkit-box-flex: 1;
          flex: 1;
}

/* line 123, app/assets/stylesheets/components/drawer.scss */
.drawerConsult-label {
  font-size: 12px;
  color: #EE5F12;
  font-weight: 700;
}

/* line 127, app/assets/stylesheets/components/drawer.scss */
.drawerConsult-label small {
  margin-left: 4px;
  font-size: 11px;
  color: #747478;
  font-weight: 400;
}

/* line 134, app/assets/stylesheets/components/drawer.scss */
.drawerConsult-tel {
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.2;
}

/* line 10, app/assets/stylesheets/application.scss */
html, body {
  height: 100%;
}

/* line 14, app/assets/stylesheets/application.scss */
body {
  -webkit-print-color-adjust: exact;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

/* line 26, app/assets/stylesheets/application.scss */
main {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
}

@page {
  size: A4;
  margin: 8mm;
}

/* line 35, app/assets/stylesheets/application.scss */
[v-cloak] {
  display: none;
}

/* line 39, app/assets/stylesheets/application.scss */
.container {
  width: 1020px;
  max-width: 1020px;
  margin: auto;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.container:before, .container:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.container:after {
  clear: both;
}

/* line 46, app/assets/stylesheets/application.scss */
.d-flex {
  display: -webkit-box;
  display: flex;
}

/* line 50, app/assets/stylesheets/application.scss */
.btn, .favoriteButton, .favoriteButton.is-active {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  margin: 0 8px;
  padding: 10px 0px;
  font-size: 14px;
  text-align: center;
  border-radius: 3px;
  background-color: white;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
}

/* line 65, app/assets/stylesheets/application.scss */
.btn:first-child, .favoriteButton:first-child {
  margin-left: 0;
}

/* line 69, app/assets/stylesheets/application.scss */
.btn:last-child, .favoriteButton:last-child {
  margin-right: 0;
}

/* line 73, app/assets/stylesheets/application.scss */
.btn:hover, .favoriteButton:hover {
  text-decoration: none;
}

/* line 77, app/assets/stylesheets/application.scss */
.btn i:first-child, .favoriteButton i:first-child {
  font-size: 120%;
  opacity: 0.8;
  margin-right: 4px;
}

/* line 83, app/assets/stylesheets/application.scss */
.btn.is-solid, .is-solid.favoriteButton {
  color: white;
  border-color: transparent;
  background-color: #EE5F12;
}

/* line 87, app/assets/stylesheets/application.scss */
.btn.is-solid:hover, .is-solid.favoriteButton:hover {
  background-color: #d7550f;
}

/* line 92, app/assets/stylesheets/application.scss */
.btn.is-detail, .is-detail.favoriteButton {
  color: white;
  border-color: transparent;
  background-color: #AAA;
}

/* line 96, app/assets/stylesheets/application.scss */
.btn.is-detail:hover, .is-detail.favoriteButton:hover {
  background-color: #9d9d9d;
}

/* line 101, app/assets/stylesheets/application.scss */
.btn.is-tel, .is-tel.favoriteButton {
  color: white;
  border-color: transparent;
  background-color: #EE122A;
}

/* line 105, app/assets/stylesheets/application.scss */
.btn.is-tel:hover, .is-tel.favoriteButton:hover {
  background-color: #d70f25;
}

/* line 110, app/assets/stylesheets/application.scss */
.btn.is-line, .is-line.favoriteButton {
  color: white;
  border-color: transparent;
  background-color: #00b800;
}

/* line 114, app/assets/stylesheets/application.scss */
.btn.is-line:hover, .is-line.favoriteButton:hover {
  background-color: #009f00;
}

/* line 119, app/assets/stylesheets/application.scss */
.btn.is-special, .is-special.favoriteButton {
  color: white;
  border-color: transparent;
  background-color: #d5a911;
}

/* line 123, app/assets/stylesheets/application.scss */
.btn.is-special:hover, .is-special.favoriteButton:hover {
  background-color: #bd960f;
}

/* line 128, app/assets/stylesheets/application.scss */
.btn.is-disabled, .is-disabled.favoriteButton {
  background-color: #eee;
  border-color: transparent;
  cursor: auto;
  color: #777;
  box-shadow: none;
}

/* line 139, app/assets/stylesheets/application.scss */
input[type=radio], input[type=checkbox] {
  display: none;
}

/* line 143, app/assets/stylesheets/application.scss */
.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 8px 0px 8px 20px;
  vertical-align: middle;
  cursor: pointer;
}

/* line 153, app/assets/stylesheets/application.scss */
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 2px;
  content: '';
}

/* line 167, app/assets/stylesheets/application.scss */
input[type=checkbox]:checked + .radio:after, input[type=radio]:checked + .radio:after, input[type=checkbox]:checked + .checkbox:after, input[type=radio]:checked + .checkbox:after {
  border-color: #EE5F12;
}

/* line 174, app/assets/stylesheets/application.scss */
.checkbox:before, .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 47%;
  left: 6px;
  display: block;
  margin-top: -5px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #EE5F12;
  border-bottom: 2px solid #EE5F12;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 191, app/assets/stylesheets/application.scss */
input[type=checkbox]:checked + .checkbox:before, input[type=radio]:checked + .checkbox:before, input[type=checkbox]:checked + .radio:before, input[type=radio]:checked + .radio:before {
  opacity: 1;
}

/* line 232, app/assets/stylesheets/application.scss */
.sectionHeader {
  position: relative;
  border-top: 3px solid #ddd;
  padding-top: 14px;
  margin: 36px 0 16px;
  line-height: 1.3;
}

/* line 204, app/assets/stylesheets/application.scss */
.sectionHeader h1, .sectionHeader h2, .sectionHeader h3 {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  line-height: 1.5;
  letter-spacing: .2px;
}

/* line 212, app/assets/stylesheets/application.scss */
.sectionHeader p {
  margin-top: 2px;
  color: #747478;
  font-size: 11px;
}

/* line 218, app/assets/stylesheets/application.scss */
.sectionHeader:first-child {
  margin-top: 0;
}

/* line 222, app/assets/stylesheets/application.scss */
.sectionHeader:before {
  content: ' ';
  position: absolute;
  top: -3px;
  width: 80px;
  height: 3px;
  background-color: #EE5F12;
}

/* line 236, app/assets/stylesheets/application.scss */
header {
  border-bottom: 1px solid #eee;
}

/* line 240, app/assets/stylesheets/application.scss */
.subHeader {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  position: absolute;
  -webkit-transform: translateY(-110%);
          transform: translateY(-110%);
  -webkit-transition: -webkit-transform .18s ease-out;
  transition: -webkit-transform .18s ease-out;
  transition: transform .18s ease-out;
  transition: transform .18s ease-out, -webkit-transform .18s ease-out;
  left: 0;
  right: 0;
  z-index: 100;
}

/* line 251, app/assets/stylesheets/application.scss */
.subHeader.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* line 255, app/assets/stylesheets/application.scss */
.subHeader-inner {
  white-space: nowrap;
  overflow-x: auto;
}

/* line 260, app/assets/stylesheets/application.scss */
.subHeader-item {
  display: inline-block;
  font-weight: 600;
  padding: 12px 16px;
  margin: 16px 4px;
  border-radius: 30px;
  color: #454545;
}

/* line 267, app/assets/stylesheets/application.scss */
.subHeader-item.is-active, .subHeader-item:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.08);
}

/* line 274, app/assets/stylesheets/application.scss */
.headerBrand {
  float: left;
  margin-top: 18px;
  margin-right: 16px;
  color: #454545;
}

/* line 280, app/assets/stylesheets/application.scss */
.headerBrand:hover {
  text-decoration: none;
}

/* line 285, app/assets/stylesheets/application.scss */
.headerBrand-main img {
  height: 22px;
}

/* line 289, app/assets/stylesheets/application.scss */
.headerBrand-main small {
  font-size: 10px;
  background-color: #EE5F12;
  color: white;
  border-radius: 2px;
  margin-left: 8px;
  position: relative;
  top: -4px;
  padding: 4px 8px;
}

/* line 303, app/assets/stylesheets/application.scss */
.headerBrand.factory .headerBrand-main img {
  height: 26px;
}

/* line 307, app/assets/stylesheets/application.scss */
.headerBrand.factory .headerBrand-description {
  margin-top: -3px;
}

/* line 312, app/assets/stylesheets/application.scss */
.headerBrand-description {
  font-weight: 600;
  font-size: 10px;
  color: #555;
  margin-top: 2px;
}

/* line 320, app/assets/stylesheets/application.scss */
.headerBanner {
  float: left;
  margin-left: 16px;
  margin-top: 16px;
}

/* line 324, app/assets/stylesheets/application.scss */
.headerBanner img {
  display: block;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

/* line 330, app/assets/stylesheets/application.scss */
#headerSwitch {
  position: relative;
  left: -8px;
  top: -3px;
  font-size: 15px;
  opacity: .4;
  cursor: pointer;
  margin-right: 8px;
}

/* line 340, app/assets/stylesheets/application.scss */
.headerNav {
  display: inline;
  font-size: 13px;
  white-space: nowrap;
}

/* line 344, app/assets/stylesheets/application.scss */
.headerNav a {
  display: inline-block;
  padding: 22px 0 21px;
  margin: 0 20px;
  top: 1px;
  color: #222;
  position: relative;
  border-bottom: 3px solid transparent;
  line-height: 1;
}

/* line 354, app/assets/stylesheets/application.scss */
.headerNav a:first-child {
  margin-left: 0;
}

/* line 357, app/assets/stylesheets/application.scss */
.headerNav a:last-child {
  margin-right: 0;
}

/* line 360, app/assets/stylesheets/application.scss */
.headerNav a.is-active {
  padding-bottom: 8px;
  color: #EE5F12;
  border-bottom-color: #EE5F12;
}

/* line 365, app/assets/stylesheets/application.scss */
.headerNav a:hover {
  padding-bottom: 8px;
  text-decoration: none;
  color: #EE5F12;
  border-bottom-color: #EE5F12;
}

/* line 371, app/assets/stylesheets/application.scss */
.headerNav a i {
  color: #F9420E;
  font-size: 140%;
  position: absolute;
  left: 6px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

/* line 378, app/assets/stylesheets/application.scss */
.headerNav a i + span {
  padding-left: 28px;
  padding-right: 8px;
}

/* line 385, app/assets/stylesheets/application.scss */
.navSection {
  display: inline-block;
  font-size: 14px;
}

/* line 388, app/assets/stylesheets/application.scss */
.navSection-title {
  display: inline-block;
  font-size: 13px;
  position: relative;
  top: 1px;
}

/* line 395, app/assets/stylesheets/application.scss */
.navSection:not(:first-child) .navSection-title {
  padding: 4px 12px 4px;
  border-left: 1px solid #ddd;
}

/* line 403, app/assets/stylesheets/application.scss */
.footerIntroduction {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 480px) {
  /* line 403, app/assets/stylesheets/application.scss */
  .footerIntroduction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

/* line 411, app/assets/stylesheets/application.scss */
.footerIntroduction-logo {
  margin: 12px 16px 12px 0;
}

/* line 414, app/assets/stylesheets/application.scss */
.footerIntroduction-title {
  font-weight: 700;
  font-size: 12px;
}

/* line 418, app/assets/stylesheets/application.scss */
.footerIntroduction-description {
  margin-top: 2px;
  color: #747478;
  font-size: 10px;
}

/* line 425, app/assets/stylesheets/application.scss */
footer {
  background-color: #fffbf8;
  border-top: 1px solid #eee;
}

/* line 430, app/assets/stylesheets/application.scss */
.footerCopyright {
  font-size: 10px;
  color: #747478;
  text-align: center;
  padding: 14px 0;
}

/* line 437, app/assets/stylesheets/application.scss */
.footerLink {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 480px) {
  /* line 437, app/assets/stylesheets/application.scss */
  .footerLink {
    display: block;
  }
}

/* line 445, app/assets/stylesheets/application.scss */
.footerLinkColumn {
  font-size: 12px;
  margin: 16px 0;
}

/* line 449, app/assets/stylesheets/application.scss */
.footerLinkColumn h3 {
  font-size: 12px;
}

/* line 453, app/assets/stylesheets/application.scss */
.footerLinkColumn-title {
  font-weight: 500;
  text-decoration: underline;
  margin-bottom: 8px;
}

/* line 459, app/assets/stylesheets/application.scss */
.footerLinkColumn-items li {
  margin: 5px 0;
}

/* line 463, app/assets/stylesheets/application.scss */
.footerLinkColumn-item {
  color: #747478;
}

/* line 470, app/assets/stylesheets/application.scss */
.breadcrumb-container {
  padding: 6px 0;
  margin-bottom: 30px;
}

/* line 475, app/assets/stylesheets/application.scss */
.breadcrumb-items {
  overflow-x: auto;
  white-space: nowrap;
}

/* line 480, app/assets/stylesheets/application.scss */
.breadcrumb-item {
  display: inline-block;
  font-size: 11px;
  color: #747478;
}

/* line 484, app/assets/stylesheets/application.scss */
.breadcrumb-item a {
  color: #747478;
}

/* line 488, app/assets/stylesheets/application.scss */
.breadcrumb-item:after {
  content: '/';
  margin: 0 6px;
  display: inline-block;
  color: #bbb;
}

/* line 496, app/assets/stylesheets/application.scss */
.breadcrumb-item:last-child:after {
  content: '';
}

/* line 503, app/assets/stylesheets/application.scss */
.sideSectionHeader {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
  color: #747478;
}

/* line 510, app/assets/stylesheets/application.scss */
.sideItem {
  margin-bottom: 12px;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.sideItem:before, .sideItem:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.sideItem:after {
  clear: both;
}

/* line 514, app/assets/stylesheets/application.scss */
.sideItem-image {
  width: 60px;
  height: 60px;
  background-color: #f0f0f0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}

/* line 524, app/assets/stylesheets/application.scss */
.sideItem-content {
  margin-left: 60px;
  padding-left: 8px;
}

/* line 529, app/assets/stylesheets/application.scss */
.sideItem-category {
  font-size: 11px;
  color: #747478;
}

/* line 534, app/assets/stylesheets/application.scss */
.sideItem-title {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.48;
  display: block;
  color: #222;
}

/* line 541, app/assets/stylesheets/application.scss */
.sideItem-title:hover {
  color: #EE5F12;
  text-decoration: none;
}

/* line 549, app/assets/stylesheets/application.scss */
header#manager {
  width: 160px;
  padding: 16px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #FAFAFA;
  border-right: 1px solid #eee;
}

/* line 559, app/assets/stylesheets/application.scss */
header#manager h1 {
  margin: 56px 0;
}

/* line 564, app/assets/stylesheets/application.scss */
.managerMainNav {
  padding: 10px 0;
  border-top: 1px solid #ddd;
}

/* line 568, app/assets/stylesheets/application.scss */
.managerMainNav-item {
  padding: 8px 0;
}

/* line 570, app/assets/stylesheets/application.scss */
.managerMainNav-item a {
  color: #222;
  font-weight: bold;
  font-size: 13px;
}

/* line 578, app/assets/stylesheets/application.scss */
.managerSubNav {
  padding: 10px 0;
  border-top: 1px solid #ddd;
}

/* line 582, app/assets/stylesheets/application.scss */
.managerSubNav-item {
  padding: 6px 0;
}

/* line 584, app/assets/stylesheets/application.scss */
.managerSubNav-item a {
  color: #454545;
  font-size: 13px;
}

/* line 591, app/assets/stylesheets/application.scss */
header#manager + main {
  margin-left: 160px;
  padding: 20px 15px;
}

/* line 596, app/assets/stylesheets/application.scss */
.managerHeadline {
  position: relative;
  margin-bottom: 20px;
}

/* line 599, app/assets/stylesheets/application.scss */
.managerHeadline-action {
  float: right;
  padding: 8px 16px;
  margin: 39px 0;
  border: 1px solid #EE5F12;
  color: #EE5F12;
  font-size: 13px;
  font-weight: 600;
  border-radius: 3px;
}

/* line 608, app/assets/stylesheets/application.scss */
.managerHeadline-action:hover {
  text-decoration: none;
  background-color: #EE5F12;
  color: white;
}

/* line 614, app/assets/stylesheets/application.scss */
.managerHeadline-title {
  font-size: 24px;
  font-weight: bold;
  color: #222;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 40px 0 0;
}

/* line 623, app/assets/stylesheets/application.scss */
.managerHeadline h2 {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  padding: 50px 0;
}

/* line 631, app/assets/stylesheets/application.scss */
.managerTable {
  display: table;
  width: 100%;
  font-size: 13px;
}

/* line 635, app/assets/stylesheets/application.scss */
.managerTable-headerRow {
  display: table-row;
  background-color: #f5f5f5;
  font-weight: 600;
}

/* line 639, app/assets/stylesheets/application.scss */
.managerTable-headerRow .managerTable-cell {
  padding: 8px 4px;
}

/* line 643, app/assets/stylesheets/application.scss */
.managerTable-row {
  display: table-row;
}

/* line 646, app/assets/stylesheets/application.scss */
.managerTable-cell {
  display: table-cell;
  padding: 2px 4px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

/* line 651, app/assets/stylesheets/application.scss */
.managerTable-cell img {
  display: block;
}

/* line 654, app/assets/stylesheets/application.scss */
.managerTable-cell.sort {
  color: #395cad;
}

/* line 657, app/assets/stylesheets/application.scss */
.managerTable-cell .desc::after {
  display: inline-block;
  margin-left: 2px;
  content: '▼';
}

/* line 662, app/assets/stylesheets/application.scss */
.managerTable-cell .asc::after {
  display: inline-block;
  margin-left: 2px;
  content: '▲';
}

/* line 671, app/assets/stylesheets/application.scss */
.managerEntryItem-name {
  font-size: 15px;
  font-weight: bold;
}

/* line 675, app/assets/stylesheets/application.scss */
.managerEntryItem-name small {
  font-weight: normal;
  font-size: 12px;
  opacity: .6;
}

/* line 681, app/assets/stylesheets/application.scss */
.managerEntryItem-managerTitle {
  font-size: 15px;
  font-weight: bold;
}

/* line 685, app/assets/stylesheets/application.scss */
.managerEntryItem-title {
  font-size: 12px;
  color: #747478;
}

/* line 689, app/assets/stylesheets/application.scss */
.managerEntryItem-area {
  font-size: 11px;
  margin-top: 2px;
}

/* line 692, app/assets/stylesheets/application.scss */
.managerEntryItem-area i {
  font-size: 120%;
  opacity: 0.4;
}

/* line 700, app/assets/stylesheets/application.scss */
.managerArticleItem-managerTitle {
  font-size: 16px;
  font-weight: bold;
}

/* line 704, app/assets/stylesheets/application.scss */
.managerArticleItem-title {
  font-size: 12px;
  color: #747478;
}

/* line 708, app/assets/stylesheets/application.scss */
.managerArticleItem-area {
  font-size: 12px;
  margin-top: 3px;
  margin-right: 5px;
}

/* line 712, app/assets/stylesheets/application.scss */
.managerArticleItem-area i {
  font-size: 120%;
  opacity: 0.4;
}

/* line 719, app/assets/stylesheets/application.scss */
.managerPanel {
  background-color: #f5f5f5;
  border-color: #eee;
  padding: 20px;
  border-radius: 3px;
  margin: 16px 0;
}

/* line 726, app/assets/stylesheets/application.scss */
.managerPanel-title {
  font-size: 16px;
  font-weight: bold;
}

/* line 731, app/assets/stylesheets/application.scss */
.managerPanel-description {
  font-size: 14px;
  margin-top: 6px;
  line-height: 1.5;
}

/* line 737, app/assets/stylesheets/application.scss */
.managerPanel-actions {
  margin-top: 12px;
}

/* line 741, app/assets/stylesheets/application.scss */
.managerPanel-action {
  background-color: #EE5F12;
  color: white;
  border-radius: 3px;
  border-color: transparent;
  padding: 8px 40px;
  font-size: 14px;
  -webkit-appearance: none !important;
}

/* line 752, app/assets/stylesheets/application.scss */
.paginationWrapper {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 0;
}

/* line 758, app/assets/stylesheets/application.scss */
.paginationButton {
  display: inline-block;
  margin: 5px 2px;
  padding: 6px;
  font-size: 12px;
  background-color: #EE5F12;
  color: #FFF;
  cursor: pointer;
}

/* line 768, app/assets/stylesheets/application.scss */
.headerActions {
  float: right;
  display: -webkit-box;
  display: flex;
  padding: 16px 0 4px;
}

/* line 772, app/assets/stylesheets/application.scss */
.headerActions-textItems {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}

/* line 777, app/assets/stylesheets/application.scss */
.headerActions-textItem {
  margin: 2px 0;
  margin-right: 24px;
  font-size: 12px;
  opacity: .9;
  font-weight: 600;
}

/* line 783, app/assets/stylesheets/application.scss */
.headerActions-textItem i {
  margin-right: 8px;
  font-size: 14px;
}

/* line 789, app/assets/stylesheets/application.scss */
.headerActions-largeItem {
  padding: 6px 24px 6px 16px;
  display: inline-block;
  background-color: #F9420E;
  color: white;
  font-size: 12px;
  line-height: 1.4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  position: relative;
}

/* line 799, app/assets/stylesheets/application.scss */
.headerActions-largeItem small {
  font-size: 11px;
}

/* line 802, app/assets/stylesheets/application.scss */
.headerActions-largeItem strong {
  font-size: 16px;
  font-weight: 600;
}

/* line 806, app/assets/stylesheets/application.scss */
.headerActions-largeItem:hover {
  text-decoration: none;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

/* line 810, app/assets/stylesheets/application.scss */
.headerActions-largeItem i {
  position: absolute;
  right: 6px;
  top: 50%;
  font-size: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* line 818, app/assets/stylesheets/application.scss */
.headerActions-item {
  margin-left: 12px;
  font-size: 13px;
  border: 1px solid #979797;
  border-radius: 3px;
  padding: 8px 24px;
  display: inline-block;
  color: #454545;
  font-weight: bold;
}

/* line 827, app/assets/stylesheets/application.scss */
.headerActions-item:hover {
  text-decoration: none;
  background-color: #F9420E;
  color: white;
  border-color: transparent;
}

/* line 833, app/assets/stylesheets/application.scss */
.headerActions-item.is-solid {
  font-weight: normal;
  background-color: #F9420E;
  color: white;
  border-color: transparent;
}

/* line 838, app/assets/stylesheets/application.scss */
.headerActions-item.is-solid:hover {
  background-color: #cf3205;
}

/* line 845, app/assets/stylesheets/application.scss */
.megaphone {
  margin: 20px 0;
  padding: 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-left: 0px;
  margin-right: -9px;
}

@media print {
  /* line 845, app/assets/stylesheets/application.scss */
  .megaphone {
    display: none;
  }
}

/* line 857, app/assets/stylesheets/application.scss */
.megaphone:first-child {
  margin-top: 0;
}

/* line 860, app/assets/stylesheets/application.scss */
.megaphone-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 4px;
}

/* line 865, app/assets/stylesheets/application.scss */
.megaphone-description {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 8px;
  text-align: left;
}

/* line 872, app/assets/stylesheets/application.scss */
.megaphone .btn, .megaphone .favoriteButton {
  display: inline-block;
}

/* line 877, app/assets/stylesheets/application.scss */
.mobilemegaphone {
  margin: 20px 0;
  padding: 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-left: 35px;
  margin-right: 35px;
}

@media print {
  /* line 877, app/assets/stylesheets/application.scss */
  .mobilemegaphone {
    display: none;
  }
}

/* line 889, app/assets/stylesheets/application.scss */
.mobilemegaphone:first-child {
  margin-top: 0;
}

/* line 892, app/assets/stylesheets/application.scss */
.mobilemegaphone-title {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 4px;
}

/* line 897, app/assets/stylesheets/application.scss */
.mobilemegaphone-description {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 8px;
  text-align: left;
}

/* line 904, app/assets/stylesheets/application.scss */
.mobilemegaphone .btn, .mobilemegaphone .favoriteButton {
  display: inline-block;
}

/* line 909, app/assets/stylesheets/application.scss */
.c-btn--cta_text {
  border: 4px solid #EE5F12;
  border-radius: 50%;
  color: #EE5F12;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  height: 50px;
  width: 50px;
  padding: 14px 3px 0px;
  position: absolute;
  text-align: center;
  margin: -8px 0px 1px 58px;
  background-color: #FFFFEE;
}

/* line 925, app/assets/stylesheets/application.scss */
.actions {
  margin-top: 20px;
  text-align: center;
}

/* line 929, app/assets/stylesheets/application.scss */
.actions input, .actions .btn, .actions .favoriteButton {
  padding: 10px 40px;
  display: inline;
}

/* line 935, app/assets/stylesheets/application.scss */
.fixedBar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fffbf8;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(110%);
          transform: translateY(110%);
  -webkit-transition: -webkit-transform .15s ease-in;
  transition: -webkit-transform .15s ease-in;
  transition: transform .15s ease-in;
  transition: transform .15s ease-in, -webkit-transform .15s ease-in;
}

@media print {
  /* line 935, app/assets/stylesheets/application.scss */
  .fixedBar {
    display: none;
  }
}

/* line 950, app/assets/stylesheets/application.scss */
.fixedBar-wrapper a:hover {
  text-decoration: none;
}

/* line 954, app/assets/stylesheets/application.scss */
.fixedBar:hover {
  background-color: #f5f5f5;
}

/* line 957, app/assets/stylesheets/application.scss */
.fixedBar.is-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* line 960, app/assets/stylesheets/application.scss */
.fixedBar > .container {
  padding: 16px 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

/* line 965, app/assets/stylesheets/application.scss */
.fixedBar-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
  color: #222;
}

/* line 971, app/assets/stylesheets/application.scss */
.fixedBar-description {
  font-size: 12px;
  line-height: 1.6;
  color: #454545;
}

/* line 976, app/assets/stylesheets/application.scss */
.fixedBar-action {
  margin-left: auto;
  padding-left: 6px;
}

/* line 982, app/assets/stylesheets/application.scss */
.favoriteButton {
  background-color: #FFA114;
  color: white;
  font-weight: 600;
}

/* line 988, app/assets/stylesheets/application.scss */
.favoriteButton:hover {
  background-color: #fa9600;
}

/* line 994, app/assets/stylesheets/application.scss */
.favoriteButton.is-active:hover {
  background-color: #eee;
}

/* line 1000, app/assets/stylesheets/application.scss */
.development-label {
  background-color: #ee5f12;
}

/* line 1004, app/assets/stylesheets/application.scss */
.development-title {
  font-size: 15px;
  font-weight: bold;
  padding: 8px 0;
  color: #ffffff;
  text-align: center;
}

/* line 1014, app/assets/stylesheets/application.scss */
.areaSelect-label {
  font-size: 12px;
  font-weight: bold;
  margin: 4px 0 2px !important;
}

/* line 1019, app/assets/stylesheets/application.scss */
.areaSelect-label:first-child {
  margin-top: 0;
}

/* line 1025, app/assets/stylesheets/application.scss */
.indeedLabel {
  font-size: 11px;
  color: white;
  margin-top: 2px;
  background-color: #2164F3;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  margin-right: 6px;
}

/* line 2, app/assets/stylesheets/pages/admin_tools.scss */
.adminColumnItem-label {
  display: inline-block;
  font-size: 11px;
  padding: 6px 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  line-height: 1;
  margin-right: 8px;
  font-weight: 600;
  color: #ee5f12;
  border: 1px solid #ee5f12;
  background-color: #ffffff;
}

/* line 15, app/assets/stylesheets/pages/admin_tools.scss */
.adminColumnItem-label.is-active {
  background-color: #ee5f12;
  color: #ffffff;
}

/* line 22, app/assets/stylesheets/pages/admin_tools.scss */
.adminStat {
  margin-bottom: 20px;
}

/* line 26, app/assets/stylesheets/pages/admin_tools.scss */
.adminStatItem {
  text-align: center;
  display: inline-block;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  padding: 20px;
}

/* line 32, app/assets/stylesheets/pages/admin_tools.scss */
.adminStatItem-value {
  font-family: Arial;
  font-size: 22px;
  font-weight: bold;
}

/* line 38, app/assets/stylesheets/pages/admin_tools.scss */
.adminStatItem-label {
  font-size: 12px;
  color: #747478;
}

/* line 45, app/assets/stylesheets/pages/admin_tools.scss */
table.adminTable {
  width: 100%;
  border-top: 1px solid #ddd;
  font-size: 12px;
}

/* line 51, app/assets/stylesheets/pages/admin_tools.scss */
table.adminTable thead td, table.adminTable thead th {
  background: #f5f5f5;
  color: #747478;
  vertical-align: center;
  font-size: 12px;
}

/* line 58, app/assets/stylesheets/pages/admin_tools.scss */
table.adminTable td, table.adminTable th {
  padding: 4px 8px;
}

/* line 62, app/assets/stylesheets/pages/admin_tools.scss */
table.adminTable tr:nth-child(even) {
  background-color: #F4F3F4;
}

/* line 66, app/assets/stylesheets/pages/admin_tools.scss */
h1.adminHeading {
  font-size: 20px;
  color: #222;
}

/* line 71, app/assets/stylesheets/pages/admin_tools.scss */
h2.adminHeading {
  margin: 24px 0 12px 0;
  color: #222;
  font-size: 16px;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 137, app/assets/stylesheets/pages/articles.scss */
.articleIndexMain {
  margin: auto;
  max-width: 720px;
  width: 100%;
  margin-bottom: 40px;
}

/* line 144, app/assets/stylesheets/pages/articles.scss */
.articleIndexSorts {
  margin: 10px 0 50px;
}

/* line 147, app/assets/stylesheets/pages/articles.scss */
.articleIndexSorts dt {
  float: left;
  margin-right: 10px;
}

/* line 152, app/assets/stylesheets/pages/articles.scss */
.articleIndexSorts li {
  float: left;
  border-left: 1px solid #CCC;
  margin-right: 10px;
  padding-left: 10px;
}

/* line 159, app/assets/stylesheets/pages/articles.scss */
.articleIndexSorts li.current {
  position: relative;
  font-weight: bold;
}

/* line 162, app/assets/stylesheets/pages/articles.scss */
.articleIndexSorts li.current a {
  color: #333;
}

/* line 167, app/assets/stylesheets/pages/articles.scss */
.articleIndexSorts li.current:before {
  content: "▼";
  color: #999;
  font-size: 9px;
  position: absolute;
  left: 50%;
  bottom: -12px;
}

/* line 177, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks {
  margin: 20px 0;
}

/* line 179, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks h2 {
  font-size: 14px;
  text-decoration: underline;
}

/* line 183, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks h3 {
  font-size: 14px;
  margin: 10px 0 5px;
}

/* line 187, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks ul {
  margin-bottom: 20px;
}

/* line 190, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks li {
  display: inline;
  line-height: 1.5;
}

/* line 193, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks li a {
  color: #666;
}

/* line 196, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks li:before {
  content: '|';
  margin: 0 6px;
  color: #ddd;
}

/* line 201, app/assets/stylesheets/pages/articles.scss */
.articleIndexLinks li:first-child:before {
  content: '';
  margin: 0;
}

/* line 208, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom {
  margin: 40px 0;
}

/* line 210, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom h3 {
  padding: 0.5em 1em;
  margin: 1em 0;
  background: #ffebe9;
  border-top: solid 3px #ffc06e;
}

/* line 216, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom h4 {
  margin: 10px 10px 10px 9px;
}

/* line 219, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom h5 {
  font-size: 15px;
  background: #ffc06e;
  padding: 4px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: -3px;
}

/* line 229, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom p {
  margin-top: 10px;
  margin-bottom: 20px;
}

/* line 233, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom pre {
  margin-right: 20px;
  margin-top: 5px;
}

/* line 237, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom td {
  padding-right: 20px;
}

/* line 240, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom th {
  padding: 10px 20px;
  width: 25%;
}

/* line 244, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom .Anserbox {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em 0em 1em;
  border: solid 3px #ffc06e;
  border-radius: 8px;
}

/* line 251, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom .Anserbox .box-title {
  position: absolute;
  display: inline-block;
  top: -8px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 14px;
  background: #FFF;
  font-weight: bold;
}

/* line 262, app/assets/stylesheets/pages/articles.scss */
.articleIndexBottom .Anserbox p {
  margin: 6px;
  padding: 5px 0px 0px 0px;
}

/* line 269, app/assets/stylesheets/pages/articles.scss */
.articlesHeadline-title {
  font-size: 20px;
  font-weight: bold;
  color: #222;
  letter-spacing: .2px;
}

/* line 276, app/assets/stylesheets/pages/articles.scss */
.articlesHeadline-description {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.6;
}

/* line 280, app/assets/stylesheets/pages/articles.scss */
.articlesHeadline-description a {
  font-weight: bold;
}

/* line 283, app/assets/stylesheets/pages/articles.scss */
.articlesHeadline-description p {
  margin-bottom: 6px;
}

/* line 292, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-inner {
  display: -webkit-box;
  display: flex;
  padding: 40px 0;
}

/* line 297, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-image {
  max-width: 100%;
  text-align: center;
}

/* line 302, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-title {
  margin: 10px 0;
  font-size: 30px;
  font-weight: bold;
  color: #222;
  letter-spacing: .2px;
}

/* line 310, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-labels {
  margin-bottom: 6px;
}

/* line 314, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size: 11px;
  padding: 6px 8px;
  color: white;
  border-radius: 2px;
  line-height: 1;
  margin: 0 6px 6px 0;
  font-weight: 600;
  background-color: #888;
  margin-bottom: 6px;
}

/* line 103, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label a {
  color: white;
}

/* line 107, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label.is-solid {
  background-color: #ee5f12;
  color: white;
}

/* line 112, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label.is-pickup {
  background-color: #ee5f12;
}

/* line 116, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label.is-special {
  background-color: #d5a911;
}

/* line 120, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label.is-jobType {
  background-color: #6925AE;
}

/* line 124, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label.is-licence {
  background-color: #FFAF00;
}

/* line 128, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label.is-area {
  background-color: #3180C7;
}

/* line 132, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label.is-feature {
  background-color: #25AE5A;
}

/* line 317, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-label a {
  color: white;
}

/* line 322, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-corporation {
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
  color: #747478;
}

/* line 329, app/assets/stylesheets/pages/articles.scss */
.articleHeadline-feature {
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
  color: #747478;
}

/* line 337, app/assets/stylesheets/pages/articles.scss */
.articleContent {
  font-size: 13px;
  display: -webkit-box;
  display: flex;
  margin-bottom: 20px;
}

/* line 342, app/assets/stylesheets/pages/articles.scss */
.articleContent h3 {
  font-size: 16px;
  margin-top: 1.5em;
  margin-bottom: .5em;
  color: #222;
}

/* line 347, app/assets/stylesheets/pages/articles.scss */
.articleContent h3:first-child {
  margin-top: 0;
}

/* line 351, app/assets/stylesheets/pages/articles.scss */
.articleContent p {
  margin-top: .5em;
  margin-bottom: .5em;
  line-height: 1.8;
}

/* line 356, app/assets/stylesheets/pages/articles.scss */
.articleContent-left {
  -webkit-box-flex: 1;
          flex: 1;
}

/* line 358, app/assets/stylesheets/pages/articles.scss */
.articleContent-left video, .articleContent-left iframe, .articleContent-left img {
  width: 97%;
}

/* line 362, app/assets/stylesheets/pages/articles.scss */
.articleContent-right {
  -webkit-box-flex: 1;
          flex: 1;
}

/* line 367, app/assets/stylesheets/pages/articles.scss */
.articleButtons {
  margin: 30px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

/* line 372, app/assets/stylesheets/pages/articles.scss */
.articleButtons > .btn, .articleButtons > .favoriteButton {
  width: 50%;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}

/* line 379, app/assets/stylesheets/pages/articles.scss */
.articleButtons p {
  display: inline;
}

/* line 384, app/assets/stylesheets/pages/articles.scss */
.articleItemsContainer .articleItem:last-child {
  margin-bottom: 0;
}

/* line 388, app/assets/stylesheets/pages/articles.scss */
.articleItem {
  max-width: 720px;
  margin: auto;
  margin-bottom: 35px;
}

/* line 393, app/assets/stylesheets/pages/articles.scss */
.articleItem-special {
  width: 130px;
  color: white;
  font-weight: bold;
  background-color: #d5a911;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 4px 16px 0;
}

/* line 403, app/assets/stylesheets/pages/articles.scss */
.articleItem:last-child {
  margin-bottom: 0;
}

/* line 407, app/assets/stylesheets/pages/articles.scss */
.articleItem-inner {
  border: 1px solid #ddd;
  border-top: 4px solid #ee5f12;
  padding: 24px;
  border-bottom: 1px solid #eee;
}

/* line 413, app/assets/stylesheets/pages/articles.scss */
.articleItem-inner.is_special {
  border: 4px solid #d5a911;
}

/* line 418, app/assets/stylesheets/pages/articles.scss */
.articleItem-header {
  display: -webkit-box;
  display: flex;
}

/* line 422, app/assets/stylesheets/pages/articles.scss */
.articleItem-imageWrapper {
  width: 200px;
  height: 130px;
  min-width: 200px;
  min-height: 130px;
  overflow: hidden;
  padding-right: 16px;
}

@media screen and (max-width: 480px) {
  /* line 422, app/assets/stylesheets/pages/articles.scss */
  .articleItem-imageWrapper {
    width: 100px;
    height: 75px;
    min-width: 80px;
  }
}

/* line 437, app/assets/stylesheets/pages/articles.scss */
.articleItem-image {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  background-size: cover;
}

/* line 444, app/assets/stylesheets/pages/articles.scss */
.articleItem-label {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size: 11px;
  padding: 6px 8px;
  color: white;
  border-radius: 2px;
  line-height: 1;
  margin: 0 6px 6px 0;
  font-weight: 600;
  background-color: #888;
  margin-top: 6px;
}

/* line 103, app/assets/stylesheets/pages/articles.scss */
.articleItem-label a {
  color: white;
}

/* line 107, app/assets/stylesheets/pages/articles.scss */
.articleItem-label.is-solid {
  background-color: #ee5f12;
  color: white;
}

/* line 112, app/assets/stylesheets/pages/articles.scss */
.articleItem-label.is-pickup {
  background-color: #ee5f12;
}

/* line 116, app/assets/stylesheets/pages/articles.scss */
.articleItem-label.is-special {
  background-color: #d5a911;
}

/* line 120, app/assets/stylesheets/pages/articles.scss */
.articleItem-label.is-jobType {
  background-color: #6925AE;
}

/* line 124, app/assets/stylesheets/pages/articles.scss */
.articleItem-label.is-licence {
  background-color: #FFAF00;
}

/* line 128, app/assets/stylesheets/pages/articles.scss */
.articleItem-label.is-area {
  background-color: #3180C7;
}

/* line 132, app/assets/stylesheets/pages/articles.scss */
.articleItem-label.is-feature {
  background-color: #25AE5A;
}

/* line 449, app/assets/stylesheets/pages/articles.scss */
.articleItem-corporation {
  font-size: 12px;
  margin-top: 12px;
}

/* line 454, app/assets/stylesheets/pages/articles.scss */
.articleItem-title {
  font-size: 20px;
  font-weight: 600;
  margin: 2px 0 0;
}

/* line 458, app/assets/stylesheets/pages/articles.scss */
.articleItem-title a {
  color: #222;
  text-decoration: none;
}

/* line 461, app/assets/stylesheets/pages/articles.scss */
.articleItem-title a:hover {
  color: #ee5f12;
}

/* line 467, app/assets/stylesheets/pages/articles.scss */
.articleItem-contentList {
  margin-top: 6px;
  font-size: 12px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/* line 473, app/assets/stylesheets/pages/articles.scss */
.articleItem-contentList dt {
  color: #222;
  min-width: 100px;
  padding: 10px 6px 10px 9px;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

/* line 482, app/assets/stylesheets/pages/articles.scss */
.articleItem-contentList dd {
  padding: 4px 0;
  color: #444;
  overflow: auto;
  padding: 10px 0 10px 10px;
}

/* line 490, app/assets/stylesheets/pages/articles.scss */
.articleItem-listInner {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding-top: 2px;
  padding-bottom: 2px;
  display: -webkit-box;
  display: flex;
}

/* line 498, app/assets/stylesheets/pages/articles.scss */
.articleItem-footer {
  display: -webkit-box;
  display: flex;
  margin: 20px -24px -23px -23px;
  padding: 16px 24px;
  background-color: #fffbf8;
}

/* line 505, app/assets/stylesheets/pages/articles.scss */
.articleItem-button {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  margin: 0 8px;
  padding: 6px 0px;
  font-size: 14px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 3px;
  background-color: #e5e5e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e5e5e5));
  background-image: linear-gradient(#f9f9f9, #e5e5e5);
  border: 1px solid #e0e0e0;
  cursor: pointer;
  margin: 0;
  margin-right: 12px;
}

/* line 23, app/assets/stylesheets/pages/articles.scss */
.articleItem-button:first-child {
  margin-left: 0;
}

/* line 27, app/assets/stylesheets/pages/articles.scss */
.articleItem-button:last-child {
  margin-right: 0;
}

/* line 31, app/assets/stylesheets/pages/articles.scss */
.articleItem-button:hover {
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-orange {
  color: white;
  background-image: none;
  border-color: transparent;
  background-color: #EE5F12;
}

/* line 40, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-orange:hover {
  background-color: #d7550f;
}

/* line 45, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-white {
  color: #222;
  border-color: transparent;
  background-color: white;
}

/* line 49, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-white:hover {
  background-color: #f2f2f2;
}

/* line 54, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-special {
  background-color: #d5a911;
}

/* line 56, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-special:hover {
  background-color: #bd960f;
}

/* line 61, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-favorite {
  color: white;
  background-image: none;
  border-color: transparent;
  background-color: #FFA114;
}

/* line 66, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-favorite:hover {
  background-color: #fa9600;
}

/* line 69, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-favorite .fa {
  font-size: 15px;
  margin-top: 4px;
  margin-right: 6px;
  opacity: 0.6;
}

/* line 75, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-favorite.is-active {
  background-color: #aaa;
}

/* line 80, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-tel {
  color: white;
  background-image: none;
  border-color: transparent;
  background-color: #EE122A;
}

/* line 85, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-tel:hover {
  background-color: #d70f25;
}

/* line 510, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-favorite {
  margin-right: 12px;
}

/* line 514, app/assets/stylesheets/pages/articles.scss */
.articleItem-button.is-orange {
  margin-right: 12px;
}

/* line 518, app/assets/stylesheets/pages/articles.scss */
.articleItem-button :last-child {
  margin-right: 0;
}

/* line 524, app/assets/stylesheets/pages/articles.scss */
.articleTable {
  font-size: 13px;
  width: 50%;
  margin: 30px 0;
  word-break: break-all;
}

/* line 530, app/assets/stylesheets/pages/articles.scss */
.articleTable p {
  line-height: 1.7;
  margin-bottom: .5em;
}

/* line 535, app/assets/stylesheets/pages/articles.scss */
.articleTable p:last-child {
  margin-bottom: 0;
}

/* line 539, app/assets/stylesheets/pages/articles.scss */
.articleTable th, .articleTable td {
  padding: 12px 8px;
}

/* line 543, app/assets/stylesheets/pages/articles.scss */
.articleTable th {
  color: #ee5f12;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  width: 112px;
}

/* line 552, app/assets/stylesheets/pages/articles.scss */
.articleMegaphoneBar {
  padding: 16px 0;
  border-bottom: 1px solid #eee;
  background-color: #fffbf8;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16) inset;
}

@media print {
  /* line 552, app/assets/stylesheets/pages/articles.scss */
  .articleMegaphoneBar {
    display: none;
  }
}

/* line 562, app/assets/stylesheets/pages/articles.scss */
.articleMegaphoneBar-title {
  font-weight: 600;
}

/* line 566, app/assets/stylesheets/pages/articles.scss */
.articleMegaphoneBar-description {
  font-size: 12px;
  margin-top: 4px;
}

/* line 571, app/assets/stylesheets/pages/articles.scss */
.articleMegaphoneBar-action {
  font-size: 12px;
  font-weight: 600;
  margin-top: 8px;
}

/* line 578, app/assets/stylesheets/pages/articles.scss */
.articleInactivePanel {
  margin-bottom: 30px;
  padding: 16px;
  background: #e0e0e0;
}

/* line 583, app/assets/stylesheets/pages/articles.scss */
.articleInactivePanel-title {
  font-size: 16px;
  font-weight: 700;
}

/* line 588, app/assets/stylesheets/pages/articles.scss */
.articleInactivePanel-description {
  font-size: 13px;
  margin-top: 4px;
}

/* line 596, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition {
  border: 1px solid #ddd;
  display: -webkit-box;
  display: flex;
}

/* line 600, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-item {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border-right: 1px solid #ddd;
  padding: 12px;
  cursor: pointer;
}

/* line 608, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-item:last-child {
  border-right: 0;
}

/* line 612, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-item:hover {
  background-color: #f5f5f5;
}

/* line 615, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-item:hover .vueSearchBoxSimpleCondition-label {
  background-color: #EE5F12;
  color: white;
}

/* line 622, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-label {
  background-color: #eee;
  display: inline-block;
  border-radius: 12px;
  padding: 4px 12px 4px 8px;
  margin-right: 12px;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
  -webkit-transition: background-color .18s ease-out, color .18s ease-out;
  transition: background-color .18s ease-out, color .18s ease-out;
}

/* line 632, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-label i {
  font-size: 110%;
  width: 24px;
  text-align: center;
  opacity: 0.6;
}

/* line 640, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-value {
  font-size: 13px;
}

/* line 644, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-blank {
  color: #d7550f;
  font-weight: bold;
}

/* line 649, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-switchDetail {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 12px;
  background-color: #f5f5f5;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  color: #747478;
}

/* line 659, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-switchDetail i {
  margin-right: 6px;
}

/* line 663, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxSimpleCondition-switchDetail:hover {
  color: #EE5F12;
  background-color: #eee;
}

/* line 670, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxDetailCondition {
  padding: 12px 0px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* line 676, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxDetailCondition-title {
  font-size: 13px;
  font-weight: bold;
  margin: 0 12px 12px;
}

/* line 682, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxDetailCondition table:last-of-type {
  border-bottom: 1px solid #ddd;
}

/* line 687, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 10;
  overflow-y: auto;
}

/* line 699, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

/* line 708, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal-content {
  margin: 60px 0;
  align-self: flex-start;
  width: 1020px;
  background-color: white;
  z-index: 20;
  padding: 24px;
  border-radius: 2px;
}

/* line 718, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal-title {
  color: #222;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

/* line 726, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 20px;
}

/* line 732, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal-count {
  font-size: 20px;
  margin-left: auto;
  margin-right: 16px;
}

/* line 736, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal-count small {
  opacity: 0.8;
  font-size: 60%;
  margin-left: 4px;
}

/* line 743, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: inline-block;
  background-color: #EE5F12;
  border: 0;
  text-align: center;
  padding: 12px 24px;
  font-size: 16px;
  color: white;
  border-radius: 2px;
}

/* line 756, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal table {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

/* line 761, app/assets/stylesheets/pages/articles.scss */
.vueSearchBoxModal th, .vueSearchBoxModal td {
  border-bottom: 1px solid #ddd;
}

/* line 766, app/assets/stylesheets/pages/articles.scss */
.vueSearchBox table {
  font-size: 13px;
  padding: 16px;
  width: 100%;
  border-top: 1px solid #ddd;
}

/* line 772, app/assets/stylesheets/pages/articles.scss */
.vueSearchBox table label {
  display: inline-block;
  border-bottom: 0;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 779, app/assets/stylesheets/pages/articles.scss */
.vueSearchBox table label input[type='checkbox'] {
  margin-right: 4px;
}

/* line 784, app/assets/stylesheets/pages/articles.scss */
.vueSearchBox table th {
  background-color: #f5f5f5;
  text-align: left;
  font-size: 14px;
  width: 180px;
  padding: 8px 12px;
  vertical-align: middle;
}

/* line 793, app/assets/stylesheets/pages/articles.scss */
.vueSearchBox table td {
  padding: 8px 12px;
  vertical-align: middle;
}

/* line 797, app/assets/stylesheets/pages/articles.scss */
.vueSearchBox table td label {
  padding: none;
  width: 33%;
}

/* line 805, app/assets/stylesheets/pages/articles.scss */
.articleTelEntry {
  width: 100%;
  background-color: #f5f5f5;
}

/* line 808, app/assets/stylesheets/pages/articles.scss */
.articleTelEntry-header {
  background-color: #7F7F7F;
  color: #fff;
  text-align: center;
  padding: 8px;
}

/* line 813, app/assets/stylesheets/pages/articles.scss */
.articleTelEntry-header h3 {
  font-weight: 400;
  font-size: 14px;
}

/* line 818, app/assets/stylesheets/pages/articles.scss */
.articleTelEntry-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 12px 20px;
}

@media screen and (max-width: 480px) {
  /* line 818, app/assets/stylesheets/pages/articles.scss */
  .articleTelEntry-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: initial;
            align-items: initial;
    padding: 8px 12px 12px;
    background-color: white;
  }
}

/* line 830, app/assets/stylesheets/pages/articles.scss */
.articleTelEntry-tel {
  color: #EE5F12;
  font-family: Arial;
  font-weight: 600;
  font-size: 32px;
}

/* line 835, app/assets/stylesheets/pages/articles.scss */
.articleTelEntry-tel i {
  font-size: 28px;
  margin-right: 8px;
}

/* line 840, app/assets/stylesheets/pages/articles.scss */
.articleTelEntry-caption {
  margin-left: auto;
  font-size: 13px;
  border-left: 1px solid #ddd;
  padding-left: 20px;
  color: #747478;
}

@media screen and (max-width: 480px) {
  /* line 840, app/assets/stylesheets/pages/articles.scss */
  .articleTelEntry-caption {
    padding: 0;
    border: 0;
    margin: 0;
  }
}

/* line 854, app/assets/stylesheets/pages/articles.scss */
.articleIdSummary {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2px;
}

/* line 860, app/assets/stylesheets/pages/articles.scss */
.articleAllowanceSummary {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2px;
}

/* line 865, app/assets/stylesheets/pages/articles.scss */
.articleAllowanceSummary b {
  font-size: 20px;
  font-family: Arial;
  margin: 0 4px;
  color: #EE5F12;
}

/* line 873, app/assets/stylesheets/pages/articles.scss */
.articleAreaSummary {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
}

/* line 879, app/assets/stylesheets/pages/articles.scss */
.ArticleDormitorySummary {
  font-size: 13px;
  font-weight: bold;
}

/* line 884, app/assets/stylesheets/pages/articles.scss */
.articleFooter {
  background-color: #f5f5f5;
  margin-top: 30px;
  padding: 30px 0;
}

/* line 889, app/assets/stylesheets/pages/articles.scss */
.articleFooter-title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
}

/* line 896, app/assets/stylesheets/pages/articles.scss */
.articleFooter-content {
  width: 980px;
  margin: 0 auto;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.articleFooter-content:before, .articleFooter-content:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.articleFooter-content:after {
  clear: both;
}

/* line 903, app/assets/stylesheets/pages/articles.scss */
.articleCardsContainer .articleCard:last-child {
  margin-bottom: 0;
}

/* line 907, app/assets/stylesheets/pages/articles.scss */
.articleCard {
  margin: 20px 0;
}

/* line 910, app/assets/stylesheets/pages/articles.scss */
.articleCard:first-child {
  margin-top: 0;
}

/* line 918, app/assets/stylesheets/pages/articles.scss */
.articleCard-header {
  width: 130px;
  color: white;
  font-weight: bold;
  background-color: #d5a911;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 4px 16px 0;
}

/* line 928, app/assets/stylesheets/pages/articles.scss */
.articleCard-inner {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: white;
  padding: 12px 16px 0;
}

/* line 934, app/assets/stylesheets/pages/articles.scss */
.articleCard-inner.is_special {
  border-top: 3px solid #d5a911;
  border-bottom: 3px solid #d5a911;
}

/* line 940, app/assets/stylesheets/pages/articles.scss */
.articleCard-labels {
  margin-top: 8px;
}

/* line 944, app/assets/stylesheets/pages/articles.scss */
.articleCard-label {
  display: inline-block;
  font-size: 11px;
  padding: 7px 8px 6px;
  color: #fff;
  background-color: #888;
  border-radius: 2px;
  line-height: 1;
  margin-right: 8px;
  margin-bottom: 6px;
}

/* line 955, app/assets/stylesheets/pages/articles.scss */
.articleCard-label a {
  color: white;
}

/* line 959, app/assets/stylesheets/pages/articles.scss */
.articleCard-label.is-jobType {
  background-color: #7F0099;
}

/* line 963, app/assets/stylesheets/pages/articles.scss */
.articleCard-label.is-licence {
  background-color: #FFAF00;
}

/* line 967, app/assets/stylesheets/pages/articles.scss */
.articleCard-label.is-area {
  background-color: #3180C7;
}

/* line 971, app/assets/stylesheets/pages/articles.scss */
.articleCard-label.is-feature {
  background-color: #25AE5A;
}

/* line 976, app/assets/stylesheets/pages/articles.scss */
.articleCard-body {
  display: block;
}

/* line 978, app/assets/stylesheets/pages/articles.scss */
.articleCard-body:hover {
  text-decoration: none;
}

/* line 983, app/assets/stylesheets/pages/articles.scss */
.articleCard-title {
  font-size: 14px;
  font-weight: 700;
}

/* line 986, app/assets/stylesheets/pages/articles.scss */
.articleCard-title a {
  color: #454545;
}

/* line 991, app/assets/stylesheets/pages/articles.scss */
.articleCard-corporation {
  font-size: 11px;
  margin-top: 4px;
  color: #747478;
  font-weight: bold;
}

/* line 998, app/assets/stylesheets/pages/articles.scss */
.articleCard-imageWrapper {
  margin-top: 12px;
  width: 100%;
  min-width: 60px;
}

/* line 1004, app/assets/stylesheets/pages/articles.scss */
.articleCard-image {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
}

/* line 1010, app/assets/stylesheets/pages/articles.scss */
.articleCard-contentList {
  font-size: 11px;
}

/* line 1013, app/assets/stylesheets/pages/articles.scss */
.articleCard-contentList table {
  width: 100%;
  color: #454545;
  border-top: 1px solid #ddd;
}

/* line 1019, app/assets/stylesheets/pages/articles.scss */
.articleCard-contentList tr {
  border-bottom: 1px solid #ddd;
}

/* line 1023, app/assets/stylesheets/pages/articles.scss */
.articleCard-contentList th {
  padding: 10px 0;
  font-weight: 700;
  width: 70px;
  text-align: left;
  vertical-align: middle;
  border-right: 1px solid #ddd;
}

/* line 1030, app/assets/stylesheets/pages/articles.scss */
.articleCard-contentList th .fa {
  margin-right: 5px;
}

/* line 1035, app/assets/stylesheets/pages/articles.scss */
.articleCard-contentList td {
  padding: 2px 2px 2px 10px;
  vertical-align: middle;
}

/* line 1041, app/assets/stylesheets/pages/articles.scss */
.articleCard-footerTitle {
  font-size: 13px;
  margin-top: 5px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 350px) {
  /* line 1041, app/assets/stylesheets/pages/articles.scss */
  .articleCard-footerTitle {
    font-size: 12px;
  }
}

/* line 1050, app/assets/stylesheets/pages/articles.scss */
.articleCard-footerTitle b {
  font-size: 18px;
  margin: 0 4px;
  color: #ee5f12;
}

/* line 1057, app/assets/stylesheets/pages/articles.scss */
.articleCard-footer {
  display: -webkit-box;
  display: flex;
  padding: 10px 0;
  font-size: 13px;
  font-weight: bold;
}

/* line 1063, app/assets/stylesheets/pages/articles.scss */
.articleCard-footer a {
  margin-right: 8px;
}

/* line 1066, app/assets/stylesheets/pages/articles.scss */
.articleCard-footer a:last-child {
  margin-right: 0;
}

/* line 1072, app/assets/stylesheets/pages/articles.scss */
.articleCard-favorite {
  -webkit-box-flex: 0.5;
          flex: 0.5;
  margin-right: 10px;
  padding: 0;
  display: -webkit-box;
  display: flex;
  color: white;
  background-color: #ffa114;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  border-radius: 2px;
}

/* line 1085, app/assets/stylesheets/pages/articles.scss */
.articleCard-favorite:hover {
  text-decoration: none;
}

/* line 1088, app/assets/stylesheets/pages/articles.scss */
.articleCard-favorite > .fa {
  font-size: 19px;
  margin-right: 6px;
  opacity: 0.6;
}

/* line 1093, app/assets/stylesheets/pages/articles.scss */
.articleCard-favorite.is-active {
  background-color: #aaa;
}

/* line 1098, app/assets/stylesheets/pages/articles.scss */
.articleCard-lineEntry {
  padding: 14px 0;
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: white;
  background-color: #47b648;
  border-radius: 2px;
}

/* line 1106, app/assets/stylesheets/pages/articles.scss */
.articleCard-lineEntry:hover {
  text-decoration: none;
}

/* line 1111, app/assets/stylesheets/pages/articles.scss */
.articleCard-telEntry {
  padding: 14px 0;
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: white;
  background-color: #ee122a;
  border-radius: 2px;
}

/* line 1119, app/assets/stylesheets/pages/articles.scss */
.articleCard-telEntry:hover {
  text-decoration: none;
}

/* line 1124, app/assets/stylesheets/pages/articles.scss */
.articleCard-detail {
  padding: 14px 0;
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #454545;
  background-color: #ddd;
  border-radius: 2px;
}

/* line 1132, app/assets/stylesheets/pages/articles.scss */
.articleCard-detail:hover {
  text-decoration: none;
}

/* line 1135, app/assets/stylesheets/pages/articles.scss */
.articleCard-detail.is_special {
  color: white;
  background-color: #d5a911;
}

/* line 1138, app/assets/stylesheets/pages/articles.scss */
.articleCard-detail.is_special:hover {
  background-color: #bd960f;
}

/* line 1144, app/assets/stylesheets/pages/articles.scss */
.articleCard-line {
  padding: 14px 0;
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: white;
  background-color: #00B900;
  border-radius: 2px;
}

/* line 1152, app/assets/stylesheets/pages/articles.scss */
.articleCard-line:hover {
  text-decoration: none;
}

/* line 1157, app/assets/stylesheets/pages/articles.scss */
.articleCard-detailContent {
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
  padding: 6px 0;
}

/* line 1165, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner {
  background: white;
  color: white;
  padding-top: 15px;
}

/* line 1170, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner-content {
  padding: 0 3px 0 1px;
}

/* line 1174, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner p {
  margin-bottom: 14px;
}

/* line 1177, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner p:last-child {
  margin-bottom: 0;
}

/* line 1182, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner img, .articleScrollBanner video, .articleScrollBanner iframe {
  width: 100%;
}

/* line 1186, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner-text {
  padding: 10px 0;
}

/* line 1189, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner-text-title {
  font-weight: bold;
  margin-bottom: 5px;
}

/* line 1194, app/assets/stylesheets/pages/articles.scss */
.articleScrollBanner-text-description {
  font-size: 13px;
  line-height: 21px;
}

@media screen and (max-width: 480px) {
  /* line 1202, app/assets/stylesheets/pages/articles.scss */
  .articleScrollBanner .slick-slide.slick-current div {
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
            animation: fadeIn 2s ease 0s 1 normal;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    color: #333;
  }
  /* line 1209, app/assets/stylesheets/pages/articles.scss */
  .articleScrollBanner .slick-slide.slick-current a {
    color: #395cad;
  }
  /* line 1213, app/assets/stylesheets/pages/articles.scss */
  .articleScrollBanner .slick-slide div {
    color: white;
  }
  /* line 1217, app/assets/stylesheets/pages/articles.scss */
  .articleScrollBanner .slick-slide a {
    color: white;
  }
}

/* line 3, app/assets/stylesheets/pages/entries.scss */
.entryContainer {
  max-width: 640px;
  margin-top: 40px;
  padding: 0 40px;
}

@media screen and (max-width: 480px) {
  /* line 3, app/assets/stylesheets/pages/entries.scss */
  .entryContainer {
    margin-top: 10px;
  }
}

/* line 13, app/assets/stylesheets/pages/entries.scss */
.entryHeadDescription {
  font-size: 13px;
  line-height: 1.6;
}

/* line 18, app/assets/stylesheets/pages/entries.scss */
.entryFormButtons {
  margin: 25px 0 0;
  text-align: center;
}

/* line 22, app/assets/stylesheets/pages/entries.scss */
.entryFormButtons input {
  padding: 10px 40px;
  display: inline;
}

/* line 28, app/assets/stylesheets/pages/entries.scss */
.entryArticleItems {
  background-color: #f5f5f5;
  padding: 16px 16px;
  margin-bottom: 20px;
}

/* line 33, app/assets/stylesheets/pages/entries.scss */
.entryArticleItems-title {
  font-size: 12px;
  font-weight: bold;
  color: #747478;
}

/* line 40, app/assets/stylesheets/pages/entries.scss */
.entryArticleItem {
  margin-top: 6px;
}

/* line 43, app/assets/stylesheets/pages/entries.scss */
.entryArticleItem-title {
  font-size: 14px;
  font-weight: bold;
}

/* line 48, app/assets/stylesheets/pages/entries.scss */
.entryArticleItem-corporation {
  font-size: 12px;
  margin-top: 2px;
}

/* line 54, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob {
  text-align: center;
  background: #FFFBF8;
  color: #454545;
  padding-bottom: 15px;
}

/* line 60, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-title {
  padding-top: 20px;
  margin-bottom: 20px;
}

/* line 64, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-title span {
  color: #EC5F25;
}

/* line 69, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-itemsSteps {
  margin-bottom: -45px;
  color: #EC5F25;
}

/* line 74, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-itemsStep {
  font-size: 13px;
  font-weight: 800;
  margin-bottom: -15px;
}

/* line 80, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-itemsNumber {
  font-size: 30px;
}

/* line 84, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-itemsInner {
  background: #FEFEFE;
  margin: 20px 15px;
  padding-top: 30px;
  padding-bottom: 15px;
  border: 0.4px solid #979797;
  border-radius: 10px;
}

/* line 93, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-itemsTitle {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 5px;
  color: #EC5F25;
}

/* line 100, app/assets/stylesheets/pages/entries.scss */
.fourStepForJob-itemsDesc {
  font-size: 10px;
}

/* line 4, app/assets/stylesheets/pages/home.scss */
.homeHero {
  background-image: url("https://cdn.jobhouse.jp/home/taxi/hero2.jpg");
  background-size: cover;
  background-position: center center;
  text-align: center;
  padding: 70px 0 56px;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}

/* line 14, app/assets/stylesheets/pages/home.scss */
.homeHero-title {
  font-size: 32px;
  font-weight: 500;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

/* line 21, app/assets/stylesheets/pages/home.scss */
.homeHero-description {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.64;
  margin-top: 10px;
  -webkit-font-smoothing: antialiased;
}

/* line 29, app/assets/stylesheets/pages/home.scss */
.homeHero-buttons {
  margin: 20px auto 0;
}

/* line 33, app/assets/stylesheets/pages/home.scss */
.homeHero-button {
  font-size: 15px;
  color: white;
  margin: 0 auto;
  height: 48px;
  border: 1px solid white;
  display: inline-block;
  margin: 0 12px;
  margin: 8px 12px;
  padding: 13px 30px;
  border-radius: 24px;
  vertical-align: top;
}

/* line 45, app/assets/stylesheets/pages/home.scss */
.homeHero-button:first-child {
  margin-left: 0;
}

/* line 48, app/assets/stylesheets/pages/home.scss */
.homeHero-button:last-child {
  margin-right: 0;
}

/* line 51, app/assets/stylesheets/pages/home.scss */
.homeHero-button.is-two-line {
  padding: 10px 30px;
  line-height: 1;
}

/* line 54, app/assets/stylesheets/pages/home.scss */
.homeHero-button.is-two-line small {
  font-size: 10px;
  display: block;
  margin-bottom: 4px;
}

/* line 60, app/assets/stylesheets/pages/home.scss */
.homeHero-button.is-solid {
  background-color: white;
  border: none;
  color: #ee5f12;
  font-weight: 600;
}

/* line 66, app/assets/stylesheets/pages/home.scss */
.homeHero-button:hover {
  text-decoration: none;
}

/* line 72, app/assets/stylesheets/pages/home.scss */
.HomeDescriptionSection {
  padding: 16px 0;
  margin-bottom: 20px;
  background-color: #fffbf8;
  border-bottom: 1px solid #eee;
}

/* line 78, app/assets/stylesheets/pages/home.scss */
.HomeDescriptionSection-title {
  font-size: 15px;
  margin-bottom: 5px;
}

/* line 83, app/assets/stylesheets/pages/home.scss */
.HomeDescriptionSection-description {
  font-size: 12px;
  line-height: 1.6;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.homeJobType-container:before, .homeJobType-container:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.homeJobType-container:after {
  clear: both;
}

/* line 94, app/assets/stylesheets/pages/home.scss */
.homeJobType-item {
  padding: 6px 0;
}

/* line 96, app/assets/stylesheets/pages/home.scss */
.homeJobType-item-title {
  font-size: 14px;
  font-weight: bold;
}

/* line 101, app/assets/stylesheets/pages/home.scss */
.homeJobType-item-description {
  margin-top: 1px;
  font-size: 12px;
  line-height: 1.48 !important;
  color: #747478;
}

/* line 110, app/assets/stylesheets/pages/home.scss */
.homeMain {
  max-width: 720px;
  width: 100%;
  float: left;
}

/* line 114, app/assets/stylesheets/pages/home.scss */
.homeMain p {
  line-height: 1.75;
}

/* line 119, app/assets/stylesheets/pages/home.scss */
.homeSide {
  max-width: 260px;
  width: 100%;
  float: right;
}

/* line 125, app/assets/stylesheets/pages/home.scss */
.vue-searchBox {
  padding: 0 12px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

/* line 129, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-tabs {
  display: -webkit-box;
  display: flex;
  margin: 0 -12px;
}

/* line 134, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-tab {
  -webkit-box-flex: 1;
          flex: 1;
  padding: 8px 12px;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  font-size: 12px;
  background-color: #f5f5f5;
  color: #454545;
}

/* line 145, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-tab.is-active {
  background-color: white;
}

/* line 149, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-tab:hover {
  text-decoration: none;
  background-color: white;
}

/* line 154, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-tab strong {
  color: #222;
  font-size: 14px;
  margin-right: 2px;
}

/* line 160, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-tab i:first-child {
  color: #ee5f12;
  text-align: center;
  font-size: 24px;
  margin-bottom: 4px;
}

/* line 167, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-tab i:last-child {
  font-size: 20px;
  color: #ee5f12;
}

/* line 174, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-items {
  margin: 0 -12px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

/* line 180, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-itemDivider {
  border-top: 1px solid #eee;
  font-size: 12px;
  padding: 10px 12px 4px;
  width: 100%;
}

/* line 186, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-itemDivider:first-child {
  border-top: 0;
}

/* line 191, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-item {
  float: left;
  display: block;
  width: 33%;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: bold;
}

/* line 199, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-item.is-half {
  width: 50%;
}

/* line 203, app/assets/stylesheets/pages/home.scss */
.vue-searchBox-item:hover {
  background-color: #fafafa;
  text-decoration: none;
  color: #ee5f12;
}

/* line 211, app/assets/stylesheets/pages/home.scss */
.homeSectionContent {
  font-size: 13px;
}

/* line 214, app/assets/stylesheets/pages/home.scss */
.homeSectionContent h3 {
  font-size: 14px;
  color: #222;
  margin-bottom: 6px;
}

/* line 220, app/assets/stylesheets/pages/home.scss */
.homeSectionContent p {
  margin-bottom: 1em;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.homeInterview:before, .homeInterview:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.homeInterview:after {
  clear: both;
}

/* line 227, app/assets/stylesheets/pages/home.scss */
.homeInterview-item {
  margin-bottom: 16px;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.homeInterview-item:before, .homeInterview-item:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.homeInterview-item:after {
  clear: both;
}

/* line 230, app/assets/stylesheets/pages/home.scss */
.homeInterview-item-image {
  float: left;
  width: 120px;
  height: 120px;
  background-color: #fafafa;
}

/* line 237, app/assets/stylesheets/pages/home.scss */
.homeInterview-item-content {
  margin-left: 136px;
}

/* line 241, app/assets/stylesheets/pages/home.scss */
.homeInterview-item-title {
  font-size: 15px;
  font-weight: 600;
}

/* line 246, app/assets/stylesheets/pages/home.scss */
.homeInterview-item-description {
  font-size: 13px;
  margin-top: 4px;
}

/* line 254, app/assets/stylesheets/pages/home.scss */
.homeQuestion-item {
  margin-bottom: 16px;
}

/* line 256, app/assets/stylesheets/pages/home.scss */
.homeQuestion-item-title {
  font-size: 13px;
  font-weight: 600;
  color: #222;
}

/* line 262, app/assets/stylesheets/pages/home.scss */
.homeQuestion-item-description {
  font-size: 13px;
  margin-top: 4px;
}

/* line 269, app/assets/stylesheets/pages/home.scss */
.sentenceBox {
  padding: 80px 0;
  text-align: center;
}

/* line 272, app/assets/stylesheets/pages/home.scss */
.sentenceBox-title {
  margin-bottom: 50px;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* line 279, app/assets/stylesheets/pages/home.scss */
.sentenceBox-description {
  font-weight: 600;
  font-size: 18px;
  line-height: 2.3;
  letter-spacing: 0.15em;
}

/* line 287, app/assets/stylesheets/pages/home.scss */
.sentenceBoxSmartPhone {
  padding: 50px 0;
  text-align: left;
}

/* line 290, app/assets/stylesheets/pages/home.scss */
.sentenceBoxSmartPhone-title {
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* line 296, app/assets/stylesheets/pages/home.scss */
.sentenceBoxSmartPhone-description {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.15em;
}

/* line 308, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox {
  max-width: 1020px;
  margin: auto;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: white;
  margin-bottom: 20px;
  padding: 20px 12px;
}

/* line 317, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .cntBadge {
  right: -10px;
  top: -5px;
  line-height: 20px;
  min-width: 20px;
  padding: 0 5px;
  border-radius: 4px;
  background-color: #D00000;
  display: inline-block;
  z-index: 5;
  position: absolute;
  color: #FFF;
}

/* line 331, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox-button {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0;
  width: 32%;
  text-align: center;
  color: #747478;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
  background-color: #FFF;
  margin-bottom: 3%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

/* line 347, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox-button .icon_image {
  width: 30px;
  max-height: 30px;
}

/* line 352, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox-button i {
  font-size: 25px;
}

/* line 356, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox-button.active {
  color: #EE5F12;
  background-color: #F9F9F9;
}

/* line 362, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox-top {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/* line 367, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox-top::after {
  content: "";
  display: block;
  width: 32%;
}

/* line 374, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .checkboxButton {
  text-align: center;
  width: 47.5%;
  margin-bottom: 10px;
  position: relative;
}

/* line 380, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .checkboxButton.active {
  color: #EE5F12;
  background-color: #F9F9F9;
}

/* line 385, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .checkboxButton-jobType {
  width: 100%;
}

/* line 389, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .checkboxButton-corporation {
  width: 100%;
}

/* line 393, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .checkboxButton-prefecture, .articlesSearchBox .checkboxButton-area {
  text-align: center;
  width: 30%;
  margin-bottom: 10px;
  position: relative;
}

/* line 400, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .checkboxButton-inner {
  padding: 10px 0;
  border-radius: 5px;
  border: 1px solid #CCC;
}

/* line 409, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select1Inner {
  margin-bottom: 10px;
}

/* line 415, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select2Inner {
  border-top: solid 1px #ddd;
  padding-top: 15px;
  margin-bottom: 5px;
}

/* line 419, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select2Inner::after {
  content: "";
  display: block;
  width: 30%;
}

/* line 428, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select3ButtonBlock {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

/* line 433, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select3ButtonBlock .allSearchButton {
  padding: 5px 20px;
  display: inline-block;
  border: #CCC solid 1px;
  border-radius: 5px;
  margin-right: 10px;
}

/* line 441, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select3ButtonBlock .clearButton {
  padding: 5px 20px;
  display: inline-block;
  border: #CCC solid 1px;
  border-radius: 5px;
}

/* line 449, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select3Inner {
  border-top: solid 1px #ddd;
  padding-top: 15px;
}

/* line 452, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select3Inner::after {
  content: "";
  display: block;
  width: 30%;
}

/* line 460, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .select1Inner, .articlesSearchBox .select2Inner, .articlesSearchBox .select3Inner {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/* line 466, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .radio-button:checked + .checkboxButton-inner {
  background-color: #F9F9F9;
  border: 1px solid #CCC;
  color: #EE5F12;
}

/* line 472, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .radio-button {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

/* line 485, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .vueSearchBoxModal-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 0;
}

/* line 492, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .vueSearchBoxModal-clear {
  width: 35%;
  background: #FFF;
  border-radius: 5px;
  border: 2px solid #CCC;
  text-align: center;
  height: 48px;
  line-height: 48px;
}

/* line 502, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .vueSearchBoxModal-count {
  margin: 0;
  width: 60%;
  text-align: center;
}

/* line 507, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .vueSearchBoxModal-count p {
  display: inline-block;
  font-size: 24px;
}

/* line 513, app/assets/stylesheets/pages/home.scss */
.articlesSearchBox .vueSearchBoxModal-submit {
  width: 100%;
  border-radius: 5px;
  font-weight: bold;
}

/* line 521, app/assets/stylesheets/pages/home.scss */
.accordion-button {
  width: 93%;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
  color: #747478;
  background-color: #FFF;
  margin-bottom: 10px;
  margin-left: 3%;
}

/* line 533, app/assets/stylesheets/pages/home.scss */
.accordion-button i {
  margin-left: 5px;
}

/* line 537, app/assets/stylesheets/pages/home.scss */
.accordion-button .open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* line 3, app/assets/stylesheets/pages/posts.scss */
.postMain {
  max-width: 640px;
  width: 100%;
  float: left;
}

/* line 9, app/assets/stylesheets/pages/posts.scss */
.mobilepostmain {
  max-width: 640px;
  width: 100%;
}

/* line 14, app/assets/stylesheets/pages/posts.scss */
.postSide {
  width: 100%;
  float: right;
  max-width: 300px;
}

/* line 20, app/assets/stylesheets/pages/posts.scss */
.mobilepostside {
  width: 100%;
}

/* line 24, app/assets/stylesheets/pages/posts.scss */
.postsHeadline {
  margin: 15px 0 15px 0;
}

/* line 26, app/assets/stylesheets/pages/posts.scss */
.postsHeadline-title {
  font-size: 20px;
  font-weight: bold;
  color: #222;
}

/* line 32, app/assets/stylesheets/pages/posts.scss */
.postsHeadline-description {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.6;
}

/* line 39, app/assets/stylesheets/pages/posts.scss */
.postItem {
  margin-bottom: 30px;
  border: 1px solid #ddd;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.postItem:before, .postItem:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.postItem:after {
  clear: both;
}

/* line 44, app/assets/stylesheets/pages/posts.scss */
.postItem-contents {
  margin-right: 13px;
}

/* line 48, app/assets/stylesheets/pages/posts.scss */
.postItem-image {
  width: 120px;
  min-width: 120px;
  height: 120px;
  background-color: #f0f0f0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-top: 23px;
}

/* line 60, app/assets/stylesheets/pages/posts.scss */
.postItem-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}

/* line 64, app/assets/stylesheets/pages/posts.scss */
.postItem-title a {
  color: #222;
  text-decoration: none;
}

/* line 67, app/assets/stylesheets/pages/posts.scss */
.postItem-title a:hover {
  color: #ee5f12;
}

/* line 73, app/assets/stylesheets/pages/posts.scss */
.postItem-description {
  margin-top: 13px;
  font-size: 12px;
  color: #999;
}

/* line 79, app/assets/stylesheets/pages/posts.scss */
.postItem-categories {
  font-size: 12px;
  color: #747478;
  margin-bottom: 2px;
  margin-left: -130px;
  margin-top: 20px;
}

/* line 87, app/assets/stylesheets/pages/posts.scss */
.postItem-category {
  display: inline-block;
  margin-left: 131px;
}

/* line 90, app/assets/stylesheets/pages/posts.scss */
.postItem-category a {
  color: #747478;
}

/* line 94, app/assets/stylesheets/pages/posts.scss */
.postItem-category:after {
  content: '>';
  font-weight: normal;
  margin: 0 4px;
  color: #aaa;
}

/* line 102, app/assets/stylesheets/pages/posts.scss */
.postItem-category:last-child:after {
  content: '';
}

/* line 109, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: flex;
  border-bottom: 1px solid #ddd;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.mobilepostItem:before, .mobilepostItem:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.mobilepostItem:after {
  clear: both;
}

/* line 116, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-image {
  width: 120px;
  min-width: 120px;
  height: 120px;
  background-color: #f0f0f0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-top: 23px;
  margin-right: 10px;
}

/* line 129, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-title {
  font-size: 18px;
  font-weight: 600;
}

/* line 132, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-title a {
  color: #222;
  text-decoration: none;
}

/* line 135, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-title a:hover {
  color: #ee5f12;
}

/* line 141, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-description {
  margin-top: 4px;
  font-size: 12px;
  color: #999;
}

/* line 147, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-categories {
  font-size: 12px;
  color: #747478;
  margin-bottom: 2px;
  margin-left: -130px;
}

/* line 154, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-category {
  display: inline-block;
  margin-left: 131px;
}

/* line 157, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-category a {
  color: #747478;
}

/* line 161, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-category:after {
  content: '>';
  font-weight: normal;
  margin: 0 4px;
  color: #aaa;
}

/* line 169, app/assets/stylesheets/pages/posts.scss */
.mobilepostItem-category:last-child:after {
  content: '';
}

/* line 176, app/assets/stylesheets/pages/posts.scss */
.postMainImage {
  display: block;
  margin: 0 auto 30px;
  max-width: 100%;
  max-height: 500px;
  height: auto;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 480px) {
  /* line 176, app/assets/stylesheets/pages/posts.scss */
  .postMainImage {
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 189, app/assets/stylesheets/pages/posts.scss */
.postMainImage:before {
  content: ' ';
  display: block;
  padding-top: 44%;
}

/* line 196, app/assets/stylesheets/pages/posts.scss */
.postHeadline {
  padding: 30px 0;
}

/* line 198, app/assets/stylesheets/pages/posts.scss */
.postHeadline-category {
  margin-bottom: 10px;
  border: 1px solid #25AE5A;
  display: inline-block;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  padding: .35em .6em .3em;
  color: #25AE5A;
}

/* line 208, app/assets/stylesheets/pages/posts.scss */
.postHeadline-title {
  font-size: 28px;
  color: #222;
  line-height: 1.5;
}

@media screen and (max-width: 480px) {
  /* line 208, app/assets/stylesheets/pages/posts.scss */
  .postHeadline-title {
    font-size: 20px;
  }
}

/* line 216, app/assets/stylesheets/pages/posts.scss */
.postHeadline-published {
  font-size: 14px;
  opacity: 0.5;
  margin-top: 6px;
  font-family: Arial, sans-serif;
}

/* line 217, app/assets/stylesheets/pages/posts.scss */
.postHeadline-published i {
  font-size: 120%;
  margin-right: 4px;
  position: relative;
  top: 1px;
  opacity: 0.6;
}

@media screen and (max-width: 480px) {
  /* line 216, app/assets/stylesheets/pages/posts.scss */
  .postHeadline-published {
    font-size: 14px;
  }
}

/* line 234, app/assets/stylesheets/pages/posts.scss */
.postContent {
  margin: 10px 0;
  font-size: 15px;
}

@media screen and (max-width: 480px) {
  /* line 234, app/assets/stylesheets/pages/posts.scss */
  .postContent {
    font-size: 14px;
  }
}

/* line 241, app/assets/stylesheets/pages/posts.scss */
.postContent > p, .postContent > h1, .postContent > h2, .postContent > h3, .postContent > h4, .postContent > h5, .postContent > h6 {
  color: #333 !important;
}

/* line 243, app/assets/stylesheets/pages/posts.scss */
.postContent > p:first-child, .postContent > h1:first-child, .postContent > h2:first-child, .postContent > h3:first-child, .postContent > h4:first-child, .postContent > h5:first-child, .postContent > h6:first-child {
  margin-top: 0;
}

/* line 246, app/assets/stylesheets/pages/posts.scss */
.postContent > p:last-child, .postContent > h1:last-child, .postContent > h2:last-child, .postContent > h3:last-child, .postContent > h4:last-child, .postContent > h5:last-child, .postContent > h6:last-child {
  margin-bottom: 0;
}

/* line 250, app/assets/stylesheets/pages/posts.scss */
.postContent > h1, .postContent > h2, .postContent > h3, .postContent > h4, .postContent > h5, .postContent > h6 {
  margin: 20px 0 10px;
}

/* line 253, app/assets/stylesheets/pages/posts.scss */
.postContent > p {
  font-size: 14px;
  line-height: 22px;
  word-break: break-word;
}

/* line 258, app/assets/stylesheets/pages/posts.scss */
.postContent p > img, .postContent p > video, .postContent p > a > img, .postContent img, .postContent video, .postContent iframe {
  max-width: 100%;
}

/* line 261, app/assets/stylesheets/pages/posts.scss */
.postContent > a {
  font-weight: bold;
}

/* line 264, app/assets/stylesheets/pages/posts.scss */
.postContent > a:active, .postContent > a:hover {
  outline: 0;
}

/* line 267, app/assets/stylesheets/pages/posts.scss */
.postContent p > b, .postContent p > strong {
  font-weight: bold;
  color: #222;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff300));
  background: linear-gradient(transparent 50%, #fff300 50%);
}

/* line 272, app/assets/stylesheets/pages/posts.scss */
.postContent dfn {
  font-style: italic;
}

/* line 275, app/assets/stylesheets/pages/posts.scss */
.postContent > h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 279, app/assets/stylesheets/pages/posts.scss */
.postContent > h2 {
  font-size: 20px;
}

/* line 282, app/assets/stylesheets/pages/posts.scss */
.postContent > h3 {
  font-size: 18px;
}

/* line 285, app/assets/stylesheets/pages/posts.scss */
.postContent mark {
  background: #ff0;
  color: #000;
}

/* line 289, app/assets/stylesheets/pages/posts.scss */
.postContent small {
  font-size: 80%;
}

/* line 292, app/assets/stylesheets/pages/posts.scss */
.postContent sub, .postContent sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 298, app/assets/stylesheets/pages/posts.scss */
.postContent sup {
  top: -0.5em;
}

/* line 301, app/assets/stylesheets/pages/posts.scss */
.postContent sub {
  bottom: -0.25em;
}

/* line 304, app/assets/stylesheets/pages/posts.scss */
.postContent img, .postContent video {
  border: 0;
}

/* line 307, app/assets/stylesheets/pages/posts.scss */
.postContent svg:not(:root) {
  overflow: hidden;
}

/* line 310, app/assets/stylesheets/pages/posts.scss */
.postContent figure {
  margin: 1em 40px;
}

/* line 313, app/assets/stylesheets/pages/posts.scss */
.postContent hr {
  box-sizing: content-box;
  height: 0;
}

/* line 319, app/assets/stylesheets/pages/posts.scss */
.postContent pre {
  overflow: auto;
}

/* line 322, app/assets/stylesheets/pages/posts.scss */
.postContent code, .postContent kbd, .postContent pre, .postContent samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 326, app/assets/stylesheets/pages/posts.scss */
.postContent > ul, .postContent > ol {
  padding-left: 40px;
}

/* line 329, app/assets/stylesheets/pages/posts.scss */
.postContent > ul li {
  list-style-type: disc;
}

/* line 332, app/assets/stylesheets/pages/posts.scss */
.postContent > ol li {
  list-style-type: decimal;
}

/* line 336, app/assets/stylesheets/pages/posts.scss */
.postContent > table {
  border-top: 1px solid #ddd;
  font-size: 14px;
}

/* line 339, app/assets/stylesheets/pages/posts.scss */
.postContent > table thead {
  background-color: #f5f5f5;
  font-size: 14px;
}

/* line 343, app/assets/stylesheets/pages/posts.scss */
.postContent > table td, .postContent > table th {
  padding: 4px 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

/* line 350, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink {
  display: -webkit-box;
  display: flex;
  margin: 20px 0;
  line-height: 1.6;
  border: #eee;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  font-weight: normal;
  color: inherit;
  -webkit-transition: box-shadow .18s;
  transition: box-shadow .18s;
}

/* line 360, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

/* line 363, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink:hover .articleLink-title {
  color: #395cad;
}

/* line 367, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink-inner {
  padding: 16px 12px;
  margin: auto 0;
  -webkit-box-flex: 1;
          flex: 1;
}

/* line 372, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink-title {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 39.2px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

/* line 377, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink-description {
  color: #999;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 36px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

/* line 382, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink-inactive {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #f00;
  margin-right: 8px;
}

/* line 389, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink-jobType {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #395cad;
  margin-right: 8px;
}

/* line 396, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink-corporation {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
}

/* line 401, app/assets/stylesheets/pages/posts.scss */
.postContent .articleLink-thumbnail {
  min-width: 150px;
  min-height: 150px;
  background-position: center;
  background-size: cover;
  margin-left: auto;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

@media screen and (max-width: 480px) {
  /* line 401, app/assets/stylesheets/pages/posts.scss */
  .postContent .articleLink-thumbnail {
    min-width: 80px;
    min-height: 120px;
  }
}

/* line 418, app/assets/stylesheets/pages/posts.scss */
.postRelated {
  margin-top: 70px;
  background-color: #fafafa;
  padding: 50px 0;
}

/* line 423, app/assets/stylesheets/pages/posts.scss */
.postRelated-title {
  margin-bottom: 40px;
  font-size: 18px;
  color: #222;
  font-weight: bold;
  text-align: center;
}

/* line 431, app/assets/stylesheets/pages/posts.scss */
.postRelated-content {
  min-width: 980px;
}

@media screen and (max-width: 480px) {
  /* line 431, app/assets/stylesheets/pages/posts.scss */
  .postRelated-content {
    min-width: auto;
  }
}

/* line 439, app/assets/stylesheets/pages/posts.scss */
.relatedItem {
  float: left;
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 335px;
  margin-bottom: 40px;
  margin-right: 40px;
  -webkit-transition: box-shadow .18s;
  transition: box-shadow .18s;
  border: 1px solid #eee;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}

/* line 453, app/assets/stylesheets/pages/posts.scss */
.relatedItem.registration {
  border: 0;
}

/* line 455, app/assets/stylesheets/pages/posts.scss */
.relatedItem.registration:hover {
  opacity: 0.8;
}

@media screen and (max-width: 480px) {
  /* line 439, app/assets/stylesheets/pages/posts.scss */
  .relatedItem {
    display: block;
    margin: 0 auto 40px;
    float: none;
  }
}

@media screen and (min-width: 481px) {
  /* line 467, app/assets/stylesheets/pages/posts.scss */
  .relatedItem:nth-child(3n) {
    margin-right: 0;
  }
}

/* line 473, app/assets/stylesheets/pages/posts.scss */
.relatedItem-title:hover {
  text-decoration: none;
}

/* line 476, app/assets/stylesheets/pages/posts.scss */
.relatedItem-title:link {
  color: #222;
}

/* line 479, app/assets/stylesheets/pages/posts.scss */
.relatedItem-title:visited {
  color: #222;
}

/* line 484, app/assets/stylesheets/pages/posts.scss */
.relatedItem:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

/* line 487, app/assets/stylesheets/pages/posts.scss */
.relatedItem:hover .postItem-title {
  color: #315096;
}

/* line 492, app/assets/stylesheets/pages/posts.scss */
.relatedItem-thumbnail {
  display: block;
  height: 166px;
  background-color: #ddd;
  background-position: center center;
  background-size: cover;
}

/* line 500, app/assets/stylesheets/pages/posts.scss */
.relatedItem-title {
  height: auto;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin: 12px 12px 0;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 72px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

/* line 509, app/assets/stylesheets/pages/posts.scss */
.relatedItem-content {
  color: #747478;
  margin: 4px 12px 8px;
  font-size: 11px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 52.8px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

/* line 511, app/assets/stylesheets/pages/posts.scss */
.relatedItem-content a:link {
  color: #747478;
}

/* line 514, app/assets/stylesheets/pages/posts.scss */
.relatedItem-content a:visited {
  color: #747478;
}

/* line 523, app/assets/stylesheets/pages/posts.scss */
.relatedItem-category {
  color: #747478;
  font-size: 11px;
  margin: 0 12px 8px;
  position: absolute;
  bottom: 0;
}

/* line 531, app/assets/stylesheets/pages/posts.scss */
.relatedItem-publishedAt {
  color: #747478;
  font-size: 11px;
  margin: 0 12px 8px;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 541, app/assets/stylesheets/pages/posts.scss */
.postHtmlTree {
  font-size: 13px;
  background-color: #fcfcfc;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 12px;
  margin-bottom: 30px;
}

/* line 548, app/assets/stylesheets/pages/posts.scss */
.postHtmlTree-item {
  margin: 8px 0;
  padding-left: 16px;
  position: relative;
}

/* line 552, app/assets/stylesheets/pages/posts.scss */
.postHtmlTree-item:before {
  content: ' ';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  background-color: #222;
  border: 1px solid #222;
}

/* line 565, app/assets/stylesheets/pages/posts.scss */
.postHtmlTree-item.h3 {
  margin-left: 2em;
}

/* line 567, app/assets/stylesheets/pages/posts.scss */
.postHtmlTree-item.h3:before {
  background-color: transparent;
}

/* line 572, app/assets/stylesheets/pages/posts.scss */
.postHtmlTree-item.h4 {
  margin-left: 4em;
}

/* line 3, app/assets/stylesheets/pages/seminars.scss */
.seminarMain {
  max-width: 640px;
  width: 100%;
  float: left;
}

/* line 9, app/assets/stylesheets/pages/seminars.scss */
.seminarSide {
  width: 100%;
  float: right;
  max-width: 300px;
}

/* line 15, app/assets/stylesheets/pages/seminars.scss */
.seminarItem {
  margin-bottom: 30px;
  border: 1px solid #ddd;
}

/* line 13, app/assets/stylesheets/mixins.scss */
.seminarItem:before, .seminarItem:after {
  content: "";
  display: table;
}

/* line 17, app/assets/stylesheets/mixins.scss */
.seminarItem:after {
  clear: both;
}

/* line 20, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-contents {
  margin-right: 13px;
}

/* line 24, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}

/* line 28, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-title a {
  color: #222;
  text-decoration: none;
}

/* line 31, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-title a:hover {
  color: #ee5f12;
}

/* line 37, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-categories {
  font-size: 12px;
  color: #747478;
  margin-bottom: 2px;
  margin-left: -130px;
  margin-top: 20px;
}

/* line 45, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-category {
  display: inline-block;
  margin-left: 131px;
}

/* line 48, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-category a {
  color: #747478;
}

/* line 52, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-category:after {
  content: '>';
  font-weight: normal;
  margin: 0 4px;
  color: #aaa;
}

/* line 60, app/assets/stylesheets/pages/seminars.scss */
.seminarItem-category:last-child:after {
  content: '';
}

/* line 67, app/assets/stylesheets/pages/seminars.scss */
.seminarContents {
  margin: 10px 0;
  font-size: 15px;
}

/* line 71, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > p, .seminarContents > h1, .seminarContents > h2, .seminarContents > h3, .seminarContents > h4, .seminarContents > h5, .seminarContents > h6 {
  color: #333 !important;
}

/* line 73, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > p:first-child, .seminarContents > h1:first-child, .seminarContents > h2:first-child, .seminarContents > h3:first-child, .seminarContents > h4:first-child, .seminarContents > h5:first-child, .seminarContents > h6:first-child {
  margin-top: 0;
}

/* line 76, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > p:last-child, .seminarContents > h1:last-child, .seminarContents > h2:last-child, .seminarContents > h3:last-child, .seminarContents > h4:last-child, .seminarContents > h5:last-child, .seminarContents > h6:last-child {
  margin-bottom: 0;
}

/* line 80, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > h1, .seminarContents > h2, .seminarContents > h3, .seminarContents > h4, .seminarContents > h5, .seminarContents > h6 {
  margin: 20px 0 10px;
}

/* line 83, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > p {
  font-size: 14px;
  line-height: 22px;
  word-break: break-word;
}

/* line 88, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > a {
  font-weight: bold;
}

/* line 91, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > a:active, .seminarContents > a:hover {
  outline: 0;
}

/* line 94, app/assets/stylesheets/pages/seminars.scss */
.seminarContents p > b, .seminarContents p > strong {
  font-weight: bold;
  color: #222;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff300));
  background: linear-gradient(transparent 50%, #fff300 50%);
}

/* line 99, app/assets/stylesheets/pages/seminars.scss */
.seminarContents dfn {
  font-style: italic;
}

/* line 102, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 106, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > h2 {
  font-size: 20px;
}

/* line 109, app/assets/stylesheets/pages/seminars.scss */
.seminarContents > h3 {
  text-decoration: underline;
  font-size: 18px;
}

/* line 115, app/assets/stylesheets/pages/seminars.scss */
.seminarTable {
  font-size: 13px;
  margin: 30px 0;
}

/* line 119, app/assets/stylesheets/pages/seminars.scss */
.seminarTable p {
  line-height: 1.7;
  margin-bottom: .5em;
}

/* line 124, app/assets/stylesheets/pages/seminars.scss */
.seminarTable p:last-child {
  margin-bottom: 0;
}

/* line 128, app/assets/stylesheets/pages/seminars.scss */
.seminarTable th, .seminarTable td {
  padding: 12px 8px;
}

/* line 132, app/assets/stylesheets/pages/seminars.scss */
.seminarTable th {
  color: #ee5f12;
  font-weight: bold;
  font-size: 15px;
  text-align: right;
  width: 112px;
}

/* line 141, app/assets/stylesheets/pages/seminars.scss */
.scheduleField {
  border: 1px solid #AAA;
  border-radius: 3px;
  background-color: #FFE;
  margin: 10px 5px;
}

/* line 146, app/assets/stylesheets/pages/seminars.scss */
.scheduleField .scheduleItem {
  border-top: 1px solid #AAA;
  padding: 10px;
  display: -webkit-box;
  display: flex;
}

/* line 150, app/assets/stylesheets/pages/seminars.scss */
.scheduleField .scheduleItem-contentList {
  display: inline-block;
}

/* line 153, app/assets/stylesheets/pages/seminars.scss */
.scheduleField .scheduleItem-contentList-listInner .reception_card {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px;
  border: 1px solid #AAA;
  border-radius: 1px;
  background-color: white;
}

/* line 161, app/assets/stylesheets/pages/seminars.scss */
.scheduleField .scheduleItem-contentList-listInner .title {
  font-weight: 600;
  font-size: 18px;
}

/* line 165, app/assets/stylesheets/pages/seminars.scss */
.scheduleField .scheduleItem-contentList-listInner .accesslink {
  font-size: 18px;
}

/* line 172, app/assets/stylesheets/pages/seminars.scss */
.scheduleField :first-child {
  border-top: none;
}

/*!
	Modaal - accessible modals - v0.3.1
	by Humaan, for all humans.
	http://humaan.com
 */
/* line 44, app/assets/stylesheets/modaal.scss */
.modaal-noscroll {
  overflow: hidden;
}

/* line 47, app/assets/stylesheets/modaal.scss */
.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* line 51, app/assets/stylesheets/modaal.scss */
.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 62, app/assets/stylesheets/modaal.scss */
.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 75, app/assets/stylesheets/modaal.scss */
.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

/* line 81, app/assets/stylesheets/modaal.scss */
.modaal-wrapper .modaal-close {
  border: none;
  background: transparent;
  padding: 0;
  -webkit-appearance: none;
}

/* line 88, app/assets/stylesheets/modaal.scss */
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

/* line 92, app/assets/stylesheets/modaal.scss */
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

/* line 96, app/assets/stylesheets/modaal.scss */
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}

/* line 101, app/assets/stylesheets/modaal.scss */
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

/* line 105, app/assets/stylesheets/modaal.scss */
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 110, app/assets/stylesheets/modaal.scss */
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

/* line 114, app/assets/stylesheets/modaal.scss */
.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

/* line 124, app/assets/stylesheets/modaal.scss */
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

/* line 130, app/assets/stylesheets/modaal.scss */
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}

/* line 144, app/assets/stylesheets/modaal.scss */
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

/* line 150, app/assets/stylesheets/modaal.scss */
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

/* line 157, app/assets/stylesheets/modaal.scss */
.modaal-close {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #000;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 169, app/assets/stylesheets/modaal.scss */
.modaal-close:focus, .modaal-close:hover {
  outline: none;
}

/* line 173, app/assets/stylesheets/modaal.scss */
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
  background: #ee5f12;
}

/* line 176, app/assets/stylesheets/modaal.scss */
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* line 179, app/assets/stylesheets/modaal.scss */
.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #333;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

/* line 192, app/assets/stylesheets/modaal.scss */
.modaal-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 195, app/assets/stylesheets/modaal.scss */
.modaal-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 198, app/assets/stylesheets/modaal.scss */
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

/* line 205, app/assets/stylesheets/modaal.scss */
.modaal-content-container {
  padding: 30px;
}

/* line 213, app/assets/stylesheets/modaal.scss */
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

/* line 218, app/assets/stylesheets/modaal.scss */
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}

/* line 228, app/assets/stylesheets/modaal.scss */
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #000;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

/* line 234, app/assets/stylesheets/modaal.scss */
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

/* line 238, app/assets/stylesheets/modaal.scss */
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

/* line 240, app/assets/stylesheets/modaal.scss */
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* line 274, app/assets/stylesheets/modaal.scss */
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important;
}

/* line 279, app/assets/stylesheets/modaal.scss */
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}

/* line 283, app/assets/stylesheets/modaal.scss */
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

/* line 288, app/assets/stylesheets/modaal.scss */
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
          animation: instaReveal 1s linear forwards;
}

/* line 305, app/assets/stylesheets/modaal.scss */
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

/* line 309, app/assets/stylesheets/modaal.scss */
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

/* line 315, app/assets/stylesheets/modaal.scss */
.modaal-gallery-wrap {
  position: relative;
  color: #000;
}

/* line 319, app/assets/stylesheets/modaal.scss */
.modaal-gallery-item {
  display: none;
}

/* line 321, app/assets/stylesheets/modaal.scss */
.modaal-gallery-item img {
  display: block;
}

/* line 325, app/assets/stylesheets/modaal.scss */
.modaal-gallery-item.is_active {
  display: block;
}

/* line 329, app/assets/stylesheets/modaal.scss */
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

/* line 337, app/assets/stylesheets/modaal.scss */
.modaal-gallery-label:focus {
  outline: none;
}

/* line 341, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #000;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* line 354, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

/* line 358, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}

/* line 362, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}

/* line 367, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

/* line 371, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

/* line 384, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 388, app/assets/stylesheets/modaal.scss */
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 393, app/assets/stylesheets/modaal.scss */
.modaal-gallery-next {
  left: 100%;
  margin-left: 40px;
}

/* line 397, app/assets/stylesheets/modaal.scss */
.modaal-gallery-prev {
  right: 100%;
  margin-right: 40px;
}

/* line 401, app/assets/stylesheets/modaal.scss */
.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}

/* line 403, app/assets/stylesheets/modaal.scss */
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 407, app/assets/stylesheets/modaal.scss */
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 416, app/assets/stylesheets/modaal.scss */
.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

/* line 421, app/assets/stylesheets/modaal.scss */
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

/* line 432, app/assets/stylesheets/modaal.scss */
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 445, app/assets/stylesheets/modaal.scss */
.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

/* line 449, app/assets/stylesheets/modaal.scss */
.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  /* line 459, app/assets/stylesheets/modaal.scss */
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}

@media only screen and (max-width: 1140px) {
  /* line 467, app/assets/stylesheets/modaal.scss */
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 472, app/assets/stylesheets/modaal.scss */
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
            transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  /* line 477, app/assets/stylesheets/modaal.scss */
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }
  /* line 482, app/assets/stylesheets/modaal.scss */
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  /* line 486, app/assets/stylesheets/modaal.scss */
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 900px) {
  /* line 493, app/assets/stylesheets/modaal.scss */
  .modaal-instagram iframe {
    width: 500px !important;
  }
}

@media screen and (max-height: 1100px) {
  /* line 498, app/assets/stylesheets/modaal.scss */
  .modaal-instagram iframe {
    width: 700px !important;
  }
}

@media screen and (max-height: 1000px) {
  /* line 503, app/assets/stylesheets/modaal.scss */
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* line 507, app/assets/stylesheets/modaal.scss */
  .modaal-instagram iframe {
    width: 600px !important;
  }
}

@media screen and (max-height: 900px) {
  /* line 512, app/assets/stylesheets/modaal.scss */
  .modaal-instagram iframe {
    width: 500px !important;
  }
  /* line 515, app/assets/stylesheets/modaal.scss */
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}

@media only screen and (max-width: 600px) {
  /* line 522, app/assets/stylesheets/modaal.scss */
  .modaal-instagram iframe {
    width: 280px !important;
  }
}

@media only screen and (max-height: 820px) {
  /* line 527, app/assets/stylesheets/modaal.scss */
  .modaal-gallery-label {
    display: none;
  }
}

/* line 536, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s;
}

/* line 546, app/assets/stylesheets/modaal.scss */
.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/* Slider */
/* line 10, app/assets/stylesheets/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 24, app/assets/stylesheets/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 31, app/assets/stylesheets/slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 35, app/assets/stylesheets/slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 40, app/assets/stylesheets/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 49, app/assets/stylesheets/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 57, app/assets/stylesheets/slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

/* line 63, app/assets/stylesheets/slick.scss */
.slick-track:after {
  clear: both;
}

/* line 67, app/assets/stylesheets/slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 71, app/assets/stylesheets/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 0 5px 0 5px;
  display: none;
}

/* line 76, app/assets/stylesheets/slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 79, app/assets/stylesheets/slick.scss */
.slick-slide img {
  display: block;
}

/* line 82, app/assets/stylesheets/slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 88, app/assets/stylesheets/slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 92, app/assets/stylesheets/slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 96, app/assets/stylesheets/slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 100, app/assets/stylesheets/slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 106, app/assets/stylesheets/slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* line 109, app/assets/stylesheets/slick.scss */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 118, app/assets/stylesheets/slick.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 126, app/assets/stylesheets/slick.scss */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

/* line 138, app/assets/stylesheets/slick.scss */
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

/* line 140, app/assets/stylesheets/slick.scss */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

/* line 144, app/assets/stylesheets/slick.scss */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 36px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 160, app/assets/stylesheets/slick.scss */
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* line 1038, app/assets/stylesheets/application.scss */
.campaignStep {
  border: 1px solid #ddd;
  position: relative;
  margin-top: 40px;
}

/* line 1042, app/assets/stylesheets/application.scss */
.campaignStep-title {
  top: -20px;
  left: 8px;
  position: relative;
  display: inline-block;
  z-index: 10;
  font-weight: bold;
  padding: 0 8px;
  font-size: 28px;
  font-family: Arial, sans-selif;
  color: #F5230B;
  background-color: white;
}

/* line 1055, app/assets/stylesheets/application.scss */
.campaignStep-body {
  padding: 0 16px 12px;
  margin-top: -16px;
  font-size: 15px;
  font-weight: 600;
}

/* line 1063, app/assets/stylesheets/application.scss */
.campaignShareButton {
  font-size: 13px;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  color: white;
  padding: 8px 24px;
  display: inline-block;
  margin-top: 12px;
  margin-right: 8px;
  background-color: #F9420E;
  font-weight: 400;
}

/* line 1074, app/assets/stylesheets/application.scss */
.campaignShareButton:hover {
  text-decoration: none;
  background-color: #e83806;
}

/* line 1079, app/assets/stylesheets/application.scss */
.campaignShareButton.is-line {
  background-color: #13BF00;
}

/* line 1081, app/assets/stylesheets/application.scss */
.campaignShareButton.is-line:hover {
  background-color: #10a600;
}

/* line 1085, app/assets/stylesheets/application.scss */
.campaignShareButton.is-twitter {
  background-color: #00ACED;
}

/* line 1087, app/assets/stylesheets/application.scss */
.campaignShareButton.is-twitter:hover {
  background-color: #0099d4;
}

/* line 1093, app/assets/stylesheets/application.scss */
.campaignNote {
  font-size: 12px;
  margin-bottom: 30px;
  padding: 16px;
  background-color: #f5f5f5;
}

/* line 1098, app/assets/stylesheets/application.scss */
.campaignNote-title {
  font-weight: 600;
}

/* line 1101, app/assets/stylesheets/application.scss */
.campaignNote-description {
  color: rgba(0, 0, 0, 0.88);
  margin-top: 8px;
}

/* line 1105, app/assets/stylesheets/application.scss */
.campaignNote p {
  margin-bottom: 10px;
}

/* line 1110, app/assets/stylesheets/application.scss */
nav.pagination {
  font-size: 14px;
  padding: 30px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

/* line 1115, app/assets/stylesheets/application.scss */
nav.pagination > span {
  margin: 0 8px;
  font-weight: bold;
}

/* line 1119, app/assets/stylesheets/application.scss */
nav.pagination > span.prev, nav.pagination span.next {
  margin: 0 auto;
}

/* line 1122, app/assets/stylesheets/application.scss */
nav.pagination .current {
  color: #999;
}

/* line 1127, app/assets/stylesheets/application.scss */
.notice, .alert {
  color: #155724;
  font-weight: bold;
  background-color: #d4edda;
  border-color: #c3e6cb;
  padding: 10px;
  margin-bottom: 20px;
}

/* line 1136, app/assets/stylesheets/application.scss */
.alert {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}