@charset "UTF-8";
/* Media Queries */
/* Webフォントを読み込む場合 */
/*
@if $useWebFont {
	@font-face {
		font-family: 'GenJyuuGothic';
		src: url('fonts/GenJyuuGothic-Medium.ttf') format('truetype');
	}
	@font-face {
		font-family: 'GenJyuuGothicBold';
		src: url('fonts/GenJyuuGothic-Bold.ttf') format('truetype');
	}
	$fontFamily: 'GenJyuuGothic', $fontFamily;
	$fontFamilyBold: 'GenJyuuGothicBold', $fontFamily;
}
*/
/* 通常使うボタンのデザイン */
/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
/*
 * Mixin for placeholder
 * @include mixins.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;
}

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 settings.$breakPoint */
@media (min-width: 1010px) {
  .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　ここまで
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
*/
a {
  color: #356FC0;
}
a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  color: #356FC0;
}

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

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: 16px; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.7em;
  color: #111111;
  background-color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (min-width: 1010px) {
  body {
    font-size: 18px; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.8em;
  }
}

.button {
  text-transform: none;
  vertical-align: top;
}

h1 {
  margin: 0;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 0.05em;
}

h2 {
  font-size: 2.6rem;
  line-height: 1.25;
}

h3 {
  font-size: 2rem;
  line-height: 1.3;
}

h4 {
  font-size: 1.4rem;
  line-height: 1.35;
}

h5 {
  font-size: 1.2rem;
  line-height: 1.5;
}

h6 {
  font-size: 1rem;
  line-height: 1.6;
}

/* tabletより小さいの */
@media (min-width: 1010px) {
  h2 {
    font-size: 3.2rem;
  }
  h3 {
    font-size: 2.6rem;
  }
  h4 {
    font-size: 2rem;
  }
  h5 {
    font-size: 1.4rem;
  }
  h6 {
    font-size: 1rem;
  }
}
h2, h3, h4, h5, h6 {
  margin-bottom: 0;
}

.button {
  color: #fff !important;
  font-weight: bold !important;
  background-color: #356fc0;
  background-color: #356fc0;
  border: none !important;
  font-size: 16px !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 24px !important;
  margin: 0 0 !important;
  letter-spacing: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  font-family: "Noto Sans JP", YuGothic, "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
}
@media (max-width: 1009px) {
  .button {
    font-size: 14px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 32px !important;
    margin: 0 0 !important;
  }
}

.button:hover {
  color: #fff !important;
  background-color: #356fc0;
  background-color: #356fc0;
  border: none !important;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

@media (max-width: 1009px) {
  div.buttonBox {
    text-align: center;
  }
}

textarea { /* textareaは自由に高さを設定したい */
  height: auto;
}

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

li {
  margin-bottom: 0;
}

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

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

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

p {
  margin-bottom: 0;
}

input[type=checkbox], input[type=radio] {
  margin-right: 8px;
}

/*
	2カラムで左右を通常と逆にしたい場合は
	クラス「u-pull-right」、「u-pull-left」を「columns」を指定したDIVにそれぞれ追加する
*/
@media (min-width: 1010px) {
  .u-pull-right.columns {
    margin-left: 0;
    margin-right: 0;
  }
  .u-pull-left.columns {
    margin-left: 0;
    margin-right: 4%;
  }
}
/* 
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
以下はymstr独自css
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
*/
/* h系のタイトル */
h2.type1, h3.type1, h4.type1, h5.type1, h6.type1 {
  padding: 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #356FC0;
  border: 1px solid #e2e2e2;
  margin-bottom: 0;
  margin-top: 0;
  color: #111111;
  box-sizing: border-box;
  width: 100%;
}

/* h系のタイトル */
h2.type2, h3.type2, h4.type2, h5.type2, h6.type2 {
  padding: 0 0;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 0;
  margin-top: 0;
  color: #111111;
  box-sizing: border-box;
  width: 100%;
}

.imgFrame {
  box-sizing: border-box;
  display: inline-block;
  /* Larger than mobile */
}
@media (min-width: 0px) {
  .imgFrame {
    padding: 0 20px 0;
  }
}
@media (min-width: 1010px) {
  .imgFrame {
    padding: 5px;
  }
}
.imgFrame img {
  background: #fff;
  box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.6);
  padding: 6px;
}

.imgFrameBox {
  box-sizing: border-box;
  display: inline-block;
  padding: 5px;
  box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.6);
  background: #fff;
}

.kadomaru {
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  border-radius: 0.4em;
}

.danger {
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  border-radius: 0.4em;
  background: #F3336C;
  border: 1px solid #A30C26;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 0;
}

.icon, .icon1, .icon2, .icon3 {
  font-weight: bold;
  line-height: 1em !important;
  padding: 0.3em 0.4em;
  display: inline-block !important;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  border-radius: 2em;
}

.icon {
  color: #111111;
  background: #f0f0f0;
  border: 1px solid #ddd;
}

.icon1 {
  color: #fff;
  background: #EBE501;
}

.icon2 {
  color: #fff;
  background: #EBE501;
}

.icon3 {
  color: #fff;
  background: #356FC0;
}

.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 */
/* +-+-+-+-+-+-+-+-+-+-+-
	table
+-+-+-+-+-+-+-+-+-+-+- */
table.type1 {
  border-collapse: collapse;
  border: 1px solid #111111;
}
table.type1 tr.first {
  background: #356FC0 !important;
  color: #fff;
  font-weight: bold;
}
table.type1 tr:nth-child(odd) {
  background: #f0f0f0;
}
table.type1 tr:nth-child(even) {
  background: #fff;
}
table.type1 tr.last td, table.type1 tr.last th {
  border-bottom: 1px solid #111111;
}

@media (min-width: 1010px) {
  th {
    white-space: nowrap;
  }
}

/*
	form用のtable
*/
table.form, table.form2 {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 20px #fff solid;
  border-left: 0;
  border-right: 0;
}
@media (min-width: 1010px) {
  table.form, table.form2 {
    border-left: 20px #fff solid;
    border-right: 20px #fff solid;
  }
}
table.form tr th, table.form2 tr th {
  width: 38%;
  padding-right: 10px;
  padding-left: 10px;
}
table.form tr td, table.form2 tr td {
  width: 62%;
  padding-right: 10px;
  padding-left: 10px;
}
table.form tr th, table.form tr td, table.form2 tr th, table.form2 tr td {
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}
table.form tr th input, table.form tr td input, table.form2 tr th input, table.form2 tr td input {
  width: 100%;
  padding: 0 0 0 10px;
  margin: 0;
}
@media (max-width: 1010px) {
  table.form tr, table.form2 tr {
    display: block;
  }
  table.form tr th, table.form2 tr th {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
  }
  table.form tr td, table.form2 tr td {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
  }
  table.form tr th, table.form tr td, table.form2 tr th, table.form2 tr td {
    display: block;
  }
}

table.form2 tr th {
  width: 75%;
}
table.form2 tr td {
  width: 25%;
}
@media (max-width: 1010px) {
  table.form2 tr {
    display: block;
  }
  table.form2 tr th {
    width: 100%;
    padding: 0 0 10px 0;
  }
  table.form2 tr td {
    width: 100%;
  }
  table.form2 tr th, table.form2 tr td {
    display: block;
  }
}

/*
	【t1】1行目にthがあり、モバイル版だと1行目が削除され各データの1列目の背景色がsettings.$mainColorとなる。

*/
table.t1 {
  margin: 0;
  margin-bottom: 1em;
}
table.t1 tr {
  background-color: black !important;
}
table.t1 tr th, table.t1 tr td {
  border: 1px solid #f0f0f0;
  padding: 5px 10px !important;
}
table.t1 tr th {
  background: #EBE501;
  color: #fff;
}
table.t1 tr td {
  background: #fff;
}
table.t1 tr:nth-child(odd) td {
  background-color: #f0f0f0;
}
table.t1 tr:nth-child(even) td {
  background-color: #fff;
}
@media (max-width: 1010px) {
  table.t1 tr {
    display: block;
  }
  table.t1 tr th, table.t1 tr td {
    display: block;
    padding: 5px 10px !important;
  }
  table.t1 tr th {
    border: none;
  }
  table.t1 tr td .btns {
    margin-bottom: 0;
  }
  table.t1 tr td:first-child {
    background-color: #356FC0;
    color: white;
    font-weight: bold;
    border-bottom: none;
    border-top: none;
  }
  table.t1 tr td:nth-child(3) {
    border-top: none;
  }
  table.t1 tr:first-child {
    display: none !important;
  }
  table.t1 tr:first-child th, table.t1 tr:first-child td {
    display: none;
  }
  table.t1 tr:nth-child(2) td:first-child {
    border-top: 1px solid black !important;
  }
  table.t1 tr:nth-child(odd) td {
    background-color: #fff;
  }
  table.t1 tr:nth-child(odd) td:first-child {
    background-color: #356FC0;
  }
}

/*
	【t2】1行目にthがあり、モバイル版だと1行目が削除され各データの1列目の背景色がsettings.$mainColorとなる。

*/
table.t2 tr td, table.t2 tr th {
  padding-left: 1rem;
}
@media (max-width: 1010px) {
  table.t2 tr {
    display: block;
    box-sizing: border-box;
  }
  table.t2 tr th, table.t2 tr td {
    display: block;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  table.t2 tr th {
    border: none;
    padding-bottom: 0;
    font-weight: bold;
    padding-top: 1.2em;
  }
  table.t2 tr td:last-child {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 1.2em;
  }
}

hr {
  margin-bottom: 5.5rem;
}

hr.noBorder {
  margin: 0;
  margin-bottom: 5.5rem;
  border: 0;
}

hr.line {
  margin: 0;
  padding: 0 0 5.5rem 0;
  border: 0;
  border-top: 1px solid #f0f0f0;
}

hr.mini {
  width: 50%;
  border-style: dashed;
}

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

/* list */
ul.table li {
  float: left;
  box-sizing: border-box;
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}
ul.table li.one {
  width: 100%;
}
ul.table li.two {
  width: 50%;
}
ul.table li.three {
  width: 33%;
}

ul.type1, ol {
  list-style-position: outside;
  padding-left: 2em;
}

ul.type1 {
  list-style-type: circle;
}
ul.type1 ul.type1 {
  list-style-type: disc;
}

.listStyleNone {
  list-style: none !important;
}

.listStyleCircle {
  list-style-position: outside;
  padding-left: 2em;
  list-style-type: circle !important;
}

.listStyleDecimal {
  list-style-position: outside;
  padding-left: 2em;
  list-style-type: decimal !important;
}

.listStyleRoman {
  list-style-position: outside;
  padding-left: 2em;
  list-style-type: lower-roman !important;
}

/* box */
.grayBox, .transparentBox, .colorBox {
  padding: 0 0;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  border-radius: 0.4em;
  margin-bottom: 0;
  margin-top: 0;
}
.grayBox .box, .transparentBox .box, .colorBox .box {
  padding: 0.5rem 1rem;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  border-radius: 0.4em;
  background: #fff;
  border: 1px solid #e0e0e0;
}

ul.grayBox li, ul.transparentBox li, ul.colorBox li {
  margin-bottom: 0;
}

.grayBox, .transparentBox {
  background: #f0f0f0;
  border: 1px solid #ddd;
  color: #111111;
}
.grayBox .grayBox, .transparentBox .grayBox, .grayBox .transparentBox, .transparentBox .transparentBox {
  background: #356FC0;
  border: 1px solid #356FC0;
  color: #111111;
}
.grayBox .grayBox .grayBox, .transparentBox .grayBox .grayBox, .grayBox .transparentBox .grayBox, .transparentBox .transparentBox .grayBox, .grayBox .grayBox .transparentBox, .transparentBox .grayBox .transparentBox, .grayBox .transparentBox .transparentBox, .transparentBox .transparentBox .transparentBox {
  background: #EBE501;
  border: 1px solid #EBE501;
  color: #fff;
}

.transparentBox {
  background-color: transparent;
  border-color: transparent;
}
.transparentBox .grayBox, .transparentBox .transparentBox {
  background: #f0f0f0;
  border: 1px solid #ddd;
  color: #111111;
}
.transparentBox .grayBox .grayBox, .transparentBox .transparentBox .grayBox, .transparentBox .grayBox .transparentBox, .transparentBox .transparentBox .transparentBox {
  background: #356FC0;
  border: 1px solid #356FC0;
  color: #111111;
}

.colorBox {
  background: #d6e2ed;
  border: 1px solid #94b5d3;
  color: #033766;
}

/* box */
.whiteBox {
  padding: 0.5rem 1rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-bottom: 0;
  background-color: #fff;
}
.whiteBox .box {
  padding: 0.5rem 1rem;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  border-radius: 0.4em;
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
}
.whiteBox .grayBox, .whiteBox .transparentBox {
  background: #f0f0f0;
}
.whiteBox .grayBox .grayBox, .whiteBox .transparentBox .grayBox, .whiteBox .grayBox .transparentBox, .whiteBox .transparentBox .transparentBox {
  background: #fff;
}

/* 
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
レスポンシブ汎用
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
省略形（mb, sp, tb, dt, bp）で表すと「以下」となり
省略しない（smartphone, tablet, desktop, breakPoint）で表すと「以上」となる
「_inline」「_inline-block」「_block」
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
/* モバイルのみ表示 */
.mb_inline {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .mb_inline {
    display: inline !important;
  }
}
@media (min-width: 650px) {
  .mb_inline {
    display: none !important;
  }
}

.mb_inline-block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .mb_inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 650px) {
  .mb_inline-block {
    display: none !important;
  }
}

.mb, .mb_block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .mb, .mb_block {
    display: block !important;
  }
}
@media (min-width: 650px) {
  .mb, .mb_block {
    display: none !important;
  }
}

/* スマホ以下のみ表示 */
.sp_inline {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .sp_inline {
    display: inline !important;
  }
}
@media (min-width: 1010px) {
  .sp_inline {
    display: none !important;
  }
}

.sp_inline-block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .sp_inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1010px) {
  .sp_inline-block {
    display: none !important;
  }
}

.sp, .sp_block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .sp, .sp_block {
    display: block !important;
  }
}
@media (min-width: 1010px) {
  .sp, .sp_block {
    display: none !important;
  }
}

/* タブレット以下のみ表示 */
.tb_inline {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .tb_inline {
    display: inline !important;
  }
}
@media (min-width: 1100px) {
  .tb_inline {
    display: none !important;
  }
}

.tb_inline-block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .tb_inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1100px) {
  .tb_inline-block {
    display: none !important;
  }
}

.tb, .tb_block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .tb, .tb_block {
    display: block !important;
  }
}
@media (min-width: 1100px) {
  .tb, .tb_block {
    display: none !important;
  }
}

/* デスクトップ以下のみ表示（この上にはdesktopHDがある） */
@media (min-width: 0) {
  .dt_inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .dt_inline {
    display: none !important;
  }
}

@media (min-width: 0) {
  .dt_inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .dt_inline-block {
    display: none !important;
  }
}

@media (min-width: 0) {
  .dt, .dt_block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .dt, .dt_block {
    display: none !important;
  }
}

/* settings.$breakPoint以下のみ表示 */
@media (min-width: 0) {
  .bp_inline {
    display: inline !important;
  }
}
@media (min-width: 1010px) {
  .bp_inline {
    display: none !important;
  }
}

@media (min-width: 0) {
  .bp_inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1010px) {
  .bp_inline-block {
    display: none !important;
  }
}

@media (min-width: 0) {
  .dt, .bp_block {
    display: block !important;
  }
}
@media (min-width: 1010px) {
  .dt, .bp_block {
    display: none !important;
  }
}

/* スマートフォン以上で表示 */
.smartphone_inline {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .smartphone_inline {
    display: none !important;
  }
}
@media (min-width: 650px) {
  .smartphone_inline {
    display: inline !important;
  }
}

.smartphone_inline_block, .smartphone_inline-block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .smartphone_inline_block, .smartphone_inline-block {
    display: none !important;
  }
}
@media (min-width: 650px) {
  .smartphone_inline_block, .smartphone_inline-block {
    display: inline-block !important;
  }
}

.smartphone, .smartphone_block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .smartphone, .smartphone_block {
    display: none !important;
  }
}
@media (min-width: 650px) {
  .smartphone, .smartphone_block {
    display: block !important;
  }
}

/* タブレット以上で表示 */
.tablet_inline {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .tablet_inline {
    display: none !important;
  }
}
@media (min-width: 850px) {
  .tablet_inline {
    display: inline !important;
  }
}

.tablet_inline_block, .tablet_inline-block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .tablet_inline_block, .tablet_inline-block {
    display: none !important;
  }
}
@media (min-width: 850px) {
  .tablet_inline_block, .tablet_inline-block {
    display: inline-block !important;
  }
}

.tablet, .tablet_block {
  /* Larger than tablet */
}
@media (min-width: 0) {
  .tablet, .tablet_block {
    display: none !important;
  }
}
@media (min-width: 850px) {
  .tablet, .tablet_block {
    display: block !important;
  }
}

/* デスクトップ以上で表示 */
.desktop_inline {
  /* Larger than desktop */
}
@media (min-width: 0) {
  .desktop_inline {
    display: none !important;
  }
}
@media (min-width: 1100px) {
  .desktop_inline {
    display: inline !important;
  }
}

.desktop_inline-block {
  /* Larger than desktop */
}
@media (min-width: 0) {
  .desktop_inline-block {
    display: none !important;
  }
}
@media (min-width: 1100px) {
  .desktop_inline-block {
    display: inline-block !important;
  }
}

.desktop, .desktop_block {
  /* Larger than desktop */
}
@media (min-width: 0) {
  .desktop, .desktop_block {
    display: none !important;
  }
}
@media (min-width: 1100px) {
  .desktop, .desktop_block {
    display: block !important;
  }
}

