@charset "UTF-8";
/* Media Queries */
/* 通常使うボタンのデザイン */
/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
/*! 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.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
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.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

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

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 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).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

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

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

td,
th {
  padding: 0;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than $mobile */
@media (min-width: 500px) {
  .container {
    width: 85%;
    padding: 0;
  }
}
/* For devices larger than $breakPoint */
@media (min-width: 920px) {
  .container {
    width: 80%;
  }
  .column,
  .columns {
    margin-left: 4%;
  }
  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }
  .one.column,
  .one.columns {
    width: 4.6666666667%;
  }
  .two.columns {
    width: 13.3333333333%;
  }
  .three.columns {
    width: 22%;
  }
  .four.columns {
    width: 30.6666666667%;
  }
  .five.columns {
    width: 39.3333333333%;
  }
  .six.columns {
    width: 48%;
  }
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.columns {
    width: 74%;
  }
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .one-third.column {
    width: 30.6666666667%;
  }
  .two-thirds.column {
    width: 65.3333333333%;
  }
  .one-half.column {
    width: 48%;
  }
  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.6666666667%;
  }
  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%;
  }
  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%;
  }
  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78%;
  }
  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }
  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

h1 {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: -0.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -0.1rem;
}

h3 {
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: -0.1rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 5rem;
  }
  h2 {
    font-size: 4.2rem;
  }
  h3 {
    font-size: 3.6rem;
  }
  h4 {
    font-size: 3rem;
  }
  h5 {
    font-size: 2.4rem;
  }
  h6 {
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB;
}

a:hover {
  color: #0FA0CE;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
  color: #333;
  border-color: #888;
  outline: 0;
}

.button.button-primary,
button.button-primary,
input[type=submit].button-primary,
input[type=reset].button-primary,
input[type=button].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type=submit].button-primary:hover,
input[type=reset].button-primary:hover,
input[type=button].button-primary:hover {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}

label,
legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
}

label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/* animation */
.blinkHalf {
  animation: blinkHalfKF 1s linear 0s infinite alternate;
  -moz-animation: blinkHalfKF 1s linear 0s infinite alternate;
  -webkit-animation: blinkHalfKF 1s linear 0s infinite alternate;
  -o-animation: blinkHalfKF 1s linear 0s infinite alternate;
  -ms-animation: blinkHalfKF 1s linear 0s infinite alternate;
}

@keyframes blinkHalfKF {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinkHalfKF {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blinkHalfKF {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes blinkHalfKF {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes blinkHalfKF {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.nextBtnAction {
  animation: nextBtnActionKF 4s linear 0s infinite alternate;
  -moz-animation: nextBtnActionKF 4s linear 0s infinite alternate;
  -webkit-animation: nextBtnActionKF 4s linear 0s infinite alternate;
  -o-animation: nextBtnActionKF 4s linear 0s infinite alternate;
  -ms-animation: nextBtnActionKF 4s linear 0s infinite alternate;
}

@keyframes nextBtnActionKF {
  0% {
    transform: translate3d(0, 10px, 0);
  }
  15% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(0, 10px, 0);
  }
  35% {
    transform: translate3d(0, 0, 0);
  }
  95% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 10px, 0);
  }
}
@-webkit-keyframes nextBtnActionKF {
  0% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  15% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  35% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  95% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@-moz-keyframes nextBtnActionKF {
  0% {
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  15% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  35% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  95% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@-o-keyframes nextBtnActionKF {
  0% {
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  15% {
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  20% {
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  35% {
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  95% {
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@-ms-keyframes nextBtnActionKF {
  0% {
    transform: translate3d(0, 10px, 0);
  }
  15% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(0, 10px, 0);
  }
  35% {
    transform: translate3d(0, 0, 0);
  }
  95% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 10px, 0);
  }
}
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
  font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0; /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: 0.5;
  filter: Alpha(Opacity=50); /* support: IE8 */
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.2;
  filter: Alpha(Opacity=20); /* support: IE8 */
  border-radius: 5px;
}

/* 
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Dropzone
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
#image_drop_area {
  /*
  	background-color:#eee;
  	box-shadow: inset 0 0 3px black;
  	padding: 75px 0;
  	text-align: center;
  	font-size: 1rem;
  */
}

#preview_area {
  /*
  	border: 1px solid #bbb;
  	border-radius: 5px;
  	background-color:#ccddcc;
  	min-height:200px;
  */
}

/* The MIT License */
/* dropzone.css */
.dropzone-custom,
.dropzone-custom *,
.test,
.test * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropzone-custom {
  position: relative;
  /*
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(0,0,0,0.02);
    padding: 1em;
  */
}

.dropzone-custom.dz-clickable {
  cursor: pointer;
}

.dropzone-custom.dz-clickable .dz-message,
.dropzone-custom.dz-clickable .dz-message span {
  cursor: pointer;
}

.dropzone-custom.dz-clickable * {
  cursor: default;
}

.dropzone-custom .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone-custom.dz-drag-hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.04);
}

.dropzone-custom.dz-started .dz-message {
  display: none;
}

.dropzone-custom .dz-preview,
.test .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 11px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}

.dropzone-custom .dz-preview.dz-file-preview [data-dz-thumbnail],
.test .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}

.dropzone-custom .dz-preview .dz-details,
.test .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}

.dropzone-custom .dz-preview .dz-details .dz-filename,
.test .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}

.dropzone-custom .dz-preview .dz-details img,
.test .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

.dropzone-custom .dz-preview .dz-details .dz-size,
.test .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}

.dropzone-custom .dz-preview.dz-error .dz-error-mark,
.test .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone-custom .dz-preview.dz-success .dz-success-mark,
.test .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone-custom .dz-preview:hover .dz-details img,
.test .dz-preview:hover .dz-details img {
  display: none;
}

.dropzone-custom .dz-preview .dz-success-mark,
.test .dz-preview .dz-success-mark,
.dropzone-custom .dz-preview .dz-error-mark,
.test .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}

.dropzone-custom .dz-preview .dz-success-mark,
.test .dz-preview .dz-success-mark {
  color: #8cc657;
}

.dropzone-custom .dz-preview .dz-error-mark,
.test .dz-preview .dz-error-mark {
  color: #ee162d;
}

.dropzone-custom .dz-preview .dz-progress,
.test .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}

.dropzone-custom .dz-preview .dz-progress .dz-upload,
.test .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}

.dropzone-custom .dz-preview.dz-processing .dz-progress,
.test .dz-preview.dz-processing .dz-progress {
  display: block;
}

.dropzone-custom .dz-preview .dz-error-message,
.test .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}

.dropzone-custom .dz-preview:hover.dz-error .dz-error-message,
.test .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}

.dropzone-custom {
  /*
    border: 1px solid rgba(0,0,0,0.03);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.03);
    padding: 5px;
    min-height: 360px;
  */
}

.dropzone-custom .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: url("img/dropzone/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone-custom .dz-default.dz-message {
    background-image: url("img/dropzone/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone-custom .dz-default.dz-message span {
  display: none;
}

.dropzone-custom.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}

.dropzone-custom.dz-drag-hover .dz-message {
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}

.dropzone-custom.dz-started .dz-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.dropzone-custom .dz-preview,
.test .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px;
}

.dropzone-custom .dz-preview.dz-image-preview:hover .dz-details img,
.test .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.dropzone-custom .dz-preview.dz-success .dz-success-mark,
.test .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone-custom .dz-preview.dz-error .dz-error-mark,
.test .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone-custom .dz-preview.dz-error .dz-progress .dz-upload,
.test .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}

.dropzone-custom .dz-preview .dz-error-mark,
.test .dz-preview .dz-error-mark,
.dropzone-custom .dz-preview .dz-success-mark,
.test .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("img/dropzone/spritemap.png");
  background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone-custom .dz-preview .dz-error-mark,
  .test .dz-preview .dz-error-mark,
  .dropzone-custom .dz-preview .dz-success-mark,
  .test .dz-preview .dz-success-mark {
    background-image: url("img/dropzone/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone-custom .dz-preview .dz-error-mark span,
.test .dz-preview .dz-error-mark span,
.dropzone-custom .dz-preview .dz-success-mark span,
.test .dz-preview .dz-success-mark span {
  display: none;
}

.dropzone-custom .dz-preview .dz-error-mark,
.test .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}

.dropzone-custom .dz-preview .dz-success-mark,
.test .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}

.dropzone-custom .dz-preview .dz-progress .dz-upload,
.test .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("img/dropzone/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone-custom .dz-preview .dz-progress .dz-upload,
  .test .dz-preview .dz-progress .dz-upload {
    background-image: url("img/dropzone/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone-custom .dz-preview.dz-success .dz-progress,
.test .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.dropzone-custom .dz-preview .dz-error-message,
.test .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.dropzone-custom .dz-preview:hover.dz-error .dz-error-message,
.test .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}

.dropzone-custom a.dz-remove,
.test a.dz-remove {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -ms-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: linear-gradient(top, #fafafa 0%, #eee 100%);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 14px;
}

.dropzone-custom a.dz-remove:hover,
.test a.dz-remove:hover {
  color: #666;
}

@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }
  100% {
    background-position: -7px -400px;
  }
}
div.svg_search {
  display: inline-block;
  width: 20px;
}
div.svg_search svg path {
  fill: #000000;
  stroke-width: 0px;
}

.svg_facebook {
  display: inline-block;
  width: 20px;
}
.svg_facebook svg path {
  fill: #000000;
  stroke-width: 0px;
}

.svg_instagram {
  display: inline-block;
  width: 20px;
}
.svg_instagram svg path {
  fill: #000000;
  stroke-width: 0px;
}

.svg_youtube {
  width: 30px;
  display: inline-block;
}
.svg_youtube svg path {
  fill: #000000;
  stroke-width: 0px;
}

.svg_mail {
  width: 23px;
  display: inline-block;
}
.svg_mail svg path {
  fill: #000000;
  stroke-width: 0px;
}

body, html {
  overscroll-behavior: none;
}

/*
	_common.scssは他のサイトでも使用できるような汎用性の高いものを記載。
	また、_skeleton.scssを書き換えたい場合もここに記載するようにする。（他サイトでは使用できないような設定の場合は_base.scss）
*/
/* 
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 skeleton　ここから
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than $breakPoint */
@media (min-width: 920px) {
  .column,
  .columns {
    margin-left: 4%;
  }
  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }
  .one.column,
  .one.columns {
    width: 4.6666666667%;
  }
  .two.columns {
    width: 13.3333333333%;
  }
  .three.columns {
    width: 22%;
  }
  .four.columns {
    width: 30.6666666667%;
  }
  .five.columns {
    width: 39.3333333333%;
  }
  .six.columns {
    width: 48%;
  }
  .seven.columns {
    width: 56.6666666667%;
  }
  .eight.columns {
    width: 65.3333333333%;
  }
  .nine.columns {
    width: 74%;
  }
  .ten.columns {
    width: 82.6666666667%;
  }
  .eleven.columns {
    width: 91.3333333333%;
  }
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Removes awkward default styles on some inputs for iOS */
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

/* List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ol, ul {
  padding-left: 0;
  margin-top: 0;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* 
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 skeleton　ここまで
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
*/
/* 
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 RimDesgin 共通
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
/*
.ccや.bbの作り方を変更する
max-width: 1128px + 13px * 2;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 0;
*/
.bb {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
}

.cc {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
}
@media (max-width: 1140px) {
  .cc {
    max-width: 100%;
    width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 919px) {
  .cc {
    padding: 0 20px;
  }
}

.dd {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
}
@media (max-width: 919px) {
  .dd {
    padding-left: 20px;
    padding-right: 20px;
  }
}

body {
  font-family: "Noto Sans JP", YuGothic, "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-size: 15px;
  line-height: 1.8em;
}
@media (max-width: 919px) {
  body {
    font-size: 18px;
  }
}

/* 
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 RimDesgin 共通 ここまで
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
*/
#hamburgerIcon {
  position: fixed;
  right: 10px;
  top: 0;
  box-sizing: content-box;
  display: none;
  height: 26px;
  width: 32px;
  padding: 9px;
  margin: 8px 0 8px 0;
  background: #fff;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
@media (max-width: 979px) {
  #hamburgerIcon {
    display: block;
    z-index: 9999;
  }
}
#hamburgerIcon span {
  display: block;
  height: 2px;
  background-color: #000;
  transition: all 0.3s;
  transform: rotate(0deg);
  position: absolute;
  width: 32px;
}
#hamburgerIcon .top {
  top: 9px;
}
#hamburgerIcon .middle {
  top: 21px;
}
#hamburgerIcon .bottom {
  bottom: 9px;
}
#hamburgerIcon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

