@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;
  }
}

#home div.imgW {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
@media (max-width: 1009px) {
  #home div.imgW {
    max-width: 720px;
  }
}
#home div.imgW div.img {
  position: relative;
  height: auto;
  display: block;
  background-image: url(img/pc.webp);
  background-size: cover;
  width: 100%;
}
#home div.imgW div.img:before {
  content: "";
  display: block;
  padding-top: 275.703125%;
}
@media (max-width: 1009px) {
  #home div.imgW div.img {
    position: relative;
    height: auto;
    display: block;
    background-image: url(img/sp.webp);
  }
  #home div.imgW div.img:before {
    content: "";
    display: block;
    padding-top: 943.1944444444%;
  }
}