/* デスクトップHD以上で表示 */
.desktopHD_inline {
  /* Larger than desktopHD */
}
@media (min-width: 0) {
  .desktopHD_inline {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .desktopHD_inline {
    display: inline !important;
  }
}

.desktopHD_inline-block {
  /* Larger than desktopHD */
}
@media (min-width: 0) {
  .desktopHD_inline-block {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .desktopHD_inline-block {
    display: inline-block !important;
  }
}

.desktopHD, .desktopHD_block {
  /* Larger than desktopHD */
}
@media (min-width: 0) {
  .desktopHD, .desktopHD_block {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .desktopHD, .desktopHD_block {
    display: block !important;
  }
}

/* settings.$breakPoint以上で表示 */
@media (min-width: 0) {
  .breakPoint_inline {
    display: none !important;
  }
}
@media (min-width: 1010px) {
  .breakPoint_inline {
    display: inline !important;
  }
}

@media (min-width: 0) {
  .breakPoint_inline-block {
    display: none !important;
  }
}
@media (min-width: 1010px) {
  .breakPoint_inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 0) {
  .breakPoint, .breakPoint_block {
    display: none !important;
  }
}
@media (min-width: 1010px) {
  .breakPoint, .breakPoint_block {
    display: block !important;
  }
}

/* 汎用 */
.height1em {
  line-height: 1em;
  height: 1em;
}

.displayNone {
  display: none;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.textDecorationNone {
  text-decoration: none;
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.m_t0 {
  margin-top: 0px !important;
}

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

.p_t0 {
  padding-top: 0px !important;
}

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

.m_l0 {
  margin-left: 0px !important;
}

.m_r0 {
  margin-right: 0px !important;
}

.p_l0 {
  padding-left: 0px !important;
}

.p_r0 {
  padding-right: 0px !important;
}

.m5 {
  margin: 5px !important;
}

.p5 {
  padding: 5px !important;
}

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

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

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

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

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

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

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

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

.m10 {
  margin: 10px !important;
}

.p10 {
  padding: 10px !important;
}

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

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

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

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

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

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

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

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

.m15 {
  margin: 15px !important;
}

.p15 {
  padding: 15px !important;
}

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

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

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

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

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

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

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

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

.m20 {
  margin: 20px !important;
}

.p20 {
  padding: 20px !important;
}

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

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

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

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

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

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

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

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

.m25 {
  margin: 25px !important;
}

.p25 {
  padding: 25px !important;
}

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

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

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

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

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

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

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

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

.m30 {
  margin: 30px !important;
}

.p30 {
  padding: 30px !important;
}

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

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

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

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

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

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

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

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

.m35 {
  margin: 35px !important;
}

.p35 {
  padding: 35px !important;
}

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

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

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

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

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

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

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

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

.m40 {
  margin: 40px !important;
}

.p40 {
  padding: 40px !important;
}

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

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

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

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

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

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

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

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

.m45 {
  margin: 45px !important;
}

.p45 {
  padding: 45px !important;
}

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

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

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

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

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

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

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

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

.m50 {
  margin: 50px !important;
}

.p50 {
  padding: 50px !important;
}

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

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

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

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

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

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

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

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

.eisuuKaigyo {
  word-break: break-all !important;
}

.borderNone {
  border: none !important;
}

.facebook {
  color: #3b5998 !important;
}

.twitter {
  color: #55acee !important;
}

.google-plus {
  color: #dd4b39 !important;
}

.line-icon {
  color: #00c300 !important;
}

.white {
  color: #fff;
}

.red {
  color: #900;
}

@media (min-width: 650px) {
  .columnsLeftLine {
    border-left: 1px dotted #e1e1e1;
    padding-left: 8%;
  }
}

.clearBoth {
  clear: both;
}

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

.normal {
  font-weight: normal !important;
}

.formErr {
  color: #EBE501;
  font-weight: bold;
  border: 2px solid #EBE501;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  border-radius: 0.4em;
}

.bgCover1 {
  background-size: cover;
  background-position: center center;
  padding: 12rem 0 3rem 0;
  width: 100%;
}
.bgCover1 h2, .bgCover1 p {
  padding: 8px 18px;
  margin-bottom: 1px;
  display: inline-block;
}
.bgCover1 h2 {
  color: #111111;
  font-size: 1.8rem;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
}
.bgCover1 p {
  color: #fff;
  font-size: 1.5rem;
  background-color: #111111;
  background-color: rgba(17, 17, 17, 0.9);
}
@media (max-width: 650px) {
  .bgCover1 {
    width: 100%;
    padding: 12rem 0 0 0;
  }
  .bgCover1 h2, .bgCover1 p {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 18px;
    display: block;
    margin-bottom: 0;
  }
  .bgCover1 h2 {
    color: #111111;
    font-size: 1.8rem;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .bgCover1 p {
    color: #fff;
    font-size: 1.5rem;
    background-color: #111111;
    background-color: rgba(17, 17, 17, 0.9);
  }
}
.bgCover1 .nextBtn a {
  border: 4px solid #fff;
  color: #fff;
}
.bgCover1 .nextBtn a:hover {
  border-color: #EBE501;
  color: #EBE501;
}
@media (max-width: 650px) {
  .bgCover1 .nextBtn {
    width: 100%;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 10px 0;
    display: block;
    margin-bottom: 0;
    background-color: #111111;
    background-color: rgba(17, 17, 17, 0.9);
  }
}

.bgCover2, .bgCover3, .bgCover4 {
  background-size: cover;
  background-position: center center;
  padding-top: 8rem;
  padding-bottom: 4rem;
}
.bgCover2 h2, .bgCover2 h3, .bgCover3 h2, .bgCover3 h3, .bgCover4 h2, .bgCover4 h3 {
  padding-bottom: 4rem;
  text-align: center;
  margin-bottom: 0;
}
.bgCover2 .center, .bgCover3 .center, .bgCover4 .center {
  background: none;
  text-align: center;
}
.bgCover2 .noBg, .bgCover2 .whiteBg, .bgCover2 .blackBg, .bgCover3 .noBg, .bgCover3 .whiteBg, .bgCover3 .blackBg, .bgCover4 .noBg, .bgCover4 .whiteBg, .bgCover4 .blackBg {
  text-align: left;
  padding: 10px 20px;
}
@media (min-width: 0) {
  .bgCover2 .noBg, .bgCover2 .whiteBg, .bgCover2 .blackBg, .bgCover3 .noBg, .bgCover3 .whiteBg, .bgCover3 .blackBg, .bgCover4 .noBg, .bgCover4 .whiteBg, .bgCover4 .blackBg {
    margin: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1160px) {
  .bgCover2 .noBg, .bgCover2 .whiteBg, .bgCover2 .blackBg, .bgCover3 .noBg, .bgCover3 .whiteBg, .bgCover3 .blackBg, .bgCover4 .noBg, .bgCover4 .whiteBg, .bgCover4 .blackBg {
    width: 1040px;
    margin: 1rem auto;
    margin-bottom: 0;
  }
}
.bgCover2 .nextBtn, .bgCover3 .nextBtn, .bgCover4 .nextBtn {
  padding: 10px 0 20px 0;
  background-color: none;
}

.bgCover2 {
  background-color: #356FC0;
}
.bgCover2 h2, .bgCover2 h3 {
  color: #fff;
}
.bgCover2 h2.type2, .bgCover2 h3.type2 {
  color: #fff;
  border-color: #fff;
  padding: 0 0;
}
.bgCover2 .center {
  color: #fff;
}
.bgCover2 .nextBtn {
  background-color: none;
}
.bgCover2 .tinyLine {
  background-color: #fff;
}
.bgCover2 .nextBtn a {
  border: 4px solid #fff;
  color: #fff;
}
.bgCover2 .nextBtn a:hover {
  border-color: #EBE501;
  color: #EBE501;
}

.blackBg {
  background-color: #111111;
  background-color: rgba(17, 17, 17, 0.1);
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

.whiteBg {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  border-radius: 0.4rem;
}

.bgCover3 {
  background-color: #fff;
}
.bgCover3 h2, .bgCover3 h3 {
  color: #111111;
}
.bgCover3 .center {
  color: #111111;
}
.bgCover3 .tinyLine {
  background-color: #EBE501;
}

.tinyLine {
  width: 100px;
  margin: 0 auto;
  height: 1px;
  background-color: #EBE501;
  margin-bottom: 3rem;
}

.fi-social-facebook {
  color: #3B5998;
}

.fi-social-twitter {
  color: #55acee;
}

.fi-social-google-plus {
  color: #dd4b39;
}

.jpsns-icons-line {
  color: #00c300;
}

.scale img {
  -moz-transition: -moz-transform 0.4s ease-out;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease-out;
  -ms-transition: -ms-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
}

.scale img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.headerSpacer {
  padding: 0;
  margin: 0;
  background: none;
  overflow: hidden;
  /* Smaller than tablet */
  /* Larger than tablet */
}
@media (max-width: 1009px) {
  .headerSpacer {
    height: 0px;
  }
}
@media (min-width: 1010px) {
  .headerSpacer {
    height: 130px;
  }
}

#sortList {
  padding: 0.5rem 0;
}
#sortList li {
  list-style: none;
  margin: 2px;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  padding: 0.5rem 1rem;
}
#sortList li .posted {
  padding: 0;
  margin: 0;
  font-size: 0.8em;
  color: #aaa;
}

.small {
  font-size: 0.9em;
}

.xsmall {
  font-size: 0.8em;
}

.xxsmall {
  font-size: 0.7em;
}

/*
	<a href="#" class="gotoTop"><i class="fi-arrow-up"></i></a>
	で表示
*/
.gotoTop, .circleBtn, .gotoNextBtn {
  box-sizing: border-box;
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
}
.gotoTop:hover, .circleBtn:hover, .gotoNextBtn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.gotoTop, .gotoNextBtn {
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  border-radius: 2rem;
  font-size: 2.2rem;
  height: 4rem;
  margin: 0 auto 2rem;
  padding-top: 0.6rem;
  width: 4rem;
}

.circleBtn {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  border-radius: 2em;
  font-size: 12px;
  font-weight: bold;
  height: 1.3em;
  width: 1.3em;
}

.imgWithTitle {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.4);
  border: 6px solid #fff;
  overflow: hidden;
}
.imgWithTitle:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.imgWithTitle img {
  box-sizing: border-box;
  display: block;
}
.imgWithTitle span.title {
  height: auto;
  line-height: 1.1;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  padding: 3px 3px 1px;
  background-color: #356fc0;
  background-color: rgba(53, 111, 192, 0.8);
  color: #fff;
  text-decoration: none;
}

.textWithShadow {
  text-shadow: 0 -1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 2px 2px #999;
}

.marugo {
  font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Memedical, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

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

.mincho {
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

table.destroyBreakPoint tr th input, table.destroyBreakPoint tr th textarea, table.destroyBreakPoint tr th select, table.destroyBreakPoint tr th fieldset, table.destroyBreakPoint tr th label, table.destroyBreakPoint tr td input, table.destroyBreakPoint tr td textarea, table.destroyBreakPoint tr td select, table.destroyBreakPoint tr td fieldset, table.destroyBreakPoint tr td label {
  margin-bottom: 0;
}
table.destroyBreakPoint tr th {
  padding-left: 15px;
}
@media (max-width: 1010px) {
  table.destroyBreakPoint tr {
    display: block;
  }
  table.destroyBreakPoint tr th, table.destroyBreakPoint tr td {
    display: block;
  }
  table.destroyBreakPoint tr th {
    border: none;
    padding-bottom: 0 !important;
  }
  table.destroyBreakPoint tr td {
    padding-top: 0 !important;
  }
}

strong {
  color: #111111;
}

.headerHeightPaddingBox {
  padding-top: 145px;
}

/*
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
one on one
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
_base.scssも確認！！
one on oneはsettings.$startOOOで設定する
*/
/* smaller than smartphone */
@media (max-width: 0px) {
  html.ooo .headerHeightPaddingBoxForSmartphone {
    padding-top: 130px;
  }
}
/* Larger than smartphone */
@media (min-width: 0px) {
  html.ooo {
    height: 100%;
    width: 100%;
  }
  html.ooo body {
    height: 100%;
    width: 100%;
  }
  html.ooo body #breadcrumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  html.ooo body .content {
    background-color: #356FC0;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: table;
    height: 100%;
    width: 100%;
  }
  html.ooo body .content .row {
    display: table;
    width: 100%;
    height: 100%;
  }
  html.ooo body .content .row .columns, html.ooo body .content .row .column {
    display: table;
    height: 100%;
  }
  html.ooo body .content .box {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
  }
  html.ooo body .noOoo {
    box-sizing: border-box;
    display: table;
    height: auto;
    width: 100%;
  }
}
@media (min-width: 0px) and (min-width: 0) {
  html.ooo body .noOoo {
    padding-top: 136.5px;
  }
}
@media (min-width: 0px) and (min-width: 650px) {
  html.ooo body .noOoo {
    padding-top: 162.5px;
  }
}
@media (min-width: 0px) {
  html.ooo body .noOoo .box {
    box-sizing: border-box;
    display: table-cell;
    height: auto;
    margin: 0;
    padding: 10px;
  }
  html.ooo body .firstDiv {
    padding-top: 130px;
  }
  html.ooo body .firstDiv h2 {
    padding-top: 4rem;
  }
}
@media (min-width: 0px) and (max-width: 650px) {
  html.ooo body .firstDiv {
    padding-top: 0;
  }
}
@media (min-width: 0px) {
  html.ooo body hr.lastHr {
    margin: 0;
    padding: 0;
    margin-bottom: 4rem;
    height: 0;
    border: none;
  }
}
/*
 / one on one
*/
/*
 / divコンテンツの幅
*/
/*
.ccや.bbの作り方を変更する
max-width: 1128px + 13px * 2;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 0;
*/
.bb {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
}

.cc {
  max-width: 1368px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 66px;
}
@media (max-width: 1368px) {
  .cc {
    box-sizing: border-box;
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 1009px) {
  .cc {
    box-sizing: border-box;
    padding: 0 20px;
  }
}

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

a:focus, *:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

h2.img img, h3.img img, h4.img img, h5.img img, h6.img img, p.img img {
  width: 100%;
}

p.img {
  text-align: center;
  width: 96%;
}

p {
  text-align: justify;
}

/* hr */
hr {
  height: 0;
  padding: 0;
  border: 0;
  clear: both;
}

hr.dotted {
  border-top: 1px dotted #111111;
}

body .firstDiv h2 {
  text-align: center;
  color: white;
}

#hamburgerIcon {
  position: absolute;
  right: 10px;
  top: 0;
  box-sizing: content-box;
  display: block;
  height: -34px;
  width: 19px;
  padding: 9px;
  margin: 8px 0 8px 0;
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
@media (min-width: 1010px) {
  #hamburgerIcon {
    display: none;
  }
}
#hamburgerIcon span {
  display: block;
  height: 2px;
  background-color: #EBE501;
  transition: all 0.3s;
  transform: rotate(0deg);
  position: absolute;
  width: 19px;
}
#hamburgerIcon .top {
  top: 9px;
}
#hamburgerIcon .middle {
  top: -9px;
}
#hamburgerIcon .bottom {
  bottom: 9px;
}
#hamburgerIcon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

#hamburgerIcon.x .top {
  transform: rotate(45deg) translateY(0) translateX(2.7824855788px);
  transform-origin: 2.7824855788px bottom;
  top: 9px;
}
#hamburgerIcon.x .middle {
  background: rgba(235, 229, 1, 0);
}
#hamburgerIcon.x .bottom {
  transform: rotate(-45deg) translateY(0) translateX(2.7824855788px);
  transform-origin: 2.7824855788px top;
  bottom: 9px;
}

a:focus-ring, *:focus-ring {
  outline: none;
}

.movie {
  position: relative;
  padding-top: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie object, .movie embed, .movie iframe, .movie html, .movie body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body:placeholder-shown {
  color: #ccc;
  font-weight: normal;
}
body::-webkit-input-placeholder {
  color: #ccc;
  font-weight: normal;
}
body:-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: normal;
}
body::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: normal;
}
body:-ms-input-placeholder {
  color: #ccc;
  font-weight: normal;
}

#alertBoxWrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #111111;
  background-color: rgba(17, 17, 17, 0.6);
  display: table;
  text-align: center;
  vertical-align: middle;
  display: none;
  padding: 0;
  margin: 0;
}
#alertBoxWrapper #alertBox {
  padding-top: 45vh;
  color: #fff;
  font-weight: bold;
}

label {
  display: inline-block;
  font-weight: normal;
  line-height: 1em;
  height: 1em;
}
label input[type=checkbox] {
  margin: 0;
  padding: 0;
  margin-right: 6px;
  margin-bottom: 5px;
  vertical-align: middle;
}

h2 {
  position: relative;
}
h2 .displayNoneBtn {
  position: absolute;
  right: 12px;
}

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

.alertBox {
  border: 2px solid #EBE501;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 20px;
  margin: 40px 5px 5px 5px;
  position: relative;
}

.alertBox:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  content: "\f101  注意！";
  color: #fff;
  box-sizing: border-box;
  background-color: #EBE501;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding-top: 7px;
  height: 28px;
  line-height: 1em;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  width: 120px;
  top: -28px;
  left: 10px;
  display: block;
}

.titleBox {
  border: 2px solid #EBE501;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 20px;
  margin: 40px 5px 5px 5px;
  position: relative;
}
.titleBox .title {
  color: #fff;
  box-sizing: border-box;
  background-color: #EBE501;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  padding: 7px 10px 0;
  height: 28px;
  line-height: 1em;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  top: -28px;
  left: 10px;
  display: block;
}

.titleBox.black {
  border: 2px solid #111111;
}
.titleBox.black .title {
  background-color: #111111;
}

.titleBox.gray {
  border: 2px solid gray;
}
.titleBox.gray .title {
  background-color: gray;
}

@keyframes fadeIn { /*animetion-nameで設定した値を書く*/
  0% {
    opacity: 0;
  } /*アニメーション開始時は不透明度0%*/
  100% {
    opacity: 1;
  } /*アニメーション終了時は不透明度100%*/
}
div.inner {
  box-sizing: border-box;
  padding: 0 66px;
  width: 100%;
}
@media (max-width: 1009px) {
  div.inner {
    padding: 0 20px;
  }
}

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

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

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

div.spacerQ {
  width: 100%;
  height: 12.5px;
}
@media (min-width: 1010px) {
  div.spacerQ {
    height: 25px;
  }
}

@media (min-width: 555px) {
  br.brMb {
    display: none;
  }
}

@media (min-width: 1010px) {
  br.brSp {
    display: none;
  }
}

@media (max-width: 1009px) {
  br.brPc {
    display: none;
  }
}

body {
  width: 100%;
  overflow-x: hidden;
}