#hamburgerIcon.x .top {
  transform: rotate(45deg) translateY(0) translateX(4.6862915011px);
  transform-origin: 4.6862915011px bottom;
  top: 9px;
}
#hamburgerIcon.x .middle {
  background: rgba(38, 132, 201, 0);
}
#hamburgerIcon.x .bottom {
  transform: rotate(-45deg) translateY(0) translateX(4.6862915011px);
  transform-origin: 4.6862915011px top;
  bottom: 9px;
}
.headerSpacer {
  height: 98px;
  width: 100%;
}
@media (max-width: 979px) {
  .headerSpacer {
    height: 60px;
  }
}

#home #appeal #rinen {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
@media (max-width: 919px) {
  #home #appeal #rinen {
    float: none;
    width: 100%;
    /*
    				position: absolute;
    				top: 0;
    				left: 0;
    				z-index: 20;
    */
  }
}
#home #appeal #rinen .cntnr {
  padding-left: 20%;
  padding-top: 80px;
}
@media (max-width: 919px) {
  #home #appeal #rinen .cntnr {
    padding-left: 0%;
    padding-top: 0px;
    text-align: center;
  }
}
#home #appeal #rinen .cntnr .rinen1 {
  font-weight: bold;
  font-size: 64px;
  line-height: 1.3em;
  padding-bottom: 20px;
}
@media (max-width: 1400px) {
  #home #appeal #rinen .cntnr .rinen1 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.5714285714vw;
  }
}
@media (max-width: 919px) {
  #home #appeal #rinen .cntnr .rinen1 {
    text-align: left;
    display: inline-block;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 10vw;
  }
}
#home #appeal #rinen .cntnr .message {
  text-align: justify;
  line-height: 2em;
  padding-right: 10px;
  display: inline-block;
}
@media (max-width: 919px) {
  #home #appeal #rinen .cntnr .message {
    padding: 0px 20px 50px;
    line-height: 1.4em;
  }
}
#home #appeal div.slide, #home #appeal div.img {
  box-sizing: border-box;
  width: 50%;
  float: right;
}
@media (max-width: 919px) {
  #home #appeal div.slide, #home #appeal div.img {
    float: none;
    width: 100%;
    /*				position: absolute;
    				top: 0;
    				left: 0;
    				z-index: 10;
    */
  }
}
#home #appeal div.slide img, #home #appeal div.img img {
  width: 100%;
  display: block;
}
#home #appeal div.slide p.imgTitle, #home #appeal div.img p.imgTitle {
  text-align: right;
  padding: 5px 10px;
}
#home #appeal div.slide .swiper_app, #home #appeal div.img .swiper_app {
  overflow: hidden;
  width: 100%;
  position: relative;
  position: relative;
  height: auto;
}
#home #appeal div.slide .swiper_app:before, #home #appeal div.img .swiper_app:before {
  content: "";
  display: block;
  padding-top: 55%;
}
@media (max-width: 919px) {
  #home #appeal div.slide .swiper_app, #home #appeal div.img .swiper_app {
    position: relative;
    height: auto;
  }
  #home #appeal div.slide .swiper_app:before, #home #appeal div.img .swiper_app:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
#home #appeal div.slide .swiper_app .swiper-wrapper, #home #appeal div.img .swiper_app .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
#home #appeal div.slide .swiper_app .swiper-wrapper .swiper-slide, #home #appeal div.img .swiper_app .swiper-wrapper .swiper-slide {
  background-size: cover;
  position: relative;
  height: auto;
}
#home #appeal div.slide .swiper_app .swiper-wrapper .swiper-slide:before, #home #appeal div.img .swiper_app .swiper-wrapper .swiper-slide:before {
  content: "";
  display: block;
  padding-top: 55%;
}
@media (max-width: 919px) {
  #home #appeal div.slide .swiper_app .swiper-wrapper .swiper-slide, #home #appeal div.img .swiper_app .swiper-wrapper .swiper-slide {
    position: relative;
    height: auto;
  }
  #home #appeal div.slide .swiper_app .swiper-wrapper .swiper-slide:before, #home #appeal div.img .swiper_app .swiper-wrapper .swiper-slide:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
#home #appeal div.slide .swiper_app .swiper-wrapper .swiper-slide span, #home #appeal div.img .swiper_app .swiper-wrapper .swiper-slide span {
  text-align: center;
  padding: 8px 20px;
  box-sizing: border-box;
  color: #000;
  font-weight: bold;
  position: absolute;
  bottom: 20px;
  right: 0;
  display: inline-block;
  font-size: 18px;
  background: #000;
  color: #fff;
}

.headerAjust {
  margin-top: -98px;
  padding-top: 98px;
}
@media (max-width: 919px) {
  .headerAjust {
    margin-top: -60px;
    padding-top: 60px;
  }
}

@media (max-width: 919px) {
  .headerAjustSp {
    margin-top: -60px;
    padding-top: 60px;
  }
}

.basicContent1 {
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.basicContent1 .basicContent1Cntnr {
  padding: 100px 0 0 0;
  box-sizing: border-box;
}
.basicContent1 .basicContent1Cntnr h2 {
  font-weight: bold;
  font-size: 32px;
  letter-spacing: 2px;
}
.basicContent1 .basicContent1Cntnr h2 span {
  padding-top: 10px;
  font-size: 18px;
  display: block;
  letter-spacing: 1px;
}
.basicContent1 .basicContent1Cntnr .message {
  text-align: justify;
}

h3 {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 20px;
}
@media (max-width: 919px) {
  h3 {
    font-size: 22px;
    line-height: 1.4em;
    text-align: left;
  }
}

br.sp {
  display: none;
}
@media (max-width: 919px) {
  br.sp {
    display: inline;
  }
}

.mdlimgs {
  display: none;
  z-index: 99998;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.mdlimgs a.mdlCloseBtn {
  z-index: 100;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.mdlimgs a.mdlCloseBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mdlimgs a.mdlCloseBtn img {
  width: 100%;
  height: 100%;
}
.mdlimgs a.bgBtn {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
}
.mdlimgs a.bgBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mdlimgs div.cntnt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mdlimgs div.cntnt .swiper {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.mdlimgs div.cntnt .swiper:before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
}
.mdlimgs div.cntnt .swiper .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
}
.mdlimgs div.cntnt .swiper .swiper-wrapper .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.mdlimgs div.cntnt .swiper .swiper-wrapper .swiper-slide span {
  text-align: center;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #000;
  font-weight: bold;
  position: absolute;
  line-height: 1em;
  bottom: 50px;
  right: 0;
  display: inline-block;
  font-size: 18px;
  background: #000;
  color: #fff;
  z-index: 100;
}
.mdlimgs div.cntnt .swiper .swiper-button-prev, .mdlimgs div.cntnt .swiper .swiper-button-next {
  color: white;
}
.mdlimgs div.cntnt .swiper .swiper-pagination-bullet, .mdlimgs div.cntnt .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: white;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.mdlimgs div.cntnt .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mdlimgs_thumbs {
  padding: 80px 0 60px 0;
}
@media (max-width: 919px) {
  .mdlimgs_thumbs {
    padding: 60px 0 30px 0;
  }
}
.mdlimgs_thumbs ul {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
.mdlimgs_thumbs ul li {
  display: block;
  box-sizing: border-box;
  width: 16.6666666667%;
  overflow: hidden;
  padding: 0px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #fff;
}
@media (max-width: 919px) {
  .mdlimgs_thumbs ul li {
    width: 33.3333333333%;
  }
}
.mdlimgs_thumbs ul li a {
  display: block;
  position: relative;
  height: auto;
  line-height: 1;
}
.mdlimgs_thumbs ul li a:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.mdlimgs_thumbs ul li a .imgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mdlimgs_thumbs ul li a .imgBox .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

body.noScroll {
  overflow: hidden;
}

@media (max-width: 919px) {
  body.noScrollSp {
    overflow: hidden;
  }
}

div.spacerDouble {
  width: 100%;
  height: 100px;
}
@media (min-width: 920px) {
  div.spacerDouble {
    height: 200px;
  }
}

div.spacer {
  width: 100%;
  height: 50px;
}
@media (min-width: 920px) {
  div.spacer {
    height: 100px;
  }
}

div.spacerHalf {
  width: 100%;
  height: 25px;
}
@media (min-width: 920px) {
  div.spacerHalf {
    height: 50px;
  }
}

.daihixyou {
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: right;
  padding: 40px 0;
  font-size: 1.2em;
  font-weight: bold;
}
@media (max-width: 919px) {
  .daihixyou {
    padding: 20px 0;
  }
}

a {
  color: #888;
}

.hoverImg .imgBox {
  overflow: hidden;
}
.hoverImg .imgBox .img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.hoverImg:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.hoverImg:hover .imgBox .img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/*
	モバイル版でth,tdが100%になる
*/
table.break tr td, table.break tr th {
  padding-left: 1rem;
}
@media (max-width: 919px) {
  table.break tr {
    display: block;
    box-sizing: border-box;
  }
  table.break tr th, table.break tr td {
    display: block;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  table.break tr th {
    border: none;
    padding-bottom: 0;
    font-weight: bold;
    padding-top: 0.6em;
    padding: 0.6em 0.6em 0;
    padding: 0.8 0.8em 0;
  }
  table.break tr td:last-child {
    border-bottom: 1px solid #f0f0f0;
    padding: 0 0.8em 0.8em;
  }
}

.cateIcon {
  display: inline-block;
  padding: 4px 6px;
  margin: 0 5px;
  font-size: 14px;
  background-color: #0a0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  line-height: 1em;
  border: 1px solid #000;
  border: none;
  position: relative;
  top: -2px;
}

.mapContent {
  height: 500px;
  width: 100%;
}

.oneImgBox {
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 20px;
  box-sizing: border-box;
  width: 100%;
}
.oneImgBox img {
  width: 100%;
  display: block;
}

a.noBorder {
  border: none !important;
}
a.noBorder:hover {
  border: none !important;
}

#footer {
  padding: 5px;
  text-align: center;
  color: #fff;
  background-color: #000;
}

#greeting .face {
  padding-bottom: 30px;
}
#greeting .face img {
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
  -ms-border-radius: 180px;
  border-radius: 180px;
  width: 180px;
  display: block;
  margin: 0 auto;
}

#contact {
  background-color: #fff;
  color: #000;
}
#contact .basicContent1Cntnr {
  padding: 0 0 80px 0;
}
#contact .basicContent1Cntnr h2 {
  color: #000;
}
#contact .tel {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  padding: 30px 0;
}
#contact .tel a {
  display: none;
}
@media (max-width: 919px) {
  #contact .tel a {
    display: inline;
    color: #000;
    text-decoration: underline;
  }
}
#contact .tel span {
  display: inline;
}
@media (max-width: 919px) {
  #contact .tel span {
    display: none;
  }
}
#contact .sns {
  text-align: center;
}
#contact .sns a {
  text-decoration: none;
  display: inline-block;
  margin: 0 10px;
}
#contact .sns .svg_mail {
  width: 28px;
}
#contact .sns .svg_instagram {
  width: 25px;
}

.snsBox {
  text-align: center;
  padding: 40px 0 0;
}
.snsBox .sns {
  padding-top: 20px;
  text-align: center;
}
.snsBox .sns a {
  text-decoration: none;
  display: inline-block;
  margin: 0 10px;
}
.snsBox .sns .svg_mail {
  width: 28px;
}
.snsBox .sns .svg_instagram {
  width: 25px;
}

h2, h3, h4, h5, .bold {
  font-family: "Noto Sans JP", YuGothic, "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
}

a {
  color: #2684c9;
}

a:hover {
  color: #2684c9;
  cursor: pointer;
}

#title {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 500px;
  position: relative;
}
@media (max-width: 919px) {
  #title {
    height: 300px;
  }
}
#title h2 {
  width: 438px;
  background-color: #2684c9;
  background-color: rgba(38, 132, 201, 0.9);
  color: #fff;
  text-align: center;
  padding: 20px 0;
  line-height: 1em;
  font-size: 46px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
@media (max-width: 919px) {
  #title h2 {
    padding: 12px 0;
    font-size: 28px;
    max-width: 280px;
  }
}

#recruit #title, #interview #title {
  background-image: url(img/recruit/title.jpg);
}
#recruit .cc.first, #interview .cc.first {
  padding-top: 90px;
}
@media (max-width: 919px) {
  #recruit .cc.first, #interview .cc.first {
    padding-top: 45px;
  }
}
#recruit .blueBg, #interview .blueBg {
  background-color: #e4f0fb;
  padding-top: 40px;
}
#recruit .blueBg h2, #interview .blueBg h2 {
  font-size: 30px;
  text-align: center;
  padding: 20px;
}

