@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: 768px) {
  .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: 768px) {
  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: 768px) {
  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: 767px) {
  .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: 767px) {
  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: 768px) {
  .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: 768px) {
  .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: 768px) {
  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: 768px) {
  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: 768px) {
  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: 768px) {
  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: 768px) {
  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: 768px) {
  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: 768px) {
  .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: 768px) {
  .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: 768px) {
  .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: 768px) {
  .bp_inline {
    display: none !important;
  }
}

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

@media (min-width: 0) {
  .dt, .bp_block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .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: 768px) {
  .breakPoint_inline {
    display: inline !important;
  }
}

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

@media (min-width: 0) {
  .breakPoint, .breakPoint_block {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .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: 767px) {
  .headerSpacer {
    height: 0px;
  }
}
@media (min-width: 768px) {
  .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: 768px) {
  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: 767px) {
  .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: 767px) {
  .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: 768px) {
  #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: 767px) {
  div.inner {
    padding: 0 20px;
  }
}

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

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

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

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

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

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

@media (max-width: 767px) {
  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: 767px) {
  .headerAjust {
    /*
    		margin-top: calc( settings.$headerHeightSp * -1);
    		padding-top: settings.$headerHeightSp;
    		margin-top: -23%;
    		padding-top: 23%;
    */
    margin-top: -20px;
    padding-top: 20px;
  }
}

h1 {
  width: 100%;
  padding: 0;
  margin: 0;
}
h1 img {
  width: 100%;
}

.hiddenBox {
  overflow: hidden;
  width: 100%;
}

#pr {
  background: #f00;
  color: #fff;
  text-align: center;
  font-size: 32px;
  padding: 25px 0;
  line-height: 1em;
}
@media (max-width: 969px) {
  #pr {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    padding: 13.1756756757px 0;
  }
}