@media (max-width: 649px) {
  body {
    font-family: "Noto Sans JP", YuGothic, "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  }
  body .bold, body strong, body h1, body h2, body h3, body h4, body h5, body h6, body h7 {
    font-family: "Noto Sans JP", YuGothic, "游ゴシック", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  }
}
/*
	formAssist
*/
.fa_black, .fa_black.bold {
  color: #000 !important;
}

.fa_thickerGrey, .fa_thickerGrey.bold {
  color: #333 !important;
}

.fa_darkGrey, .fa_darkGrey.bold {
  color: #666 !important;
}

.fa_grey, .fa_grey.bold {
  color: #999 !important;
}

.fa_lightGrey, .fa_lightGrey.bold {
  color: #ccc !important;
}

.fa_white, .fa_white.bold {
  color: #fff !important;
}

.fa_red, .fa_red.bold {
  color: #ca0909 !important;
}

.fa_green, .fa_green.bold {
  color: #2ba82b !important;
}

.fa_blue, .fa_blue.bold {
  color: #2121de !important;
}

.fa_yellow, .fa_yellow.bold {
  color: #fbd60c !important;
}

.fa_lightBlue, .fa_lightBlue.bold {
  color: #74a5ff !important;
}

.fa_violet, .fa_violet.bold {
  color: #e41192 !important;
}

.longurl, .longUrl {
  word-break: break-all;
}

.underline {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.line-through {
  text-decoration: line-through;
}

.fontSize24px {
  font-size: 24px;
}

.fontSize28px {
  font-size: 28px;
}

.fontSize32px {
  font-size: 32px;
}

.fontSize36px {
  font-size: 36px;
}

.fontSize40px {
  font-size: 40px;
}

.faDiv {
  padding: 10px 20px;
  border: 1px solid #111111;
  margin: 20px 0;
}

.googleMapiFrameBox {
  width: 100%;
  height: 420px;
  margin: 20px 0;
}
.googleMapiFrameBox iframe {
  display: block;
  height: 100%;
  width: 100%;
}

.faImgBox {
  padding: 20px;
}
.faImgBox img {
  display: block;
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
  height: auto;
}

/*
	formAssistここまで
*/
.headerAjust {
  margin-top: -150px;
  padding-top: 150px;
}
@media (max-width: 1009px) {
  .headerAjust {
    /*
    		margin-top: calc( settings.$headerHeightSp * -1);
    		padding-top: settings.$headerHeightSp;
    		margin-top: -23%;
    		padding-top: 23%;
    */
    margin-top: -20px;
    padding-top: 20px;
  }
}

/* ①〜⑳ を丸数字として定義（必要なら symbols を増やす）*/
@counter-style circled-decimal {
  system: fixed; /* ←整数を付けなければ既定値 1 */
  symbols: "①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩" "⑪" "⑫" "⑬" "⑭" "⑮" "⑯" "⑰" "⑱" "⑲" "⑳";
  suffix: " ";
}
ol.circled {
  list-style: circled-decimal;
  margin: 0;
  padding-left: 1.4em;
  font-weight: bold;
}

/* ネストした場合は普通の数字にしたいとき */
ol.circled ol {
  list-style: decimal; /* 子階層だけ通常数字に戻す */
}

.sub_bg {
  background-image: url(img/sub_bg.png);
}

@media (max-width: 1009px) {
  p {
    font-size: 15px;
    line-height: 1.7;
  }
}

.headerSpacer {
  width: 100%;
  height: 190px;
}
@media (max-width: 1009px) {
  .headerSpacer {
    width: 100%;
    height: 0px;
  }
}
@media (max-width: 779px) {
  .headerSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  .headerSpacer:before {
    content: "";
    display: block;
    padding-top: 0%;
  }
}

.headerSpacer2 {
  width: 100%;
  height: 190px;
  z-index: -1;
}
@media (max-width: 1009px) {
  .headerSpacer2 {
    width: 100%;
    height: 196px;
  }
}
@media (max-width: 779px) {
  .headerSpacer2 {
    position: relative;
    height: auto;
    display: block;
  }
  .headerSpacer2:before {
    content: "";
    display: block;
    padding-top: 25.1282051282%;
  }
}

.ksnSpacer {
  margin: 0 auto;
  width: 100%;
  max-width: 1300px;
  position: relative;
  height: auto;
  display: block;
}
.ksnSpacer:before {
  content: "";
  display: block;
  padding-top: 10.7692307692%;
}
@media (max-width: 1009px) {
  .ksnSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  .ksnSpacer:before {
    content: "";
    display: block;
    padding-top: 15.3846153846%;
  }
}

@media (max-width: 1009px) {
  .ksnSpacer2 {
    position: relative;
    height: auto;
    display: block;
  }
  .ksnSpacer2:before {
    content: "";
    display: block;
    padding-top: 15.3846153846%;
  }
}

.ksnSpacer3 {
  margin: 0 auto;
  width: 100%;
  max-width: 1300px;
  height: 150px;
}
@media (max-width: 1009px) {
  .ksnSpacer3 {
    height: 0;
  }
}

.h2Spacer {
  position: relative;
  height: auto;
  display: block;
}
.h2Spacer:before {
  content: "";
  display: block;
  padding-top: 8.924205379%;
}
@media (max-width: 1009px) {
  .h2Spacer {
    position: relative;
    height: auto;
    display: block;
  }
  .h2Spacer:before {
    content: "";
    display: block;
    padding-top: 12.8205128205%;
  }
}

.h2Spacer2 {
  position: relative;
  height: auto;
  display: block;
}
.h2Spacer2:before {
  content: "";
  display: block;
  padding-top: 6.7237163814%;
}
@media (max-width: 1009px) {
  .h2Spacer2 {
    position: relative;
    height: auto;
    display: block;
  }
  .h2Spacer2:before {
    content: "";
    display: block;
    padding-top: 16.9230769231%;
  }
}

.h2Spacer3 {
  position: relative;
  height: auto;
  display: block;
}
.h2Spacer3:before {
  content: "";
  display: block;
  padding-top: 14.0586797066%;
}
@media (max-width: 1009px) {
  .h2Spacer3 {
    position: relative;
    height: auto;
    display: block;
  }
  .h2Spacer3:before {
    content: "";
    display: block;
    padding-top: 38.4615384615%;
  }
}

.h2Spacer4 {
  width: 100%;
  height: 110px;
}
@media (max-width: 1200px) {
  .h2Spacer4 {
    position: relative;
    height: auto;
    display: block;
  }
  .h2Spacer4:before {
    content: "";
    display: block;
    padding-top: 9.1666666667%;
  }
}
@media (max-width: 1009px) {
  .h2Spacer4 {
    position: relative;
    height: auto;
    display: block;
  }
  .h2Spacer4:before {
    content: "";
    display: block;
    padding-top: 16.9230769231%;
  }
}

.h2Spacer5 {
  position: relative;
  height: auto;
  display: block;
}
.h2Spacer5:before {
  content: "";
  display: block;
  padding-top: 5.8068459658%;
}
@media (max-width: 1009px) {
  .h2Spacer5 {
    position: relative;
    height: auto;
    display: block;
  }
  .h2Spacer5:before {
    content: "";
    display: block;
    padding-top: 16.9230769231%;
  }
}

.h2Spacer6 {
  position: relative;
  height: auto;
  display: block;
}
.h2Spacer6:before {
  content: "";
  display: block;
  padding-top: 14.0586797066%;
}
@media (max-width: 1009px) {
  .h2Spacer6 {
    position: relative;
    height: auto;
    display: block;
  }
  .h2Spacer6:before {
    content: "";
    display: block;
    padding-top: 16.6666666667%;
  }
}

.spacer1 {
  width: 100%;
  height: 200px;
}
@media (max-width: 1009px) {
  .spacer1 {
    width: 100%;
    height: 10px;
  }
}

.spacer2 {
  width: 100%;
  height: 0;
}
@media (max-width: 1009px) {
  .spacer2 {
    width: 100%;
    height: 0;
    padding-bottom: 7%;
  }
}

.kakko {
  position: relative;
  left: -10px;
}

.c1Spacer {
  position: relative;
  height: auto;
  display: block;
}
.c1Spacer:before {
  content: "";
  display: block;
  padding-top: 9.9249374479%;
}
@media (max-width: 1009px) {
  .c1Spacer {
    position: relative;
    height: auto;
    display: block;
  }
  .c1Spacer:before {
    content: "";
    display: block;
    padding-top: 4.2857142857%;
  }
}

.c1SpacerS {
  position: relative;
  height: auto;
  display: block;
}
.c1SpacerS:before {
  content: "";
  display: block;
  padding-top: 4.6296296296%;
}
@media (max-width: 1009px) {
  .c1SpacerS {
    position: relative;
    height: auto;
    display: block;
  }
  .c1SpacerS:before {
    content: "";
    display: block;
    padding-top: 8.1833060556%;
  }
}

h4.number {
  height: 56px;
  background: no-repeat left top 5px;
  background-size: auto 40px;
  color: #f9ac00;
  font-size: 45px;
  line-height: 1em;
  padding-left: 2em;
  margin-bottom: 20px;
}
@media (max-width: 1009px) {
  h4.number {
    background: no-repeat left center;
    background-size: auto 100%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 6.4102564103vw;
    height: auto;
    background-size: 10.2564102564% auto;
    padding-left: 2em;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 8%;
  }
}
h4.number span {
  font-size: 25px;
  position: relative;
  top: -7px;
  display: inline-block;
  padding-left: 0.1em;
}
@media (max-width: 1009px) {
  h4.number span {
    top: -3px;
    letter-spacing: 0;
    padding-left: 0;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.4871794872vw;
  }
}

h4.number.n01 {
  background-image: url(img/01d.png);
}

h4.number.n02 {
  background-image: url(img/02d.png);
}

.pin {
  width: 31px;
  height: 46px;
  display: block;
}
.pin .cls-2 {
  fill: #111111;
}
.pin svg {
  display: block;
}

.pin.orange .cls-1 {
  fill: #d26e0a;
}
.pin.orange .cls-1 {
  fill: #f5831d;
}

.pin.blue .cls-1 {
  fill: #5aaad2;
}

.pin.green .cls-1 {
  fill: #8cb43c;
}

/* 好きな所に使うときは “color” を変えるだけ */
:root {
  --bubble-color: #ff5722;
} /* テーマ変数にしておくと便利 */
.tabBox {
  color: #ff5722;
  width: 100%;
  font-size: 25px;
  font-weight: bold;
}
.tabBox a.tab {
  position: relative;
  height: auto;
  display: block;
}
.tabBox a.tab:before {
  content: "";
  display: block;
  padding-top: 27.2668592184%;
}
.tabBox a.tab span {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  width: 77.5510204082%;
  left: 5px;
  line-height: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.yellow {
  color: #f9ac00;
}

a.tab.yellow {
  color: #f9ac00;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 259.1 65.34' fill='%23f9ac00'%3E%3Cpath d='M257.85 65.34H6.49c-.33 0-.65-.13-.88-.37L.37 59.74c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l4.87 4.87h249.59V7.01l-4.87-4.87c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l5.24 5.24c.23.23.37.55.37.88v57.6c0 .69-.56 1.25-1.25 1.25Z'/%3E%3Cpath d='M252.61 60.1H1.25C.56 60.1 0 59.55 0 58.85V1.25C0 .56.56 0 1.25 0h251.36c.69 0 1.25.56 1.25 1.25v57.6c0 .69-.56 1.25-1.25 1.25ZM2.5 57.6h248.86V2.5H2.5v55.1Z'/%3E%3Cpath d='M256.8 64.29c-.32 0-.64-.12-.88-.37l-4.19-4.19c-.49-.49-.49-1.28 0-1.77s1.28-.49 1.77 0l4.19 4.19c.49.49.49 1.28 0 1.77-.24.24-.56.37-.88.37Z'/%3E%3Cpath d='M216.16 46.6c-9.12 0-16.54-7.42-16.54-16.54s7.42-16.54 16.54-16.54 16.54 7.42 16.54 16.54-7.42 16.54-16.54 16.54ZM216.16 15.18c-8.2 0-14.88 6.67-14.88 14.88s6.67 14.88 14.88 14.88 14.88-6.67 14.88-14.88-6.67-14.88-14.88-14.88Z'/%3E%3Cpolygon points='209.16 27.16 216.21 36.86 223.19 27.16 209.16 27.16'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}

a.tab.blue {
  color: #198cd7;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 259.1 65.34' fill='%23198cd7'%3E%3Cpath d='M257.85 65.34H6.49c-.33 0-.65-.13-.88-.37L.37 59.74c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l4.87 4.87h249.59V7.01l-4.87-4.87c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l5.24 5.24c.23.23.37.55.37.88v57.6c0 .69-.56 1.25-1.25 1.25Z'/%3E%3Cpath d='M252.61 60.1H1.25C.56 60.1 0 59.55 0 58.85V1.25C0 .56.56 0 1.25 0h251.36c.69 0 1.25.56 1.25 1.25v57.6c0 .69-.56 1.25-1.25 1.25ZM2.5 57.6h248.86V2.5H2.5v55.1Z'/%3E%3Cpath d='M256.8 64.29c-.32 0-.64-.12-.88-.37l-4.19-4.19c-.49-.49-.49-1.28 0-1.77s1.28-.49 1.77 0l4.19 4.19c.49.49.49 1.28 0 1.77-.24.24-.56.37-.88.37Z'/%3E%3Cpath d='M216.16 46.6c-9.12 0-16.54-7.42-16.54-16.54s7.42-16.54 16.54-16.54 16.54 7.42 16.54 16.54-7.42 16.54-16.54 16.54ZM216.16 15.18c-8.2 0-14.88 6.67-14.88 14.88s6.67 14.88 14.88 14.88 14.88-6.67 14.88-14.88-6.67-14.88-14.88-14.88Z'/%3E%3Cpolygon points='209.16 27.16 216.21 36.86 223.19 27.16 209.16 27.16'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}

a.tab.orange {
  color: #f5831d;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 259.1 65.34' fill='%23f5831d'%3E%3Cpath d='M257.85 65.34H6.49c-.33 0-.65-.13-.88-.37L.37 59.74c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l4.87 4.87h249.59V7.01l-4.87-4.87c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l5.24 5.24c.23.23.37.55.37.88v57.6c0 .69-.56 1.25-1.25 1.25Z'/%3E%3Cpath d='M252.61 60.1H1.25C.56 60.1 0 59.55 0 58.85V1.25C0 .56.56 0 1.25 0h251.36c.69 0 1.25.56 1.25 1.25v57.6c0 .69-.56 1.25-1.25 1.25ZM2.5 57.6h248.86V2.5H2.5v55.1Z'/%3E%3Cpath d='M256.8 64.29c-.32 0-.64-.12-.88-.37l-4.19-4.19c-.49-.49-.49-1.28 0-1.77s1.28-.49 1.77 0l4.19 4.19c.49.49.49 1.28 0 1.77-.24.24-.56.37-.88.37Z'/%3E%3Cpath d='M216.16 46.6c-9.12 0-16.54-7.42-16.54-16.54s7.42-16.54 16.54-16.54 16.54 7.42 16.54 16.54-7.42 16.54-16.54 16.54ZM216.16 15.18c-8.2 0-14.88 6.67-14.88 14.88s6.67 14.88 14.88 14.88 14.88-6.67 14.88-14.88-6.67-14.88-14.88-14.88Z'/%3E%3Cpolygon points='209.16 27.16 216.21 36.86 223.19 27.16 209.16 27.16'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}

a.tab.green {
  color: #5aa032;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 259.1 65.34' fill='%235aa032'%3E%3Cpath d='M257.85 65.34H6.49c-.33 0-.65-.13-.88-.37L.37 59.74c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l4.87 4.87h249.59V7.01l-4.87-4.87c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l5.24 5.24c.23.23.37.55.37.88v57.6c0 .69-.56 1.25-1.25 1.25Z'/%3E%3Cpath d='M252.61 60.1H1.25C.56 60.1 0 59.55 0 58.85V1.25C0 .56.56 0 1.25 0h251.36c.69 0 1.25.56 1.25 1.25v57.6c0 .69-.56 1.25-1.25 1.25ZM2.5 57.6h248.86V2.5H2.5v55.1Z'/%3E%3Cpath d='M256.8 64.29c-.32 0-.64-.12-.88-.37l-4.19-4.19c-.49-.49-.49-1.28 0-1.77s1.28-.49 1.77 0l4.19 4.19c.49.49.49 1.28 0 1.77-.24.24-.56.37-.88.37Z'/%3E%3Cpath d='M216.16 46.6c-9.12 0-16.54-7.42-16.54-16.54s7.42-16.54 16.54-16.54 16.54 7.42 16.54 16.54-7.42 16.54-16.54 16.54ZM216.16 15.18c-8.2 0-14.88 6.67-14.88 14.88s6.67 14.88 14.88 14.88 14.88-6.67 14.88-14.88-6.67-14.88-14.88-14.88Z'/%3E%3Cpolygon points='209.16 27.16 216.21 36.86 223.19 27.16 209.16 27.16'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}

a.tab.red {
  color: #e6584c;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 259.1 65.34' fill='%23e6584c'%3E%3Cpath d='M257.85 65.34H6.49c-.33 0-.65-.13-.88-.37L.37 59.74c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l4.87 4.87h249.59V7.01l-4.87-4.87c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l5.24 5.24c.23.23.37.55.37.88v57.6c0 .69-.56 1.25-1.25 1.25Z'/%3E%3Cpath d='M252.61 60.1H1.25C.56 60.1 0 59.55 0 58.85V1.25C0 .56.56 0 1.25 0h251.36c.69 0 1.25.56 1.25 1.25v57.6c0 .69-.56 1.25-1.25 1.25ZM2.5 57.6h248.86V2.5H2.5v55.1Z'/%3E%3Cpath d='M256.8 64.29c-.32 0-.64-.12-.88-.37l-4.19-4.19c-.49-.49-.49-1.28 0-1.77s1.28-.49 1.77 0l4.19 4.19c.49.49.49 1.28 0 1.77-.24.24-.56.37-.88.37Z'/%3E%3Cpath d='M216.16 46.6c-9.12 0-16.54-7.42-16.54-16.54s7.42-16.54 16.54-16.54 16.54 7.42 16.54 16.54-7.42 16.54-16.54 16.54ZM216.16 15.18c-8.2 0-14.88 6.67-14.88 14.88s6.67 14.88 14.88 14.88 14.88-6.67 14.88-14.88-6.67-14.88-14.88-14.88Z'/%3E%3Cpolygon points='209.16 27.16 216.21 36.86 223.19 27.16 209.16 27.16'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}

a.tab.purple {
  color: #80649e;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 259.1 65.34' fill='%2380649e'%3E%3Cpath d='M257.85 65.34H6.49c-.33 0-.65-.13-.88-.37L.37 59.74c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l4.87 4.87h249.59V7.01l-4.87-4.87c-.49-.49-.49-1.28 0-1.77.49-.49 1.28-.49 1.77 0l5.24 5.24c.23.23.37.55.37.88v57.6c0 .69-.56 1.25-1.25 1.25Z'/%3E%3Cpath d='M252.61 60.1H1.25C.56 60.1 0 59.55 0 58.85V1.25C0 .56.56 0 1.25 0h251.36c.69 0 1.25.56 1.25 1.25v57.6c0 .69-.56 1.25-1.25 1.25ZM2.5 57.6h248.86V2.5H2.5v55.1Z'/%3E%3Cpath d='M256.8 64.29c-.32 0-.64-.12-.88-.37l-4.19-4.19c-.49-.49-.49-1.28 0-1.77s1.28-.49 1.77 0l4.19 4.19c.49.49.49 1.28 0 1.77-.24.24-.56.37-.88.37Z'/%3E%3Cpath d='M216.16 46.6c-9.12 0-16.54-7.42-16.54-16.54s7.42-16.54 16.54-16.54 16.54 7.42 16.54 16.54-7.42 16.54-16.54 16.54ZM216.16 15.18c-8.2 0-14.88 6.67-14.88 14.88s6.67 14.88 14.88 14.88 14.88-6.67 14.88-14.88-6.67-14.88-14.88-14.88Z'/%3E%3Cpolygon points='209.16 27.16 216.21 36.86 223.19 27.16 209.16 27.16'/%3E%3C/svg%3E") no-repeat center bottom/contain;
}

.subpage .cntnr .textAlignLeft {
  text-align: left;
}
.subpage .cntnr span.ib {
  display: inline-block;
}
.subpage .cntnr .ul_cntnr {
  max-width: 1250px;
  width: 96.1538461538%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr {
    padding: 0 14.7435897436%;
  }
}
.subpage .cntnr .ul_cntnr ul.work {
  width: 96%;
  margin: auto;
  z-index: 10;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    z-index: 10;
    position: relative;
  }
}
.subpage .cntnr .ul_cntnr ul.work li {
  display: block;
  width: 100%;
  padding-bottom: 8%;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li {
    width: 100%;
    margin-bottom: 60px;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box {
  position: relative;
  background-color: #fff;
  padding: 2.5% 2.5%;
  box-shadow: 3px 3px 0 #555555;
  border: 2px solid #111111;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box {
    position: relative;
    padding: 11.1307420495% 9.2756183746%;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box img.clip {
  position: absolute;
  display: block;
  top: -45px;
  left: 32px;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box img.clip {
    display: none;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box img.clip_sp {
  display: none;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box img.clip_sp {
    position: absolute;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -5%;
    width: 11.5384615385%;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.img {
  width: 43.6681222707%;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.img {
    width: 100%;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.img img {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #111111;
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt {
  width: 56.3318777293%;
  box-sizing: border-box;
  padding-left: 3%;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt {
    width: 100%;
    padding: 30px 0;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num {
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 60px;
  position: relative;
  height: auto;
  display: block;
  box-sizing: border-box;
  background: no-repeat left center;
  background-size: 10.0775193798% auto;
  padding-left: 14.7286821705%;
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num:before {
  content: "";
  display: block;
  padding-top: 28.3662477558%;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num {
    background-size: 16% auto;
    padding-left: 20.4444444444%;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 35px;
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num span div.kagikakko {
  display: inline;
  position: relative;
  left: -5%;
}
@media (max-width: 1300px) {
  .subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num span {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2.6923076923vw;
  }
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num span {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.9743589744vw;
    line-height: 1.3888888889;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num.n01 {
  background-image: url(img/01.png);
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num.n02 {
  background-image: url(img/02.png);
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt h3.num.n03 {
  background-image: url(img/03.png);
}
.subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt div.mes {
  padding-left: 0;
  width: 100%;
  font-size: 20px;
  line-height: 2;
  padding-bottom: 30px;
}
@media (max-width: 1300px) {
  .subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt div.mes {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.5384615385vw;
  }
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box .cntnr div.txt div.mes {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.3333333333vw;
    line-height: 1.5666666667;
    padding-top: 20px;
  }
}
.subpage .cntnr .ul_cntnr ul.work li .box.img_L .cntnr {
  flex-direction: row;
}
.subpage .cntnr .ul_cntnr ul.work li .box.img_L img.clip {
  position: absolute;
  display: block;
  top: -45px;
  left: auto;
  right: 32px;
  transform: scaleX(-1);
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.work li .box.img_L img.clip {
    display: none;
  }
}
.subpage .cntnr .ul_cntnr ul.logic {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  z-index: 10;
  position: relative;
}
.subpage .cntnr .ul_cntnr ul.logic li {
  display: block;
  box-sizing: border-box;
  width: 31.52%;
  background-color: #fff;
  box-shadow: 3px 3px 0 #555555;
  border: 2px solid #111111;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.logic li {
    width: 100%;
    margin-bottom: 60px;
  }
}
.subpage .cntnr .ul_cntnr ul.logic li .box {
  position: relative;
  padding: 10.6598984772% 8.883248731% 0;
}
.subpage .cntnr .ul_cntnr ul.logic li .box img.v {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: 2px solid #111111;
}
.subpage .cntnr .ul_cntnr ul.logic li .box img.message {
  width: 100%;
  box-sizing: border-box;
  display: block;
  padding: 20px 0;
}
.subpage .cntnr .ul_cntnr ul.logic li .box .pin {
  position: absolute;
  top: -23px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.subpage .cntnr .ul_cntnr ul.logic li .box h3 {
  width: 100%;
  padding: 0;
  margin: 0;
}
.subpage .cntnr .ul_cntnr ul.logic li .box h3 img {
  display: block;
  width: 100%;
}
.subpage .cntnr .ul_cntnr ul.logic li .box h4 {
  font-size: 20px;
  /*
  	$kizyunFontSize:基準点でのフォントサイズ
  	$kizyunWindowWidth:基準点でのウインドウサイズ
  	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
  */
  font-size: 1.0416666667vw;
  line-height: 1em;
  padding: 0;
  margin: 0;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.logic li .box h4 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
  }
}
.subpage .cntnr .ul_cntnr ul.logic li .box p {
  font-size: 17px;
  line-height: 1.7647058824;
  padding-bottom: 25px;
  padding-bottom: 80px;
  padding-bottom: 20%;
  /*
  	$kizyunFontSize:基準点でのフォントサイズ
  	$kizyunWindowWidth:基準点でのウインドウサイズ
  	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
  */
  font-size: 0.8854166667vw;
}
@media (max-width: 1009px) {
  .subpage .cntnr .ul_cntnr ul.logic li .box p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.8461538462vw;
  }
}
.subpage .cntnr .ul_cntnr ul.logic li .more {
  position: absolute;
  width: 146px;
  width: 32.4444444444%;
  left: 8.883248731%;
  bottom: 5.5837563452%;
}
.subpage .cntnr .ul_cntnr ul.logic li .more img {
  width: 100%;
}
.subpage .cntnr h3 {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}
.subpage .cntnr h3 img {
  width: 100%;
}
.subpage .cntnr h3 img.h3_sp {
  display: none;
}
@media (max-width: 1009px) {
  .subpage .cntnr h3 img.h3_sp {
    display: block;
  }
}
.subpage .cntnr h3 img.h3_pc {
  display: block;
}
@media (max-width: 1009px) {
  .subpage .cntnr h3 img.h3_pc {
    display: none;
  }
}
.subpage .cntnr .catch {
  padding: 80px 0;
  text-align: center;
  font-size: 35px;
  color: #e6aa14;
  font-weight: bold;
}
@media (max-width: 1009px) {
  .subpage .cntnr .catch {
    padding: 30px 0;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 7.0512820513vw;
    line-height: 1.4545454545;
  }
}
.subpage .cntnr .cntnr1 {
  max-width: 1200px;
  width: 92.3076923077%;
  margin: 0 auto;
  font-size: 17px;
  line-height: 2.0588235294;
}
.subpage .cntnr .cntnr1 .mainImage {
  width: 83.1666666667%;
  max-width: 998px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 1009px) {
  .subpage .cntnr .cntnr1 .mainImage {
    width: 100%;
  }
}
.subpage .cntnr .cntnr1 .borderBox {
  border: 3px solid;
  padding: 4.1666666667%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
.subpage .cntnr .cntnr1 .borderBox p {
  padding-bottom: 3%;
  font-size: 16px;
}
@media (max-width: 1009px) {
  .subpage .cntnr .cntnr1 .borderBox p {
    padding-bottom: 40px;
  }
}
.subpage .cntnr .cntnr1 p {
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
}
@media (max-width: 1009px) {
  .subpage .cntnr .cntnr1 p {
    padding-bottom: 7%;
  }
}
.subpage .cntnr .cntnr1 p.bold {
  margin: 0;
  padding: 0;
  padding-bottom: 4%;
}
.subpage .cntnr .cntnr1 strong {
  font-weight: bold;
}
.subpage .cntnr .cntnr1 span.bold {
  font-weight: bold;
  color: #111111;
}
.subpage h2 {
  max-width: 1340px;
  width: 100%;
  margin: 0 auto;
}
.subpage h2 .h2_pc {
  display: block;
  width: 100%;
}
@media (max-width: 1009px) {
  .subpage h2 .h2_pc {
    display: none;
  }
}
.subpage h2 .h2_sp {
  display: none;
  width: 100%;
}
@media (max-width: 1009px) {
  .subpage h2 .h2_sp {
    display: block;
  }
}
.subpage .main_pc {
  display: block;
  width: 100%;
}
@media (max-width: 1009px) {
  .subpage .main_pc {
    display: none;
  }
}
.subpage .main_sp {
  display: none;
  width: 100%;
}
@media (max-width: 1009px) {
  .subpage .main_sp {
    display: block;
  }
}
.subpage ul.subpage_menu {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 807px;
  width: 100%;
  margin: 0 auto;
  padding: 70px 0 0;
}
@media (max-width: 600px) {
  .subpage ul.subpage_menu {
    padding: 35px 20px;
    box-sizing: border-box;
  }
}
.subpage ul.subpage_menu li {
  display: block;
  width: 245px;
  padding: 0 12px 12px;
}
@media (max-width: 600px) {
  .subpage ul.subpage_menu li {
    width: 50%;
    box-sizing: border-box;
    padding: 0 2.3% 12px;
  }
  .subpage ul.subpage_menu li a.tab span {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.1666666667vw;
  }
}

#recruit #situationBox1, #recruit #voiceBox1 {
  display: none;
}
#recruit #voice .message, #recruit #situation .message {
  padding: 70px 0;
  text-align: center;
}
@media (max-width: 1009px) {
  #recruit #voice .message, #recruit #situation .message {
    line-height: 1.7857142857;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.5897435897vw;
  }
}
#recruit #voice .btnBox, #recruit #situation .btnBox {
  padding: 60px 0;
}
#recruit #voice .btnBox a, #recruit #situation .btnBox a {
  display: block;
  margin: 0 auto;
  max-width: 702px;
  width: 100%;
}
#recruit #voice .btnBox a img, #recruit #situation .btnBox a img {
  width: 100%;
}
#recruit #voice .btnBox a img.btn_pc, #recruit #situation .btnBox a img.btn_pc {
  display: block;
}
@media (max-width: 1009px) {
  #recruit #voice .btnBox a img.btn_pc, #recruit #situation .btnBox a img.btn_pc {
    display: none;
  }
}
#recruit #voice .btnBox a img.btn_sp, #recruit #situation .btnBox a img.btn_sp {
  display: none;
}
@media (max-width: 1009px) {
  #recruit #voice .btnBox a img.btn_sp, #recruit #situation .btnBox a img.btn_sp {
    display: block;
  }
}
#recruit #voice .qaSpacer, #recruit #situation .qaSpacer {
  position: relative;
  height: auto;
  display: block;
  width: 100%;
}
#recruit #voice .qaSpacer:before, #recruit #situation .qaSpacer:before {
  content: "";
  display: block;
  padding-top: 10.875%;
}
@media (max-width: 1009px) {
  #recruit #voice .qaSpacer, #recruit #situation .qaSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  #recruit #voice .qaSpacer:before, #recruit #situation .qaSpacer:before {
    content: "";
    display: block;
    padding-top: 17.2413793103%;
  }
}
#recruit #voice .qaBox, #recruit #situation .qaBox {
  background-color: #fff;
  padding: 0 20px;
  position: relative;
}
#recruit #voice .qaBox .closeBtn, #recruit #situation .qaBox .closeBtn {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 10;
}
#recruit #voice .qaBox .closeBtn img, #recruit #situation .qaBox .closeBtn img {
  width: 106px;
}
@media (max-width: 1009px) {
  #recruit #voice .qaBox .closeBtn, #recruit #situation .qaBox .closeBtn {
    top: 10px;
    right: 10px;
    z-index: 10;
  }
  #recruit #voice .qaBox .closeBtn img, #recruit #situation .qaBox .closeBtn img {
    width: 80px;
  }
}
#recruit #voice .qaBox hr, #recruit #situation .qaBox hr {
  height: 0;
  width: 100%;
  border-bottom: 2px solid #bdbdbd;
  margin: 60px 0 0 0;
  padding: 0;
}
#recruit #voice .qaBox .box, #recruit #situation .qaBox .box {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}
#recruit #voice .qaBox .box h4, #recruit #situation .qaBox .box h4 {
  padding: 60px 0;
  text-align: center;
  font-size: 25px;
}
#recruit #voice .qaBox .box img.main, #recruit #situation .qaBox .box img.main {
  display: block;
  width: 100%;
  padding-bottom: 60px;
}
@media (max-width: 1009px) {
  #recruit #voice .qaBox .box img.main, #recruit #situation .qaBox .box img.main {
    padding-bottom: 30px;
  }
}
#recruit #voice .qaBox .box .q, #recruit #situation .qaBox .box .q {
  background: no-repeat left center;
  background-size: auto 40px;
  background-image: url(img/recruit/voice/q.png);
  padding-left: 72px;
  font-size: 28px;
  color: #5aa032;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: justify;
}
@media (max-width: 1009px) {
  #recruit #voice .qaBox .box .q, #recruit #situation .qaBox .box .q {
    padding: 10px 10px 10px 86px;
    background-size: auto 60px;
  }
}
@media (max-width: 550px) {
  #recruit #voice .qaBox .box .q, #recruit #situation .qaBox .box .q {
    padding: 10px 10px 10px 60px;
    background-size: auto 40px;
    font-size: 20px;
  }
}
#recruit #voice .qaBox .box .a, #recruit #situation .qaBox .box .a {
  background: no-repeat left top;
  background-size: auto 40px;
  background-image: url(img/recruit/voice/a.png);
  padding-left: 72px;
  font-size: 17px;
  line-height: 1.9411764706;
  text-align: justify;
}
@media (max-width: 1009px) {
  #recruit #voice .qaBox .box .a, #recruit #situation .qaBox .box .a {
    background-size: auto 60px;
    padding-left: 86px;
    padding-right: 30px;
  }
}
@media (max-width: 550px) {
  #recruit #voice .qaBox .box .a, #recruit #situation .qaBox .box .a {
    padding-left: 60px;
    padding-right: 30px;
    background-size: auto 40px;
    font-size: 15px;
  }
}
#recruit #situation .situation_pc {
  max-width: 1200px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  #recruit #situation .situation_pc {
    display: none;
  }
}
#recruit #situation .situation_sp {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  display: none;
}
@media (max-width: 1009px) {
  #recruit #situation .situation_sp {
    display: block;
  }
}
#recruit #situation .btnBox {
  padding-top: 0;
  padding-bottom: 60px;
}
#recruit #situation .qaBox {
  border: 2px solid #bdbdbd;
}
#recruit #situation .qaBox .box .a.one {
  padding-bottom: 30px;
}
#recruit #situation .qaBox .box .q {
  color: #f63d30;
}
#recruit #person .wBox, #recruit #value .wBox {
  max-width: 1000px;
  width: 100%;
  padding: 7% 10%;
  box-sizing: border-box;
  margin: 0 auto 50px;
  background: no-repeat right 30px bottom #fff;
}
@media (max-width: 1009px) {
  #recruit #person .wBox, #recruit #value .wBox {
    background-position: right 10% bottom;
    background-size: 40% auto;
    padding: 10% 11.4285714286%;
    margin: 0 auto 25px;
  }
}
#recruit #person .wBox h3, #recruit #value .wBox h3 {
  background: no-repeat left center;
  background-size: auto 36px;
  padding-left: 80px;
  font-size: 28px;
}
@media (max-width: 1009px) {
  #recruit #person .wBox h3, #recruit #value .wBox h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
    background-size: auto 100%;
    background-size: auto 48px;
    background-size: 8% auto;
    background-position: left center;
    padding-left: 14%;
  }
}
#recruit #person .wBox h3.n01, #recruit #value .wBox h3.n01 {
  background-image: url(img/01.png);
}
#recruit #person .wBox h3.n02, #recruit #value .wBox h3.n02 {
  background-image: url(img/02.png);
}
#recruit #person .wBox h3.n03, #recruit #value .wBox h3.n03 {
  background-image: url(img/03.png);
}
#recruit #person .wBox h3.n04, #recruit #value .wBox h3.n04 {
  background-image: url(img/04.png);
}
#recruit #person .wBox .txt, #recruit #value .wBox .txt {
  padding: 40px 0 0;
  font-size: 17px;
  line-height: 194.1176470588%;
  text-align: justify;
}
@media (max-width: 1009px) {
  #recruit #person .wBox .txt, #recruit #value .wBox .txt {
    padding: 5% 0 0;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.5897435897vw;
  }
}
#recruit #person .wBox .txt span, #recruit #value .wBox .txt span {
  font-weight: bold;
  color: #198cd7;
}
#recruit #person .wBox.bright, #recruit #value .wBox.bright {
  background-image: url(img/recruit/person/bright.png);
}
#recruit #person .wBox.action, #recruit #value .wBox.action {
  background-image: url(img/recruit/person/action.png);
}
#recruit #person .wBox.team, #recruit #value .wBox.team {
  background-image: url(img/recruit/person/team.png);
}
#recruit #person .main_pc, #recruit #value .main_pc {
  max-width: 1100px;
  width: 100%;
  margin: 110px auto;
  display: block;
}
@media (max-width: 1009px) {
  #recruit #person .main_pc, #recruit #value .main_pc {
    display: none;
  }
}
#recruit #person .main_sp, #recruit #value .main_sp {
  width: 100%;
  margin: 35px auto;
  display: none;
}
@media (max-width: 1009px) {
  #recruit #person .main_sp, #recruit #value .main_sp {
    display: block;
  }
}
#recruit #person .message, #recruit #value .message {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 40px;
}
@media (max-width: 1009px) {
  #recruit #person .message, #recruit #value .message {
    margin-bottom: 20px;
  }
}
#recruit #person .message span, #recruit #value .message span {
  border-bottom: 2px solid #198cd7;
  color: #198cd7;
}
@media (max-width: 1100px) {
  #recruit #person .message, #recruit #value .message {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2.2727272727vw;
  }
}
@media (max-width: 1009px) {
  #recruit #person .message, #recruit #value .message {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
  }
}
#recruit #value .wBox {
  background-color: #fbf5e6;
}
@media (max-width: 1009px) {
  #recruit #value .wBox {
    background-position: right 40% bottom;
    background-size: 90% auto;
  }
}
#recruit #value .wBox .txt {
  text-align: justify;
}
#recruit #value .wBox .txt span {
  color: #f5831d;
}
#recruit #value .wBox.stance {
  background-image: url(img/recruit/value/stance.png);
}
#recruit #value .wBox.company {
  background-image: url(img/recruit/value/company.png);
}
#recruit #value .wBox.way {
  background-image: url(img/recruit/value/way.png);
}
#recruit #value .wBox.preparation {
  background-image: url(img/recruit/value/preparation.png);
}
#recruit #reason .reason_pc {
  max-width: 1200px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  #recruit #reason .reason_pc {
    display: none;
  }
}
#recruit #reason .reason_sp {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  display: none;
}
@media (max-width: 1009px) {
  #recruit #reason .reason_sp {
    display: block;
  }
}
#recruit .messageBox {
  position: relative;
  padding-bottom: 120px;
}
@media (max-width: 1009px) {
  #recruit .messageBox {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: 60px;
  }
}
#recruit .messageBox img.mes01 {
  width: 18.5833333333%;
  display: block;
  position: absolute;
  left: 0;
  top: -60px;
  z-index: -1;
}
@media (max-width: 1009px) {
  #recruit .messageBox img.mes01 {
    position: static;
    width: 37.5714285714%;
    top: auto;
    left: auto;
  }
}
#recruit .messageBox img.mes02 {
  width: 21.3333333333%;
  display: block;
  position: absolute;
  right: 0;
  top: -48px;
  z-index: -1;
}
@media (max-width: 1009px) {
  #recruit .messageBox img.mes02 {
    position: static;
    width: 42.8571428571%;
    top: auto;
    left: auto;
  }
}
#recruit .messageBox p {
  font-size: 35px;
  line-height: 1.5714285714;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1009px) {
  #recruit .messageBox p {
    padding-top: 30px;
    width: 100%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
  }
}
#recruit .messageBox .btnBox {
  padding-top: 0px;
}
@media (max-width: 1009px) {
  #recruit .messageBox .btnBox {
    width: 100%;
  }
}
#recruit .messageBox .btnBox a.btn_pc {
  max-width: 700px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  #recruit .messageBox .btnBox a.btn_pc {
    display: none;
  }
}
#recruit .messageBox .btnBox a.btn_sp {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  display: none;
}
@media (max-width: 1009px) {
  #recruit .messageBox .btnBox a.btn_sp {
    display: block;
  }
  #recruit .messageBox .btnBox a.btn_sp img {
    width: 100%;
  }
}
#recruit .subpage_menu3 {
  max-width: 1200px;
}
#recruit .subpage_menu3 li {
  padding: 0 6px 15px;
}
@media (max-width: 570px) {
  #recruit .subpage_menu3 li {
    padding: 0 4px 10px;
  }
}
@media (max-width: 380px) {
  #recruit .subpage_menu3 li {
    padding: 0 3px 10px;
  }
}
@media (max-width: 570px) {
  #recruit .subpage_menu3 li a img {
    height: 40px;
  }
}
@media (max-width: 380px) {
  #recruit .subpage_menu3 li a img {
    height: 30px;
  }
}