#recruit ul.recruit {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
  margin: 0;
}
#recruit ul.recruit li {
  width: 33.3333%;
  box-sizing: border-box;
  display: block;
  padding: 0 15px;
}
@media (max-width: 919px) {
  #recruit ul.recruit li {
    width: 50%;
  }
}
@media (max-width: 560px) {
  #recruit ul.recruit li {
    width: 100%;
  }
}
#recruit ul.recruit li img {
  width: 100%;
  display: block;
}
#recruit ul.recruit li h3 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 10px;
}
@media (max-width: 919px) {
  #recruit ul.recruit li h3 {
    font-size: 26px;
  }
}
#recruit ul.recruit li h3.name {
  text-align: left;
  font-size: 24px;
}
#recruit ul.recruit li p.data {
  font-weight: bold;
  margin-bottom: 2em;
}
#recruit ul.recruit li p.data.nomb {
  margin-bottom: 3px;
}
#recruit ul.recruit li p.mes {
  margin-bottom: 10px;
}
#recruit ul.recruit li div.btnBox {
  text-align: center;
}
@media (max-width: 979px) {
  #recruit ul.recruit.boshu li {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    padding-bottom: 50px;
    margin-top: -80px;
    padding-top: 80px;
  }
}
@media (max-width: 919px) {
  #recruit ul.recruit.boshu li#kousotsu a.button {
    font-size: 13px;
  }
}
#recruit ul.recruit.boshu li#chuuto .renraku {
  border: 3px solid #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 15px;
}
#recruit ul.recruit.boshu li#chuuto .renraku .mail, #recruit ul.recruit.boshu li#chuuto .renraku .tel {
  background-repeat: no-repeat;
  background-position: left center;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
  background-size: 22px auto;
  padding: 5px 0 5px 30px;
}
#recruit ul.recruit.boshu li#chuuto .renraku .mail a, #recruit ul.recruit.boshu li#chuuto .renraku .tel a {
  color: #000;
  text-decoration: none;
  display: inline;
  font-size: 17px;
}
@media (max-width: 919px) {
  #recruit ul.recruit.boshu li#chuuto .renraku .mail a, #recruit ul.recruit.boshu li#chuuto .renraku .tel a {
    font-size: 16px;
  }
}
#recruit ul.recruit.boshu li#chuuto .renraku .mail a:hover, #recruit ul.recruit.boshu li#chuuto .renraku .tel a:hover {
  text-decoration: underline;
}
#recruit ul.recruit.boshu li#chuuto .renraku .mail {
  background-image: url(img/mail.png);
}
#recruit ul.recruit.boshu li#chuuto .renraku .tel {
  background-image: url(img/tel.png);
}

#interview .blueBg .h2Box {
  text-align: center;
}
#interview .blueBg .h2Box h2 {
  display: inline-block;
  text-align: left;
  width: auto;
  font-size: 30px;
  line-height: 1.6em;
}
@media (max-width: 919px) {
  #interview .blueBg .h2Box h2 {
    font-size: 22px;
  }
}
#interview .blueBg ul.interview {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
  margin: 0;
}
#interview .blueBg ul.interview li {
  width: 50%;
  box-sizing: border-box;
  display: block;
  padding: 0 30px;
}
@media (max-width: 919px) {
  #interview .blueBg ul.interview li {
    width: 100%;
    padding: 0;
  }
}
#interview .blueBg ul.interview li h4 {
  text-align: center;
  font-size: 21px;
  margin-bottom: 20px;
  background-color: #2684c9;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
@media (max-width: 919px) {
  #interview .blueBg ul.interview li h4 {
    font-size: 17px;
    margin-bottom: 10px;
  }
}
#interview .blueBg ul.interview li p.mes {
  margin-bottom: 40px;
  font-size: 17px;
}
@media (max-width: 919px) {
  #interview .blueBg ul.interview li p.mes {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6;
  }
}
#interview .cc.first .cntnr {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
@media (max-width: 919px) {
  #interview .cc.first .cntnr {
    text-align: center;
    padding-bottom: 10px;
  }
}
#interview .cc.first .cntnr div.img, #interview .cc.first .cntnr div.txt {
  display: block;
  box-sizing: border-box;
  padding: 0 40px;
  width: 50%;
}
@media (max-width: 919px) {
  #interview .cc.first .cntnr div.img, #interview .cc.first .cntnr div.txt {
    width: 100%;
  }
}
#interview .cc.first .cntnr div.img img {
  max-width: 478px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 919px) {
  #interview .cc.first .cntnr div.txt {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
    width: auto;
    padding-top: 10px;
  }
}
#interview .cc.first .cntnr div.txt br.sp {
  display: none;
}
@media (max-width: 919px) {
  #interview .cc.first .cntnr div.txt br.sp {
    display: inline;
  }
}
#interview .cc.first .cntnr div.txt h3 {
  font-size: 36px;
  text-align: left;
}
@media (max-width: 919px) {
  #interview .cc.first .cntnr div.txt h3 {
    display: inline-block;
    text-align: left;
    font-size: 26px;
    margin-bottom: 10px;
  }
}
#interview .cc.first .cntnr div.txt p.data {
  font-size: 21px;
  font-weight: bold;
  line-height: 40px;
}
@media (max-width: 919px) {
  #interview .cc.first .cntnr div.txt p.data {
    display: inline-block;
    text-align: left;
    font-size: 18px;
    line-height: 35px;
  }
}

#machinery #title {
  background-image: url(img/business/machinery/title.jpg);
}
#machinery #main {
  background-color: #e4f0fb;
  display: flex;
  justify-content: left;
  align-items: 1;
}
@media (max-width: 919px) {
  #machinery #main {
    max-width: 348px;
    display: flex;
    justify-content: left;
    align-items: 1;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
  }
}
#machinery #main img {
  width: 348px;
  display: block;
}
@media (max-width: 919px) {
  #machinery #main img {
    width: 100%;
  }
}
#machinery #main .box {
  box-sizing: border-box;
  padding: 45px 40px 0;
  font-size: 18px;
  line-height: 32px;
  text-align: justify;
}
@media (max-width: 919px) {
  #machinery #main .box {
    width: 100%;
    padding: 20px 20px;
  }
}
#machinery .cc ul {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
@media (max-width: 740px) {
  #machinery .cc ul {
    display: block;
    width: 100%;
  }
}
#machinery .cc ul li {
  box-sizing: border-box;
  padding: 0 25px;
  width: 50%;
  display: block;
}
@media (max-width: 740px) {
  #machinery .cc ul li {
    padding: 0;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
#machinery .cc ul li .imgBox img {
  width: 100%;
}
#machinery .cc ul li p {
  text-align: center;
}
#machinery .blueBg {
  padding-top: 60px !important;
}
#machinery #products {
  padding-top: 40px;
}
#machinery #products h2 {
  text-align: center;
  font-size: 30px;
}
#machinery #products p {
  padding: 0 25px;
}

#shiprepair #zixtuseki, #machinery #zixtuseki {
  padding-top: 100px;
}
#shiprepair #zixtuseki h2, #machinery #zixtuseki h2 {
  text-align: center;
  margin-bottom: 80px;
}
#shiprepair #zixtuseki ul, #machinery #zixtuseki ul {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
@media (max-width: 740px) {
  #shiprepair #zixtuseki ul, #machinery #zixtuseki ul {
    display: block;
    width: 100%;
  }
}
#shiprepair #zixtuseki ul li, #machinery #zixtuseki ul li {
  box-sizing: border-box;
  padding: 0 25px;
  width: 50%;
  display: block;
}
@media (max-width: 740px) {
  #shiprepair #zixtuseki ul li, #machinery #zixtuseki ul li {
    padding: 0;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
#shiprepair #zixtuseki ul li h3, #machinery #zixtuseki ul li h3 {
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
  background-color: #2684c9;
  color: #fff;
  padding: 5px 0;
  box-sizing: border-box;
  margin-bottom: 20px;
  text-align: center;
}
#shiprepair #zixtuseki ul li div.imgBox, #machinery #zixtuseki ul li div.imgBox {
  width: 100%;
}
#shiprepair #zixtuseki ul li div.imgBox img, #machinery #zixtuseki ul li div.imgBox img {
  display: block;
  width: 100%;
}
#shiprepair #zixtuseki ul li div.imgBox span, #machinery #zixtuseki ul li div.imgBox span {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  padding: 10px;
  display: block;
}
@media (max-width: 740px) {
  #shiprepair #zixtuseki ul li div.imgBox span, #machinery #zixtuseki ul li div.imgBox span {
    font-size: 18px;
    padding: 6px;
  }
}
#shiprepair #zixtuseki ul li p, #machinery #zixtuseki ul li p {
  padding: 5px 0;
}
#shiprepair .cc.first, #machinery .cc.first {
  padding-top: 60px;
  padding-bottom: 60px;
}
#shiprepair .cc.first p, #machinery .cc.first p {
  margin-bottom: 1.2em;
}
#shiprepair .blueBg, #machinery .blueBg {
  background-color: #e4f0fb;
  padding-top: 40px;
}
#shiprepair .blueBg table, #machinery .blueBg table {
  margin: 40px 0 0px;
  font-size: 20px;
}
#shiprepair .blueBg table td, #shiprepair .blueBg table th, #machinery .blueBg table td, #machinery .blueBg table th {
  padding: 20px 30px;
  border: 1px solid #000;
}
@media (max-width: 919px) {
  #shiprepair .blueBg table td, #shiprepair .blueBg table th, #machinery .blueBg table td, #machinery .blueBg table th {
    font-size: 17px;
    padding: 5px 10px;
  }
}
#shiprepair .blueBg table th, #machinery .blueBg table th {
  background-color: #d7e2dd;
  text-align: center;
}
#shiprepair .blueBg table td, #machinery .blueBg table td {
  background-color: #fff;
  text-align: center;
}
#shiprepair .blueBg table td div.spacer, #machinery .blueBg table td div.spacer {
  width: 100%;
  height: 10px;
}
#shiprepair .blueBg div.right, #machinery .blueBg div.right {
  padding-top: 5px;
  text-align: right;
}

#shiprepair .cc.first {
  padding-bottom: 0;
}
#shiprepair #title {
  background-image: url(img/business/shiprepair/title.jpg);
}
#shiprepair #main {
  background-color: #e4f0fb;
  display: flex;
  justify-content: left;
  align-items: 1;
}
@media (max-width: 919px) {
  #shiprepair #main {
    max-width: 348px;
    display: flex;
    justify-content: left;
    align-items: 1;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 100%;
  }
}
#shiprepair #main img {
  width: 348px;
  display: block;
}
@media (max-width: 919px) {
  #shiprepair #main img {
    width: 100%;
  }
}
#shiprepair #main .box {
  box-sizing: border-box;
  padding: 45px 40px 0;
  font-size: 18px;
  line-height: 32px;
  text-align: justify;
}
@media (max-width: 919px) {
  #shiprepair #main .box {
    width: 100%;
    padding: 20px 20px;
  }
}
#shiprepair .tableBox {
  overflow-x: auto;
}
#shiprepair .tableBox table {
  min-width: 990px;
  width: 100%;
}

#quality #title {
  background-image: url(img/corporate/philosophy/title.jpg);
}
#quality .cc {
  padding-top: 85px;
}
#quality .cc h2.blue {
  background-color: #2684c9;
  max-width: 428px;
  width: 100%;
  padding: 10px 0;
  line-height: 1em;
  font-size: 30px;
  text-align: center;
  color: #fff;
  margin: 0 auto 60px;
}
@media (max-width: 919px) {
  #quality .cc h2.blue {
    font-size: 23px;
    margin: 0 auto 30px;
  }
}
#quality .cc div.blueBg {
  background-color: #e4f0fb;
  padding: 40px;
}
@media (max-width: 919px) {
  #quality .cc div.blueBg {
    padding: 20px;
  }
}
#quality .cc div.blueBg h3 {
  font-size: 30px;
  line-height: 1em;
  padding-bottom: 10px;
  text-align: center;
}
@media (max-width: 919px) {
  #quality .cc div.blueBg h3 {
    font-size: 21px;
  }
}
#quality .cc div.blueBg ul.num li {
  display: block;
  padding: 0;
}
#quality .cc div.blueBg ul.num li ul {
  padding-left: 1em;
  margin: 0;
  padding-top: 3px;
}
#quality .cc div.blueBg ul.num li ul li {
  display: block;
  padding: 0;
  margin-bottom: 0;
}
#quality .cc div.blueBg h4.left {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 10px;
}
#quality .cc div.blueBg .whiteBg {
  background-color: #fff;
  padding: 20px;
}
#quality .cc div.blueBg .whiteBg h4 {
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 14px;
}
#quality .cc div.blueBg .whiteBg ul.ten {
  margin-bottom: 0;
}
#quality .cc div.blueBg .whiteBg ul.ten li {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#quality .cc div.blueBg .whiteBg ul.ten li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
}
#quality .cc div.blueBg .whiteBg ul.ten li {
  margin-bottom: 0;
  padding-bottom: 0;
}
#quality .cc .cntnr {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
#quality .cc .cntnr div.img {
  width: 40.3846153846%;
  text-align: center;
  box-sizing: border-box;
  padding: 0 20px;
}
@media (max-width: 919px) {
  #quality .cc .cntnr div.img {
    width: 100%;
  }
}
#quality .cc .cntnr div.img img {
  max-width: 301px;
  width: 100%;
}
#quality .cc .cntnr div.txt {
  width: 59.6153846154%;
}
@media (max-width: 919px) {
  #quality .cc .cntnr div.txt {
    width: 100%;
  }
}