#pass {
  background: url(img/bg2_pc.png) no-repeat center top;
  background-size: 100% auto;
  position: relative;
  margin-top: -300px;
  z-index: 1;
}
@media (max-width: 969px) {
  #pass {
    background-image: url(img/bg2_sp.png);
  }
}
#pass .btnBox {
  text-align: center;
  padding-bottom: 30px;
}
#pass .btnBox span {
  display: block;
  font-size: 32px;
  font-weight: bold;
  padding: 0px 0 20px;
}
@media (max-width: 969px) {
  #pass .btnBox {
    width: 56.6216216216%;
    margin: 0 auto;
  }
  #pass .btnBox span {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.1891891892vw;
    padding: 6% 0 2%;
  }
  #pass .btnBox a {
    width: 100%;
  }
  #pass .btnBox a img {
    width: 100%;
    display: block;
  }
}
#pass .copy {
  text-align: center;
  font-size: 25px;
  padding: 0 0 20px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 969px) {
  #pass .copy {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.1081081081vw;
  }
}
#pass .ptSpacer {
  position: relative;
  height: auto;
  display: block;
}
#pass .ptSpacer:before {
  content: "";
  display: block;
  padding-top: 28.6969253294%;
}
@media (max-width: 969px) {
  #pass .ptSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  #pass .ptSpacer:before {
    content: "";
    display: block;
    padding-top: 54.4%;
  }
}
#pass h2 {
  max-width: 1036px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  #pass h2 {
    width: 84.1891891892%;
  }
}
#pass h2 img.title {
  display: block;
  width: 100%;
}
#pass h2 img.kuroda {
  position: absolute;
  top: -430px;
  right: -110px;
}
#pass h4 {
  max-width: 779px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 40px;
}
@media (max-width: 767px) {
  #pass h4 {
    width: 80.6756756757%;
  }
}
#pass h4 img.title {
  display: block;
  width: 100%;
}
#pass .itBox {
  max-width: 1036px;
  width: 90%;
  margin: 0 auto;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 969px) {
  #pass .itBox {
    padding-top: 25px;
    width: 84.1891891892%;
    margin: 0 auto;
    padding: 40px 0 0;
  }
}
#pass .itBox .txt {
  width: 35.8108108108%;
  text-align: justify;
  font-size: 18px;
  color: #000;
  line-height: 1.8333333333;
}
@media (max-width: 969px) {
  #pass .itBox .txt {
    width: 100%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    line-height: 1.5625;
    padding-bottom: 5px;
  }
}
#pass .itBox .img {
  display: block;
  width: 60.5212355212%;
  position: relative;
  top: 10px;
}
@media (max-width: 969px) {
  #pass .itBox .img {
    width: 100%;
    top: 0px;
    padding-bottom: 18px;
  }
}
#pass .shopsBox {
  overflow: hidden;
  width: 100%;
  padding-bottom: 30px;
  /* デフォルトの矢印アイコンを消す */
}
@media (max-width: 969px) {
  #pass .shopsBox {
    padding-bottom: 10px;
  }
}
#pass .shopsBox .swiper-button-prev, #pass .shopsBox .swiper-button-next {
  height: 72px;
}
@media (max-width: 969px) {
  #pass .shopsBox .swiper-button-prev, #pass .shopsBox .swiper-button-next {
    height: 45.3243243243px;
  }
}
#pass .shopsBox .swiper-button-prev {
  background-image: url("img/swiper_prev_red.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#pass .shopsBox .swiper-button-next {
  background-image: url("img/swiper_next_red.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#pass .shopsBox .swiper-button-prev svg, #pass .shopsBox .swiper-button-next svg {
  display: none;
}
#pass .shopsBox .swiper-button-prev svg path, #pass .shopsBox .swiper-button-next svg path {
  fill: #fff;
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  padding: 15px 0 0;
  margin-bottom: 40px;
  position: relative;
  background: linear-gradient(-20deg, #005bac 0 40%, #1d2088 40% 100%);
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  padding-bottom: 10px;
  width: 88.9204545455%;
  margin: 0 auto;
  display: grid;
  height: 105px;
  text-align: center;
  place-items: center center; /* 横・縦中央 */
}
@media (max-width: 969px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
    height: 160px;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 6.8918918919vw;
  }
}
@media (max-width: 540px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
    height: 100px;
  }
}
@media (max-width: 420px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
    height: 80px;
  }
}
@media (max-width: 350px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
    height: 60px;
  }
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr h3.s {
  font-size: 28px;
  letter-spacing: 0;
}
@media (max-width: 969px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr h3.s {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.6756756757vw;
  }
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr .tag {
  width: 82px;
  position: absolute;
  top: 0;
  right: 10px;
}
@media (max-width: 969px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr .tag {
    width: 23.3918128655%;
  }
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 20px 0 20px;
  line-height: 1.4;
  height: 67.2px;
  display: grid;
}
@media (max-width: 969px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p {
    height: 134px;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 5.1351351351vw;
  }
}
@media (max-width: 540px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p {
    height: 80px;
  }
}
@media (max-width: 420px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p {
    height: 50px;
    padding-top: 10px;
  }
}
@media (max-width: 350px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p {
    height: 40px;
  }
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.s {
  font-size: 22px;
}
@media (max-width: 1400px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.s {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.5714285714vw;
  }
}
@media (max-width: 969px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.s {
    height: 134px;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.5135135135vw;
  }
}
@media (max-width: 540px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.s {
    height: 80px;
  }
}
@media (max-width: 420px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.s {
    height: 50px;
    padding-top: 10px;
  }
}
@media (max-width: 350px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.s {
    height: 40px;
  }
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.ss {
  font-size: 18px;
}
@media (max-width: 1400px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.ss {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.2857142857vw;
  }
}
@media (max-width: 969px) {
  #pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr p.ss {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.5135135135vw;
  }
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr img.img {
  display: block;
  width: 88.9204545455%;
  margin: 0 auto;
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn {
  display: block;
  margin: 0 auto;
  width: 81.4814814815%;
  top: 23px;
  position: relative;
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#pass .shopsBox .swiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn img {
  width: 100%;
}

#cycling {
  background: url(img/bg1_pc.png) no-repeat center top;
  background-size: 100% auto;
  position: relative;
  top: -1px;
  z-index: 1;
  padding-bottom: 300px;
}
@media (max-width: 969px) {
  #cycling {
    background-image: url(img/bg1_sp.png);
  }
}
#cycling .ctSpacer {
  position: relative;
  height: auto;
  display: block;
}
#cycling .ctSpacer:before {
  content: "";
  display: block;
  padding-top: 25.7686676428%;
}
@media (max-width: 969px) {
  #cycling .ctSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  #cycling .ctSpacer:before {
    content: "";
    display: block;
    padding-top: 56.9333333333%;
  }
}
#cycling h2 {
  max-width: 645px;
  width: 86.4864864865%;
  margin: 0 auto;
  position: relative;
}
#cycling h2 img.h2 {
  display: block;
  width: 100%;
}
#cycling h2 img.naruko {
  position: absolute;
  top: -430px;
  left: -230px;
}
#cycling div.txt {
  font-size: 18px;
  text-align: center;
  max-width: 910px;
  width: 83.7837837838%;
  text-align: center;
  margin: 0 auto;
  padding: 25px 0;
}
#cycling .courseBox {
  padding-top: 40px;
  overflow: hidden;
  width: 100%;
  max-width: 1212px;
  margin: 0 auto;
  position: relative;
  /* デフォルトの矢印アイコンを消す */
}
@media (max-width: 969px) {
  #cycling .courseBox {
    padding-top: 0px;
  }
}
#cycling .courseBox .swiper-button-prev, #cycling .courseBox .swiper-button-next {
  height: 72px;
}
@media (max-width: 969px) {
  #cycling .courseBox .swiper-button-prev, #cycling .courseBox .swiper-button-next {
    height: 45.3243243243px;
  }
}
#cycling .courseBox .swiper-button-prev {
  background-image: url("img/swiper_prev_blue.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
}
#cycling .courseBox .swiper-button-disabled {
  display: none !important;
}
#cycling .courseBox .swiper-button-next {
  background-image: url("img/swiper_next_blue.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
}
#cycling .courseBox .swiper-button-prev svg, #cycling .courseBox .swiper-button-next svg {
  display: none;
}
#cycling .courseBox .swiper-button-prev svg path, #cycling .courseBox .swiper-button-next svg path {
  fill: #fff;
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnrW {
  padding-top: 100px;
  padding-left: 40px;
}
@media (max-width: 969px) {
  #cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnrW {
    padding-left: 0px;
    padding-top: 45px;
  }
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  max-width: 512px;
  margin: 0 auto;
  position: relative;
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr h3 {
  font-size: 35px;
  font-weight: bold;
  color: #000;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  text-align: center;
  padding-bottom: 10px;
  height: 3em;
  display: grid;
  place-items: center; /* 横・縦中央 */
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr h4 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  padding: 10px 0 0;
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr p {
  text-align: center;
  font-size: 26px;
  color: #000;
  margin: 0;
  line-height: 1.5;
  padding: 10px 0 15px;
}
@media (max-width: 969px) {
  #cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.beginner {
  display: block;
  width: 157px;
  position: absolute;
  left: 0;
  top: -43px;
}
@media (max-width: 969px) {
  #cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.beginner {
    display: block;
    width: 100.6621621622px;
    position: absolute;
    left: 0;
    top: -27px;
  }
}
@media (max-width: 348px) {
  #cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.beginner {
    display: block;
    width: 72px;
    position: absolute;
    left: 0;
    top: -20px;
  }
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.chu {
  display: block;
  width: 190px;
  position: absolute;
  left: 0;
  top: -43px;
  z-index: -1;
}
@media (max-width: 969px) {
  #cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.chu {
    display: block;
    width: 121.2162162162px;
    position: absolute;
    left: 0;
    top: -27px;
  }
}
@media (max-width: 348px) {
  #cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.chu {
    display: block;
    width: 86px;
    position: absolute;
    left: 0;
    top: -20px;
  }
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.course {
  display: block;
  width: 283px;
  position: absolute;
  right: -26px;
  top: -62px;
}
@media (max-width: 969px) {
  #cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.course {
    display: block;
    width: 181.8243243243px;
    position: absolute;
    right: -12.6486486486px;
    top: -43.2162162162px;
  }
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr img.main {
  display: block;
  width: 100%;
  margin: 0 auto;
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn {
  display: block;
  width: 81.640625%;
  margin: 0 auto;
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#cycling .courseBox .cSwiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn img {
  width: 100%;
}

.eBox {
  max-width: 905px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 969px) {
  .eBox {
    width: 74.0540540541%;
  }
}
.eBox h3.white {
  width: 100%;
  font-size: 32px;
  text-align: center;
  line-height: 1em;
  padding: 5px;
  background: #fff;
  color: #000;
  font-weight: bold;
  margin-bottom: 18px;
  box-sizing: border-box;
}
@media (max-width: 969px) {
  .eBox h3.white {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    margin-bottom: 7px;
  }
}
.eBox .txt {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 969px) {
  .eBox .txt {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    margin-bottom: 20px;
  }
}
.eBox .txt span.pc {
  display: inline;
}
@media (max-width: 969px) {
  .eBox .txt span.pc {
    display: none;
  }
}

#event2, #event3, #event4 {
  position: relative;
  top: -1px;
  z-index: 1;
  background: #000;
}
#event2 .itBox, #event3 .itBox, #event4 .itBox {
  max-width: 905px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 969px) {
  #event2 .itBox, #event3 .itBox, #event4 .itBox {
    padding-top: 5px;
    width: 73.5135135135%;
    margin: 0 auto;
  }
}
#event2 .itBox .txt, #event3 .itBox .txt, #event4 .itBox .txt {
  width: 35.0276243094%;
  text-align: justify;
  font-size: 18px;
  color: #fff;
  line-height: 1.8333333333;
}
@media (max-width: 969px) {
  #event2 .itBox .txt, #event3 .itBox .txt, #event4 .itBox .txt {
    width: 100%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    line-height: 1.5625;
    padding-bottom: 5px;
  }
}
#event2 .itBox .img, #event3 .itBox .img, #event4 .itBox .img {
  display: block;
  width: 60.5524861878%;
  position: relative;
  top: 10px;
}
@media (max-width: 969px) {
  #event2 .itBox .img, #event3 .itBox .img, #event4 .itBox .img {
    width: 100%;
    top: 0px;
    padding-bottom: 18px;
  }
}