#outline p.ast {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#outline p.ast:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  color: #111111;
}
@media (max-width: 350px) {
  #outline .subpage_menu3 li a img {
    height: 40px;
  }
}
#outline .h3_kadomaru {
  background-color: #f9ac00;
  text-align: center;
  font-size: 25px;
  color: #fff;
  padding: 16px 0;
  line-height: 1em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  border-radius: 2em;
  margin-bottom: 40px;
}
#outline #other .list {
  text-align: center;
}
#outline #other .list a {
  position: relative;
  display: inline-block;
}
#outline #other .list a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media (max-width: 670px) {
  #outline #other .list a {
    width: 48%;
  }
}
#outline #other .list a img {
  width: 280px;
  width: 260px;
}
@media (max-width: 670px) {
  #outline #other .list a img {
    width: 100%;
  }
}
#outline #support .messageBox {
  padding: 0 3.3333333333% 450px;
  box-sizing: border-box;
  background: no-repeat center bottom url(img/outline/support/bg.png);
}
@media (max-width: 870px) {
  #outline #support .messageBox {
    background-size: 100% auto;
  }
}
@media (max-width: 650px) {
  #outline #support .messageBox {
    padding-bottom: 400px;
  }
}
@media (max-width: 500px) {
  #outline #support .messageBox {
    padding-bottom: 300px;
  }
}
@media (max-width: 400px) {
  #outline #support .messageBox {
    padding-bottom: 250px;
  }
}
#outline #support .messageBox div.message {
  padding: 80px 0 50px;
}
#outline #support .messageBox .naiyou p {
  font-size: 25px;
  font-weight: bold;
  line-height: 2;
  color: #5aa032;
  padding: 0;
  margin: 0;
}
@media (max-width: 1009px) {
  #outline #support .messageBox .naiyou p {
    font-size: 20px;
  }
}
#outline #support .messageBox .naiyou p.n1 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#outline #support .messageBox .naiyou p.n1:before {
  content: "①";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#outline #support .messageBox .naiyou p.n2 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#outline #support .messageBox .naiyou p.n2:before {
  content: "②";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#outline #support .messageBox .naiyou p.n3 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#outline #support .messageBox .naiyou p.n3:before {
  content: "③";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#outline #support .messageBox .naiyou p.n4 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#outline #support .messageBox .naiyou p.n4:before {
  content: "④";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#outline #support .messageBox .naiyou span.green {
  color: #5aa032;
  font-weight: bold;
}
#outline #facility {
  /* ymstr blog list with swiper  以下、「swiper_facilityPc」の文字を上の$swiperNameで指定した文字列に変更する */
  /* /ymstr blog list with swiper */
  /* ymstr blog list with swiper  以下、「swiper_facilityPc」の文字を上の$swiperNameで指定した文字列に変更する */
  /* /ymstr blog list with swiper */
  /* ymstr blog list with swiper  以下、「swiper_facilitySp」の文字を上の$swiperNameで指定した文字列に変更する */
  /* /ymstr blog list with swiper */
}
#outline #facility .message {
  text-align: center;
}
@media (max-width: 1009px) {
  #outline #facility .message {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2.7722772277vw;
    line-height: 1.7857142857;
  }
}
#outline #facility .swiper_facilityPcBox {
  padding: 0 50px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc {
  overflow: hidden;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc .swiper-slide {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc .swiper-slide img {
  width: 100%;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc .swiper-slide p {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #f5831d;
  margin: 0px;
  padding: 0;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev, #outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next {
  height: 50px;
  margin: 10px;
  width: 60px;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-100%);
  cursor: pointer;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev img, #outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next img {
  width: 100%;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev.swiper-button-disabled, #outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next.swiper-button-disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
  cursor: default;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next {
  position: absolute;
  left: 25px;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev {
  right: 25px;
}
#outline #facility #swiper_facilityPc-pagenationBox {
  display: block;
  width: 100%;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
}
#outline #facility #swiper_facilityPc-pagenationBox li {
  display: inline-block;
  padding: 0 10px;
}
#outline #facility #swiper_facilityPc-pagenationBox li .dot {
  background-color: #356FC0;
  padding: 6px;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #fff;
}
#outline #facility #swiper_facilityPc-pagenationBox li .dot.current {
  background-color: #EBE501;
  padding: 6px;
  display: inline-block;
  border: 3px solid #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#outline #facility .swiper_facilityPcBox {
  padding: 0 50px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #outline #facility .swiper_facilityPcBox {
    display: none;
  }
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc {
  overflow: hidden;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc .swiper-slide {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc .swiper-slide img {
  width: 100%;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPc .swiper-slide p {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #f5831d;
  margin: 0px;
  padding: 0;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev, #outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next {
  height: 50px;
  margin: 10px;
  width: 60px;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-100%);
  cursor: pointer;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev img, #outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next img {
  width: 100%;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev.swiper-button-disabled, #outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next.swiper-button-disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
  cursor: default;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-next {
  position: absolute;
  left: 10px;
}
#outline #facility .swiper_facilityPcBox .swiper_facilityPcswiper-button-prev {
  right: 10px;
}
#outline #facility #swiper_facilityPc-pagenationBox {
  display: block;
  width: 100%;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
}
#outline #facility #swiper_facilityPc-pagenationBox li {
  display: inline-block;
  padding: 0 10px;
}
#outline #facility #swiper_facilityPc-pagenationBox li .dot {
  background-color: #356FC0;
  padding: 6px;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #fff;
}
#outline #facility #swiper_facilityPc-pagenationBox li .dot.current {
  background-color: #EBE501;
  padding: 6px;
  display: inline-block;
  border: 3px solid #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#outline #facility .swiper_facilitySpBox {
  display: none;
  padding: 0;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #outline #facility .swiper_facilitySpBox {
    display: block;
  }
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySp {
  overflow: hidden;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySp .swiper-slide {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySp .swiper-slide img {
  width: 100%;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySp .swiper-slide p {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #f5831d;
  margin: 0px;
  padding: 10px 0 0 0;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-prev, #outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-next {
  height: auto;
  margin: 10px;
  width: 40px;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-100%);
  cursor: pointer;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-prev img, #outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-next img {
  width: 100%;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-prev.swiper-button-disabled, #outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-next.swiper-button-disabled {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-next {
  position: absolute;
  left: 0px;
}
#outline #facility .swiper_facilitySpBox .swiper_facilitySpswiper-button-prev {
  right: 0px;
}
#outline #facility #swiper_facilitySp-pagenationBox {
  display: block;
  width: 100%;
  text-align: center;
  padding: 30px;
  box-sizing: border-box;
}
#outline #facility #swiper_facilitySp-pagenationBox li {
  display: inline-block;
  padding: 0 10px;
}
#outline #facility #swiper_facilitySp-pagenationBox li .dot {
  background-color: #356FC0;
  padding: 6px;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #fff;
}
#outline #facility #swiper_facilitySp-pagenationBox li .dot.current {
  background-color: #EBE501;
  padding: 6px;
  display: inline-block;
  border: 3px solid #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#outline #events .gixyouzi {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
#outline #events .gixyouzi h3 {
  font-size: 30px;
  background-color: #198cd7;
  color: #fff;
  line-height: 1em;
  padding: 10px 0;
  text-align: center;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  border-radius: 2em;
}
@media (max-width: 470px) {
  #outline #events .gixyouzi h3 {
    font-size: 25px;
  }
}
#outline #events .gixyouzi .teireiBox {
  background-color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 35px 40px;
}
@media (max-width: 470px) {
  #outline #events .gixyouzi .teireiBox {
    padding: 20px 20px;
  }
}
#outline #events .gixyouzi .teireiBox h4 {
  font-size: 25px;
  line-height: 1em;
  text-align: center;
  padding-bottom: 40px;
}
@media (max-width: 470px) {
  #outline #events .gixyouzi .teireiBox h4 {
    padding-bottom: 20px;
  }
}
#outline #events .gixyouzi .teireiBox .tcntnr {
  max-width: 674px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
#outline #events .gixyouzi .teireiBox .tcntnr .te {
  width: 44.5103857567%;
  box-sizing: border-box;
}
@media (max-width: 470px) {
  #outline #events .gixyouzi .teireiBox .tcntnr .te {
    width: 47%;
  }
}
#outline #events .gixyouzi .teireiBox .tcntnr .te h5 {
  background: #e6f2fb;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  color: #198cd7;
  text-align: center;
  font-size: 25px;
}
@media (max-width: 470px) {
  #outline #events .gixyouzi .teireiBox .tcntnr .te h5 {
    font-size: 20px;
  }
}
#outline #events .gixyouzi .teireiBox .tcntnr .te ul {
  box-sizing: border-box;
  padding: 10px 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 470px) {
  #outline #events .gixyouzi .teireiBox .tcntnr .te ul {
    padding: 5px 0px 10px;
  }
}
#outline #events .gixyouzi .teireiBox .tcntnr .te ul li {
  text-align: left;
  font-size: 17px;
  line-height: 1.9411764706;
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
  padding-right: 1em;
  display: block;
  width: 50%;
  box-sizing: border-box;
  padding-right: 0;
}
#outline #events .gixyouzi .teireiBox .tcntnr .te ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  color: #111111;
}
@media (max-width: 750px) {
  #outline #events .gixyouzi .teireiBox .tcntnr .te ul li {
    width: 100%;
  }
}
@media (max-width: 470px) {
  #outline #events .gixyouzi .teireiBox .tcntnr .te ul li {
    font-size: 15px;
  }
}
#outline #events .gixyouzi .teireiBox .tcntnr .te ul li.none {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#outline #events .gixyouzi .teireiBox .tcntnr .te ul li.none:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  color: #111111;
}
#outline #events .gixyouzi .teireiBox .tcntnr .te img {
  width: 100%;
}
#outline #events .gixyouzi div.listBox ul.list {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 60px;
}
@media (max-width: 1009px) {
  #outline #events .gixyouzi div.listBox ul.list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
}
#outline #events .gixyouzi div.listBox ul.list li {
  text-align: left;
  font-size: 30px;
  line-height: 1.8;
  font-weight: bold;
  color: #198cd7;
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
  display: inline-block;
  padding-right: 1em;
}
#outline #events .gixyouzi div.listBox ul.list li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  color: #198cd7;
}
@media (max-width: 1009px) {
  #outline #events .gixyouzi div.listBox ul.list li {
    display: block;
    width: 50%;
    box-sizing: border-box;
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  #outline #events .gixyouzi div.listBox ul.list li {
    width: 100%;
  }
}
@media (max-width: 470px) {
  #outline #events .gixyouzi div.listBox ul.list li {
    font-size: 25px;
  }
}
#outline #events .gixyouzi div.listBox ul.list li span.fss {
  font-size: 25px;
  position: relative;
  top: -2px;
}
@media (max-width: 470px) {
  #outline #events .gixyouzi div.listBox ul.list li span.fss {
    font-size: 20px;
  }
}
@media (max-width: 1009px) {
  #outline #events .gixyouzi div.listBox ul.list li.one {
    width: 100%;
  }
  #outline #events .gixyouzi div.listBox ul.list li.one span.ib {
    display: inline-block;
  }
}
#outline #events .box {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1300px;
  padding: 0 20px 80px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 1009px) {
  #outline #events .box {
    padding-bottom: 40px;
  }
}
#outline #events .box .eventBox {
  width: 24.6031746032%;
  width: 24%;
  box-sizing: border-box;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 1%;
  font-size: 16px;
  line-height: 1.7647058824;
}
@media (max-width: 1300px) {
  #outline #events .box .eventBox {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.2307692308vw;
  }
}
@media (max-width: 1100px) {
  #outline #events .box .eventBox {
    width: 32.1333333333%;
    margin-bottom: 2%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.4545454545vw;
  }
}
@media (max-width: 800px) {
  #outline #events .box .eventBox {
    width: 48.2%;
    margin-bottom: 3%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2vw;
  }
}
@media (max-width: 550px) {
  #outline #events .box .eventBox {
    width: 100%;
    margin-bottom: 20px;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.0909090909vw;
  }
}
#outline #events .box .eventBox h3 {
  border-bottom: 2px solid #dcdcc8;
  line-height: 1em;
  position: relative;
  padding-top: 0;
  margin-bottom: 20px;
}
#outline #events .box .eventBox h3 span.num {
  font-size: 40px;
}
#outline #events .box .eventBox h3 span.tuki {
  font-size: 20px;
}
#outline #events .box .eventBox h3 span.en {
  font-size: 20px;
  color: #75bae7;
  position: absolute;
  right: 0;
  bottom: 0;
}
#outline #events .box .eventBox img {
  width: 100%;
  display: block;
  padding-bottom: 16px;
}
#outline #access {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1009px) {
  #outline #access {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#outline #access .box {
  padding: 0 35px;
}
@media (max-width: 1009px) {
  #outline #access .box {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#outline #access .parkingBox {
  background-color: #fdf9ef;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px;
  box-sizing: border-box;
}
#outline #access .parkingBox .txt {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #outline #access .parkingBox .txt {
    width: 100%;
  }
}
#outline #access .parkingBox .txt h3 {
  font-size: 20px;
  line-height: 1em;
  padding: 7px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  border-radius: 2em;
  color: #f9ac00;
  background: #fff;
  border: 2px solid #f9ac00;
  text-align: center;
  margin-bottom: 30px;
}
#outline #access .parkingBox .txt h4 {
  color: #f9ac00;
  font-size: 20px;
  padding-bottom: 10px;
}
#outline #access .parkingBox .txt p {
  font-size: 17px;
  line-height: 2.0588235294;
}
#outline #access .parkingBox .img {
  width: 50%;
  box-sizing: border-box;
  padding-left: 40px;
}
@media (max-width: 1009px) {
  #outline #access .parkingBox .img {
    padding-left: 0px;
    width: 100%;
  }
}
#outline #access .parkingBox .img img {
  width: 100%;
  display: block;
}
@media (max-width: 1009px) {
  #outline #access .parkingBox .img img {
    margin: 0 auto;
    max-width: 610px;
  }
}
#outline #access .mapiBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 60px;
}
@media (max-width: 1009px) {
  #outline #access .mapiBox {
    padding-bottom: 0px;
  }
}
#outline #access .mapiBox .info {
  width: 47%;
}
@media (max-width: 1009px) {
  #outline #access .mapiBox .info {
    padding-top: 50px;
    width: 77.1428571429%;
    margin: 0 auto;
  }
}
#outline #access .mapiBox .info div {
  padding-left: 85px;
  background: left center no-repeat;
  background-size: 60px auto;
  margin-bottom: 30px;
  position: relative;
  top: -20px;
}
#outline #access .mapiBox .info div h4 {
  font-size: 20px;
  color: #f9ac00;
}
#outline #access .mapiBox .info div p {
  padding: 0;
  margin: 0;
}
#outline #access .mapiBox .info div.train {
  background-image: url(img/outline/outline/train.png);
}
#outline #access .mapiBox .info div.bus {
  background-image: url(img/outline/outline/bus.png);
}
#outline #access .mapiBox .info div.car {
  background-image: url(img/outline/outline/car.png);
}
#outline #access .mapiBox .map {
  width: 50%;
  width: 47%;
}
@media (max-width: 1009px) {
  #outline #access .mapiBox .map {
    width: 100%;
  }
}
#outline #access .mapiBox .map .mapBox {
  position: relative;
  height: auto;
  display: block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