#koukoku div.btnBox, #contact div.btnBox, #privacy div.btnBox {
  text-align: center;
}
@media (max-width: 919px) {
  #koukoku div.btnBox a, #contact div.btnBox a, #privacy div.btnBox a {
    padding: 0 10px;
  }
}
#koukoku .cc, #contact .cc, #privacy .cc {
  padding-top: 100px;
  padding-bottom: 40px;
}
@media (max-width: 919px) {
  #koukoku .cc, #contact .cc, #privacy .cc {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
#koukoku .cc .cntnr, #contact .cc .cntnr, #privacy .cc .cntnr {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
#koukoku .cc .cntnr h2, #contact .cc .cntnr h2, #privacy .cc .cntnr h2 {
  font-size: 30px;
  color: #fff;
  background-color: #2684c9;
  width: 100%;
  padding: 5px 20px;
}
@media (max-width: 919px) {
  #koukoku .cc .cntnr h2, #contact .cc .cntnr h2, #privacy .cc .cntnr h2 {
    font-size: 18px;
  }
}
#koukoku .cc .cntnr h3, #contact .cc .cntnr h3, #privacy .cc .cntnr h3 {
  text-align: left;
  font-size: 30px;
}
@media (max-width: 919px) {
  #koukoku .cc .cntnr h3, #contact .cc .cntnr h3, #privacy .cc .cntnr h3 {
    font-size: 18px;
  }
}
#koukoku .cc .cntnr .main, #contact .cc .cntnr .main, #privacy .cc .cntnr .main {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px 20px 20px;
}
@media (max-width: 919px) {
  #koukoku .cc .cntnr .main, #contact .cc .cntnr .main, #privacy .cc .cntnr .main {
    padding: 0px;
  }
}
#koukoku .cc .cntnr .main ul, #contact .cc .cntnr .main ul, #privacy .cc .cntnr .main ul {
  display: block;
}
@media (max-width: 640px) {
  #koukoku .cc .cntnr .main ul, #contact .cc .cntnr .main ul, #privacy .cc .cntnr .main ul {
    padding-right: 0;
  }
}
#koukoku .cc .cntnr .main ul li, #contact .cc .cntnr .main ul li, #privacy .cc .cntnr .main ul li {
  display: block;
  padding: 13px;
  margin: 0;
  box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
  padding-right: 55px;
  position: relative;
  text-align: justify;
  font-size: 17px;
}
#koukoku .cc .cntnr .main ul li a, #contact .cc .cntnr .main ul li a, #privacy .cc .cntnr .main ul li a {
  text-decoration: none;
  color: #000;
  width: 100%;
  display: block;
}
#koukoku .cc .cntnr .main ul li a img.icon, #contact .cc .cntnr .main ul li a img.icon, #privacy .cc .cntnr .main ul li a img.icon {
  position: absolute;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 40px;
}

#koukoku #title {
  background-image: url(img/koukoku/title.jpg);
}

#contact #title, #privacy #title {
  background-image: url(img/cTitle.jpg);
}
#contact .cc .cntnr h2, #privacy .cc .cntnr h2 {
  margin-bottom: 10px;
  font-size: 25px;
}
@media (max-width: 919px) {
  #contact .cc .cntnr h2, #privacy .cc .cntnr h2 {
    font-size: 18px;
  }
}
#contact .cc .cntnr .main h3, #privacy .cc .cntnr .main h3 {
  border-bottom: 1px solid #000;
  padding: 10px;
  font-size: 28px;
}
@media (max-width: 919px) {
  #contact .cc .cntnr .main h3, #privacy .cc .cntnr .main h3 {
    font-size: 18px;
    padding: 5px 0;
  }
}
#contact .cc .cntnr .main .cntr, #privacy .cc .cntnr .main .cntr {
  padding-bottom: 40px;
}
#contact .cc .cntnr .main .cntr h4, #privacy .cc .cntnr .main .cntr h4 {
  font-size: 24px;
  font-weight: bold;
  border-left: 10px solid #2684c9;
  padding: 10px 20px;
  letter-spacing: 0;
  line-height: 1em;
}
@media (max-width: 919px) {
  #contact .cc .cntnr .main .cntr h4, #privacy .cc .cntnr .main .cntr h4 {
    font-size: 18px;
    padding: 5px 10px;
  }
}
#contact .cc .cntnr .main .cntr .box, #privacy .cc .cntnr .main .cntr .box {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
#contact .cc .cntnr .main .cntr .box .mail, #contact .cc .cntnr .main .cntr .box .tel, #privacy .cc .cntnr .main .cntr .box .mail, #privacy .cc .cntnr .main .cntr .box .tel {
  background-size: 36px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 0 10px 50px;
  text-align: left;
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 919px) {
  #contact .cc .cntnr .main .cntr .box .mail, #contact .cc .cntnr .main .cntr .box .tel, #privacy .cc .cntnr .main .cntr .box .mail, #privacy .cc .cntnr .main .cntr .box .tel {
    width: 100%;
    background-size: 22px auto;
    padding: 5px 0 5px 30px;
  }
}
#contact .cc .cntnr .main .cntr .box .mail a, #contact .cc .cntnr .main .cntr .box .tel a, #privacy .cc .cntnr .main .cntr .box .mail a, #privacy .cc .cntnr .main .cntr .box .tel a {
  color: #000;
  text-decoration: none;
  display: inline;
}
#contact .cc .cntnr .main .cntr .box .mail a:hover, #contact .cc .cntnr .main .cntr .box .tel a:hover, #privacy .cc .cntnr .main .cntr .box .mail a:hover, #privacy .cc .cntnr .main .cntr .box .tel a:hover {
  text-decoration: underline;
}
#contact .cc .cntnr .main .cntr .box .mail, #privacy .cc .cntnr .main .cntr .box .mail {
  background-image: url(img/mail.png);
  font-size: 20px;
  font-weight: normal;
}
@media (max-width: 919px) {
  #contact .cc .cntnr .main .cntr .box .mail, #privacy .cc .cntnr .main .cntr .box .mail {
    font-size: 17px;
  }
}
#contact .cc .cntnr .main .cntr .box .tel, #privacy .cc .cntnr .main .cntr .box .tel {
  background-image: url(img/tel.png);
  font-size: 24px;
  font-weight: normal;
}
@media (max-width: 919px) {
  #contact .cc .cntnr .main .cntr .box .tel, #privacy .cc .cntnr .main .cntr .box .tel {
    font-size: 17px;
  }
}

#privacy .cc {
  font-size: 17px;
}
#privacy .cc p.right {
  text-align: right;
}

#koukoku.heisa #title h2 {
  font-size: 30px;
}
@media (max-width: 919px) {
  #koukoku.heisa #title h2 {
    font-size: 23px;
  }
}

#news #categories ul {
  text-align: center;
}
#news #categories ul li {
  display: inline-block;
  padding: 0 10px;
}
#news #categories ul li a, #news #categories ul li span {
  display: block;
  padding: 5px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#news #categories ul li .cate.oshirase {
  border-color: #20aaff;
  color: #20aaff;
}
#news #categories ul li .cate.kessan {
  border-color: #474891;
  color: #474891;
}
#news #categories ul li .cate.recruit {
  border-color: #bb1d7b;
  color: #bb1d7b;
}
#news #categories ul li .cate.other {
  border-color: #48a187;
  color: #48a187;
}
#news #categories ul li .cate.all {
  border-color: #000;
  color: #000;
}
#news #categories ul li a.cate.oshirase {
  background-color: #20aaff;
}
#news #categories ul li a.cate.kessan {
  background-color: #474891;
}
#news #categories ul li a.cate.all {
  background-color: #000;
}
#news #categories ul li a.cate {
  background-color: #fff !important;
}
#news #categories ul li span.cate {
  color: #fff !important;
}
#news #categories ul li span.cate.oshirase {
  background-color: #20aaff;
}
#news #categories ul li span.cate.kessan {
  background-color: #474891;
}
#news #categories ul li span.cate.recruit {
  background-color: #bb1d7b;
}
#news #categories ul li span.cate.other {
  background-color: #48a187;
}
#news #categories ul li span.cate.all {
  background-color: #000;
}
#news #title {
  background-image: url(img/corporate/news/title.jpg);
}
#news .cc {
  padding-top: 100px;
  padding-bottom: 100px;
}
#news .cc .cntnr {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
#news .cc .cntnr .side {
  width: 24.5614035088%;
}
@media (max-width: 640px) {
  #news .cc .cntnr .side {
    width: 100%;
  }
}
#news .cc .cntnr .side h2 {
  font-size: 17px;
  border-bottom: 1px solid #b3b3b3;
  padding: 10px;
  margin: 0;
}
#news .cc .cntnr .side ul {
  display: block;
  padding: 10px;
}
#news .cc .cntnr .side ul li {
  display: block;
  padding: 3px 0;
  margin: 0;
}
#news .cc .cntnr .side ul li a {
  text-decoration: none;
  color: #000;
}
#news .cc .cntnr .side ul li a:hover {
  text-decoration: underline;
}
#news .cc .cntnr .side ul li span {
  color: #aaa;
}
#news .cc .cntnr .main {
  width: 75.4385964912%;
}
@media (max-width: 640px) {
  #news .cc .cntnr .main {
    width: 100%;
  }
}
#news .cc .cntnr .main div.btnBox {
  text-align: center;
}
#news .cc .cntnr .main div.img {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
}
#news .cc .cntnr .main div.img img {
  width: 100%;
}
#news .cc .cntnr .main div.txt {
  padding: 30px 0 60px;
}
#news .cc .cntnr .main ul {
  display: block;
  padding-right: 7%;
}
@media (max-width: 640px) {
  #news .cc .cntnr .main ul {
    padding-right: 0;
  }
}
#news .cc .cntnr .main ul li {
  display: block;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  border-bottom: 1px solid #b3b3b3;
  padding-right: 55px;
  position: relative;
  text-align: justify;
}
#news .cc .cntnr .main ul li a {
  text-decoration: none;
  color: #000;
  width: 100%;
  display: block;
}
#news .cc .cntnr .main ul li a img.icon {
  position: absolute;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#news .cc .cntnr .main ul li div.cateBox {
  display: inline-block;
  padding-left: 10px;
}
#news .cc .cntnr .main ul li div.cateBox a.cate {
  display: inline-block;
  box-sizing: border-box;
  color: #fff;
}

#factorytour2024 .alertBox {
  border: 1px solid #a00;
  padding: 10px 15px;
  text-align: center;
}
#factorytour2024 .alertBox span {
  display: inline-block;
  text-align: left;
}
#factorytour2024 #title {
  background-image: url(img/corporate/philosophy/title.jpg);
}
#factorytour2024 .cc .cntnr {
  padding: 70px 0;
}
#factorytour2024 .cc .cntnr h2 {
  padding: 5px 20px;
  font-size: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 58px;
  background-color: #2684c9;
}
#factorytour2024 .cc .cntnr .pdfBox img {
  display: block;
  width: 100%;
  max-width: 1006px;
  margin: 35px auto;
}
#factorytour2024 .cc .cntnr .chuui {
  font-size: 18px;
  color: #ed1c24;
  font-weight: bold;
  text-align: center;
}
#factorytour2024 .cc .cntnr .chuui span {
  text-align: left;
  display: inline-block;
}
#factorytour2024 .cc .cntnr .btnBox {
  padding-top: 35px;
}
#factorytour2024 .cc .cntnr .btnBox a {
  width: 287px;
  display: block;
  margin: 0 auto;
}
#factorytour2024 .cc .cntnr .btnBox a img {
  width: 100%;
  display: block;
}
#factorytour2024 .cc .cntnr .formBtnBox a img {
  width: 468px;
  display: block;
  margin: 0 auto;
}
#factorytour2024 .cc .cntnr .cancel {
  margin-top: 70px;
  border-top: 1px solid #000;
  padding: 25px 0;
}
#factorytour2024 .cc .cntnr .cancel h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 200%;
}
#factorytour2024 .cc .cntnr .cancel p {
  font-size: 16px;
}
#factorytour2024 .cc .cntnr .chuuiJikou {
  padding-top: 60px;
  font-size: 16px;
}
#factorytour2024 .cc .cntnr .chuuiJikou h3 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 10px;
}
#factorytour2024 .cc .cntnr .chuuiJikou .box {
  border: 1px solid #000;
  padding: 30px 40px 20px;
  margin: 70px auto;
  box-sizing: border-box;
  max-width: 970px;
  width: 100%;
}
#factorytour2024 .cc .cntnr .chuuiJikou .box h4 {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 15px;
}
#factorytour2024 .cc .cntnr .chuuiJikou .box ul {
  list-style: outside decimal;
  padding-left: 1em;
  font-weight: bold;
  font-size: 18px;
}
#factorytour2024 .cc .cntnr .chuuiJikou .box ul li {
  margin-bottom: 10px;
}
#factorytour2024 .cc .cntnr .chuuiJikou .box ul li span {
  color: #ed1c24;
}