#event4 {
  padding-bottom: 150px;
}
#event4 #event4_3 h2 {
  width: 914px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 969px) {
  #event4 #event4_3 h2 {
    width: 87.4324324324%;
  }
}
#event4 #event4_3 h2 img {
  width: 100%;
}
#event4 #event4_3 picture {
  width: 100%;
  display: block;
}
#event4 #event4_3 picture img {
  width: 94.5945945946%;
  max-width: 830px;
  margin: 0 auto;
  display: block;
}
#event4 #event4_3 div.btnBox {
  padding: 30px 0 0;
  text-align: center;
}
#event4 #event4_3 div.btnBox a img {
  max-width: 416px;
  width: 90%;
}
@media (max-width: 969px) {
  #event4 #event4_3 div.btnBox a img {
    width: 64.7933227345%;
  }
}
#event4 #event4_2 h2 {
  width: 914px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 969px) {
  #event4 #event4_2 h2 {
    width: 87.4324324324%;
  }
}
#event4 #event4_2 h3 {
  text-align: center;
}
#event4 #event4_2 h3 img {
  width: 565px;
}
@media (max-width: 969px) {
  #event4 #event4_2 h3 img {
    max-width: 461px;
    width: 61.0810810811%;
  }
}
#event4 #event4_2 .message {
  width: 914px;
  padding: 30px 0;
  color: #fff;
  text-align: justify;
  margin: 0 auto;
  text-align: justify;
  font-size: 17px;
  color: #fff;
  line-height: 1.8333333333;
}
@media (max-width: 969px) {
  #event4 #event4_2 .message {
    width: 87.4324324324%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    line-height: 1.5625;
    padding-bottom: 5px;
  }
}
#event4 #event4_2 img.event4_2 {
  margin: 0 auto;
  width: 502px;
  display: block;
}
@media (max-width: 969px) {
  #event4 #event4_2 img.event4_2 {
    width: 87.4324324324%;
    padding: 30px 0;
  }
}
#event4 #event4_2 .eBox {
  width: 914px;
  letter-spacing: 0;
  padding-top: 30px;
}
@media (max-width: 969px) {
  #event4 #event4_2 .eBox {
    width: 87.4324324324%;
    padding-top: 0px;
  }
}
#event4 #event4_2 .eBox .txt {
  text-align: left;
}
@media (max-width: 969px) {
  #event4 #event4_2 .eBox .txt {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.0540540541vw;
  }
}
#event4 #event4_2 .eBox .txt ul {
  padding-left: 2em;
}
#event4 #event4_2 .eBox .txt p.s {
  margin: 0;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  padding: 10px 0 0 0;
}
@media (max-width: 969px) {
  #event4 #event4_2 .eBox .txt p.s {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.5135135135vw;
  }
}
#event4 #event4_2 .eBox .txt div.btnBox {
  padding: 30px 0 0;
  text-align: center;
}
#event4 #event4_2 .eBox .txt div.btnBox a img {
  max-width: 416px;
  width: 90%;
}
@media (max-width: 969px) {
  #event4 #event4_2 .eBox .txt div.btnBox a img {
    width: 64.7933227345%;
  }
}
#event4 .dots8_2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 586px;
}
@media (max-width: 969px) {
  #event4 .dots8_2 {
    width: 79.1891891892%;
  }
}
#event4 .dots9_sp {
  display: none;
}
@media (max-width: 969px) {
  #event4 .dots9_sp {
    width: 47.027027027%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: block;
  }
}
#event4 .dots9_pc {
  width: 193px;
  position: absolute;
  right: 0;
  bottom: -20px;
  z-index: -1;
  display: block;
}
@media (max-width: 969px) {
  #event4 .dots9_pc {
    display: none;
  }
}
#event4 .dots10_sp {
  display: none;
}
@media (max-width: 969px) {
  #event4 .dots10_sp {
    width: 10.4054054054%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
  }
}
#event4 .dots7_pc {
  width: 378px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
}
@media (max-width: 969px) {
  #event4 .dots7_pc {
    display: none;
  }
}
#event4 h2 {
  width: 914px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 969px) {
  #event4 h2 {
    width: 100%;
  }
}
#event4 h2 img.title {
  width: 100%;
}
#event4 h2 img.terufumi {
  position: absolute;
  top: -48px;
  right: -54px;
}
@media (max-width: 969px) {
  #event4 h2 img.terufumi {
    width: 20%;
    top: 0;
    right: 0;
  }
}
#event4 .txtOnly {
  width: 100%;
  max-width: 905px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  padding-bottom: 35px;
  text-align: justify;
}
@media (max-width: 969px) {
  #event4 .txtOnly {
    padding-top: 5px;
    width: 73.5135135135%;
    margin: 0 auto;
  }
}
#event4 .hotelBox {
  overflow: hidden;
  width: 100%;
  /* デフォルトの矢印アイコンを消す */
}
#event4 .hotelBox .swiper-button-prev, #event4 .hotelBox .swiper-button-next {
  height: 72px;
}
@media (max-width: 969px) {
  #event4 .hotelBox .swiper-button-prev, #event4 .hotelBox .swiper-button-next {
    height: 45.3243243243px;
  }
}
#event4 .hotelBox .swiper-button-prev {
  background-image: url("img/swiper_prev_red.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#event4 .hotelBox .swiper-button-next {
  background-image: url("img/swiper_next_red.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#event4 .hotelBox .swiper-button-prev svg, #event4 .hotelBox .swiper-button-next svg {
  display: none;
}
#event4 .hotelBox .swiper-button-prev svg path, #event4 .hotelBox .swiper-button-next svg path {
  fill: #fff;
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  padding: 15px 0 0;
  margin-bottom: 40px;
  background-color: #fff;
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
  font-size: 35px;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding-bottom: 10px;
  height: 3em;
  display: grid;
  place-items: center; /* 横・縦中央 */
}
@media (max-width: 1800px) {
  #event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.9444444444vw;
  }
}
@media (max-width: 969px) {
  #event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.7297297297vw;
  }
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr h4 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  padding: 10px 0 0;
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr div.tel {
  font-size: 51px;
  text-align: center;
  font-weight: bold;
  line-height: 1.7;
}
@media (max-width: 1800px) {
  #event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr div.tel {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2.8333333333vw;
  }
}
@media (max-width: 969px) {
  #event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr div.tel {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 6.8918918919vw;
  }
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr div.address {
  font-size: 27px;
  text-align: center;
  padding: 0 0 20px 0;
}
@media (max-width: 1800px) {
  #event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr div.address {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.5vw;
  }
}
@media (max-width: 969px) {
  #event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr div.address {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.6486486486vw;
  }
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr p {
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  color: #f00;
  margin: 0;
  padding: 10px 0 0;
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr img {
  display: block;
  width: 88.9204545455%;
  margin: 0 auto;
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#event4 .hotelBox .swiper .swiper-wrapper .swiper-slide .cntnr a.detailBtn img {
  position: relative;
  top: 23px;
  width: 81.8696883853%;
}

#event3 .dots8_1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 586px;
}
@media (max-width: 969px) {
  #event3 .dots8_1 {
    width: 79.1891891892%;
  }
}
#event3 h2 {
  width: 914px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 969px) {
  #event3 h2 {
    width: 87.4324324324%;
  }
}
#event3 h2 img.title {
  width: 100%;
}
#event3 h2 img.terufumi {
  position: absolute;
  top: -48px;
  right: -54px;
}
@media (max-width: 969px) {
  #event3 h2 img.terufumi {
    width: 20%;
    top: 0;
    right: 0;
  }
}
#event3 .itBox {
  padding-bottom: 60px;
}
@media (max-width: 969px) {
  #event3 .itBox {
    padding-bottom: 26px;
  }
}
#event3 .shopsBox {
  padding-top: 40px;
  overflow: hidden;
  width: 100%;
  position: relative;
  /* デフォルトの矢印アイコンを消す */
}
#event3 .shopsBox .swiper-button-prev, #event3 .shopsBox .swiper-button-next {
  height: 72px;
}
@media (max-width: 969px) {
  #event3 .shopsBox .swiper-button-prev, #event3 .shopsBox .swiper-button-next {
    height: 45.3243243243px;
  }
}
#event3 .shopsBox .swiper-button-prev {
  background-image: url("img/swiper_prev.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#event3 .shopsBox .swiper-button-next {
  background-image: url("img/swiper_next.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#event3 .shopsBox .swiper-button-prev svg, #event3 .shopsBox .swiper-button-next svg {
  display: none;
}
#event3 .shopsBox .swiper-button-prev svg path, #event3 .shopsBox .swiper-button-next svg path {
  fill: #fff;
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  padding: 15px 0 20px;
  margin-bottom: 40px;
  position: relative;
  background: linear-gradient(-20deg, #d71618 0 40%, #e9482f 40% 100%);
}
@media (min-width: 1250px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr {
    padding-bottom: 10%;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr {
    padding-bottom: 12%;
  }
}
@media (max-width: 500px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr {
    padding-bottom: 7%;
  }
}
@media (max-width: 380px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr {
    padding-bottom: 3%;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr h3 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  padding-bottom: 10px;
  display: grid;
  place-items: center; /* 横・縦中央 */
  height: 3em;
}
@media (max-width: 1420px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.9014084507vw;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr h4 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  padding: 10px 0 0;
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p {
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 10px 20px 0;
  box-sizing: border-box;
  text-align: justify;
  letter-spacing: 0;
}
@media (max-width: 1420px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.9014084507vw;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu {
  line-height: 1.2em;
  height: 2.4em;
  font-size: 24px;
  text-align: left;
}
@media (max-width: 1380px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu br.base {
    display: none;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu br.base {
    display: inline;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu.s {
  font-size: 22px;
  height: 57.6px;
}
@media (max-width: 1360px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu.s {
    height: 57.6px;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.6176470588vw;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu.s {
    height: 2.4em;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
@media (max-width: 1160px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu.bases {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2.0689655172vw;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.menu.bases {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.price {
  text-align: right;
  font-size: 23px;
}
@media (max-width: 1400px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.price {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.7142857143vw;
  }
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr p.price {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box {
  width: 88.9204545455%;
  margin: 0 auto;
  padding-top: 10px;
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box .hidden-content .message {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: justify;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box .hidden-content .message {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.7837837838vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box .hidden-content .wBox {
  background-color: #fff;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  text-align: justify;
  padding-bottom: 10px;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 3%;
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box .hidden-content .wBox {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.7837837838vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box .hidden-content .wBox .ei {
  height: auto;
  display: inline;
  position: relative;
  top: 2px;
  width: 18px;
}
@media (max-width: 969px) {
  #event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box .hidden-content .wBox .ei {
    top: 2px;
    width: 3.7837837838vw;
  }
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box button.toggle-btn {
  cursor: pointer;
  position: absolute;
  width: 81.8696883853%;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  bottom: -23px;
  border: 0 !important;
  background: transparent !important;
  padding: 0;
  margin: 0;
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box button.toggle-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr .box button.toggle-btn img {
  width: 100%;
}
#event3 .shopsBox .gSwiper .swiper-wrapper .swiper-slide .cntnr img {
  display: block;
  width: 88.9204545455%;
  margin: 0 auto;
}
#event3 .dots5_pc {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 188px;
}
@media (max-width: 969px) {
  #event3 .dots5_pc {
    display: none;
  }
}
#event3 .dots7_sp {
  display: none;
}
@media (max-width: 969px) {
  #event3 .dots7_sp {
    width: 22.972972973%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: block;
  }
}

#event2 .dots11_pc {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 335px;
  display: block;
}
@media (max-width: 969px) {
  #event2 .dots11_pc {
    display: none;
  }
}
#event2 .dots5_sp {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  display: none;
  width: 19.1891891892%;
}
@media (max-width: 969px) {
  #event2 .dots5_sp {
    display: block;
  }
}
#event2 .dots6_sp {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  display: none;
  width: 18.7837837838%;
}
@media (max-width: 969px) {
  #event2 .dots6_sp {
    display: block;
  }
}
#event2 img.dots3_2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 13.6029411765%;
  display: block;
}
@media (max-width: 969px) {
  #event2 img.dots3_2 {
    display: none;
  }
}
#event2 h2 {
  width: 916px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 969px) {
  #event2 h2 {
    width: 87.8378378378%;
  }
}
#event2 h2 img.title {
  width: 100%;
}
#event2 h2 img.sangaku {
  position: absolute;
  top: -187px;
  left: -80px;
}
@media (max-width: 969px) {
  #event2 h2 img.sangaku {
    width: 22.2%;
    top: 0;
    left: 0;
  }
}

#event1 {
  position: relative;
  top: -1px;
  z-index: 1;
  background-color: #000;
}
#event1 img.dots4 {
  display: none;
}
@media (max-width: 969px) {
  #event1 img.dots4 {
    position: absolute;
    bottom: -30%;
    left: 0;
    width: 32.2297297297%;
    display: block;
  }
}
#event1 img.dots3_1 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13.6029411765%;
  display: block;
}
@media (max-width: 969px) {
  #event1 img.dots3_1 {
    display: none;
  }
}
#event1 h2 {
  width: 373px;
  margin: 0 auto;
  padding-bottom: 50px;
}
@media (max-width: 969px) {
  #event1 h2 {
    width: 38.7837837838%;
    padding-bottom: 5%;
  }
}
#event1 h2 img {
  width: 100%;
}
#event1 h3 {
  color: #efe700;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  padding-bottom: 30px;
}
@media (max-width: 969px) {
  #event1 h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 6.8918918919vw;
    line-height: 1.5098039216;
    padding-bottom: 3%;
  }
}
#event1 h3 br {
  display: none;
}
@media (max-width: 969px) {
  #event1 h3 br {
    display: inline;
  }
}
#event1 .btnBox {
  text-align: center;
}
#event1 .btnBox span {
  display: block;
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  padding: 20px 0 15px;
}
@media (max-width: 969px) {
  #event1 .btnBox {
    width: 56.6216216216%;
    margin: 0 auto;
  }
  #event1 .btnBox span {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.1891891892vw;
    padding: 6% 0 2%;
  }
  #event1 .btnBox a {
    width: 100%;
  }
  #event1 .btnBox a img {
    width: 100%;
    display: block;
  }
}
#event1 .itBox {
  max-width: 996px;
  width: 80.3225806452%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 969px) {
  #event1 .itBox {
    padding-top: 0px;
    width: 73.5135135135%;
    margin: 0 auto;
  }
}
#event1 .itBox .txt {
  width: 34.5381526104%;
  text-align: justify;
  margin: 0 auto;
  font-size: 18px;
  color: #fff;
  line-height: 1.8333333333;
}
@media (max-width: 969px) {
  #event1 .itBox .txt {
    width: 100%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    line-height: 1.5625;
    padding-bottom: 5px;
  }
}
#event1 .itBox .img {
  display: block;
  max-width: 580px;
  width: 63.2530120482%;
  margin: 0 auto;
  position: relative;
  top: -30px;
}
@media (max-width: 969px) {
  #event1 .itBox .img {
    width: 100%;
    max-width: 580px;
    top: 0px;
  }
}