#outline #access .mapiBox .map .mapBox:before {
  content: "";
  display: block;
  padding-top: 74.4680851064%;
}
#outline #access .mapiBox .map .mapBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#outline #access .mapiBox .map .gmapBtnBox {
  text-align: right;
  padding-top: 20px;
}
#outline #access .mapiBox .map .gmapBtnBox a.gmapBtn img {
  width: 215px;
}
@media (max-width: 1009px) {
  #outline #access .mapiBox .map .gmapBtnBox a.gmapBtn img {
    width: 42%;
  }
}
#outline #enkaku {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1009px) {
  #outline #enkaku {
    padding-left: 0px;
    padding-right: 0px;
  }
}
#outline #enkaku .itBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
#outline #enkaku .itBox .imgs {
  width: 230px;
}
#outline #enkaku .itBox .imgs img {
  width: 100%;
  display: block;
  padding-bottom: 24px;
}
@media (max-width: 1009px) {
  #outline #enkaku .itBox .imgs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #outline #enkaku .itBox .imgs img.e01 {
    width: 37.5714285714%;
  }
  #outline #enkaku .itBox .imgs img.e02 {
    width: 57.1428571429%;
  }
}
#outline #enkaku .itBox .table {
  padding-right: 30px;
  box-sizing: border-box;
  width: calc(100% - 230px);
}
@media (max-width: 1009px) {
  #outline #enkaku .itBox .table {
    width: 100%;
    padding: 0;
  }
}
#outline #enkaku .itBox .table table {
  margin-bottom: 30px;
}
#outline #enkaku .itBox .table table th, #outline #enkaku .itBox .table table td {
  vertical-align: top;
  padding: 20px;
}
@media (max-width: 1009px) {
  #outline #enkaku .itBox .table table th, #outline #enkaku .itBox .table table td {
    width: 100%;
    display: block;
    text-align: justify;
    box-sizing: border-box;
  }
}
#outline #enkaku .itBox .table table th {
  color: #f9ac00;
}
@media (max-width: 1009px) {
  #outline #enkaku .itBox .table table th {
    padding-bottom: 0;
  }
}
@media (max-width: 1009px) {
  #outline #enkaku .itBox .table table td {
    padding-top: 0;
  }
}
#outline #enkaku .itBox .table table tr:nth-child(odd) {
  background-color: #fdf9ef; /* lightyellow */
}
#outline #enkaku .itBox .table table tr:nth-child(even) {
  background-color: #ffffff;
}
#outline .ihBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
#outline .ihBox .imgs {
  width: 50%;
  box-sizing: border-box;
  padding: 0 6.5% 0 0;
}
#outline .ihBox .imgs img {
  display: block;
  width: 100%;
  padding-bottom: 30px;
}
@media (max-width: 1009px) {
  #outline .ihBox .imgs {
    width: 100%;
  }
  #outline .ihBox .imgs img {
    width: 78.5714285714%;
    margin: 0 auto;
  }
}
#outline .ihBox .table {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #outline .ihBox .table {
    width: 100%;
  }
}
#outline .ihBox .table table th, #outline .ihBox .table table td {
  vertical-align: top;
  border-bottom: 1px solid #bababa;
  padding: 17px 0;
}
#outline .ihBox .table table th {
  color: #f9ac00;
  text-align: left;
  padding-right: 40px;
}

#school_lunch .footerSpacer.outside {
  display: none;
}
#school_lunch #allergic .chuui {
  padding: 10px;
}
#school_lunch #allergic .chuui p.ast {
  padding: 0;
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #allergic .chuui p.ast:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  color: #111111;
}
#school_lunch #allergic .imgsBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 110px 0 90px 0;
}
@media (max-width: 1009px) {
  #school_lunch #allergic .imgsBox {
    padding: 60px 0 20px 0;
  }
}
#school_lunch #allergic .imgsBox img {
  display: block;
  width: 30.8333333333%;
}
@media (max-width: 1009px) {
  #school_lunch #allergic .imgsBox img {
    width: 70.5128205128%;
    padding-bottom: 30px;
    margin: 0 auto;
  }
}
#school_lunch #allergic .greenBox {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #5aa032;
  overflow: hidden;
}
#school_lunch #allergic .greenBox h2 {
  background-color: #f5831d;
  color: #fff;
  font-size: 30px;
  text-align: center;
  padding: 25px 0;
  line-height: 1em;
}
@media (max-width: 1009px) {
  #school_lunch #allergic .greenBox h2 {
    padding: 15px 0;
    font-size: 20px;
  }
}
#school_lunch #allergic .greenBox h2 span {
  font-size: 25px;
}
@media (max-width: 1009px) {
  #school_lunch #allergic .greenBox h2 span {
    font-size: 15px;
  }
}
#school_lunch #allergic .greenBox .naiyou {
  padding: 60px 80px 50px;
  position: relative;
  background-color: #fff;
}
@media (max-width: 1009px) {
  #school_lunch #allergic .greenBox .naiyou {
    padding: 30px 40px 30px;
  }
}
#school_lunch #allergic .greenBox .naiyou p {
  font-size: 20px;
  padding: 0 0 10px 0;
}
#school_lunch #allergic .greenBox .naiyou p.n1 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #allergic .greenBox .naiyou p.n1:before {
  content: "①";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#school_lunch #allergic .greenBox .naiyou p.n2 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #allergic .greenBox .naiyou p.n2:before {
  content: "②";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#school_lunch #allergic .greenBox .naiyou p.n3 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #allergic .greenBox .naiyou p.n3:before {
  content: "③";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#school_lunch #allergic .greenBox .naiyou p.n4 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #allergic .greenBox .naiyou p.n4:before {
  content: "④";
  position: absolute;
  top: 0;
  left: 0;
  color: #5aa032;
}
#school_lunch #allergic .greenBox .naiyou span.green {
  color: #5aa032;
  font-weight: bold;
}
#school_lunch #allergic .greenBox .naiyou img.garbage {
  position: absolute;
  bottom: 40px;
  right: 140px;
}
@media (max-width: 1009px) {
  #school_lunch #allergic .greenBox .naiyou img.garbage {
    position: static;
    bottom: auto;
    right: auto;
    display: block;
    width: 140px;
    margin: 0 0 0 auto;
  }
}
#school_lunch #education .catch {
  font-size: 40px;
  line-height: 60px;
  color: #f5831d;
}
@media (max-width: 1009px) {
  #school_lunch #education .catch {
    line-height: 1.4545454545;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 7.0512820513vw;
  }
}
#school_lunch #education .orangeBox {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #f5831d;
  overflow: hidden;
}
#school_lunch #education .orangeBox h2 {
  background-color: #f5831d;
  color: #fff;
  font-size: 30px;
  text-align: center;
  padding: 25px 0;
  line-height: 1em;
}
@media (max-width: 1009px) {
  #school_lunch #education .orangeBox h2 {
    padding: 15px 0;
    font-size: 20px;
  }
}
#school_lunch #education .orangeBox h2 span {
  font-size: 25px;
}
@media (max-width: 1009px) {
  #school_lunch #education .orangeBox h2 span {
    font-size: 15px;
  }
}
#school_lunch #education .orangeBox .naiyou {
  padding: 60px 80px 150px;
  position: relative;
}
@media (max-width: 1100px) {
  #school_lunch #education .orangeBox .naiyou {
    padding: 60px 80px 190px;
  }
}
@media (max-width: 1009px) {
  #school_lunch #education .orangeBox .naiyou {
    padding: 30px 40px 30px;
  }
}
#school_lunch #education .orangeBox .naiyou h3 {
  color: #f5831d;
  font-size: 25px;
  padding: 0;
  padding-bottom: 16px;
}
#school_lunch #education .orangeBox .naiyou h3.n1 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #education .orangeBox .naiyou h3.n1:before {
  content: "①";
  position: absolute;
  top: 0;
  left: 0;
  color: #f5831d;
}
#school_lunch #education .orangeBox .naiyou h3.n2 {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #education .orangeBox .naiyou h3.n2:before {
  content: "②";
  position: absolute;
  top: 0;
  left: 0;
  color: #f5831d;
}
#school_lunch #education .orangeBox .naiyou p.ast {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
}
#school_lunch #education .orangeBox .naiyou p.ast:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  color: #111111;
}
#school_lunch #education .orangeBox .naiyou img.garbage {
  position: absolute;
  bottom: 40px;
  right: 140px;
}
@media (max-width: 1009px) {
  #school_lunch #education .orangeBox .naiyou img.garbage {
    position: static;
    bottom: auto;
    right: auto;
    display: block;
    width: 140px;
    margin: 0 0 0 auto;
  }
}
#school_lunch #education .tiBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
}
#school_lunch #education .tiBox .img {
  width: 41.6666666667%;
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .img {
    width: 100%;
    padding-bottom: 40px;
  }
}
#school_lunch #education .tiBox .img img {
  width: 100%;
  display: block;
}
#school_lunch #education .tiBox .txt {
  width: 58.3333333333%;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .txt {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
#school_lunch #education .tiBox .txt h4 {
  padding-bottom: 30px;
}
#school_lunch #education .tiBox .txt strong {
  color: #f5831d;
}
#school_lunch #education .tiBox .txt img {
  position: absolute;
  bottom: 0;
  left: 35px;
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .txt img {
    display: none;
  }
}
#school_lunch #education .tiBox .txt div.cntnr.cntr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .txt div.cntnr.cntr {
    position: static;
    top: auto;
    transform: none;
    padding-left: 0;
  }
}
#school_lunch #education .tiBox .txt div.cntnr {
  padding-left: 5.7142857143%;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .txt div.cntnr {
    position: static;
    top: auto;
    transform: none;
    padding-left: 0;
  }
  #school_lunch #education .tiBox .txt div.cntnr h4 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.6153846154vw;
  }
}
#school_lunch #education .tiBox .txt div.cntnr .circleBox {
  position: relative;
  padding: 5px 0 5px 150px;
  height: 140px;
  box-sizing: content-box;
  width: calc(100% - 150px);
  padding-left: 150px;
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .txt div.cntnr .circleBox {
    padding: 0;
    height: auto;
    box-sizing: border-box;
    width: 100%;
  }
}
#school_lunch #education .tiBox .txt div.cntnr .circleBox .circle {
  width: 120px; /* 直径 */
  height: 120px; /* 直径 */
  border: 3px solid #f5831d; /* 線の太さと色 */
  border-radius: 50%; /* 完全な円にする */
  display: flex; /* Flexbox を使って中央揃え */
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
  font-size: 20px; /* 文字サイズ */
  font-weight: bold; /* 太字 */
  text-align: center; /* 念のため中央揃え */
  user-select: none; /* テキスト選択を無効化（必要に応じて） */
  color: #f5831d;
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .txt div.cntnr .circleBox .circle {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    border-radius: 2em;
    line-height: 1em;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.8461538462vw;
    width: 100%;
    height: 2em;
    text-align: center;
    position: static;
    left: auto;
    top: auto;
    transform: none;
    box-sizing: border-box;
    padding: 0;
  }
}
#school_lunch #education .tiBox .txt div.cntnr .circleBox .showa {
  width: auto;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media (max-width: 1225px) {
  #school_lunch #education .tiBox .txt div.cntnr .circleBox .showa {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.306122449vw;
  }
}
@media (max-width: 1009px) {
  #school_lunch #education .tiBox .txt div.cntnr .circleBox .showa {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    text-align: center;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.3333333333vw;
    padding: 30px 0 60px;
  }
}
#school_lunch #education .tiBox.reverse {
  flex-direction: row-reverse;
}
#school_lunch #education .tiBox.reverse .txt div.cntnr {
  padding-left: 0;
  padding-right: 5.7142857143%;
}
#school_lunch #hygiene .tiBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row-reverse;
}
#school_lunch #hygiene .tiBox .img {
  width: 62.5%;
}
@media (max-width: 1009px) {
  #school_lunch #hygiene .tiBox .img {
    width: 100%;
    padding-bottom: 40px;
  }
}
#school_lunch #hygiene .tiBox .img img {
  width: 100%;
  display: block;
}
#school_lunch #hygiene .tiBox .txt {
  width: 37.5%;
  padding-right: 4.1666666667%;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 1009px) {
  #school_lunch #hygiene .tiBox .txt {
    width: 100%;
    padding-right: 0;
  }
}
#school_lunch #hygiene .tiBox .txt img {
  position: absolute;
  bottom: 0;
  left: 35px;
}
@media (max-width: 1009px) {
  #school_lunch #hygiene .tiBox .txt img {
    display: none;
  }
}
#school_lunch #eating .konndateBox {
  position: relative;
  height: auto;
  display: block;
}
#school_lunch #eating .konndateBox:before {
  content: "";
  display: block;
  padding-top: 79.0833333333%;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox {
    position: relative;
    height: auto;
    display: block;
  }
  #school_lunch #eating .konndateBox:before {
    content: "";
    display: block;
    padding-top: 351.1428571429%;
  }
}
#school_lunch #eating .konndateBox img.konndate {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 19.0833333333%;
  height: auto;
  top: 9.5890410959%;
  left: 6%;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.konndate {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 37.5714285714%;
    height: auto;
    top: 0%;
    left: 31%;
  }
}
#school_lunch #eating .konndateBox img.spoon_pc {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 4.0833333333%;
  height: auto;
  top: 14.3308746048%;
  left: 76.25%;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.spoon_pc {
    display: none;
  }
}
#school_lunch #eating .konndateBox img.spoon_sp {
  display: none;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.spoon_sp {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 13.7142857143%;
    height: auto;
    top: 3.620829943%;
    left: 15%;
    display: block;
  }
}
#school_lunch #eating .konndateBox img.fork_pc {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 8.0833333333%;
  height: auto;
  top: 16.5437302424%;
  left: 81%;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.fork_pc {
    display: none;
  }
}
#school_lunch #eating .konndateBox img.fork_sp {
  display: none;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.fork_sp {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 14.5714285714%;
    height: auto;
    top: 3.4987794955%;
    left: 73.5714285714%;
    display: block;
  }
}
#school_lunch #eating .konndateBox img.k01 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 38%;
  height: auto;
  top: 0%;
  left: 31%;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.k01 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 95.1428571429%;
    height: auto;
    top: 13.3848657445%;
    left: 1.4285714286%;
  }
}
#school_lunch #eating .konndateBox img.k02 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 37.8333333333%;
  height: auto;
  top: 39.5152792413%;
  left: 6.9166666667%;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.k02 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 95.1428571429%;
    height: auto;
    top: 40.2359641985%;
    left: 1.4285714286%;
  }
}
#school_lunch #eating .konndateBox img.k03 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 37.8333333333%;
  height: auto;
  top: 39.5152792413%;
  left: 53.5%;
}
@media (max-width: 1009px) {
  #school_lunch #eating .konndateBox img.k03 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 95.1428571429%;
    height: auto;
    top: 68.6330349878%;
    left: 1.4285714286%;
  }
}
@media (max-width: 600px) {
  #school_lunch .subpage_menu2 li a img.tab1 {
    width: 56.7948717949%;
  }
  #school_lunch .subpage_menu2 li a img.tab2 {
    width: 49.6153846154%;
  }
  #school_lunch .subpage_menu2 li a img.tab3 {
    width: 49.6153846154%;
  }
  #school_lunch .subpage_menu2 li a img.tab4 {
    width: 72.0512820513%;
  }
}

.subpage_menu2 {
  text-align: center;
  width: 100%;
  max-width: 840px;
  margin: 80px auto;
  padding-bottom: 80px;
}
@media (max-width: 600px) {
  .subpage_menu2 {
    margin: 10% auto;
    padding-bottom: 0px;
  }
}
.subpage_menu2 li {
  display: inline-block;
  padding: 0 15px 15px;
}
@media (max-width: 600px) {
  .subpage_menu2 li {
    display: block;
    width: 100%;
    padding: 0 0 15px;
    box-sizing: border-box;
  }
}
.subpage_menu2 li .tabBox a img {
  height: 60px;
}
@media (max-width: 600px) {
  .subpage_menu2 li .tabBox a img {
    height: auto;
  }
}

.subpage_menu3 {
  text-align: center;
  width: 100%;
  max-width: 840px;
  margin: 80px auto;
  padding-bottom: 80px;
}
@media (max-width: 600px) {
  .subpage_menu3 {
    margin: 10% auto;
    padding-bottom: 0px;
  }
}
.subpage_menu3 li {
  display: inline-block;
  padding: 0 15px 15px;
}
.subpage_menu3 li .tabBox a img {
  height: 60px;
}

#disclosure, #privacy {
  /*
  	#activity {
  		background: no-repeat left bottom url(img/childcare/logic/bg.jpg);
  		background-size: 50% auto;
  	}
  */
}
#disclosure .footerSpacer.outside, #privacy .footerSpacer.outside {
  display: none;
}
#disclosure h3.text, #privacy h3.text {
  font-size: 25px;
  padding-bottom: 5px;
  border-bottom: 2px solid #f9ac00;
  color: #f9ac00;
  margin: 0 0 10px 0;
}
#disclosure p, #privacy p {
  font-size: 17px;
  line-height: 2.0588235294;
  padding: 0 0 20px 0;
  margin: 0;
}
#disclosure .spacer, #privacy .spacer {
  height: 20px;
}
#disclosure h4, #privacy h4 {
  font-size: 20px;
  line-height: 40px;
}