#factorytour2024 .report #title {
  background-image: url(img/factorytour2024/event/title.jpg);
}
#factorytour2024 .report #title h2 {
  width: 744px;
}
#factorytour2024 .report #title h2 span.sp {
  display: inline;
}
#factorytour2024 .report #title h2 br.sp {
  display: none;
}
@media (max-width: 919px) {
  #factorytour2024 .report #title h2 {
    max-width: 440px;
    width: 92%;
  }
  #factorytour2024 .report #title h2 span.sp {
    display: none;
  }
  #factorytour2024 .report #title h2 br.sp {
    display: inline;
  }
}
#factorytour2024 .report .cc .cntnr {
  padding: 70px 0;
}
#factorytour2024 .report .cc .cntnr h2 {
  padding: 5px 20px;
  font-size: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 58px;
  background-color: #2684c9;
}
#factorytour2024 .report .cc .cntnr .symbolBox {
  text-align: center;
  padding-bottom: 30px;
}
#factorytour2024 .report .cc .cntnr .symbolBox img {
  max-width: 437px;
  width: 100%;
}
#factorytour2024 .report .cc .cntnr ul.imgCntnr {
  padding-top: 30px;
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
#factorytour2024 .report .cc .cntnr ul.imgCntnr li {
  display: block;
  box-sizing: border-box;
  text-align: center;
}
#factorytour2024 .report .cc .cntnr ul.imgCntnr li img {
  width: 100%;
  max-width: 356px;
}
#factorytour2024 .report .cc .cntnr ul.imgCntnr li span {
  display: block;
}
#factorytour2024 .report .cc .cntnr ul.imgCntnr li.f {
  width: 33%;
  padding-right: 0.6363636364%;
}
#factorytour2024 .report .cc .cntnr ul.imgCntnr li.e {
  width: 33%;
  padding-left: 0.6363636364%;
}
#factorytour2024 .report .cc .cntnr ul.imgCntnr li.m {
  width: 33.6363636364%;
  padding: 0 0.6363636364%;
}
@media (max-width: 919px) {
  #factorytour2024 .report .cc .cntnr ul.imgCntnr li.f, #factorytour2024 .report .cc .cntnr ul.imgCntnr li.m, #factorytour2024 .report .cc .cntnr ul.imgCntnr li.e {
    width: 100%;
    padding: 0 2.1739130435%;
  }
}
#factorytour2024 .report .cc .cntnr .pdfBox img {
  display: block;
  width: 100%;
  max-width: 1006px;
  margin: 35px auto;
}
#factorytour2024 .report .cc .cntnr .chuui {
  font-size: 18px;
  color: #ed1c24;
  font-weight: bold;
  text-align: center;
}
#factorytour2024 .report .cc .cntnr .chuui span {
  text-align: left;
  display: inline-block;
}
#factorytour2024 .report .cc .cntnr .btnBox {
  padding-top: 35px;
}
#factorytour2024 .report .cc .cntnr .btnBox a {
  width: 287px;
  display: block;
  margin: 0 auto;
}
#factorytour2024 .report .cc .cntnr .btnBox a img {
  width: 100%;
  display: block;
}
#factorytour2024 .report .cc .cntnr .formBtnBox a img {
  width: 468px;
  display: block;
  margin: 0 auto;
}
#factorytour2024 .report .cc .cntnr .cancel {
  margin-top: 70px;
  border-top: 1px solid #000;
  padding: 25px 0;
}
#factorytour2024 .report .cc .cntnr .cancel h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 200%;
}
#factorytour2024 .report .cc .cntnr .cancel p {
  font-size: 16px;
}
#factorytour2024 .report .cc .cntnr .chuuiJikou {
  padding-top: 60px;
  font-size: 16px;
}
#factorytour2024 .report .cc .cntnr .chuuiJikou h3 {
  text-align: left;
  font-size: 20px;
  margin-bottom: 10px;
}
#factorytour2024 .report .cc .cntnr .chuuiJikou .box {
  border: 1px solid #000;
  padding: 30px 40px 20px;
  margin: 70px auto;
  box-sizing: border-box;
  max-width: 970px;
  width: 100%;
}
#factorytour2024 .report .cc .cntnr .chuuiJikou .box h4 {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 15px;
}
#factorytour2024 .report .cc .cntnr .chuuiJikou .box ul {
  list-style: outside decimal;
  padding-left: 1em;
  font-weight: bold;
  font-size: 18px;
}
#factorytour2024 .report .cc .cntnr .chuuiJikou .box ul li {
  margin-bottom: 10px;
}
#factorytour2024 .report .cc .cntnr .chuuiJikou .box ul li span {
  color: #ed1c24;
}

#company-info #title {
  background-image: url(img/corporate/philosophy/title.jpg);
}
#company-info #officersList .right {
  text-align: right;
}
#company-info #officersList .tScroll {
  overflow-x: auto;
  width: 100%;
}
#company-info #officersList table.u-full-width {
  margin-top: 5px;
}
#company-info #officersList table.u-full-width tr.koumoku th {
  background-color: #eee;
}
@media (max-width: 919px) {
  #company-info #officersList table.u-full-width tr.koumoku th span.pc {
    display: none;
  }
}
#company-info #officersList table.u-full-width tr th {
  white-space: nowrap;
  background-color: white;
}
#company-info #officersList table.u-full-width tr th, #company-info #officersList table.u-full-width tr td {
  white-space: nowrap;
}
@media (max-width: 420px) {
  #company-info #officersList table.u-full-width tr th, #company-info #officersList table.u-full-width tr td {
    font-size: 14px;
    padding: 5px;
  }
}
#company-info .cc h2 {
  font-size: 30px;
  text-align: center;
}
#company-info .cc table {
  margin: 80px 0 0px;
  font-size: 20px;
}
#company-info .cc table td, #company-info .cc table th {
  padding: 20px 30px;
  border: 1px solid #000;
}
@media (max-width: 919px) {
  #company-info .cc table td, #company-info .cc table th {
    font-size: 16px;
    padding: 10px 15px;
    line-height: 1.5;
  }
}
#company-info .cc table th {
  background-color: #d7e2dd;
  text-align: center;
}
#company-info .cc table td {
  background-color: #fff;
}
#company-info .cc table td div.spacer {
  width: 100%;
  height: 10px;
}
#company-info .cc table.type2 {
  margin: 80px 0 0px;
  font-size: 20px;
}
#company-info .cc table.type2 td, #company-info .cc table.type2 th {
  padding: 20px 30px;
  border: none;
  border-bottom: 1px solid #000;
}
@media (max-width: 919px) {
  #company-info .cc table.type2 td, #company-info .cc table.type2 th {
    font-size: 16px;
    padding: 10px 15px;
    line-height: 1.5;
    display: block;
  }
}
#company-info .cc table.type2 th {
  background-color: transparent;
  text-align: left;
}
@media (max-width: 919px) {
  #company-info .cc table.type2 th {
    padding-bottom: 0;
    border: 0;
  }
}
#company-info .cc table.type2 td {
  background-color: #fff;
}
#company-info .cc table.type2 td div.spacer {
  width: 100%;
  height: 10px;
}
@media (max-width: 919px) {
  #company-info .cc table.type2 td {
    padding-top: 0;
  }
}
#company-info .cc .c_info {
  width: 100%;
  padding: 40px 0;
  box-sizing: border-box;
}
#company-info .cc .c_info h3 {
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 5px 10px;
  line-height: 1em;
  width: 100%;
  box-sizing: border-box;
  font-size: 20px;
}
@media (max-width: 919px) {
  #company-info .cc .c_info h3 {
    font-size: 16px;
  }
}
#company-info .cc .c_info .honnsixya {
  width: 27.8181818182%;
  box-sizing: border-box;
  float: left;
}
@media (max-width: 919px) {
  #company-info .cc .c_info .honnsixya {
    float: none;
    width: 100%;
    padding-bottom: 40px;
  }
}
#company-info .cc .c_info .eigixyousixyo {
  width: 62.5454545455%;
  box-sizing: border-box;
  float: right;
}
@media (max-width: 919px) {
  #company-info .cc .c_info .eigixyousixyo {
    width: 100%;
    float: none;
  }
}
#company-info .cc .c_info .eigixyousixyo .cntnr .box {
  width: 50%;
  float: left;
}
@media (max-width: 919px) {
  #company-info .cc .c_info .eigixyousixyo .cntnr .box {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#company-info .cc .haitizu {
  display: block;
  max-width: 1062px;
  width: 100%;
  margin: 0 auto;
}
#company-info .cc .pdfBtnBox {
  text-align: center;
}
#company-info .cc .pdfBtnBox a img {
  width: 287px;
}
#company-info #zixtuseki div.right {
  text-align: right;
}
#company-info #zixtuseki .tScroll {
  width: 100%;
  overflow-x: auto;
}
#company-info #zixtuseki .tScroll table {
  margin-top: 0;
  overflow-x: auto;
}
#company-info #zixtuseki .tScroll table td {
  text-align: center;
}
#company-info #zixtuseki .tScroll table th {
  white-space: nowrap;
}
#company-info #enkaku {
  background-color: #e4f0fb;
  padding-top: 100px;
  padding-bottom: 100px;
}
#company-info #enkaku table th {
  white-space: nowrap;
}
@media (max-width: 919px) {
  #company-info #enkaku table th {
    white-space: normal;
  }
}
#company-info #zixyoukixyou {
  padding-top: 100px;
  padding-bottom: 100px;
}
#company-info #zixyoukixyou .tableBox .cntnr {
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
  position: relative;
}
#company-info #zixyoukixyou .tableBox .cntnr .td, #company-info #zixyoukixyou .tableBox .cntnr .th {
  padding: 20px 30px;
  box-sizing: border-box;
  font-size: 20px;
}
@media (max-width: 919px) {
  #company-info #zixyoukixyou .tableBox .cntnr .td, #company-info #zixyoukixyou .tableBox .cntnr .th {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 24px;
  }
}
#company-info #zixyoukixyou .tableBox .cntnr .th {
  width: 21.8181818182%;
  font-weight: bold;
}
@media (max-width: 919px) {
  #company-info #zixyoukixyou .tableBox .cntnr .th {
    width: 100%;
    padding-bottom: 0;
  }
}
#company-info #zixyoukixyou .tableBox .cntnr .td {
  width: 78.1818181818%;
}
@media (max-width: 919px) {
  #company-info #zixyoukixyou .tableBox .cntnr .td {
    width: 100%;
    padding-top: 0;
  }
}
#company-info #zixyoukixyou table.type2 th {
  width: 180px;
}
#company-info #zixyoukixyou .openBox, #company-info #zixyoukixyou .closeBox {
  position: absolute;
  right: 10px;
  top: 16px;
}
@media (max-width: 919px) {
  #company-info #zixyoukixyou .openBox, #company-info #zixyoukixyou .closeBox {
    top: 22px;
    position: relative;
    top: -3px;
    right: auto;
    left: 15px;
  }
}
#company-info #zixyoukixyou .openBox img, #company-info #zixyoukixyou .closeBox img {
  width: 186px;
}
@media (max-width: 919px) {
  #company-info #zixyoukixyou .openBox img, #company-info #zixyoukixyou .closeBox img {
    width: 124px;
  }
}
#company-info #zixyoukixyou .closeBox {
  display: none;
}
#company-info #zixyoukixyou #docBox, #company-info #zixyoukixyou #mooringBox {
  display: none;
  width: 100%;
  overflow-x: auto;
  margin-bottom: 40px;
}
#company-info #zixyoukixyou #docBox table, #company-info #zixyoukixyou #mooringBox table {
  margin: 0 auto;
}
#company-info #zixyoukixyou #docBox table th, #company-info #zixyoukixyou #mooringBox table th {
  white-space: nowrap;
}
#company-info #zixyoukixyou .mapBtnBox {
  height: 200px;
  max-width: 992px;
  width: 100%;
  background-image: url(img/corporate/map.png);
  border: 1px solid #000;
  margin: 40px auto;
  position: relative;
}
#company-info #zixyoukixyou .mapBtnBox .pdfBtnBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 7%;
}
@media (max-width: 380px) {
  #company-info #zixyoukixyou .mapBtnBox .pdfBtnBox {
    right: auto;
    left: auto;
  }
  #company-info #zixyoukixyou .mapBtnBox .pdfBtnBox a {
    display: block;
  }
  #company-info #zixyoukixyou .mapBtnBox .pdfBtnBox a img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
}
#company-info #i_products {
  width: 100%;
  overflow: hidden;
  background-image: url(img/corporate/company-info/i_products.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
#company-info #i_products .i_products_txt {
  display: block;
  margin: 0 auto;
  padding: 20px 0;
  max-width: 758px;
  width: 92%;
}
@media (max-width: 919px) {
  #company-info #i_products .i_products_txt {
    display: none;
  }
}
#company-info #i_products .i_products_txt_sp {
  display: none;
  margin: 0 auto;
  padding: 20px 0;
  max-width: 758px;
  width: 92%;
}
@media (max-width: 919px) {
  #company-info #i_products .i_products_txt_sp {
    display: block;
  }
}
#company-info #i_products .svg_naname1 svg {
  position: relative;
  top: -2px;
  width: 102%;
}
#company-info #i_products .svg_naname1 svg polygon {
  fill: #fff;
  stroke-width: 0px;
}
#company-info #i_products .svg_naname2 svg {
  position: relative;
  bottom: -15px;
  width: 102%;
  left: -2px;
}
#company-info #i_products .svg_naname2 svg polygon {
  fill: #fff;
  stroke-width: 0px;
}