#yowamushi {
  position: relative;
  z-index: 10;
}
#yowamushi #sakamichiSpacerBox {
  display: block;
  position: relative;
  left: 37.5%;
  width: 35.6666666667%;
}
@media (max-width: 767px) {
  #yowamushi #sakamichiSpacerBox {
    display: none;
  }
}
#yowamushi #sakamichiSpacerBox .sakamichiSpacer {
  position: relative;
  height: auto;
  display: block;
}
#yowamushi #sakamichiSpacerBox .sakamichiSpacer:before {
  content: "";
  display: block;
  padding-top: 218.2242990654%;
}
#yowamushi #yowamushi_bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#yowamushi #yowamushi_bottom svg polygon {
  fill: #000;
}
#yowamushi #yowamushi_bottom svg.pc {
  display: block;
}
@media (max-width: 767px) {
  #yowamushi #yowamushi_bottom svg.pc {
    display: none;
  }
}
#yowamushi #yowamushi_bottom svg.sp {
  display: none;
}
@media (max-width: 767px) {
  #yowamushi #yowamushi_bottom svg.sp {
    display: block;
  }
}
#yowamushi #yowamushi_bottom img {
  position: absolute;
  top: 0;
  left: 0;
}
#yowamushi #yowamushi_bottom img.pc {
  display: block;
  width: 25.3676470588%;
}
@media (max-width: 767px) {
  #yowamushi #yowamushi_bottom img.pc {
    display: none;
  }
}
#yowamushi #yowamushi_bottom img.sp {
  display: none;
  width: 26.0810810811%;
}
@media (max-width: 767px) {
  #yowamushi #yowamushi_bottom img.sp {
    display: block;
  }
}
#yowamushi #yowamushi_bottom img.dots2 {
  display: block;
  position: absolute;
  bottom: -80px;
  right: 0;
  top: auto;
  left: auto;
  width: 15.4411764706%;
  height: auto;
  z-index: 10;
}
@media (max-width: 767px) {
  #yowamushi #yowamushi_bottom img.dots2 {
    display: none;
  }
}
#yowamushi .dots {
  position: absolute;
  display: none;
}
@media (max-width: 767px) {
  #yowamushi .dots {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 22.972972973%;
    height: auto;
    z-index: 10;
  }
}
#yowamushi .topBg {
  position: relative;
  height: auto;
  display: block;
  background-image: url(img/yowamushi_topBg.png);
  background-size: 100% 100%;
}
#yowamushi .topBg:before {
  content: "";
  display: block;
  padding-top: 9.9816849817%;
}
@media (max-width: 767px) {
  #yowamushi .topBg {
    position: relative;
    height: auto;
    display: block;
    background-image: url(img/yowamushi_topBgSp.png);
    background-size: 100% 100%;
  }
  #yowamushi .topBg:before {
    content: "";
    display: block;
    padding-top: 25%;
  }
}
#yowamushi .redBg {
  background-color: #ff0000;
  position: relative;
  top: -2px;
  overflow: hidden;
}
#yowamushi .redBg h2 {
  text-align: center;
  font-size: 32px;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  #yowamushi .redBg h2 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 7.1621621622vw;
    line-height: 1.5471698113;
  }
}
#yowamushi .redBg .rSpacer {
  position: relative;
  height: auto;
  display: block;
}
#yowamushi .redBg .rSpacer:before {
  content: "";
  display: block;
  padding-top: 3.6764705882%;
}
@media (max-width: 767px) {
  #yowamushi .redBg .rSpacer:before {
    padding-top: 25%;
  }
}
#yowamushi .itBox {
  max-width: 1090px;
  width: 87.9032258065%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #yowamushi .itBox {
    padding-top: 0px;
    width: 84.8648648649%;
    margin: 0 auto;
  }
}
#yowamushi .itBox .img {
  display: block;
  width: 35.0458715596%;
  margin: 0 auto;
  position: relative;
  top: 10px;
}
@media (max-width: 767px) {
  #yowamushi .itBox .img {
    width: 100%;
    top: 0px;
    padding-bottom: 28px;
  }
}
#yowamushi .itBox .txt {
  width: 55.0458715596%;
  text-align: justify;
  margin: 0 auto;
  font-size: 18px;
  color: #fff;
}
@media (max-width: 767px) {
  #yowamushi .itBox .txt {
    width: 100%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    line-height: 1.5625;
  }
}
#yowamushi .itBox .txt .sakamichi {
  display: block;
  position: relative;
  left: 37.5%;
  width: 35.6666666667%;
}
@media (max-width: 767px) {
  #yowamushi .itBox .txt .sakamichi {
    position: absolute;
    width: 22.972972973%;
    left: auto;
    right: 4.0540540541%;
    top: 0;
  }
}
#yowamushi #sakamichiBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media (max-width: 767px) {
  #yowamushi #sakamichiBox {
    bottom: -8%;
  }
}
#yowamushi #sakamichiBox .rSpacer {
  position: relative;
  height: auto;
  display: block;
}
#yowamushi #sakamichiBox .rSpacer:before {
  content: "";
  display: block;
  padding-top: 8.8235294118%;
}
@media (max-width: 767px) {
  #yowamushi #sakamichiBox .rSpacer {
    position: relative;
    height: auto;
    display: block;
  }
  #yowamushi #sakamichiBox .rSpacer:before {
    content: "";
    display: block;
    padding-top: 48.3870967742%;
  }
}