#schedule .ast {
  padding-left: 1.2em;
  position: relative;
  display: block;
  list-style: none;
  text-align: justify;
}
#schedule .ast:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  color: #111111;
}
#schedule .footerSpacer.outside {
  display: none;
}
#schedule .subpage_menu {
  max-width: 976px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  #schedule .subpage_menu {
    width: 71.1538461538%;
    display: block;
  }
}
#schedule .subpage_menu li {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #schedule .subpage_menu li {
    width: 100%;
    max-width: 555px;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  #schedule .subpage_menu li a img {
    width: 100%;
    display: block;
  }
}
#schedule .ksnImgBox {
  position: relative;
  height: auto;
  display: block;
  position: relative;
}
#schedule .ksnImgBox:before {
  content: "";
  display: block;
  padding-top: 55.5%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox {
    position: relative;
    height: auto;
    display: block;
    position: relative;
  }
  #schedule .ksnImgBox:before {
    content: "";
    display: block;
    padding-top: 107.4285714286%;
  }
}
#schedule .ksnImgBox div {
  background-size: cover;
  box-shadow: 3px 3px 0 #555555;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #000;
  box-sizing: border-box;
}
#schedule .ksnImgBox .img1 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 42.5%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
}
#schedule .ksnImgBox .img1:before {
  content: "";
  display: block;
  padding-top: 65.6862745098%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img1 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 59.5714285714%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
  }
  #schedule .ksnImgBox .img1:before {
    content: "";
    display: block;
    padding-top: 65.7074340528%;
  }
}
#schedule .ksnImgBox .img2 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 22.5%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 57.0570570571%;
  left: 0%;
}
#schedule .ksnImgBox .img2:before {
  content: "";
  display: block;
  padding-top: 105.5555555556%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img2 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 31.5714285714%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 41.3563829787%;
    left: 0%;
  }
  #schedule .ksnImgBox .img2:before {
    content: "";
    display: block;
    padding-top: 105.4298642534%;
  }
}
#schedule .ksnImgBox .img3 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 16.25%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 57.0570570571%;
  left: 26.25%;
}
#schedule .ksnImgBox .img3:before {
  content: "";
  display: block;
  padding-top: 146.1538461538%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img3 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 22.7142857143%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 41.3563829787%;
    left: 36.8571428571%;
  }
  #schedule .ksnImgBox .img3:before {
    content: "";
    display: block;
    padding-top: 146.5408805031%;
  }
}
#schedule .ksnImgBox .img4 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 24.5833333333%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 0%;
  left: 46.1666666667%;
}
#schedule .ksnImgBox .img4:before {
  content: "";
  display: block;
  padding-top: 67.7966101695%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img4 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 30.7142857143%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 76.9946808511%;
    left: 0%;
  }
  #schedule .ksnImgBox .img4:before {
    content: "";
    display: block;
    padding-top: 80%;
  }
}
#schedule .ksnImgBox .img5 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 24.5833333333%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 35.1351351351%;
  left: 46.1666666667%;
}
#schedule .ksnImgBox .img5:before {
  content: "";
  display: block;
  padding-top: 67.7966101695%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img5 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 30.7142857143%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 76.9946808511%;
    left: 34.2857142857%;
  }
  #schedule .ksnImgBox .img5:before {
    content: "";
    display: block;
    padding-top: 80%;
  }
}
#schedule .ksnImgBox .img6 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 24.5833333333%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 69.8198198198%;
  left: 46.1666666667%;
}
#schedule .ksnImgBox .img6:before {
  content: "";
  display: block;
  padding-top: 67.7966101695%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img6 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 30.7142857143%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 76.9946808511%;
    left: 69.2857142857%;
  }
  #schedule .ksnImgBox .img6:before {
    content: "";
    display: block;
    padding-top: 80%;
  }
}
#schedule .ksnImgBox .img7 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 25.4166666667%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 0%;
  left: 74.5833333333%;
}
#schedule .ksnImgBox .img7:before {
  content: "";
  display: block;
  padding-top: 137.7049180328%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img7 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 35.7142857143%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 0%;
    left: 64.2857142857%;
  }
  #schedule .ksnImgBox .img7:before {
    content: "";
    display: block;
    padding-top: 137.6%;
  }
}
#schedule .ksnImgBox .img8 {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 25.4166666667%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 69.8198198198%;
  left: 74.5833333333%;
}
#schedule .ksnImgBox .img8:before {
  content: "";
  display: block;
  padding-top: 65.5737704918%;
}
@media (max-width: 1009px) {
  #schedule .ksnImgBox .img8 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 35.7142857143%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 50.5319148936%;
    left: 64.2857142857%;
  }
  #schedule .ksnImgBox .img8:before {
    content: "";
    display: block;
    padding-top: 65.6%;
  }
}
#schedule #kids .candies_sp1, #schedule #kids .candies_sp2 {
  display: none;
}
@media (max-width: 1009px) {
  #schedule #kids .candies_sp1, #schedule #kids .candies_sp2 {
    display: block;
  }
  #schedule #kids .candies_sp1 img, #schedule #kids .candies_sp2 img {
    max-width: 308px;
    width: 39.4871794872%;
    display: block;
  }
}
#schedule #kids .candies_sp1 {
  padding-bottom: 20px;
}
#schedule #kids .candies_sp1 img {
  max-width: 309px;
  width: 39.6153846154%;
  display: block;
}
#schedule #kids .candies_sp2 {
  padding-top: 20px;
}
#schedule #kids .candies_sp2 img {
  max-width: 307px;
  width: 39.358974359%;
  display: block;
  margin: 0 0 0 auto;
}
#schedule #kids .sl {
  text-align: center;
  padding: 120px 40px 0;
  position: relative;
  margin: 0 auto;
  max-width: 1300px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #schedule #kids .sl {
    padding: 40px 20px 0;
  }
}
#schedule #kids .sl p {
  text-align: center;
  padding-bottom: 90px;
}
@media (max-width: 1009px) {
  #schedule #kids .sl p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.5897435897vw;
    line-height: 1.7857142857;
    padding-bottom: 50px;
  }
}
#schedule #kids .sl a img {
  max-width: 446px;
  width: 100%;
}
@media (max-width: 1009px) {
  #schedule #kids .sl a img {
    width: 0.7948717949;
  }
}
#schedule #kids .sl .stick {
  position: absolute;
  right: -100px;
  bottom: -50px;
  display: block;
  width: 196px;
}
@media (max-width: 1530px) {
  #schedule #kids .sl .stick {
    width: 15.0769230769%;
    right: 20px;
  }
}
@media (max-width: 1009px) {
  #schedule #kids .sl .stick {
    width: 25.1282051282%;
    position: static;
    right: auto;
    bottom: auto;
    margin: 30px 0 0 auto;
  }
}
#schedule #kids .ksnImgBox .img1 {
  background-image: url(img/schedule/kids/001.jpg);
}
#schedule #kids .ksnImgBox .img2 {
  background-image: url(img/schedule/kids/002.jpg);
}
#schedule #kids .ksnImgBox .img3 {
  background-image: url(img/schedule/kids/003.jpg);
}
#schedule #kids .ksnImgBox .img4 {
  background-image: url(img/schedule/kids/004.jpg);
}
#schedule #kids .ksnImgBox .img5 {
  background-image: url(img/schedule/kids/005.jpg);
}
#schedule #kids .ksnImgBox .img6 {
  background-image: url(img/schedule/kids/006.jpg);
}
#schedule #kids .ksnImgBox .img7 {
  background-image: url(img/schedule/kids/007.jpg);
}
#schedule #kids .ksnImgBox .img8 {
  background-image: url(img/schedule/kids/008.jpg);
}
#schedule #kids .whiteCntnrWrppr {
  padding: 20px;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr {
  max-width: 1400px;
  width: 100%;
  background-color: #fff !important;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  margin: 0 auto;
  position: relative;
  padding: 80px 0 80px 20px;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #schedule #kids .whiteCntnrWrppr .whiteCntnr {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 40px 20px;
  }
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr img.candies {
  right: -167px;
  top: -126px;
  position: absolute;
  display: block;
  width: 345px;
}
@media (max-width: 1009px) {
  #schedule #kids .whiteCntnrWrppr .whiteCntnr img.candies {
    display: none;
  }
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box {
  width: 100%;
  position: relative;
}
@media (max-width: 1009px) {
  #schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box {
    margin: 0 auto;
    max-width: 1200px;
    width: 92.3076923077%;
  }
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box img.candy {
  max-width: 357px;
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  left: 10px;
}
@media (max-width: 1650px) {
  #schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box img.candy {
    width: 20%;
  }
}
@media (max-width: 1009px) {
  #schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box img.candy {
    position: static;
    top: auto;
    left: auto;
    transform: none;
  }
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box h4 {
  width: 400px;
  display: block;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media (max-width: 1009px) {
  #schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box h4 {
    width: 71.4285714286%;
  }
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .h4Box h4 img.title {
  width: 100%;
  display: block;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .message {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .schedule {
  position: relative;
  height: auto;
  display: block;
  background-image: url(img/schedule/kids/schedule.png);
  background-size: cover;
  max-width: 1200px;
  margin: 0 auto;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .schedule:before {
  content: "";
  display: block;
  padding-top: 119.25%;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .schedule img.sche1 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 6.4166666667%;
  height: auto;
  top: 22.7463312369%;
  left: 11.5%;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .schedule img.sche2 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 8.9166666667%;
  height: auto;
  top: 32.9140461216%;
  left: 37.7916666667%;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .schedule img.sche3 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 9.5833333333%;
  height: auto;
  top: 39.0985324948%;
  left: 55.625%;
}
#schedule #kids .whiteCntnrWrppr .whiteCntnr .schedule img.sche4 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 11.3333333333%;
  height: auto;
  top: 24.143955276%;
  left: 70.5%;
}
#schedule #baby {
  position: relative;
}
#schedule #baby img.ki {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0) translateX(580px);
  z-index: -1;
  display: block;
}
@media (max-width: 1449px) {
  #schedule #baby img.ki {
    width: 17.2413793103%;
    transform: none;
    right: 0;
    left: auto;
  }
}
@media (max-width: 1009px) {
  #schedule #baby img.ki {
    width: 32.0512820513%;
  }
}
@media (max-width: 1009px) {
  #schedule #baby .c1Spacer {
    display: none;
  }
}
#schedule #baby .kiSpacer {
  width: 100%;
  height: 0;
}
@media (max-width: 1009px) {
  #schedule #baby .kiSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  #schedule #baby .kiSpacer:before {
    content: "";
    display: block;
    padding-top: 46.1538461538%;
  }
}
#schedule #baby .schedule {
  position: relative;
  height: auto;
  display: block;
  background-image: url(img/schedule/baby/schedule.png);
  background-size: cover;
}
#schedule #baby .schedule:before {
  content: "";
  display: block;
  padding-top: 124.75%;
}
#schedule #baby .schedule img.sche1 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 11.8333333333%;
  height: auto;
  top: 14.295257181%;
  left: 15.5833333333%;
}
#schedule #baby .schedule img.sche2 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 12.6666666667%;
  height: auto;
  top: 23.1128924516%;
  left: 61.0833333333%;
}
#schedule #baby .schedule img.sche3 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 9.4166666667%;
  height: auto;
  top: 31.8637274549%;
  left: 31.8333333333%;
}
#schedule #baby .h4Box {
  width: 100%;
  position: relative;
}
@media (max-width: 1009px) {
  #schedule #baby .h4Box {
    margin: 0 auto;
    max-width: 1200px;
    width: 92.3076923077%;
  }
}
#schedule #baby .h4Box img.candy {
  max-width: 357px;
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  left: 10px;
}
@media (max-width: 1650px) {
  #schedule #baby .h4Box img.candy {
    width: 20%;
  }
}
@media (max-width: 1009px) {
  #schedule #baby .h4Box img.candy {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: 50%;
    padding-bottom: 12%;
    padding-top: 20px;
  }
}
#schedule #baby .h4Box h4 {
  width: 400px;
  display: block;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media (max-width: 1009px) {
  #schedule #baby .h4Box h4 {
    width: 71.4285714286%;
  }
}
#schedule #baby .h4Box h4 img.title {
  width: 100%;
  display: block;
}
#schedule #baby .ksnImgBox .img1 {
  background-image: url(img/schedule/baby/001.jpg);
}
#schedule #baby .ksnImgBox .img2 {
  background-image: url(img/schedule/baby/002.jpg);
}
#schedule #baby .ksnImgBox .img3 {
  background-image: url(img/schedule/baby/003.jpg);
}
#schedule #baby .ksnImgBox .img4 {
  background-image: url(img/schedule/baby/004.jpg);
}
#schedule #baby .ksnImgBox .img5 {
  background-image: url(img/schedule/baby/005.jpg);
}
#schedule #baby .ksnImgBox .img6 {
  background-image: url(img/schedule/baby/006.jpg);
}
#schedule #baby .ksnImgBox .img7 {
  background-image: url(img/schedule/baby/007.jpg);
}
#schedule #baby .ksnImgBox .img8 {
  background-image: url(img/schedule/baby/008.jpg);
}

#childcare {
  /*
  	#activity {
  		background: no-repeat left bottom url(img/childcare/logic/bg.jpg);
  		background-size: 50% auto;
  	}
  */
}
#childcare .footerSpacer.outside {
  display: none;
}
#childcare #safetybase h3 {
  position: relative;
}
#childcare #safetybase h3 img.bin {
  width: 233px;
  position: absolute;
  top: -440px;
  right: -100px;
}
@media (max-width: 1600px) {
  #childcare #safetybase h3 img.bin {
    width: 180px;
    right: 20px;
    top: -340px;
  }
}
@media (max-width: 1009px) {
  #childcare #safetybase h3 img.bin {
    top: -190%;
    right: 6.7948717949%;
    width: 24.7435897436%;
  }
}
#childcare #safetybase .cntnr1 {
  background: center top 200px url(img/ca.png) no-repeat;
  background-size: 346px auto;
}
@media (max-width: 1009px) {
  #childcare #safetybase .cntnr1 {
    background-position: center center;
    background-size: 51.2820512821% auto;
  }
}
#childcare #safetybase .cntnr1 span.bold {
  color: #198cd7;
  font-weight: bold;
}
#childcare .tabBox a.tab span {
  font-size: 21px;
}
@media (max-width: 600px) {
  #childcare .tabBox a.tab span {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.3333333333vw;
  }
}
#childcare h5 {
  padding-bottom: 20px;
}
@media (max-width: 1009px) {
  #childcare #activity {
    position: relative;
    padding-bottom: 34%;
  }
}
#childcare #activity img.candies {
  display: block;
  width: 50%;
}
@media (max-width: 1009px) {
  #childcare #activity img.candies {
    width: 78.7179487179%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
#childcare .ul_cntnr {
  padding: 0;
  width: 100%;
}
#childcare .ul_cntnr ul.logic li.box {
  width: 47.0833333333%;
}
@media (max-width: 1009px) {
  #childcare .ul_cntnr ul.logic li.box {
    width: 100%;
  }
}
#childcare .ul_cntnr ul.logic li.box h4.img {
  max-width: 427px;
  width: 100%;
  margin-bottom: 30px;
}
#childcare .ul_cntnr ul.logic li.box h4.img img {
  width: 100%;
  display: block;
}
@media (max-width: 1009px) {
  #childcare .ul_cntnr ul.logic li.box h4.img {
    max-width: 573px;
  }
}
#childcare .ul_cntnr ul.logic li.box h5 {
  font-size: 25px;
  padding: 30px 0 20px 0;
}
@media (max-width: 1009px) {
  #childcare .ul_cntnr ul.logic li.box h5 {
    line-height: 1.4285714286;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.4871794872vw;
  }
}
#childcare .ul_cntnr ul.logic li.box h5.nowrap {
  white-space: nowrap;
}
#childcare .ul_cntnr ul.logic li.box .mes {
  text-align: justify;
}
@media (max-width: 1009px) {
  #childcare .ul_cntnr ul.logic li.box .mes {
    line-height: 1.7857142857;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.5897435897vw;
  }
}
#childcare .ul_cntnr ul.logic li.box .moreSpacer {
  width: 100%;
  height: 110px;
}
@media (max-width: 1009px) {
  #childcare .ul_cntnr ul.logic li.box .moreSpacer {
    height: 180px;
  }
}
@media (max-width: 450px) {
  #childcare .ul_cntnr ul.logic li.box .moreSpacer {
    height: 90px;
  }
}
#childcare .ul_cntnr ul.logic li.box .more {
  bottom: 40px;
  width: 25.8407079646%;
  left: auto;
  right: 8%;
}
@media (max-width: 1009px) {
  #childcare .ul_cntnr ul.logic li.box .more {
    bottom: 40px;
    width: 28.5714285714%;
    right: 8%;
  }
}
#childcare .ul_cntnr ul.logic li.box ul.list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}
#childcare .ul_cntnr ul.logic li.box ul.list li {
  display: block;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0;
}
@media (max-width: 1009px) {
  #childcare .ul_cntnr ul.logic li.box ul.list li {
    line-height: 1.9230769231;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.3333333333vw;
  }
}
#childcare .ul_cntnr ul.logic li.box ul.list.two li {
  width: 50%;
}
#childcare .ul_cntnr ul.logic li.box ul.list.three li {
  width: 33%;
}

@media (min-width: 1010px) {
  #logic .fss {
    font-size: 16px;
  }
}
@media (max-width: 1009px) {
  #logic #candyLogic h5 {
    font-size: 20px;
  }
}
#logic .cntnr1 .catch {
  color: #111111;
}
#logic .cntnr1 .kotiraBox {
  text-align: center;
}
#logic .cntnr1 .kotiraBox a img {
  max-width: 514px;
  width: 100%;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .kotiraBox a img {
    max-width: 700px;
    width: 100%;
  }
}
#logic .cntnr1 .setumei2_pc {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .setumei2_pc {
    display: none;
  }
}
#logic .cntnr1 .setumei2_sp {
  display: none;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .setumei2_sp {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
}
#logic .cntnr1 .setumei1 .box {
  position: relative;
  height: auto;
  display: block;
  margin: 0 auto;
  width: 100%;
  background: url(img/logic/candyLogic/setumei1_pc.png) no-repeat;
  background-size: 100% 100%;
  max-width: 900px;
  position: relative;
}
#logic .cntnr1 .setumei1 .box:before {
  content: "";
  display: block;
  padding-top: 137.7777777778%;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .setumei1 .box {
    background: url(img/logic/candyLogic/setumei1_sp.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    height: auto;
    display: block;
    max-width: 700px;
  }
  #logic .cntnr1 .setumei1 .box:before {
    content: "";
    display: block;
    padding-top: 448.5714285714%;
  }
}
#logic .cntnr1 .setumei1 .box img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#logic .cntnr1 .setumei1 .box img.p1 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 18%;
  height: auto;
  top: 12.4193548387%;
  left: 10.6666666667%;
  display: block;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .setumei1 .box img.p1 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 36.8571428571%;
    height: auto;
    top: 9.1719745223%;
    left: 5.2857142857%;
    display: block;
  }
}
#logic .cntnr1 .setumei1 .box img.p2 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 18%;
  height: auto;
  top: 41.935483871%;
  left: 10.6666666667%;
  display: block;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .setumei1 .box img.p2 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 36.8571428571%;
    height: auto;
    top: 40.6050955414%;
    left: 5.2857142857%;
    display: block;
  }
}
#logic .cntnr1 .setumei1 .box img.p3 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 18%;
  height: auto;
  top: 71.5322580645%;
  left: 10.6666666667%;
  display: block;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .setumei1 .box img.p3 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 36.8571428571%;
    height: auto;
    top: 72.7070063694%;
    left: 5.2857142857%;
    display: block;
  }
}
@media (min-width: 1010px) {
  #logic .cntnr1 .row .six {
    margin: 0;
    width: 50%;
  }
}
#logic .cntnr1 .row img {
  max-width: 500px;
  width: 83.3333333333%;
  display: block;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .row img {
    max-width: none;
    width: 100%;
  }
}
#logic .cntnr1 .row strong {
  color: #f9ac00;
}
#logic .cntnr1 .row h5 {
  font-size: 25px;
  padding-bottom: 20px;
}
@media (max-width: 1009px) {
  #logic .cntnr1 .row h5 {
    margin: 10% 0 5%;
    padding: 0;
  }
}

.mission_spacer {
  width: 100%;
  height: 220px;
  height: 270px;
}
@media (max-width: 1009px) {
  .mission_spacer {
    height: 380px;
  }
}
@media (max-width: 600px) {
  .mission_spacer {
    height: 280px;
  }
}
@media (max-width: 400px) {
  .mission_spacer {
    height: 180px;
  }
}

#mission .footerSpacer.outside {
  display: none;
}
#mission .subpage #rinen .ul_cntnr {
  padding: 0 10.74359%;
}
@media (max-width: 1009px) {
  #mission .subpage #rinen ul.work li .box .cntnr div.txt {
    padding: 20px 0px;
  }
}
#mission .subpage #rinen ul.work li .box .cntnr div.txt h3 span {
  color: #e6584c;
}
#mission .subpage #rinen ul.work li .box .cntnr div.txt h3.num.n02 {
  background-size: 14% auto;
}
@media (max-width: 1009px) {
  #mission .subpage #rinen ul.work li .box .cntnr div.txt .mes {
    padding-top: 10px;
    font-size: 3.8vw;
  }
}
#mission .subpage #rinen ul.work li .box img.clip_sp {
  top: -4%;
  width: 13.538462%;
}
#mission .subpage #shimei .shimeiBox {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
#mission .subpage #shimei .shimeiBox p {
  padding: 0 0 20px 0;
}
@media (max-width: 400px) {
  #mission .subpage #shimei .shimeiBox p {
    font-size: 15px;
  }
}
#mission .subpage #shimei .shimeiBox .box {
  background: #fff;
  border: #80649e 2px solid;
  padding: 40px 50px;
  width: 100%;
  box-sizing: border-box;
  color: #80649e;
  font-weight: bold;
}
@media (max-width: 1009px) {
  #mission .subpage #shimei .shimeiBox .box {
    padding: 6.4102564103%;
  }
}
#mission .subpage #shimei .shimeiBox .inyou {
  padding-top: 20px;
  text-align: right;
}
@media (max-width: 1009px) {
  #mission .subpage #shimei .shimeiBox .inyou {
    text-align: left;
  }
}
@media (max-width: 400px) {
  #mission .subpage #shimei .shimeiBox .inyou {
    font-size: 15px;
  }
}
#mission .subpage #shimei .message p {
  font-size: 25px;
  line-height: 2.0454545455;
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
@media (max-width: 1009px) {
  #mission .subpage #shimei .message p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
  }
}
#mission .subpage #shimei .message p span {
  color: #80649e;
}
#mission .subpage #shimei .mission_spacer {
  width: 100%;
  height: 270px;
}
@media (max-width: 1009px) {
  #mission .subpage #shimei .mission_spacer {
    height: 380px;
  }
}
@media (max-width: 600px) {
  #mission .subpage #shimei .mission_spacer {
    height: 280px;
  }
}
@media (max-width: 400px) {
  #mission .subpage #shimei .mission_spacer {
    height: 180px;
  }
}
#mission .subpage #vision .visionBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
#mission .subpage #vision .visionBox img {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 1009px) {
  #mission .subpage #vision .visionBox img {
    width: 100%;
  }
}
#mission .subpage #vision .visionBox img.vision {
  border: 2px solid #111111;
  display: block;
}
#mission .subpage #vision .visionBox img.vision_pc {
  display: block;
}
@media (max-width: 1009px) {
  #mission .subpage #vision .visionBox img.vision_pc {
    display: none;
  }
}
#mission .subpage #vision .visionBox img.vision_sp {
  display: none;
}
@media (max-width: 1009px) {
  #mission .subpage #vision .visionBox img.vision_sp {
    display: block;
  }
}
@media (max-width: 1009px) {
  #mission .subpage #vision .h2Spacer.pc {
    display: none;
  }
}
#mission .subpage #vision .message p {
  font-size: 22px;
  line-height: 2.0454545455;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 1009px) {
  #mission .subpage #vision .message p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.8461538462vw;
  }
}
#mission .subpage #object .catch {
  line-height: 183.3333333333%;
}
#mission .subpage #object .catch {
  color: #111111;
  font-size: 30px;
}
@media (max-width: 1009px) {
  #mission .subpage #object .catch {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
  }
}
#mission .subpage #philosophy .catch {
  color: #f9ac00;
}
#mission .subpage #philosophy strong {
  color: #f9ac00;
}
#mission .subpage #philosophy .borderBox {
  border-color: #f9ac00;
}
@media (max-width: 1009px) {
  #mission .subpage #philosophy .borderBox {
    border: 2px solid #f9ac00;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
  }
}
#mission .subpage #philosophy strong {
  color: #f9ac00;
}
#mission .subpage #policy .policyBox {
  position: relative;
}
#mission .subpage #policy .policyBox img.img01 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 17.9166666667%;
  height: auto;
  top: 32.7195467422%;
  left: -12.5833333333%;
  position: absolute;
}
@media (max-width: 1648px) {
  #mission .subpage #policy .policyBox img.img01 {
    left: -3.5%;
  }
}
@media (max-width: 1009px) {
  #mission .subpage #policy .policyBox img.img01 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 39.2857142857%;
    height: auto;
    top: 58.4814216478%;
    left: 0%;
    position: absolute;
    max-width: 275px;
  }
}
#mission .subpage #policy .policyBox img.img02 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 15.3333333333%;
  height: auto;
  top: 60.9065155807%;
  left: 0.8333333333%;
  position: absolute;
}
@media (max-width: 1648px) {
  #mission .subpage #policy .policyBox img.img02 {
    left: 10%;
  }
}
@media (max-width: 1009px) {
  #mission .subpage #policy .policyBox img.img02 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 33.4285714286%;
    height: auto;
    top: 77.140549273%;
    left: 35.7142857143%;
    position: absolute;
    max-width: 234px;
  }
}
#mission .subpage #policy .policyBox img.img03 {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 18.1666666667%;
  height: auto;
  top: 7.507082153%;
  left: 91.6666666667%;
  position: absolute;
}
@media (max-width: 1648px) {
  #mission .subpage #policy .policyBox img.img03 {
    left: auto;
    right: -6%;
    top: 0;
  }
}
@media (max-width: 1009px) {
  #mission .subpage #policy .policyBox img.img03 {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 39.7142857143%;
    height: auto;
    top: 57.0274636511%;
    left: 60%;
    position: absolute;
    max-width: 278px;
  }
}
#mission .subpage #policy .policyBox img.policy_pc {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  #mission .subpage #policy .policyBox img.policy_pc {
    display: none;
  }
}
#mission .subpage #policy .policyBox img.policy_sp {
  display: none;
}
@media (max-width: 1009px) {
  #mission .subpage #policy .policyBox img.policy_sp {
    display: block;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
}