#message #title {
  background-image: url(img/corporate/philosophy/title.jpg);
}
#message .cc .box {
  padding: 80px 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-wrap: wrap;
}
#message .cc .box .txt {
  width: 56.1403508772%;
}
@media (max-width: 919px) {
  #message .cc .box .txt {
    width: 100%;
  }
}
#message .cc .box .txt p {
  font-size: 17px;
  text-align: justify;
}
#message .cc .box .img {
  width: 43.8596491228%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media (max-width: 919px) {
  #message .cc .box .img {
    width: 100%;
  }
}
#message .cc .box .img img {
  max-width: 310px;
  display: block;
  margin: 0 auto;
  width: 100%;
}

#philosophy #title {
  background-image: url(img/corporate/philosophy/title.jpg);
}
#philosophy .cc img.pc, #philosophy .cc img.sp {
  width: 100%;
  margin: 0 auto;
}
#philosophy .cc img.pc {
  display: block;
  max-width: 933px;
  padding: 100px 0 120px 0;
}
@media (max-width: 919px) {
  #philosophy .cc img.pc {
    display: none;
  }
}
#philosophy .cc img.sp {
  display: none;
  max-width: 330px;
  padding: 50px 0 60px 0;
}
@media (max-width: 919px) {
  #philosophy .cc img.sp {
    display: block;
  }
}

#home #home_notice {
  border: 3px solid #ca171f;
  border-top: 0;
}
#home #home_notice h3 {
  background-color: #ca171f;
  padding: 6px 10px;
  line-height: 1em;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  margin-bottom: 0;
}
#home #home_notice .cntnr {
  padding: 24px;
  padding-bottom: 0;
}
@media (max-width: 919px) {
  #home #home_notice .cntnr {
    padding: 12px;
  }
}
#home #home_notice .cntnr .box {
  padding: 24px 0;
  border-top: 1px solid #ddd;
}
@media (max-width: 919px) {
  #home #home_notice .cntnr .box {
    padding: 12px 0;
  }
}
#home #home_notice .cntnr .box h4 {
  color: #ca171f;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 919px) {
  #home #home_notice .cntnr .box h4 {
    margin-bottom: 6px;
  }
}
#home #home_notice .cntnr .box.first {
  padding-top: 0;
  border: 0;
}
#home #home_notice .cntnr a {
  text-decoration: none;
}
#home #home_notice .cntnr a .box h4 {
  color: #ca171f;
}
#home #home_notice .cntnr a .box .message {
  color: #000;
}
#home .banaBox a {
  display: block;
  width: 100%;
  max-width: 998px;
  margin: 0 auto;
}
@media (max-width: 919px) {
  #home .banaBox a {
    width: 100%;
    max-width: 658px;
  }
}
#home .banaBox a img.bana {
  display: block;
  width: 100%;
}
@media (max-width: 919px) {
  #home .banaBox a img.bana {
    display: none;
  }
}
#home .banaBox a img.bana_sp {
  display: none;
  width: 100%;
}
@media (max-width: 919px) {
  #home .banaBox a img.bana_sp {
    display: block;
  }
}
#home #home_recruit {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
#home #home_recruit img.recruit, #home #home_recruit img.recruit_bana {
  display: block;
  width: 100%;
}
@media (max-width: 919px) {
  #home #home_recruit img.recruit, #home #home_recruit img.recruit_bana {
    display: none;
  }
}
#home #home_recruit img.recruit_sp, #home #home_recruit img.recruit_bana_sp {
  display: none;
  width: 100%;
}
@media (max-width: 919px) {
  #home #home_recruit img.recruit_sp, #home #home_recruit img.recruit_bana_sp {
    display: block;
  }
}
#home #home_works {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding-bottom: 30px;
  background-image: url(img/home/works/worksBg.jpg);
  background-color: #fff;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 919px) {
  #home #home_works {
    background-image: url(img/home/works/worksBg_sp.png);
  }
}
#home #home_works img.works_spcr {
  display: block;
  width: 100%;
}
@media (max-width: 919px) {
  #home #home_works img.works_spcr {
    display: none;
  }
}
#home #home_works img.works_sp {
  display: none;
  width: 100%;
}
@media (max-width: 919px) {
  #home #home_works img.works_sp {
    display: block;
  }
}
#home #home_works .cntnr {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
#home #home_works .cntnr .box {
  width: 50%;
  box-sizing: border-box;
  padding: 6px 20px 20px;
  margin-top: 20px;
}
@media (max-width: 919px) {
  #home #home_works .cntnr .box {
    width: 100%;
    background-image: url(img/home/works/sp.png);
    background-size: 144px auto;
    background-repeat: no-repeat;
  }
}
#home #home_works .cntnr .box h3 {
  text-align: left;
  margin-bottom: 5px;
}
#home #home_works .cntnr .box h3 .title1 {
  width: 100%;
  max-width: 376px;
}
@media (max-width: 919px) {
  #home #home_works .cntnr .box h3 .title1 {
    max-width: 294px;
  }
}
#home #home_works .cntnr .box h3 .title2 {
  width: 100%;
  max-width: 208px;
}
@media (max-width: 919px) {
  #home #home_works .cntnr .box h3 .title2 {
    max-width: 164px;
  }
}
#home #home_works .cntnr .box p {
  margin-bottom: 1.1rem;
  font-size: 17px;
}
#home #home_works .cntnr .box p.bu {
  width: 70.1754385965%;
}
@media (max-width: 919px) {
  #home #home_works .cntnr .box p.bu {
    width: 100%;
  }
}
#home #home_works .cntnr .box .gBtnBox {
  text-align: left;
}
@media (max-width: 919px) {
  #home #home_works .cntnr .box .gBtnBox {
    text-align: center;
  }
}
#home #home_philosophy {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  background-image: url(img/home/philosophyBg.png);
  background-color: #dde9f4;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 919px) {
  #home #home_philosophy {
    background-image: url(img/home/philosophyBg_sp.png);
  }
}
#home #home_philosophy img.philosophy_spcr {
  display: block;
  width: 100%;
}
@media (max-width: 919px) {
  #home #home_philosophy img.philosophy_spcr {
    display: none;
  }
}
#home #home_philosophy img.philosophy_spcr_sp {
  display: none;
  width: 100%;
}
@media (max-width: 919px) {
  #home #home_philosophy img.philosophy_spcr_sp {
    display: block;
  }
}
#home #home_philosophy div.message {
  padding-left: 3.0701754386%;
  width: 41.9298245614%;
  padding-bottom: 40px;
}
@media (max-width: 919px) {
  #home #home_philosophy div.message {
    padding: 0 3.0701754386% 40px;
    width: 100%;
    box-sizing: border-box;
  }
}
#home #home_philosophy div.message p {
  margin-bottom: 30px;
  font-size: 17px;
}
#home #home_philosophy div.message .gBtnBox {
  text-align: left;
}
@media (max-width: 919px) {
  #home #home_philosophy div.message .gBtnBox {
    text-align: center;
  }
}
#home #appealBox2024 {
  position: relative;
}
#home #appealBox2024 .bb {
  position: relative;
  z-index: 20;
  padding-top: 1px;
}
#home #appealBox2024 .bb img.top {
  width: 100%;
  display: block;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb img.top {
    display: none;
  }
}
#home #appealBox2024 .bb img.top_sp {
  width: 100%;
  display: none;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb img.top_sp {
    display: block;
  }
}
#home #appealBox2024 .bb .slideBox {
  padding: 10px 0;
}
#home #appealBox2024 .bb .slideBox .swiper_TOP {
  overflow: hidden;
  width: 100%;
  position: relative;
  position: relative;
  height: auto;
}
#home #appealBox2024 .bb .slideBox .swiper_TOP:before {
  content: "";
  display: block;
  padding-top: 20.350877193%;
}
#home #appealBox2024 .bb .slideBox .swiper_TOP .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
}
#home #appealBox2024 .bb .slideBox .swiper_TOP .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb .slideBox {
    display: none;
  }
}
#home #appealBox2024 .bb .slideBox_sp {
  display: none;
  padding: 10px 0;
}
#home #appealBox2024 .bb .slideBox_sp .swiper_sp_TOP {
  overflow: hidden;
  width: 100%;
  position: relative;
  position: relative;
  height: auto;
}
#home #appealBox2024 .bb .slideBox_sp .swiper_sp_TOP:before {
  content: "";
  display: block;
  padding-top: 30.5263157895%;
}
#home #appealBox2024 .bb .slideBox_sp .swiper_sp_TOP .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
}
#home #appealBox2024 .bb .slideBox_sp .swiper_sp_TOP .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb .slideBox_sp {
    display: block;
  }
}
#home #appealBox2024 .bb .slideBox3 {
  padding: 10px 0;
}
#home #appealBox2024 .bb .slideBox3 .swiper_TOP3 {
  overflow: hidden;
  width: 100%;
  position: relative;
  position: relative;
  height: auto;
}
#home #appealBox2024 .bb .slideBox3 .swiper_TOP3:before {
  content: "";
  display: block;
  padding-top: 20.350877193%;
}
#home #appealBox2024 .bb .slideBox3 .swiper_TOP3 .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
  transition-timing-function: linear;
}
#home #appealBox2024 .bb .slideBox3 .swiper_TOP3 .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb .slideBox3 {
    display: none;
  }
}
#home #appealBox2024 .bb .slideBox3_sp {
  display: none;
  padding: 10px 0;
}
#home #appealBox2024 .bb .slideBox3_sp .swiper_sp_TOP3 {
  overflow: hidden;
  width: 100%;
  position: relative;
  position: relative;
  height: auto;
}
#home #appealBox2024 .bb .slideBox3_sp .swiper_sp_TOP3:before {
  content: "";
  display: block;
  padding-top: 30.5263157895%;
}
#home #appealBox2024 .bb .slideBox3_sp .swiper_sp_TOP3 .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
  transition-timing-function: linear;
}
#home #appealBox2024 .bb .slideBox3_sp .swiper_sp_TOP3 .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb .slideBox3_sp {
    display: block;
  }
}
#home #appealBox2024 .bb .slideBox2 {
  padding: 10px 0;
}
#home #appealBox2024 .bb .slideBox2 .swiper_TOP2 {
  overflow: hidden;
  width: 100%;
  position: relative;
  position: relative;
  height: auto;
}
#home #appealBox2024 .bb .slideBox2 .swiper_TOP2:before {
  content: "";
  display: block;
  padding-top: 20.350877193%;
}
#home #appealBox2024 .bb .slideBox2 .swiper_TOP2 .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
}
#home #appealBox2024 .bb .slideBox2 .swiper_TOP2 .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: left;
  align-items: top;
}
#home #appealBox2024 .bb .slideBox2 .swiper_TOP2 .swiper-wrapper .swiper-slide img {
  width: 33.3333%;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb .slideBox2 {
    display: none;
  }
}
#home #appealBox2024 .bb .slideBox2_sp {
  display: none;
  padding: 10px 0;
}
#home #appealBox2024 .bb .slideBox2_sp .swiper_sp_TOP2 {
  overflow: hidden;
  width: 100%;
  position: relative;
  position: relative;
  height: auto;
}
#home #appealBox2024 .bb .slideBox2_sp .swiper_sp_TOP2:before {
  content: "";
  display: block;
  padding-top: 30.5263157895%;
}
#home #appealBox2024 .bb .slideBox2_sp .swiper_sp_TOP2 .swiper-wrapper {
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: absolute;
}
#home #appealBox2024 .bb .slideBox2_sp .swiper_sp_TOP2 .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: left;
  align-items: top;
}
#home #appealBox2024 .bb .slideBox2_sp .swiper_sp_TOP2 .swiper-wrapper .swiper-slide img {
  width: 50%;
}
@media (max-width: 919px) {
  #home #appealBox2024 .bb .slideBox2_sp {
    display: block;
  }
}
#home #appealBox2024 .svg_obi {
  z-index: -10;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 100%;
  display: block;
}
@media (max-width: 919px) {
  #home #appealBox2024 .svg_obi {
    display: none;
  }
}
#home #appealBox2024 .svg_obi svg polygon {
  fill: #d7e7f2;
  stroke-width: 0px;
}
#home #appealBox2024 .svg_obi_sp {
  z-index: -10;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 100%;
  display: none;
}
@media (max-width: 919px) {
  #home #appealBox2024 .svg_obi_sp {
    display: block;
  }
}
#home #appealBox2024 .svg_obi_sp svg polygon {
  fill: #d7e7f2;
  stroke-width: 0px;
}
#home #appealBox .onePic {
  position: relative;
  height: auto;
  background-image: url(img/home/appeal/bg.jpg);
  background-size: cover;
  position: relative;
}
#home #appealBox .onePic:before {
  content: "";
  display: block;
  padding-top: 55.7894736842%;
}
@media (max-width: 919px) {
  #home #appealBox .onePic {
    position: relative;
    height: auto;
  }
  #home #appealBox .onePic:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