#about {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  #about {
    padding-top: 0px;
  }
}
#about img.kuro {
  display: block;
  margin: 0 auto 30px;
  width: 1128px;
}
@media (max-width: 1160px) {
  #about img.kuro {
    max-width: 1090px;
    width: 90%;
    margin: 0 auto 3.5%;
  }
}
@media (max-width: 767px) {
  #about img.kuro {
    width: 88%;
    margin: 0 auto 4%;
  }
}
#about .itBox {
  max-width: 1090px;
  width: 87.9032258065%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #about .itBox {
    padding-top: 0px;
    width: 84.8648648649%;
    margin: 0 auto;
  }
}
#about .itBox .img {
  display: block;
  width: 57.6146788991%;
  margin: 0 auto;
  position: relative;
  top: 10px;
}
@media (max-width: 767px) {
  #about .itBox .img {
    top: 0px;
    width: 100%;
    padding-bottom: 28px;
  }
}
#about .itBox .txt {
  width: 36.6972477064%;
  text-align: justify;
  margin: 0 auto;
  font-size: 18px;
}
@media (max-width: 767px) {
  #about .itBox .txt {
    width: 100%;
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    line-height: 1.5625;
  }
}
#about h2 {
  text-align: center;
  font-size: 32px;
  color: #ff0000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  letter-spacing: 0;
  padding-bottom: 25px;
}
@media (max-width: 1270px) {
  #about h2 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2.5196850394vw;
  }
}
@media (max-width: 767px) {
  #about h2 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
    line-height: 1.65625;
  }
}