#home .headerSpacer, #home .headerSpacer2 {
  display: none;
}
@media (max-width: 1009px) {
  #home .headerSpacer, #home .headerSpacer2 {
    display: block;
  }
}
#home header.site-header_sp {
  position: relative;
  z-index: 9980;
  /*
  		a.menu {
  			position: fixed;
  			z-index: 9990;
  			&:hover {
  				@include mixins.opacity(1);
  			}
  		}
  */
}
#home a#menu {
  display: none !important;
}
@media (max-width: 1009px) {
  #home a#menu {
    top: 0px;
    right: 0px;
    width: 140px;
    height: auto;
    z-index: 9990;
    top: 0;
    right: 0;
    position: fixed;
    display: block !important;
  }
}
@media (max-width: 1009px) and (max-width: 779px) {
  #home a#menu {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_r: 260px; leftの値。絶対値。pxはつける
    	$pos_r_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 17.9487179487%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 0%;
    right: 0%;
    position: fixed;
    max-width: 140px;
  }
  #home a#menu:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
@media (max-width: 1009px) {
  #home a#menu img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
}
#home .nav_space {
  padding: 0 8.3333333333%;
}
@media (max-width: 1009px) {
  #home .nav_space {
    padding: 0;
  }
}
#home #home_slider {
  width: 100%; /* 表示領域の幅 */
  overflow: hidden; /* はみ出し部分を隠す */
  box-sizing: border-box;
  /* アニメーション定義 */
}
#home #home_slider .slider__track {
  display: flex;
  width: 7200px; /* 画像数×繰り返しセット数×画像幅 */
  width: 375%; /* 画像数×繰り返しセット数×画像幅 */
  animation: scroll 80s linear infinite;
}
@media (max-width: 1009px) {
  #home #home_slider .slider__track {
    width: 923.0769230769%; /* 画像数×繰り返しセット数×画像幅 */
    animation: scroll 80s linear infinite;
  }
}
#home #home_slider .slider__item {
  width: 400px; /* 画像の幅 */
  width: 5.5555555556%;
  height: auto; /* 画像の高さ */
  object-fit: cover; /* アスペクト調整 */
  flex-shrink: 0; /* 縮まないように */
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%); /* トラック幅の半分分だけ左に移動 */
  }
}
#home #home_recruit {
  position: relative;
  height: auto;
  display: block;
}
#home #home_recruit:before {
  content: "";
  display: block;
  padding-top: 77.7083333333%;
}
@media (max-width: 1009px) {
  #home #home_recruit {
    position: relative;
    height: auto;
    display: block;
    background-size: 180% auto;
    background-position: center bottom;
  }
  #home #home_recruit:before {
    content: "";
    display: block;
    padding-top: 177.4358974359%;
  }
}
#home #home_recruit .bg {
  position: relative;
  height: auto;
  display: block;
  background: url(img/home/recruit/bg.jpg) no-repeat center bottom 36%;
  background-size: 114% auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