#home #appealBox .onePic .cc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
#home #appealBox .onePic .cc img.saseboheavyindustries {
  width: 768px;
  left: 0;
}
@media (max-width: 1140px) {
  #home #appealBox .onePic .cc img.saseboheavyindustries {
    width: 67.3684210526%;
  }
}
@media (max-width: 919px) {
  #home #appealBox .onePic .cc img.saseboheavyindustries {
    width: 100%;
  }
}
#home #appealBox .onePic img.rinen {
  position: absolute;
  width: 817px;
  right: 180px;
  top: 100px;
}
@media (max-width: 1300px) {
  #home #appealBox .onePic img.rinen {
    width: 700px;
    right: 120px;
    top: 60px;
  }
}
@media (max-width: 1140px) {
  #home #appealBox .onePic img.rinen {
    width: 68.4210526316%;
    right: 10.5263157895%;
    top: 6.1403508772%;
  }
}
@media (max-width: 919px) {
  #home #appealBox .onePic img.rinen {
    position: absolute;
    width: 90%;
    right: 5%;
    top: 10%;
  }
}
#home #office {
  background-color: #333333;
}
#home #office .box {
  max-width: 1140px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  height: 452px;
}
@media (max-width: 919px) {
  #home #office .box {
    height: auto;
    padding-bottom: 40px;
  }
}
#home #office .box h2 {
  color: #fff;
  font-size: 29px;
  position: absolute;
  top: 20px;
  left: 60px;
}
@media (max-width: 919px) {
  #home #office .box h2 {
    position: static;
    top: auto;
    left: auto;
    padding: 40px 0;
    text-align: center;
    margin: 0;
  }
}
#home #office .box img.map {
  width: 584px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1080px) {
  #home #office .box img.map {
    max-width: 480px;
  }
}
@media (max-width: 919px) {
  #home #office .box img.map {
    position: static;
    top: auto;
    left: auto;
    width: 584px;
    display: block;
    margin: 0 auto;
    width: 94%;
  }
}
#home #office .box .cntnrBox {
  position: absolute;
  left: 730px;
  left: 60px;
  top: 70px;
  bottom: auto;
}
@media (max-width: 919px) {
  #home #office .box .cntnrBox {
    position: static;
    top: auto;
    left: auto;
  }
}
#home #office .box .cntnrBox .cntnr {
  margin-bottom: 10px;
  padding: 4px 0 4px 15px;
}
#home #office .box .cntnrBox .cntnr h3 {
  color: #fff;
  font-size: 20px;
  text-align: left;
  margin-bottom: 5px;
  padding: 0 0 0 10px;
  border-left: 8px solid #2684c9;
  font-weight: normal;
}
#home #office .box .cntnrBox .cntnr p {
  color: #fff;
  font-size: 16px;
  margin: 0px;
  padding: 0 0 0 18px;
  line-height: 1.5;
}
#home #group .cc h2 {
  width: 244px;
  margin-bottom: 12px;
}
#home #group .cc h2 img {
  width: 100%;
}
#home #group .cc .box {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: top;
  flex-wrap: wrap;
}
#home #group .cc .box .cntnr {
  width: 50%;
  box-sizing: border-box;
  padding: 0 1.46484375%;
}
@media (max-width: 919px) {
  #home #group .cc .box .cntnr {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
#home #group .cc .box .cntnr h3 img {
  width: 100%;
  max-width: 458px;
}
#home #group .cc .box .cntnr img.img {
  width: 100%;
}
#home #group .cc .box .cntnr p {
  padding: 20px;
  text-align: center;
}
#home #links {
  padding: 50px 0 90px;
}
@media (max-width: 1140px) {
  #home #links .bb {
    box-sizing: border-box;
    padding: 0 1%;
  }
}
@media (max-width: 919px) {
  #home #links .bb {
    padding: 0;
  }
}
#home #links .bb ul {
  display: flex;
  justify-content: space-between;
  align-items: top;
}
@media (max-width: 919px) {
  #home #links .bb ul {
    display: block;
  }
}
#home #links .bb ul li {
  display: block;
  max-width: 362px;
}
@media (max-width: 1140px) {
  #home #links .bb ul li {
    box-sizing: border-box;
    padding: 0 1%;
  }
}
@media (max-width: 919px) {
  #home #links .bb ul li {
    display: block;
    text-align: center;
    padding: 0 20px;
    width: 100%;
    max-width: none;
  }
}
#home #links .bb ul li a img {
  width: 100%;
}
@media (max-width: 919px) {
  #home #links .bb ul li a img {
    max-width: 362px;
  }
}
#home #recruit .bb {
  background-color: #2684c9;
  padding: 60px 60px 40px;
}
@media (max-width: 919px) {
  #home #recruit .bb {
    padding: 40px 20px 30px;
  }
}
#home #recruit .bb h2 {
  color: #fff;
  text-align: center;
}
#home #recruit .bb .box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#home #recruit .bb .box .txt {
  width: 55.3398058252%;
  text-align: center;
  position: relative;
  top: -10px;
}
@media (max-width: 919px) {
  #home #recruit .bb .box .txt {
    width: 100%;
    top: 0;
  }
}
#home #recruit .bb .box .txt p {
  display: inline-block;
  text-align: left;
  color: #fff;
  font-size: 29px;
  margin: 0;
  padding: 0;
}
#home #recruit .bb .box .txt div.btnBox {
  padding: 40px 0 20px 0;
}
@media (max-width: 919px) {
  #home #recruit .bb .box .txt div.btnBox {
    padding: 40px 0 50px 0;
  }
}
#home #recruit .bb .box .img {
  width: 44.6601941748%;
}
@media (max-width: 919px) {
  #home #recruit .bb .box .img {
    width: 100%;
  }
}
#home #works .bb {
  padding-bottom: 110px;
}
#home #works .bb h2 {
  padding-top: 90px;
  padding-bottom: 10px;
  text-align: center;
}
@media (max-width: 919px) {
  #home #works .bb h2 {
    padding-top: 50px;
  }
}
#home #works .bb .banaBox {
  width: 49.1228070175%;
  position: relative;
}
@media (max-width: 919px) {
  #home #works .bb .banaBox {
    max-width: 560px;
    margin: 0 auto;
    float: none !important;
    width: 100%;
  }
}
#home #works .bb .banaBox .bana {
  background-size: cover;
  background-position: center center;
  position: relative;
  height: auto;
}
#home #works .bb .banaBox .bana:before {
  content: "";
  display: block;
  padding-top: 49.6428571429%;
}
#home #works .bb .banaBox .bana a {
  display: block;
  background-color: #2684c9;
  background-color: rgba(38, 132, 201, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
}
#home #works .bb .banaBox .bana a span {
  font-size: 29px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
  display: block;
  width: 100%;
}
#home #works .bb #banaFix {
  float: left;
}
#home #works .bb #banaFix .bana {
  background-image: url(img/home/banaFix.jpg);
}
#home #works .bb #banaKikai {
  float: right;
}
#home #works .bb #banaKikai .bana {
  background-image: url(img/home/banaKikai.jpg);
}
#home #home_news .cc h2 {
  text-align: center;
  padding: 45px 0 40px 0;
  margin: 0;
}
#home #home_news .cc ul {
  display: flex;
  justify-content: top;
  align-items: left;
  flex-wrap: wrap;
}
#home #home_news .cc ul li {
  display: block;
  width: 33.333%;
  box-sizing: border-box;
  padding: 38px 30px;
  position: relative;
}
@media (max-width: 919px) {
  #home #home_news .cc ul li {
    width: 100%;
    padding: 20px 10px 0;
  }
}
#home #home_news .cc ul li div.date {
  padding-bottom: 0px;
}
#home #home_news .cc ul li div.txt {
  padding-bottom: 0px;
}
@media (max-width: 919px) {
  #home #home_news .cc ul li div.txt {
    padding-bottom: 10px;
  }
}
#home #home_news .cc ul li div.link {
  position: absolute;
  bottom: 0;
}
@media (max-width: 919px) {
  #home #home_news .cc ul li div.link {
    position: static;
    bottom: auto;
  }
}
#home #home_news .cc .btnBox {
  text-align: center;
  padding-bottom: 40px;
}
#home #about {
  padding-top: 30px;
  padding-bottom: 120px;
  overflow: hidden;
}
#home #about .cc {
  display: flex;
  justify-content: left;
  align-items: top;
  flex-wrap: wrap;
}
#home #about .cc .txt {
  padding-top: 40px;
  width: 44.5614035088%;
  padding-right: 5.6140350877%;
  box-sizing: border-box;
}
#home #about .cc .img {
  width: 49.8245614035%;
  box-sizing: border-box;
}
#home #about .cc .img img {
  width: 768px;
}
@media (max-width: 919px) {
  #home #about .cc .txt {
    width: 100%;
    padding: 20px 0 40px 0;
  }
  #home #about .cc .img {
    width: 100%;
  }
  #home #about .cc .img img {
    width: 100%;
  }
}

#header {
  position: fixed;
  background-color: #fff;
  height: 98px;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #eee;
}
@media (max-width: 979px) {
  #header {
    height: 60px;
  }
}
#header .headerBox {
  position: relative;
  height: 98px;
  max-width: 1140px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 auto;
}
@media (max-width: 979px) {
  #header .headerBox {
    height: 60px;
  }
}
#header .headerBox h1 {
  position: absolute;
  left: 10px;
  top: 30px;
  width: 381px;
}
@media (max-width: 979px) {
  #header .headerBox h1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 380px;
  }
}
@media (max-width: 470px) {
  #header .headerBox h1 {
    width: 73%;
  }
}
#header .headerBox h1 a {
  display: block;
  width: 100%;
}
#header .headerBox h1 a img {
  display: block;
  width: 100%;
}
#header .headerBox #navBox {
  position: absolute;
  right: 0;
  width: 560px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media (max-width: 979px) {
  #header .headerBox #navBox {
    display: none;
  }
}
#header .headerBox #navBox ul.navLists {
  display: flex;
  width: 100%;
  height: 60px;
  background-color: #fff;
  position: relative;
  transition: all 0.3s;
  padding: 0;
  margin: 0;
}
#header .headerBox #navBox ul.navLists li.navList {
  width: 25%;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}