/* swiper */
.swiper {
  overflow: visible;
  padding-inline: 16px; /* チラ見せ用に左右余白 */
}

/* PC: 3枚＋左右ちょい見せ */
.swiper .swiper-slide {
  width: 28%;
  display: grid;
  place-items: center;
}

/* スマホ: 1枚＋左右ちょい見せ */
@media (max-width: 969px) {
  .swiper .swiper-slide {
    width: 80%;
  }
}
/* swiper */
.gSwiper {
  overflow: visible;
  padding-inline: 16px; /* チラ見せ用に左右余白 */
}

/* PC: 3枚＋左右ちょい見せ */
.gSwiper .swiper-slide {
  width: 28%;
  display: grid;
  place-items: center;
}

/* スマホ: 1枚＋左右ちょい見せ */
@media (max-width: 969px) {
  .gSwiper .swiper-slide {
    width: 80%;
  }
}
/* PC: 2枚＋左右ちょい見せ */
.cSwiper .swiper-slide {
  width: 46%;
  display: grid;
  place-items: center;
}

/* スマホ: 1枚＋左右ちょい見せ */
@media (max-width: 969px) {
  .cSwiper .swiper-slide {
    width: 80%;
  }
}
#event3_modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
}
#event3_modal .closeModalBg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
#event3_modal .cntnr {
  display: none;
  cursor: default;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 80%;
  max-width: 480px;
  padding: 15px 0 20px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  background: linear-gradient(-20deg, #d71618 0 40%, #e9482f 40% 100%);
}
#event3_modal .cntnr .closeBtn {
  display: block;
  width: 60px;
  position: absolute;
  top: -30px;
  right: -30px;
}
@media (max-width: 969px) {
  #event3_modal .cntnr .closeBtn {
    width: 40px;
    top: -20px;
    right: -20px;
  }
}
#event3_modal .cntnr .closeBtn img {
  display: block;
  width: 100%;
  height: auto;
}
#event3_modal .cntnr h3 {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  padding-bottom: 10px;
  display: grid;
  place-items: center; /* 横・縦中央 */
}
@media (max-width: 1420px) {
  #event3_modal .cntnr h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.9014084507vw;
  }
}
@media (max-width: 969px) {
  #event3_modal .cntnr h3 {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3_modal .cntnr h4 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  padding: 10px 0 0;
}
#event3_modal .cntnr p {
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 10px 20px 0;
  box-sizing: border-box;
  text-align: justify;
  letter-spacing: 0;
}
@media (max-width: 1420px) {
  #event3_modal .cntnr p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.9014084507vw;
  }
}
@media (max-width: 969px) {
  #event3_modal .cntnr p {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3_modal .cntnr p.menu {
  line-height: 1.2em;
  font-size: 24px;
  text-align: left;
}
@media (max-width: 969px) {
  #event3_modal .cntnr p.menu br.base {
    display: inline;
  }
}
@media (max-width: 969px) {
  #event3_modal .cntnr p.menu {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
@media (max-width: 1160px) {
  #event3_modal .cntnr p.menu.bases {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 2.0689655172vw;
  }
}
@media (max-width: 969px) {
  #event3_modal .cntnr p.menu.bases {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3_modal .cntnr p.price {
  text-align: right;
  font-size: 23px;
}
@media (max-width: 1400px) {
  #event3_modal .cntnr p.price {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 1.7142857143vw;
  }
}
@media (max-width: 969px) {
  #event3_modal .cntnr p.price {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 4.3243243243vw;
  }
}
#event3_modal .cntnr .box {
  width: 88.9204545455%;
  margin: 0 auto;
  padding-top: 10px;
  max-height: 220px;
  overflow: auto;
}
#event3_modal .cntnr .box .hidden-content .message {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: justify;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 969px) {
  #event3_modal .cntnr .box .hidden-content .message {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.7837837838vw;
  }
}
#event3_modal .cntnr .box .hidden-content .wBox {
  background-color: #fff;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  text-align: justify;
  padding-bottom: 10px;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 3%;
}
@media (max-width: 969px) {
  #event3_modal .cntnr .box .hidden-content .wBox {
    /*
    	$kizyunFontSize:基準点でのフォントサイズ
    	$kizyunWindowWidth:基準点でのウインドウサイズ
    	@include kahenFontSize($kizyunFontSize, $kizyunWindowWidth);
    */
    font-size: 3.7837837838vw;
  }
}
#event3_modal .cntnr .box .hidden-content .wBox .ei {
  height: auto;
  display: inline;
  position: relative;
  top: 2px;
  width: 18px;
}
@media (max-width: 969px) {
  #event3_modal .cntnr .box .hidden-content .wBox .ei {
    top: 2px;
    width: 3.7837837838vw;
  }
}
#event3_modal .cntnr .box button.toggle-btn {
  cursor: pointer;
  position: absolute;
  width: 81.8696883853%;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  bottom: -23px;
  border: 0 !important;
  background: transparent !important;
  padding: 0;
  margin: 0;
}
#event3_modal .cntnr .box button.toggle-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#event3_modal .cntnr .box button.toggle-btn img {
  width: 100%;
}
#event3_modal .cntnr img {
  display: block;
  width: 88.9204545455%;
  margin: 0 auto;
}

html.noScroll, body.noScroll {
  overflow: hidden;
}

.soacerStanp {
  height: 20px;
  width: 100%;
}

/* 初期状態：見えない＆オフセット */
.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  will-change: opacity, transform;
}

/* バリアント（左右スライド） */
.slide-left {
  transform: translateX(-24px);
}

.slide-right {
  transform: translateX(24px);
}

.fade-up {
  transform: translateY(24px);
}

/* 表示時（JSで .inview を付与） */
.reveal.inview {
  opacity: 1;
  transform: none;
}

/* 1回だけアニメさせたい場合はこれで固定 */
.reveal.inview {
  pointer-events: auto;
}

/* アニメが苦手な人向け */
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal.inview {
    transition: none;
    transform: none;
    opacity: 1;
  }
}