#home #home_recruit .bg:before {
  content: "";
  display: block;
  padding-top: 80.2083333333%;
}
@media (min-width: 1921px) {
  #home #home_recruit .bg {
    background-size: 2200px auto;
    background-size: 108% auto;
  }
}
@media (max-width: 1009px) {
  #home #home_recruit .bg {
    position: relative;
    height: auto;
    display: block;
    background-size: 180% auto;
    background-position: center bottom;
    background-position: center bottom 20%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #home #home_recruit .bg:before {
    content: "";
    display: block;
    padding-top: 177.4358974359%;
  }
}
#home #home_recruit .cntnt {
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
#home #home_recruit .cntnt:before {
  content: "";
  display: block;
  padding-top: 80.2083333333%;
}
@media (max-width: 1009px) {
  #home #home_recruit .cntnt {
    position: relative;
    height: auto;
    display: block;
    background-size: 180% auto;
    background-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #home #home_recruit .cntnt:before {
    content: "";
    display: block;
    padding-top: 177.4358974359%;
  }
}
#home #home_recruit .recruit_pc {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 67.4479166667%;
  height: auto;
  top: 15.8441558442%;
  left: 14.6875%;
  border: 4px solid #111111;
  box-sizing: border-box;
  z-index: 20;
}
@media (max-width: 1009px) {
  #home #home_recruit .recruit_pc {
    display: none;
  }
}
#home #home_recruit .recruit_sp {
  display: none;
}
@media (max-width: 1009px) {
  #home #home_recruit .recruit_sp {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 79.4871794872%;
    height: auto;
    top: 21.676300578%;
    left: 9.6153846154%;
    border: 2px solid #111111;
    box-sizing: border-box;
    z-index: 20;
    display: block;
  }
}
#home #home_recruit .recruit_y_pc {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 67.2916666667%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 19.4805194805%;
  left: 17.9166666667%;
  border: 4px solid #111111;
  box-sizing: border-box;
  background-color: #ffe355;
  z-index: 10;
}
#home #home_recruit .recruit_y_pc:before {
  content: "";
  display: block;
  padding-top: 61.919504644%;
}
@media (max-width: 1009px) {
  #home #home_recruit .recruit_y_pc {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 89.7435897436%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 15.6069364162%;
    left: 5.1282051282%;
    border: 3px solid #111111;
    box-sizing: border-box;
    background-color: #ffe355;
    z-index: 10;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
  }
  #home #home_recruit .recruit_y_pc:before {
    content: "";
    display: block;
    padding-top: 120%;
  }
}
#home #home_recruit img.recruit {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 21.4583333333%;
  height: auto;
  top: 18.0519480519%;
  left: 17.0833333333%;
  z-index: 30;
}
@media (max-width: 1009px) {
  #home #home_recruit img.recruit {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 54.6153846154%;
    height: auto;
    top: 18.7861271676%;
    left: 9.6153846154%;
    z-index: 30;
  }
}
#home #home_recruit span {
  /*
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$kizyunFontSize:基準点でのフォントサイズ
  	$kizyunWindowWidth:基準点でのウインドウサイズ
  	$kizyunOverYes: 基準を超えても大きくなるかどうか大きくならないなら「0」大きくなるなら「1」
  */
  display: inline-box;
  position: absolute;
  top: 65.8441558442%;
  left: 20.6770833333%;
  font-size: 1.8229166667vw;
  z-index: 15;
  font-weight: bold;
}
@media (max-width: 1009px) {
  #home #home_recruit span {
    /*
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	$kizyunOverYes: 基準を超えても大きくなるかどうか大きくならないなら「0」大きくなるなら「1」
    */
    display: inline-box;
    position: absolute;
    top: 56.2138728324%;
    left: 10.8974358974%;
    font-size: 5.1282051282vw;
    line-height: 1.375;
  }
}
#home #home_recruit .more {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 7.6041666667%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 65.974025974%;
  left: 74.84375%;
  z-index: 15;
}
#home #home_recruit .more:before {
  content: "";
  display: block;
  padding-top: 34.2465753425%;
}
#home #home_recruit .more img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1009px) {
  #home #home_recruit .more {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 25.641025641%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 63.9450867052%;
    left: 64.8717948718%;
    top: 68%;
    left: 63.5%;
    z-index: 15;
  }
  #home #home_recruit .more:before {
    content: "";
    display: block;
    padding-top: 34.5%;
  }
}
#home #home_candylogic {
  /*
  		background-image: linear-gradient(
  			-45deg,
  			#e1e1e1 0%, #e1e1e1 48%,
  			#fff 48%, #fff 52%,
  			#e1e1e1 52%, #e1e1e1 100%
  		);
  		background-size: 20px 20px;
  */
  background: url(img/home/candylogic/bg.png);
  position: relative;
  padding-bottom: 60px;
  overflow: hidden;
}
#home #home_candylogic .candybottom {
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(img/home/candylogic/candybottom.png) repeat-x;
  background-size: auto 100%;
  background-position: left bottom;
  animation: bg-slide 30s linear infinite;
}
@media (max-width: 1009px) {
  #home #home_candylogic .candybottom {
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    animation: bg-slide 10s linear infinite;
  }
  #home #home_candylogic .candybottom:before {
    content: "";
    display: block;
    padding-top: 8.4615384615%;
  }
}
#home #home_candylogic .hand {
  width: 19.4791666667%;
  display: block;
  position: absolute;
  bottom: 90px;
  left: -4.9479166667%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .hand {
    width: 38.4615384615%;
    left: -7.03125%;
  }
}
#home #home_candylogic .cntnr {
  max-width: 1636px;
  width: 100%;
  margin: 0 auto;
}
#home #home_candylogic .cntnr .candyBox3 {
  position: relative;
  height: auto;
  display: block;
  max-width: 330px;
  width: 20.1711491443%;
  right: -4.8899755501%;
  position: absolute;
  bottom: 10px;
  z-index: 5;
}
#home #home_candylogic .cntnr .candyBox3:before {
  content: "";
  display: block;
  padding-top: 90.9090909091%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr .candyBox3 {
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    max-width: 286px;
    width: 36.6666666667%;
    right: 4.2307692308%;
  }
  #home #home_candylogic .cntnr .candyBox3:before {
    content: "";
    display: block;
    padding-top: 95.8041958042%;
  }
}
#home #home_candylogic .cntnr .candyBox3 img {
  display: block;
  position: absolute;
}
#home #home_candylogic .cntnr .candyBox3 img.bottom_01 {
  top: 24.6666666667%;
  left: 0;
  width: 51.5151515152%;
}
#home #home_candylogic .cntnr .candyBox3 img.bottom_02 {
  top: 0;
  left: 39.3939393939%;
  width: 22.4242424242%;
}
#home #home_candylogic .cntnr .candyBox3 img.bottom_03 {
  top: 6.6666666667%;
  left: 73.3333333333%;
  width: 26.0606060606%;
}
#home #home_candylogic .cntnr h2 .h2_pc {
  display: block;
  width: 100%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .h2_pc {
    display: none;
  }
}
#home #home_candylogic .cntnr h2 .h2_sp {
  display: none;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .h2_sp {
    display: block;
    width: 100%;
  }
}
#home #home_candylogic .cntnr h2 .candyBox {
  position: relative;
  height: auto;
  display: block;
  max-width: 324px;
  width: 19.804400978%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: -6.1124694377%;
  z-index: 5;
}
#home #home_candylogic .cntnr h2 .candyBox:before {
  content: "";
  display: block;
  padding-top: 105.5555555556%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .candyBox {
    position: relative;
    height: auto;
    display: block;
    max-width: 226px;
    width: 28.9743589744%;
    right: 4.2307692308%;
    position: absolute;
    top: 160%;
  }
  #home #home_candylogic .cntnr h2 .candyBox:before {
    content: "";
    display: block;
    padding-top: 115.9292035398%;
  }
}
#home #home_candylogic .cntnr h2 .candyBox img {
  display: block;
  position: absolute;
}
#home #home_candylogic .cntnr h2 .candyBox img.logic_01 {
  top: 11.6959064327%;
  left: 0;
  width: 36.4197530864%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .candyBox img.logic_01 {
    top: 10.6870229008%;
    width: 31.8584070796%;
    width: 46%;
  }
}
#home #home_candylogic .cntnr h2 .candyBox img.logic_02 {
  top: 0;
  left: 48.7654320988%;
  width: 26.2345679012%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .candyBox img.logic_02 {
    left: 39.3805309735%;
    width: 35%;
  }
}
#home #home_candylogic .cntnr h2 .candyBox img.logic_03 {
  top: 30.1169590643%;
  left: 76.2345679012%;
  width: 40.4320987654%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .candyBox img.logic_03 {
    top: 25.1908396947%;
    left: 69.0265486726%;
    top: 26%;
    left: 54%;
    width: 55%;
  }
}
#home #home_candylogic .cntnr h2 .candyBox2 {
  position: relative;
  height: auto;
  display: block;
  max-width: 384px;
  width: 23.4718826406%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: -5.9290953545%;
  z-index: 5;
}
#home #home_candylogic .cntnr h2 .candyBox2:before {
  content: "";
  display: block;
  padding-top: 102.0833333333%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .candyBox2 {
    position: relative;
    height: auto;
    display: block;
    max-width: 290px;
    width: 37.1794871795%;
    left: 0;
    position: absolute;
    top: 150%;
  }
  #home #home_candylogic .cntnr h2 .candyBox2:before {
    content: "";
    display: block;
    padding-top: 106.8965517241%;
  }
}
#home #home_candylogic .cntnr h2 .candyBox2 img {
  display: block;
  position: absolute;
}
#home #home_candylogic .cntnr h2 .candyBox2 img.work_01 {
  top: 34.1836734694%;
  left: 0;
  width: 51.5625%;
}
#home #home_candylogic .cntnr h2 .candyBox2 img.work_02 {
  top: 0;
  left: 26.0416666667%;
  width: 34.375%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr h2 .candyBox2 img.work_02 {
    top: 5px;
  }
}
#home #home_candylogic .cntnr h2 .candyBox2 img.work_03 {
  top: 22.7040816327%;
  left: 67.4479166667%;
  width: 30.7291666667%;
}
#home #home_candylogic .cntnr ul.work {
  width: 73.3496332518%;
  margin: auto;
  z-index: 10;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work {
    width: 87.7750611247%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    z-index: 10;
    position: relative;
  }
}
#home #home_candylogic .cntnr ul.work li {
  display: block;
  width: 100%;
  padding-bottom: 8%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li {
    width: 100%;
    margin-bottom: 60px;
  }
}
#home #home_candylogic .cntnr ul.work li .box {
  position: relative;
  background-color: #fff;
  padding: 2.0891364903% 2.0891364903%;
  box-shadow: 3px 3px 0 #555555;
  border: 2px solid #111111;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box {
    position: relative;
    padding: 9.2105263158% 7.6754385965%;
  }
}
#home #home_candylogic .cntnr ul.work li .box img.clip {
  position: absolute;
  display: block;
  top: -45px;
  left: 32px;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box img.clip {
    display: none;
  }
}
#home #home_candylogic .cntnr ul.work li .box img.clip_sp {
  display: none;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box img.clip_sp {
    position: absolute;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -5%;
    width: 11.5384615385%;
    width: 14.538462%;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.img {
  width: 50.6550218341%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.img {
    width: 100%;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.img img {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #111111;
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt {
  width: 49.3449781659%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt {
    width: 100%;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h3 {
  width: 100%;
  padding: 0;
  margin: 0;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h3 {
    padding: 0;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h3 img.pc {
  display: block;
  width: 100%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h3 img.pc {
    display: none;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h3 img.sp {
  display: none;
  width: 100%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h3 img.sp {
    display: block;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h4 {
  line-height: 1em;
  padding: 0;
  margin: 0;
  /*
  	$kizyunFontSize:基準点でのフォントサイズ
  	$kizyunWindowWidth:基準点でのウインドウサイズ
  	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
  */
  font-size: 1.0416666667vw;
}
@media (min-width: 1920px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h4 {
    font-size: 20px;
  }
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt h4 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes {
  box-sizing: content-box;
  border: 0;
  padding-left: 30.8823529412%;
  width: 69.1176470588%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes {
    padding-left: 0;
    width: 100%;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes p {
  /*
  	$kizyunFontSize:基準点でのフォントサイズ
  	$kizyunWindowWidth:基準点でのウインドウサイズ
  	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
  */
  font-size: 0.8854166667vw;
  line-height: 30px;
  padding-bottom: 25px;
  padding-right: 20px;
  line-height: 1.7647058824;
}
@media (min-width: 1920px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes p {
    font-size: 17px;
  }
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes p {
    line-height: 1.4333333333;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.8461538462vw;
    width: 100%;
  }
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes .more {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 12.25%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 75.8536585366%;
  left: 16.5833333333%;
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes .more:before {
  content: "";
  display: block;
  padding-top: 29.2517006803%;
}
#home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes .more img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes .more {
    position: static;
    top: auto;
    left: auto;
    bottom: auto;
    width: 42%;
  }
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes .more:before {
    display: none;
  }
  #home #home_candylogic .cntnr ul.work li .box .cntnr div.txt div.mes .more img {
    position: static;
    top: auto;
    left: auto;
    bottom: auto;
    width: 100%;
  }
}
#home #home_candylogic .cntnr ul.logic {
  width: 87.7750611247%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  z-index: 10;
  position: relative;
}
#home #home_candylogic .cntnr ul.logic li {
  display: block;
  box-sizing: border-box;
  width: 31.7548746518%;
  background-color: #fff;
  box-shadow: 3px 3px 0 #555555;
  border: 2px solid #111111;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.logic li {
    width: 100%;
    margin-bottom: 60px;
  }
}
#home #home_candylogic .cntnr ul.logic li .box {
  position: relative;
  padding: 9.2105263158% 7.6754385965%;
}
#home #home_candylogic .cntnr ul.logic li .box img.v {
  width: 100%;
  box-sizing: border-box;
  display: block;
  border: 2px solid #111111;
}
#home #home_candylogic .cntnr ul.logic li .box .pin {
  position: absolute;
  top: -23px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#home #home_candylogic .cntnr ul.logic li .box h3 {
  width: 100%;
  padding: 0;
  margin: 0;
}
#home #home_candylogic .cntnr ul.logic li .box h3 img {
  display: block;
  width: 100%;
}
#home #home_candylogic .cntnr ul.logic li .box h4 {
  font-size: 20px;
  /*
  	$kizyunFontSize:基準点でのフォントサイズ
  	$kizyunWindowWidth:基準点でのウインドウサイズ
  	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
  */
  font-size: 1.0416666667vw;
  line-height: 1em;
  padding: 0;
  margin: 0;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.logic li .box h4 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1282051282vw;
  }
}
#home #home_candylogic .cntnr ul.logic li .box p {
  font-size: 17px;
  line-height: 1.7647058824;
  padding-bottom: 25px;
  padding-bottom: 80px;
  padding-bottom: 20%;
  /*
  	$kizyunFontSize:基準点でのフォントサイズ
  	$kizyunWindowWidth:基準点でのウインドウサイズ
  	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
  */
  font-size: 0.8854166667vw;
}
@media (max-width: 1009px) {
  #home #home_candylogic .cntnr ul.logic li .box p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.8461538462vw;
  }
}
#home #home_candylogic .cntnr ul.logic li .more {
  position: absolute;
  width: 146px;
  width: 32.4444444444%;
  left: 7.6754385965%;
  bottom: 4.8245614035%;
}
#home #home_candylogic .cntnr ul.logic li .more img {
  width: 100%;
}
#home #home_instagram {
  position: relative;
  overflow: hidden;
  border-bottom: 5px solid #211e18;
}
#home #home_instagram img.bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  z-index: -1;
}
@media (max-width: 1009px) {
  #home #home_instagram img.bg {
    width: 150%;
  }
}
#home #home_instagram .spacer_bottom_sp {
  display: none;
}
@media (max-width: 1009px) {
  #home #home_instagram .spacer_bottom_sp {
    display: block;
    position: relative;
    height: auto;
    display: block;
  }
  #home #home_instagram .spacer_bottom_sp:before {
    content: "";
    display: block;
    padding-top: 38.4615384615%;
  }
}
@media (min-width: 1010px) {
  #home #home_instagram .cntnr {
    max-width: 1396px;
    display: block;
    box-sizing: border-box;
    padding: 85px 48px;
    margin: 0 auto;
    position: relative;
    height: auto;
    display: block;
  }
  #home #home_instagram .cntnr:before {
    content: "";
    display: block;
    padding-top: 55.8739255014%;
  }
}
#home #home_instagram .cntnr ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (min-width: 1010px) {
  #home #home_instagram .cntnr ul {
    width: 54.441260745%;
    position: absolute;
    top: 11.7948717949%;
    left: 42.2636103152%;
  }
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr ul {
    width: 89.7435897436%;
    margin: 0 auto;
    box-sizing: border-box;
  }
}
#home #home_instagram .cntnr ul li {
  display: block;
  width: 30.2631578947%;
  margin-bottom: 5%;
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr ul li {
    width: 48%;
    box-sizing: border-box;
  }
}
#home #home_instagram .cntnr ul li a {
  display: block;
  width: 100%;
}
#home #home_instagram .cntnr ul li a img {
  display: block;
  width: 100%;
}
#home #home_instagram .cntnr ul li.sp {
  display: none;
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr ul li.sp {
    display: block;
  }
}
#home #home_instagram .cntnr ul li.pc {
  display: block;
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr ul li.pc {
    display: none;
  }
}
#home #home_instagram .cntnr .spacer_top_sp {
  display: none;
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr .spacer_top_sp {
    display: block;
    position: relative;
    height: auto;
    display: block;
  }
  #home #home_instagram .cntnr .spacer_top_sp:before {
    content: "";
    display: block;
    padding-top: 14.6718146718%;
  }
}
@media (min-width: 1010px) {
  #home #home_instagram .cntnr h2 {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 33.9541547278%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 13.9743589744%;
    left: 4.2263610315%;
  }
  #home #home_instagram .cntnr h2:before {
    content: "";
    display: block;
    padding-top: 19.4092827004%;
  }
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr h2 {
    width: 60.8974358974%;
    margin: 0 auto;
  }
}
#home #home_instagram .cntnr h2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr h2 img {
    position: static;
    top: auto;
    left: auto;
  }
}
@media (min-width: 1010px) {
  #home #home_instagram .cntnr div.txt {
    line-height: 1.84;
    /*
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	$kizyunOverYes: 基準を超えても大きくなるかどうか大きくならないなら「0」大きくなるなら「1」
    */
    display: inline-box;
    position: absolute;
    top: 33.2051282051%;
    left: 8.0229226361%;
    font-size: 1.7908309456vw;
  }
}
@media (min-width: 1010px) and (min-width: 1396px) {
  #home #home_instagram .cntnr div.txt {
    font-size: 25px;
  }
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr div.txt {
    line-height: 1.5151515152;
    text-align: center;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.2307692308vw;
    padding: 40px 0px 50px 0px;
  }
}
@media (min-width: 1010px) {
  #home #home_instagram .cntnr a.more {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 10.4584527221%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 51.7948717949%;
    left: 8.8108882521%;
  }
  #home #home_instagram .cntnr a.more:before {
    content: "";
    display: block;
    padding-top: 30.8219178082%;
  }
}
@media (max-width: 1009px) {
  #home #home_instagram .cntnr a.more {
    width: 100px;
    display: block;
    margin: 40px auto 0px;
  }
}
#home #home_instagram .cntnr a.more img {
  display: block;
  width: 100%;
}
@media (min-width: 1010px) {
  #home #home_instagram .cntnr a.more img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
#home #home_mainvisual {
  width: 100%;
  background: linear-gradient(to bottom, white 0%, white 68.5%, #e8e8e8 68.5%, #e8e8e8 100%);
  /*
  		.grayObi {
  			$w: 1920px;
  			$h: 300px;
  			@include mixins.boxRatio(calc($h / $w));
  			position: absolute;
  			bottom: 0;
  			left: 0;
  			width: 100%;
  			background: #e8e8e8;
  			z-index: -1;
  		}
  */
}
#home #home_mainvisual .cntnr {
  max-width: 2300px;
  margin: 0 auto;
  position: relative;
  height: auto;
  display: block;
  width: 100%;
}
#home #home_mainvisual .cntnr:before {
  content: "";
  display: block;
  padding-top: 49.21875%;
}
@media (max-width: 1009px) {
  #home #home_mainvisual .cntnr {
    position: relative;
    height: auto;
    display: block;
  }
  #home #home_mainvisual .cntnr:before {
    content: "";
    display: block;
    padding-top: 103.2051282051%;
  }
}
#home #home_mainvisual #home_nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 8.3333333333%;
  z-index: 999;
}
@media (max-width: 1009px) {
  #home #home_mainvisual #home_nav {
    display: none;
  }
}
#home #home_mainvisual #home_nav a {
  width: 100%;
  display: block;
}
#home #home_mainvisual #home_nav a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#home #home_mainvisual #home_nav a img {
  display: block;
  width: 100%;
  height: auto;
}
#home #home_mainvisual .mov_pc {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 78.75%;
  height: auto;
  top: 0%;
  left: 12.9166666667%;
}
@media (max-width: 1009px) {
  #home #home_mainvisual .mov_pc {
    display: none;
  }
}
#home #home_mainvisual .mov_sp {
  display: none;
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 100%;
  height: auto;
  top: 0%;
  left: 0%;
}
@media (max-width: 1009px) {
  #home #home_mainvisual .mov_sp {
    display: block;
  }
}
#home #home_mainvisual .symbol {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 13.28125%;
  height: auto;
  top: 8.4656084656%;
  left: 4.0625%;
}
@media (max-width: 1009px) {
  #home #home_mainvisual .symbol {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 29.4871794872%;
    height: auto;
    top: -3.4782608696%;
    left: 66.6666666667%;
    z-index: 9985;
  }
}
#home #home_mainvisual .candykodomoen {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 14.1145833333%;
  height: auto;
  top: 37.8835978836%;
  left: 4.6875%;
}
@media (max-width: 1009px) {
  #home #home_mainvisual .candykodomoen {
    display: none;
  }
}
#home #home_mainvisual .bigSmile {
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  /*
  	$w: imgの高さ;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  position: absolute;
  width: 32.0833333333%;
  height: auto;
  top: 74.0740740741%;
  left: 7.3958333333%;
}
@media (max-width: 1009px) {
  #home #home_mainvisual .bigSmile {
    /*
    	$w: imgの高さ;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    position: absolute;
    width: 67.9487179487%;
    height: auto;
    top: 74.5341614907%;
    left: 4.8717948718%;
  }
}

header.site-header_sp {
  display: none;
}
@media (max-width: 1009px) {
  header.site-header_sp {
    display: block;
    width: 100%;
    height: 196px;
    background-color: #fff;
  }
}
@media (max-width: 779px) {
  header.site-header_sp {
    position: relative;
    height: auto;
    display: block;
  }
  header.site-header_sp:before {
    content: "";
    display: block;
    padding-top: 25.1282051282%;
  }
}
header.site-header_sp h1.logo {
  position: absolute;
  top: 40px;
  left: 26px;
  width: 583px;
  height: auto;
}
@media (max-width: 779px) {
  header.site-header_sp h1.logo {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 74.7435897436%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 20.4081632653%;
    left: 3.3333333333%;
    max-width: 583px;
  }
  header.site-header_sp h1.logo:before {
    content: "";
    display: block;
    padding-top: 17.1526586621%;
  }
}
header.site-header_sp h1.logo a {
  opacity: 1;
  filter: alpha(opacity=100);
}
header.site-header_sp h1.logo a img {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

a#menu {
  display: none;
}

a#menu {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 140px;
  height: auto;
  z-index: 9990;
  position: fixed;
  display: none;
}
@media (max-width: 1009px) {
  a#menu {
    display: block;
  }
}
@media (max-width: 779px) {
  a#menu {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_r: 260px; leftの値。絶対値。pxはつける
    	$pos_r_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 17.9487179487%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 0%;
    right: 0%;
    max-width: 140px;
    position: fixed;
  }
  a#menu:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
a#menu img {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

header.site-header {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  height: 130px;
}
@media (max-width: 1009px) {
  header.site-header {
    display: none;
  }
}
header.site-header .cntnr {
  height: 130px;
  width: 100%;
}
header.site-header .cntnr h1 {
  position: absolute;
  width: 327px;
  top: 18px;
  left: 75px;
}
header.site-header .cntnr h1 img {
  display: block;
  width: 100%;
}
header.site-header .cntnr a.tel_pc {
  position: absolute;
  width: 349px;
  top: 18px;
  right: 30px;
  display: block;
}
header.site-header .cntnr a.tel_pc img {
  width: 100%;
}
header.site-header .cntnr nav.main-nav {
  position: absolute;
  top: 73px;
  right: 420px;
}
header.site-header .cntnr nav.main-nav ul li {
  display: inline-block;
  padding-left: 30px;
  position: relative;
}
header.site-header .cntnr nav.main-nav ul li a {
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #111111;
  padding-bottom: 20px;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu {
  position: absolute;
  top: 100%;
  left: -40px;
  /* ここからが「アコーディオン」用 */
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: max-height 1.5s ease, opacity 0.15s ease;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr {
  /* 本体 */
  background: #fff;
  border: 3px solid #f5831d;
  border-radius: 10px;
  position: relative;
  width: 250px;
  margin-top: 13px;
  height: auto;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .svg_speechTail {
  width: 19px;
  display: block;
  height: auto;
  position: absolute;
  top: -12.5px;
  top: -13px;
  left: 30%;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .svg_speechTail svg {
  display: block;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .svg_speechTail svg path {
  fill: #f5831d;
  stroke-width: 0px;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .svg_speechTail svg polygon {
  fill: #fff;
  stroke-width: 0px;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .sub {
  background-size: 70px 70px;
  background-position: left center;
  background-repeat: no-repeat;
  height: 90px;
  width: 228px;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  padding-left: 80px;
  padding-top: 18px;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .sub h3 {
  font-size: 17px;
  font-weight: bold;
  color: #f5831d;
  display: inline-block;
  padding-right: 26px;
  background: url(img/header/sub/hand.svg) no-repeat right center;
  background-size: 18px auto;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .sub span {
  display: block;
  font-size: 11px;
  color: #808080;
  line-height: 1.4;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .dot.sub {
  border-top: 1px dotted #909090;
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .mission.sub {
  background-image: url(img/header/sub/mission.jpg);
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .logic.sub {
  background-image: url(img/header/sub/logic.jpg);
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .childcare.sub {
  background-image: url(img/header/sub/childcare.jpg);
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .life.sub {
  background-image: url(img/header/sub/life.jpg);
}
header.site-header .cntnr nav.main-nav ul li div.fukidashiMenu .cntnr .lunch.sub {
  background-image: url(img/header/sub/lunch.jpg);
}
header.site-header .cntnr nav.main-nav ul .has-sub:hover > .fukidashiMenu,
header.site-header .cntnr nav.main-nav ul .has-sub:focus-within > .fukidashiMenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  max-height: 400px; /* 十分に大きい値 (行数×行高より大きめ) */
  opacity: 1;
  pointer-events: auto;
}
header.site-header .cntnr .header-buttons {
  position: absolute;
  top: 66px;
  right: 30px;
}
header.site-header .cntnr .header-buttons a {
  display: inline-block;
  background-color: #111111;
  color: #fff;
  line-height: 1em;
  padding: 15px 32px;
  margin-left: 10px;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

footer {
  background: #211e18;
  position: relative;
  width: 100%;
}
footer .wrppr {
  padding: 0 3.8461538462%;
  max-width: 1300px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  color: white;
}
@media (max-width: 1009px) {
  footer .wrppr {
    padding: 0 5.5%;
  }
}
footer .wrppr .footerSpacer {
  position: relative;
  height: auto;
  display: block;
  z-index: -1;
}
footer .wrppr .footerSpacer:before {
  content: "";
  display: block;
  padding-top: 18%;
}
@media (max-width: 1009px) {
  footer .wrppr .footerSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  footer .wrppr .footerSpacer:before {
    content: "";
    display: block;
    padding-top: 48.7179487179%;
  }
}
@media (min-width: 1010px) {
  footer .wrppr .row {
    padding-bottom: 80px;
  }
}
@media (max-width: 1009px) {
  footer .wrppr .row .fnav {
    display: none;
  }
}
footer .wrppr .row .fnav .iwrppr {
  padding-top: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
footer .wrppr .row .fnav .iwrppr .box ul li, footer .wrppr .row .fnav .iwrppr .box2 ul li {
  padding-bottom: 30px;
  display: block;
}
footer .wrppr .row .fnav .iwrppr .box ul li a, footer .wrppr .row .fnav .iwrppr .box ul li span, footer .wrppr .row .fnav .iwrppr .box2 ul li a, footer .wrppr .row .fnav .iwrppr .box2 ul li span {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
footer .wrppr .row .fnav .iwrppr .box ul li ul, footer .wrppr .row .fnav .iwrppr .box2 ul li ul {
  padding: 3px 0 0;
  margin: 0;
}
footer .wrppr .row .fnav .iwrppr .box ul li ul li, footer .wrppr .row .fnav .iwrppr .box2 ul li ul li {
  padding: 5px 0 0;
}
footer .wrppr .row .fnav .iwrppr .box ul li ul li a, footer .wrppr .row .fnav .iwrppr .box2 ul li ul li a {
  color: #a1a1a1;
  font-size: 15px;
}
footer .wrppr .row .fnav .iwrppr .box {
  width: 30%;
}
footer .wrppr .row .fnav .iwrppr .box2 {
  width: 40%;
}
footer .wrppr .row .finfo h1 {
  width: 100%;
  display: block;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo h1 {
    width: 100%;
    display: block;
    max-width: 600px;
    margin: 0 auto;
  }
}
@media (max-width: 779px) {
  footer .wrppr .row .finfo h1 {
    margin-top: 5%;
  }
}
footer .wrppr .row .finfo h1 img {
  width: 100%;
}
footer .wrppr .row .finfo h1 img.pc {
  display: block;
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo h1 img.pc {
    display: none;
  }
}
footer .wrppr .row .finfo h1 img.sp {
  display: none;
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo h1 img.sp {
    display: block;
  }
}
footer .wrppr .row .finfo .infoBox {
  line-height: 1.5625;
  font-size: 16px;
  padding: 30px 0 0 13.3333333333%;
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo .infoBox {
    padding: 40px 0;
  }
}
@media (max-width: 779px) {
  footer .wrppr .row .finfo .infoBox {
    padding: 5% 0 20%;
  }
}
footer .wrppr .row .finfo .infoBox .address a {
  position: relative;
  vertical-align: middle;
  padding-left: 18px;
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo .infoBox .address a {
    display: none;
  }
}
footer .wrppr .row .finfo .infoBox .address a img {
  display: inline-block;
  width: 69px;
}
footer .wrppr .row .finfo .infoBox .time {
  text-indent: -10px;
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo .infoBox .time {
    padding-bottom: 30px;
  }
}
@media (max-width: 779px) {
  footer .wrppr .row .finfo .infoBox .time {
    padding-bottom: 3%;
  }
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo .infoBox .yubin, footer .wrppr .row .finfo .infoBox .address, footer .wrppr .row .finfo .infoBox .address_en, footer .wrppr .row .finfo .infoBox .time {
    text-align: center;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.2307692308vw;
  }
}
footer .wrppr .row .finfo .infoBox .address_en br {
  display: none;
}
@media (max-width: 1197px) {
  footer .wrppr .row .finfo .infoBox .address_en br {
    display: inline;
  }
}
footer .wrppr .row .finfo .infoBox a.map_sp_btn {
  display: none;
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo .infoBox a.map_sp_btn {
    display: block;
    width: 19.7435897436%;
    margin: 0 auto;
  }
  footer .wrppr .row .finfo .infoBox a.map_sp_btn img {
    display: block;
    width: 120%;
  }
}
footer .wrppr .row .finfo .infoBox a.tel {
  width: 224px;
  display: block;
  margin: 26px 0 40px;
}
footer .wrppr .row .finfo .infoBox a.tel:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo .infoBox a.tel {
    width: 83.7179487179%;
    margin: 30px auto 40px;
  }
}
footer .wrppr .row .finfo .infoBox a.tel img {
  display: block;
  width: 100%;
}
@media (max-width: 779px) {
  footer .wrppr .row .finfo .infoBox a.tel img {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 1009px) {
  footer .wrppr .row .finfo .infoBox div.insta {
    display: none;
  }
}
footer .wrppr .row .finfo .infoBox div.insta a.symbol {
  vertical-align: middle;
  width: 137px;
  display: inline-block;
}
footer .wrppr .row .finfo .infoBox div.insta a.symbol img {
  width: 100%;
}
footer .wrppr .row .finfo .infoBox div.insta a.instaTxt {
  display: inline-block;
  padding-left: 15px;
  position: relative;
  top: -1px;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
}
footer #contact {
  position: relative;
  height: auto;
  display: block;
  background: url(img/contact_pc.png) no-repeat;
  background-size: contain;
  max-width: 1004px;
  width: 100%;
  position: absolute;
  top: 0; /* 親要素の内側上端に寄せる */
  left: 50%; /* 横位置を中央にしたい場合 */
  transform: translate(-50%, -50%);
}
footer #contact:before {
  content: "";
  display: block;
  padding-top: 30.2788844622%;
}
@media (max-width: 1009px) {
  footer #contact {
    position: relative;
    height: auto;
    display: block;
    background-image: url(img/contact_sp.png);
    max-width: 704px;
    width: 90.2564102564%;
    position: absolute;
  }
  footer #contact:before {
    content: "";
    display: block;
    padding-top: 85.7954545455%;
  }
}
footer #contact a {
  /*
  	$h: boxの高さ;
  	$w: boxの幅;
  	$box_h: オブジェクトを囲むboxの高さ;
  	$box_w: オブジェクトを囲むboxの幅;
  	$pos_t: topの値。絶対値。pxはつける
  	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  	$pos_l: 260px; leftの値。絶対値。pxはつける
  	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
  */
  width: 34.561752988%;
  position: relative;
  height: auto;
  display: block;
  position: absolute;
  top: 48.6842105263%;
  left: 54.1832669323%;
  display: block;
  position: absolute;
}
footer #contact a:before {
  content: "";
  display: block;
  padding-top: 9.7982708934%;
}
footer #contact a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 1009px) {
  footer #contact a {
    /*
    	$h: boxの高さ;
    	$w: boxの幅;
    	$box_h: オブジェクトを囲むboxの高さ;
    	$box_w: オブジェクトを囲むboxの幅;
    	$pos_t: topの値。絶対値。pxはつける
    	$pos_t_code: pos_lの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    	$pos_l: 260px; leftの値。絶対値。pxはつける
    	$pos_l_code: -1; pos_rの位置の実際の位置がマイナス方向なら「-1」。プラス方向なら「1」。
    */
    width: 67.8977272727%;
    position: relative;
    height: auto;
    display: block;
    position: absolute;
    top: 69.5364238411%;
    left: 15.625%;
    position: absolute;
  }
  footer #contact a:before {
    content: "";
    display: block;
    padding-top: 9.8326359833%;
  }
}
footer #contact a img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.note sup {
  font-size: 0.6em; /* 元の文字サイズに対する割合 */
  vertical-align: super; /* 上付きに */
  line-height: 1;
  margin-left: 0.1em; /* 文字とのスペース調整 */
  color: #666666;
}

#nav {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
#nav a.navBg {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
#nav a.navBg:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#nav .cntnr {
  width: 568px;
  box-sizing: border-box;
  background-color: #ffef55;
  position: absolute;
  top: 0;
  right: 0;
  padding: 135px 96px 73px;
  overflow-y: auto;
  height: 100%;
  z-index: 10;
}
@media (max-width: 1009px) {
  #nav .cntnr {
    width: 550px;
    padding: 128px 72px 73px;
  }
}
@media (max-width: 550px) {
  #nav .cntnr {
    width: 100%;
    max-width: 550px;
    padding: 128px 13.0909090909% 73px;
  }
}
#nav .cntnr #closeNav {
  width: 57px;
  display: block;
  position: absolute;
  top: 39px;
  right: 47px;
}
#nav .cntnr #closeNav img {
  width: 100%;
  display: block;
}
@media (max-width: 1009px) {
  #nav .cntnr #closeNav {
    width: 13.8181818182%;
    right: 6%;
    top: 6%;
    top: 33px;
  }
}
#nav .cntnr .telBox {
  padding-top: 20px;
}
#nav .cntnr .telBox img.otoiawase {
  width: 170px;
  margin: 0 auto;
  display: block;
}
#nav .cntnr .telBox a.tel {
  max-width: 320px;
  margin: 0 auto;
  display: block;
}
#nav .cntnr .telBox a.tel img {
  display: block;
  width: 100%;
}
#nav .cntnr .instaBox {
  padding-top: 40px;
}
#nav .cntnr .instaBox a.insta {
  width: 60px;
  margin: 0 auto;
  display: block;
}
#nav .cntnr .instaBox a.insta img {
  display: block;
  width: 100%;
}
#nav .cntnr ul.buttons {
  padding: 50px 0 0 0;
  margin: 0;
}
#nav .cntnr ul.buttons li {
  display: block;
  padding: 0;
  margin: 0;
  padding-bottom: 30px;
}
#nav .cntnr ul.buttons li a {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background-color: #111111;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  line-height: 1em;
  padding: 20px 0;
  width: 100%;
}
@media (max-width: 1009px) {
  #nav .cntnr ul.buttons li a {
    font-size: 30px;
  }
}
@media (max-width: 550px) {
  #nav .cntnr ul.buttons li a {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.4545454545vw;
  }
}
#nav .cntnr ul.pages {
  padding: 0;
  margin: 0;
}
#nav .cntnr ul.pages li {
  display: block;
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}
#nav .cntnr ul.pages li a {
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #111111;
}
@media (max-width: 1009px) {
  #nav .cntnr ul.pages li a {
    font-size: 30px;
  }
}
@media (max-width: 550px) {
  #nav .cntnr ul.pages li a {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.4545454545vw;
  }
}
#nav .cntnr ul.pages li a.ocb {
  display: block;
  width: 35px;
  position: absolute;
  right: 0;
  top: 0;
}
#nav .cntnr ul.pages li a.ocb img {
  width: 100%;
}
#nav .cntnr ul.pages li ul {
  margin: 0;
  padding: 20px 0 0 10px;
}
#nav .cntnr ul.pages li ul li {
  padding-left: 1.5em;
  position: relative;
  display: block;
  list-style: none;
}
#nav .cntnr ul.pages li ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  color: #e68214;
}
#nav .cntnr ul.pages li ul li::before {
  font-size: 30px;
}
#nav .cntnr ul.pages li ul li:last-child {
  padding-bottom: 0px;
}
#nav .cntnr ul.pages li.closed a.ocb img {
  transform: rotate(180deg);
  transform-origin: center;
}
#nav .cntnr ul.pages li.closed ul {
  display: none;
}

body.noScroll {
  overflow: hidden;
}

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

body {
  overflow-x: hidden;
}

#goTop {
  position: fixed;
  bottom: 30px;
  right: 8.3333333333%;
  width: 65px;
  display: none;
  z-index: 99990;
}
#goTop img {
  width: 100%;
}
#goTop img.pc {
  display: block;
}
#goTop img.sp {
  display: none;
}
#goTop:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 1009px) {
  #goTop {
    display: block;
    width: 11.9230769231%;
  }
  #goTop img.pc {
    display: none;
  }
  #goTop img.sp {
    display: block;
  }
}

/* アニメーション */
.js-scroll-item {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.6s ease-out var(--delay, 0ms), transform 0.6s ease-out var(--delay, 0ms);
}

.js-scroll-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.js-scroll-item2 {
  transform: translateY(80px);
  transition: transform 0.6s ease-out var(--delay, 0ms);
}

@keyframes bounceUp {
  0% {
    transform: translateY(60px);
  }
  50% {
    transform: translateY(0px); /* 少し上に飛び出す */
  }
  60% {
    transform: translateY(20px); /* 少し戻る */
  }
  70% {
    transform: translateY(0px); /* 少し上に飛び出す */
  }
  80% {
    transform: translateY(10px); /* 少し戻る */
  }
  100% {
    transform: translateY(0);
  }
}
.js-scroll-item2.is-visible {
  animation: bounceUp 0.8s var(--delay, 0ms) both;
}

.js-scroll-item3 {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.js-scroll-item3.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.js-scroll-item4 {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.6s ease-out var(--delay, 0ms), transform 0.6s ease-out var(--delay, 0ms);
}

.js-scroll-item4.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.js-scroll-item5 {
  transform: scale(0.85);
  transition: transform 1s ease;
}

.js-scroll-item5.is-visible {
  transform: scale(1);
}

.footerSpacer {
  width: 100%;
  height: 276px;
}
@media (max-width: 1009px) {
  .footerSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  .footerSpacer:before {
    content: "";
    display: block;
    padding-top: 59.4871794872%;
  }
}

.candy-rotate {
  animation: candy-rotate 2s steps(1, end) infinite;
}

/* ここでそれぞれ開始タイミングをずらす */
.candy-rotate:nth-child(1) {
  animation-delay: 0s;
}

.candy-rotate:nth-child(2) {
  animation-delay: 0.1s;
}

.candy-rotate:nth-child(3) {
  animation-delay: 0.2s;
}

@keyframes candy-rotate {
  0%, 49.999% {
    transform: rotate(5deg);
  }
  50%, 100% {
    transform: rotate(-5deg);
  }
}
.slideInPoyo.is-visible {
  animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}

@keyframes poyoyon {
  0% {
    transform: translateX(-140px);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
  }
  65% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0);
  }
  20%, 100% {
    opacity: 1;
  }
}
/* 背景画像のスライド */
@keyframes bg-slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -100% 0;
  }
}