#header .headerBox #navBox ul.navLists li.navList a, #header .headerBox #navBox ul.navLists li.navList span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 20px;
  box-sizing: border-box;
  transition: all 0.3s;
  font-size: 16px;
  color: black;
}
#header .headerBox #navBox ul.navLists li.navList a img.pulldown, #header .headerBox #navBox ul.navLists li.navList span img.pulldown {
  position: relative;
  width: 15px;
  height: auto;
  padding: 0 8px;
}
#header .headerBox #navBox ul.navLists li.navList span {
  color: #2684c9;
}
#header .headerBox #navBox ul.navLists li.navList .dropdownLists {
  display: none; /*デフォルトでは非表示の状態にしておく*/
  width: 190px;
  position: absolute;
  top: 60px;
  right: 0;
  padding: 15px 28px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #2684c9;
  background-color: #fff;
  /*
  				.dropdownList:not(:first-child)::before{
  				    content: "";
  				    width: 100%;
  				    height: 1px;
  				    background-color: #3492d1;
  				    position: absolute;
  				    top: 0;
  				    left: 0;
  				}
  */
  /*
  				.dropdownList a::before {
  				    content: '';
  				    display: block;
  				    width: 6px;
  				    height: 6px;
  				    border-top: 2px solid #fff;
  				    border-left: 2px solid #fff;
  				    transform: rotate(135deg);
  				    position: absolute;
  				    right: 15px;
  				    top: calc(50% - 5px);
  				}
  */
}
#header .headerBox #navBox ul.navLists li.navList .dropdownLists .dropdownList {
  text-align: left;
  display: block;
  padding: 0;
  margin: 0;
  background-color: #fff;
  height: auto;
  transition: all 0.3s;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  margin: 0;
  border: none;
  line-height: 1em;
}
#header .headerBox #navBox ul.navLists li.navList .dropdownLists .dropdownList a {
  display: flex;
  justify-content: left;
  align-items: center;
  color: #000;
  text-decoration: none;
  position: relative;
  padding: 13px 0;
}
#header .headerBox #navBox ul.navLists li.navList .dropdownLists .dropdownList a:hover {
  color: #2684c9;
}
#header .headerBox #navBox ul.navLists .navList:hover .dropdownLists {
  display: block; /*Gナビメニューにホバーしたら表示*/
}
#header .headerBox #navBox ul.navLists .navList:not(:first-child)::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
#navSp {
  display: none;
  right: 0;
  width: 100%;
  z-index: 990;
  top: 60px;
  position: fixed;
  border-top: 1px solid #eee;
  width: 100%;
  height: 100%;
  overflow: auto;
  top: 0;
  z-index: 990;
}
@media (min-width: 980px) {
  #navSp {
    display: none !important;
  }
}
#navSp ul.navLists {
  display: block;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s;
  padding: 0;
  margin: 0;
}
#navSp ul.navLists li.navList {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}
#navSp ul.navLists li.navList a, #navSp ul.navLists li.navList span {
  width: 100%;
  text-decoration: none;
  padding: 10px 20px;
  box-sizing: border-box;
  transition: all 0.3s;
  font-size: 16px;
  color: black;
  position: relative;
  display: block;
}
#navSp ul.navLists li.navList a img.pulldown, #navSp ul.navLists li.navList span img.pulldown {
  position: absolute;
  width: 15px;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 20px;
}
#navSp ul.navLists li.navList a img.pulldown.open, #navSp ul.navLists li.navList span img.pulldown.open {
  transform: rotate(180deg);
}
#navSp ul.navLists li.navList span {
  color: #2684c9;
}
#navSp ul.navLists li.navList .dropdownLists {
  display: block;
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
#navSp ul.navLists li.navList .dropdownLists .dropdownList {
  border-top: 1px solid #eee;
  display: block;
  padding: 0;
  margin: 0;
}
#navSp ul.navLists li.navList .dropdownLists .dropdownList a {
  display: flex;
  justify-content: left;
  align-items: center;
  color: #000;
  text-decoration: none;
  position: relative;
  padding: 10px 20px 10px 40px;
}
#navSp ul.navLists li.navList .dropdownLists .dropdownList a:hover {
  color: #2684c9;
}
#navSp ul.navLists li.navList .dropdownLists.open {
  display: block;
}

#footer {
  background-color: #2684c9;
  padding: 38px 20px;
}
@media (max-width: 919px) {
  #footer {
    padding: 20px;
  }
}
#footer h1 {
  max-width: 436px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
}
@media (max-width: 919px) {
  #footer h1 {
    padding-bottom: 0px;
  }
}
#footer h1 img {
  width: 100%;
}
#footer .cntnr {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 919px) {
  #footer .cntnr {
    display: none;
  }
}
#footer .cntnr div.list {
  display: inline-block;
  padding-right: 50px;
  vertical-align: top;
}
@media (max-width: 919px) {
  #footer .cntnr div.list {
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 20px;
  }
}
#footer .cntnr div.list h2 {
  color: #fff;
  font-size: 18px;
  text-align: left;
  margin-bottom: 15px;
}
#footer .cntnr div.list h2 a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
#footer .cntnr div.list ul {
  text-align: left;
}
#footer .cntnr div.list ul li {
  display: block;
  margin-bottom: 5px;
}
#footer .cntnr div.list ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
#footer .cntnr div.list ul li a span {
  display: inline-block;
  padding-left: 10px;
}
#footer .cntnr div.list ul.ulpc {
  display: block;
}
@media (max-width: 979px) {
  #footer .cntnr div.list ul.ulpc {
    display: none;
  }
}
#footer .cntnr div.list ul.ulsp {
  display: none;
}
@media (max-width: 979px) {
  #footer .cntnr div.list ul.ulsp {
    display: block;
  }
}
#footer .cntnr div.list.last {
  padding-right: 0;
}
@media (max-width: 919px) {
  #footer .cntnr div.list.last {
    padding: 0 20px 20px;
  }
}

#navSp.open {
  display: none;
}
@media (max-width: 979px) {
  #navSp.open {
    display: block;
  }
}

a.thisPage {
  color: #2684c9 !important;
}

.button {
  background-color: #2684c9;
  border: 0;
  color: #fff;
  font-size: 17px;
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.button:hover {
  color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.button_w {
  background-color: #fff;
  border: 0;
  color: #2684c9;
  font-size: 21px;
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 15px 40px;
  text-decoration: none;
}

a.detail {
  display: inline-block;
  background-image: url(img/yajirushi.png);
  background-repeat: no-repeat;
  padding-right: 20px;
  background-size: 15px auto;
  background-position: right center;
  font-size: 17px;
  text-decoration: none;
  color: #2684c9;
}

a.newWindow {
  display: inline-block;
  background-image: url(img/newWindow.png);
  background-repeat: no-repeat;
  padding-right: 20px;
  background-size: 15px auto;
  background-position: right center;
  font-size: 17px;
  text-decoration: none;
  color: #2684c9;
}

h2 {
  font-weight: bold;
  font-size: 38px;
  letter-spacing: 0;
}
@media (max-width: 919px) {
  h2 {
    font-size: 25px;
    text-align: center;
  }
}

a.googleMapBtn {
  display: block;
  max-width: 200px;
  width: 100%;
  padding: 10px 0;
}
a.googleMapBtn img {
  display: block;
  width: 100%;
}

h4 {
  letter-spacing: 0;
}

ul.listStyleNumeric {
  list-style: decimal;
  padding-left: 20px;
  margin-bottom: 0;
}

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

body#reservation .cc .ccntnr, body#entry .cc .ccntnr {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 60px 0;
}
body#reservation .cc .ccntnr span.red, body#entry .cc .ccntnr span.red {
  color: #a00;
}
body#reservation .cc .ccntnr h2, body#entry .cc .ccntnr h2 {
  font-size: 24px;
  text-align: left;
  line-height: 1.5;
  border-bottom: 1px solid #000;
  border-bottom: 1px solid #2684c9;
  padding: 5px;
}
body#reservation .cc .ccntnr h3, body#entry .cc .ccntnr h3 {
  font-size: 20px;
  text-align: left;
  line-height: 1.5;
  padding: 20px 0 10px;
  margin: 0;
}
body#reservation .cc .ccntnr .message, body#entry .cc .ccntnr .message {
  border: 1px solid #ddd;
  background-color: #f0f0f0;
  padding: 20px 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 40px;
}
body#reservation .cc .ccntnr .message strong, body#entry .cc .ccntnr .message strong {
  font-size: 18px;
}
body#reservation .cc .ccntnr .message ul, body#entry .cc .ccntnr .message ul {
  padding-left: 5px;
  padding-top: 10px;
  margin-bottom: 10px;
}
body#reservation .cc .ccntnr .message ul li, body#entry .cc .ccntnr .message ul li {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
body#reservation .cc .ccntnr .message ul li:before, body#entry .cc .ccntnr .message ul li:before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
}
body#reservation .cc .ccntnr .message ul li, body#entry .cc .ccntnr .message ul li {
  margin-bottom: 5px;
}
body#reservation .cc .ccntnr table.eventstime th, body#entry .cc .ccntnr table.eventstime th {
  max-width: 140px;
}

form table.form {
  margin-bottom: 10px;
}
@media (max-width: 919px) {
  form table.form td, form table.form th {
    display: block;
  }
}
@media (max-width: 919px) {
  form table.form th {
    border-bottom: 0;
    padding-bottom: 5px;
  }
}
form table.form td textarea {
  height: 180px;
  margin: 0;
  display: block;
}
form table.form td .heightChangeBtn {
  display: none;
}
form table.form td label input {
  display: inline-block;
  margin-right: 10px;
}
form table.form td label p {
  display: inline;
  padding: 0;
}
form table.form td input.input {
  margin: 0;
}
@media (max-width: 919px) {
  form table.form td {
    padding-top: 0;
    padding-left: 0;
  }
}
form table.form td select {
  margin: 0;
}
form table.form tr.kiyaku td, form table.form tr.kiyaku th {
  border: none;
}
form p.center {
  text-align: center;
}
form button.g-recaptcha {
  border: 1px solid #2684c9;
  background-color: #2684c9;
  color: #fff;
  font-weight: bold;
}

strong.line, span.line {
  background: -webkit-linear-gradient(transparent 60%, #faed00 0%);
  background: linear-gradient(transparent 60%, #faed00 0%);
  padding: 0 3px 3px 3px;
  font-weight: bold;
}

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

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

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

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

.formErr {
  border-bottom: 3px solid #b03;
  font-weight: bold;
  color: #b03;
  margin-bottom: 10px;
}

h2.gradation {
  background: rgb(38, 132, 201);
  background: linear-gradient(90deg, rgb(38, 132, 201) 0%, rgb(38, 0, 184) 100%);
  padding: 10px 20px !important;
  font-size: 30px;
  color: #fff;
  text-align: left !important;
  letter-spacing: normal;
}
@media (max-width: 919px) {
  h2.gradation {
    font-size: 26px;
    letter-spacing: 0;
  }
}
h2.gradation span {
  font-size: 20px;
  padding-left: 20px;
}
@media (max-width: 919px) {
  h2.gradation span {
    font-size: 16px;
    letter-spacing: 0;
  }
}

div.gBtnBox {
  text-align: center;
}
div.gBtnBox a {
  display: inline-block;
  background: rgb(38, 132, 201);
  background: linear-gradient(90deg, rgb(38, 132, 201) 0%, rgb(38, 0, 184) 100%);
  color: #fff;
  text-decoration: none;
  padding: 5px 20px;
}

div.cateBox, ul.cateBox {
  padding-bottom: 0px;
}
div.cateBox a.cate, div.cateBox span.cate, ul.cateBox a.cate, ul.cateBox span.cate {
  display: inline-block;
  line-height: 1em;
  font-weight: bold;
  font-size: 15px;
  padding: 2px 12px;
  color: #fff;
  text-decoration: none;
  border: 1px solid;
}
div.cateBox .cate.oshirase, ul.cateBox .cate.oshirase {
  border-color: #20aaff;
}
div.cateBox .cate.kessan, ul.cateBox .cate.kessan {
  border-color: #474891;
}
div.cateBox .cate.recruit, ul.cateBox .cate.recruit {
  border-color: #bb1d7b;
}
div.cateBox .cate.other, ul.cateBox .cate.other {
  border-color: #48a187;
}
div.cateBox a.cate.oshirase, ul.cateBox a.cate.oshirase {
  background-color: #20aaff;
}
div.cateBox a.cate.kessan, ul.cateBox a.cate.kessan {
  background-color: #474891;
}
div.cateBox a.cate.recruit, ul.cateBox a.cate.recruit {
  background-color: #bb1d7b;
}
div.cateBox a.cate.other, ul.cateBox a.cate.other {
  background-color: #48a187;
}
div.cateBox span.cate.oshirase, ul.cateBox span.cate.oshirase {
  color: #20aaff;
}
div.cateBox span.cate.kessan, ul.cateBox span.cate.kessan {
  color: #474891;
}
div.cateBox span.cate.recruit, ul.cateBox span.cate.recruit {
  color: #bb1d7b;
}
div.cateBox span.cate.other, ul.cateBox span.cate.other {
  color: #48a187;
}

#recruitBtnPC {
  display: none;
  width: 74px;
  position: fixed;
  right: 0;
  top: 99px;
  z-index: 999;
}
#recruitBtnPC img {
  display: block;
  width: 100%;
}

#recruitBtnSP {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  z-index: 999;
  background-color: #2684c9;
  padding: 10px;
  border-top: 1px solid #fff;
}
#recruitBtnSP img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

#home #recruitBtnPC {
  display: block;
}
@media (max-width: 979px) {
  #home #recruitBtnPC {
    display: none;
  }
}
#home #recruitBtnSP {
  display: none;
}
@media (max-width: 979px) {
  #home #recruitBtnSP {
    display: block;
  }
}
@media (max-width: 979px) {
  #home #footer {
    padding-bottom: 76px;
  }
}

a.mynavi2026 {
  width: 195px;
  display: block;
  margin: 0 auto;
}
a.mynavi2026 img {
  display: block;
  width: 100%;
}