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

/**
 * Remove default margin.
 */
/* line 19, ../scss/_normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 33, ../scss/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 54, ../scss/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

/* line 169, ../scss/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 173, ../scss/_normalize.scss */
sub {
  bottom: -0.25em;
}

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

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

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

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

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../scss/_normalize.scss */
pre {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 419, ../scss/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 424, ../scss/_normalize.scss */
td,
th {
  padding: 0;
}

@-ms-viewport {
  width: device-width;
}
/* line 12, ../scss/_common.scss */
html {
  font-size: 62.5%;
}

/* line 14, ../scss/_common.scss */
body {
  background-color: #fff;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: .2px;
}

/* line 25, ../scss/_common.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  margin: 0;
  padding: 0;
}

/* line 39, ../scss/_common.scss */
sup {
  font-size: 11px;
  font-size: 1.1rem;
}

/* line 41, ../scss/_common.scss */
small {
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

/* line 46, ../scss/_common.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* line 52, ../scss/_common.scss */
a {
  color: #218bc3;
  cursor: pointer;
  text-decoration: none;
}
/* line 57, ../scss/_common.scss */
a:visited {
  color: #218bc3;
}
/* line 61, ../scss/_common.scss */
a:hover {
  color: #218bc3;
}
/* line 64, ../scss/_common.scss */
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* line 71, ../scss/_common.scss */
a,
a img {
  -moz-transition-duration: 250ms;
  -o-transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -moz-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 0.1);
  -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 0.1);
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 0.1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 0.1);
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
}

a.button {
  display: inline-block;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #86bc06;
  border-radius: 40px;
  filter: drop-shadow(0px 4px 1px #719f04);
  padding: 10px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  min-width: 80%;
}
a.button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
a.button.w50 {
  min-width: 50%;
}

a.button[disabled] {
  cursor:default;
  opacity: 0.4;
/*
  background-color: #999;
  filter: none;
  filter: drop-shadow(0px 4px 1px #555);
*/
}
a.button[disabled] img {
  opacity: 1;
}

/*---------------------------------

  共通

---------------------------------*/
/* line 13, ../scss/style-general.scss */
.sp {
  display: block;
}

/* line 14, ../scss/style-general.scss */
.pc {
  display: none;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  /* line 17, ../scss/style-general.scss */
  .sp {
    display: none;
  }

  /* line 18, ../scss/style-general.scss */
  .pc {
    display: none;
  }

  /* line 19, ../scss/style-general.scss */
  .tablet {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  /* line 23, ../scss/style-general.scss */
  .sp {
    display: none;
  }

  /* line 24, ../scss/style-general.scss */
  .pc {
    display: block;
  }
  br.pc {
    display: inline-block;
  }
}
/*---------------------------------

  ヘッダー

---------------------------------*/
/* line 34, ../scss/style-general.scss */
header {
  margin-bottom: 25px;
}

@media screen and (min-width: 769px) {
  /* line 37, ../scss/style-general.scss */
  header {
    position: relative;
    margin-bottom: 20px;
    z-index: 2;
  }
}
/* line 45, ../scss/style-general.scss */
.header__company {
  margin: 0;
  padding: 11px;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #fff;
}

@media screen and (min-width: 769px) {
  /* line 54, ../scss/style-general.scss */
  .header__company {
    padding: 9px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* line 67, ../scss/style-general.scss */
.header__mainVisual {
  border-bottom: 6px solid #fff;
  background-color: #fedffc;
}

@media screen and (min-width: 769px) {
  /* line 76, ../scss/style-general.scss */
  .header__mainVisual img {
    width: 100%;
    margin: 0 auto;
  }
}
/* line 85, ../scss/style-general.scss */
.navBar {
  padding: 15px 20px;
  background-color: #86bc06;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* line 91, ../scss/style-general.scss */
.navBar__user {
  margin: -6px 0 10px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}

/* line 98, ../scss/style-general.scss */
.navBar__userName {
  font-weight: bold;
}

/* line 100, ../scss/style-general.scss */
.navBar__navList {
  list-style-type: none;
  margin: 0 -0.6%;
  padding: 0;
}
/* line 105, ../scss/style-general.scss */
.navBar__navList:after {
  display: block;
  content: "";
  clear: both;
}

/* line 112, ../scss/style-general.scss */
.navBar__navListItem {
  float: left;
  width: 23.8%;
  margin: 0 0.6%;
}

/* line 118, ../scss/style-general.scss */
.navBar__btn {
  text-align: left;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 0 #689204;
  display: block;
  height: 48px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* line 133, ../scss/style-general.scss */
.navBar__btn:active {
  transition-timing-function: ease-out;
  transform: translateY(2px);
  box-shadow: 0 0 0 #689204;
  background-color: #fff;
}

/* line 141, ../scss/style-general.scss */
.navBar__btn--profile {
  background-image: url(../images/common/icon-profile.png);
}

/* line 142, ../scss/style-general.scss */
.navBar__btn--mypage {
  background-image: url(../images/common/icon-mypage.png);
}

/* line 143, ../scss/style-general.scss */
.navBar__btn--logout {
  background-image: url(../images/common/icon-logout.png);
}

/* line 144, ../scss/style-general.scss */
.navBar__btn--contact {
  background-image: url(../images/common/icon-contact.png);
}

@media screen and (min-width: 769px) {
  /* line 147, ../scss/style-general.scss */
  .navBar {
    padding: 10px 0;
  }

  /* line 149, ../scss/style-general.scss */
  .navBar__wrap {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 10px;
  }
  /* line 154, ../scss/style-general.scss */
  .navBar__wrap:after {
    display: block;
    content: "";
    clear: both;
  }

  /* line 161, ../scss/style-general.scss */
  .navBar__user {
    float: left;
    width: 345px;
    height: 26px;
    margin: 0;
    padding: 9px 0 0;
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
    border-radius: 3px;
    background-color: #f5ffd9;
  }

  /* line 173, ../scss/style-general.scss */
  .navBar__navList {
    float: right;
    margin: 0;
  }

  /* line 178, ../scss/style-general.scss */
  .navBar__navListItem {
    float: left;
    width: 140px;
    margin: 0 0 0 5px;
  }
  /* line 183, ../scss/style-general.scss */
  .navBar__navListItem:last-child {
    margin: 0 0 0 20px;
  }

  /* line 186, ../scss/style-general.scss */
  .navBar__btn {
    height: 34px;
  }
  /* line 189, ../scss/style-general.scss */
  .navBar__btn:hover {
    background-color: #f5ffd9;
  }

  /* line 192, ../scss/style-general.scss */
  .navBar__btn--profile {
    background-image: url(../images/common/icon-profile-pc.png);
  }

  /* line 193, ../scss/style-general.scss */
  .navBar__btn--mypage {
    background-image: url(../images/common/icon-mypage-pc.png);
  }

  /* line 194, ../scss/style-general.scss */
  .navBar__btn--logout {
    background-image: url(../images/common/icon-logout-pc.png);
  }

  /* line 195, ../scss/style-general.scss */
  .navBar__btn--contact {
    background-image: url(../images/common/icon-contact-pc.png);
  }
}
/* line 199, ../scss/style-general.scss */
.loginBar__list,
.loginForm__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 206, ../scss/style-general.scss */
.loginForm__listItem {
  margin-bottom: 8px;
}

/* line 208, ../scss/style-general.scss */
.loginForm__input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  padding: 10px;
  border-radius: 6px;
  border: none;
  background-color: #f5ffd9;
}

/* line 222, ../scss/style-general.scss */
.loginForm__icon {
  position: relative;
  float: right;
  margin-right: 15px;
  margin-top: -30px;
  z-index: 2;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
}

/* line 232, ../scss/style-general.scss */
.loginBar__help {
  display: inline-block;
  margin: 1px 0 11px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff !important;
  text-decoration: underline;
}

/* line 242, ../scss/style-general.scss */
.navBar__navList.navBar__navList--login .navBar__navListItem {
  float: none;
}
/* line 245, ../scss/style-general.scss */
.navBar__navList.navBar__navList--login .navBar__navListItem.navBar__navListItem--login {
  width: 49.2%;
}
/* line 247, ../scss/style-general.scss */
.navBar__navList.navBar__navList--login .navBar__navListItem.navBar__navListItem--contact {
  float: right;
  margin-top: -48px;
}

/* line 253, ../scss/style-general.scss */
.navBar__btn--login {
  background-image: url(../images/common/icon-login.png);
}

/* line 255, ../scss/style-general.scss */
.navBar__attention {
  margin: 10px 0 0;
  color: #fff;
}

@media screen and (min-width: 769px) {
  /* line 261, ../scss/style-general.scss */
  .loginBar__list:after {
    display: block;
    content: "";
    clear: both;
  }

  /* line 267, ../scss/style-general.scss */
  .loginBar__listItem:last-child {
    margin-top: -40px;
  }

  /* line 269, ../scss/style-general.scss */
  .loginForm__listItem {
    float: left;
    margin-bottom: 0;
    margin-right: 5px;
    width: 250px;
  }
  /* line 275, ../scss/style-general.scss */
  .loginForm__listItem:after {
    display: block;
    content: "";
    clear: both;
  }

  /* line 282, ../scss/style-general.scss */
  .loginForm__input {
    padding: 8px 10px;
  }

  /* line 284, ../scss/style-general.scss */
  .loginForm__icon {
    margin-top: -28px;
  }

  /* line 286, ../scss/style-general.scss */
  .loginBar__help {
    margin: 2px 0 0 5px;
    font-size: 12px;
    font-size: 1.2rem;
  }

  /* line 293, ../scss/style-general.scss */
  .navBar__navList.navBar__navList--login .navBar__navListItem {
    float: left;
  }
  /* line 296, ../scss/style-general.scss */
  .navBar__navList.navBar__navList--login .navBar__navListItem.navBar__navListItem--login {
    width: 140px;
  }
  /* line 298, ../scss/style-general.scss */
  .navBar__navList.navBar__navList--login .navBar__navListItem.navBar__navListItem--contact {
    float: left;
    margin-top: 0;
  }

  /* line 305, ../scss/style-general.scss */
  .navBar__btn--login {
    background-image: url(../images/common/icon-login-pc.png);
  }

  /* line 307, ../scss/style-general.scss */
  .navBar__attention {
    margin: 5px 0 0;
  }
}
/* line 311, ../scss/style-general.scss */
.navDescription {
  padding: 9px 20px 15px;
  text-align: center;
}
/* line 319, ../scss/style-general.scss */
.navDescription .navBar__wrap {
  position: relative;
  padding: 170px 15px 15px;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #f9ffc9;
  background-image: url(../images/common/illust-description.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

/* line 334, ../scss/style-general.scss */
.navDescription__list {
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
  counter-reset: number;
}

/* line 342, ../scss/style-general.scss */
.navDescription__listItem {
  margin-bottom: 0.5em;
  padding-left: 1.3em;
  color: #e01613;
  font-weight: bold;
  text-indent: -1.3em;
}
/* line 349, ../scss/style-general.scss */
.navDescription__listItem:before {
  counter-increment: number;
  content: counter(number)".";
  position: relative;
  top: 1px;
  margin-right: 0.5em;
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'Lato', sans-serif;
}
/* line 360, ../scss/style-general.scss */
.navDescription__listItem:last-child {
  margin-bottom: 0;
}

/* line 363, ../scss/style-general.scss */
.navDescription__button {
  position: absolute;
  right: 30px;
  top: 40px;
}
/* line 370, ../scss/style-general.scss */
.navDescription__button img {
  max-height: 160px;
}
.navDescription__button img.sp {
  display: block;
}
.navDescription__button img.pc {
  display: none;
}
.navDescription__button img.tablet {
  display: none;
}

/* line 375, ../scss/style-general.scss */
.navBar__notice {
  margin: 0 0 10px;
  padding: 7px 10px;
  border-radius: 6px;
  background-color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
}

/* line 383, ../scss/style-general.scss */
.navBar__notice--attention {
  color: #e01613;
  font-weight: bold;
}
@media screen and (min-width: 591px) {
  /* line 389, ../scss/style-general.scss */
  .navDescription {
    padding: 0;
  }
  /* line 397, ../scss/style-general.scss */
  .navDescription .navDescription__wrap {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 10px 6px;
    background-color: #fff;
  }
  /* line 404, ../scss/style-general.scss */
  .navDescription .navBar__wrap {
    position: relative;
    padding: 20px;
    background-image: url(../images/common/illust-description-pc.jpg);
    background-position: center left;
    background-size: auto;
  }

  /* line 419, ../scss/style-general.scss */
  .navDescription__list {
    margin-left: 300px !important;
  }

  /* line 428, ../scss/style-general.scss */
  .navDescription__listItem {
    margin-bottom: 10px;
  }
  /* line 431, ../scss/style-general.scss */
  .navDescription__listItem:last-child {
    margin-bottom: 0;
  }

  /* line 434, ../scss/style-general.scss */
  .navDescription__button {
    left: 30px;
    top: auto;
    bottom: 12px;
    width: 260px;
  }
  /* line 439, ../scss/style-general.scss */
  .navDescription__button img {
    max-height: 60px;
  }
  .navDescription__button img.sp {
    display: none;
  }
  .navDescription__button img.pc {
    display: block;
  }
  .navDescription__button img.tablet {
    display: block;
  }

  /* line 442, ../scss/style-general.scss */
  .navBar__notice {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 590px) {
  .navDescription .navBar__wrap {
    padding: 240px 15px 15px;
  }
}
@media screen and (max-width: 540px) {
  .navDescription .navBar__wrap {
    padding: 220px 15px 15px;
  }
  .navDescription .navDescription__button {
    top: 35px;
  }
  .navDescription__button img {
    max-height: 140px;
  }
}
@media screen and (max-width: 480px) {
  .navDescription .navBar__wrap {
    padding: 200px 15px 15px;
  }
  .navDescription__button img {
    max-height: 130px;
  }
}
@media screen and (max-width: 440px) {
  .navDescription .navBar__wrap {
    padding: 180px 15px 15px;
  }
  .navDescription .navDescription__button {
    top: 30px;
  }
  .navDescription__button img {
    max-height: 120px;
  }
}
@media screen and (max-width: 400px) {
  .navDescription .navBar__wrap {
    padding: 160px 15px 15px;
  }
  .navDescription__button img {
    max-height: 110px;
  }
}
@media screen and (max-width: 380px) {
  .navDescription__button img {
    max-height: 105px;
  }
}
@media screen and (max-width: 374px) {
  /* line 449, ../scss/style-general.scss */
  .navDescription .navBar__wrap {
    padding: 140px 15px 15px;
  }
  /* line 452, ../scss/style-general.scss */
  .navDescription .navDescription__button {
    right: 20px;
    top: 25px;
  }
}
@media screen and (max-width: 365px) {
  .navDescription__button img {
    max-height: 100px;
  }
}
/*---------------------------------

  パンくずナビ

---------------------------------*/
/* line 468, ../scss/style-general.scss */
.breadcrumb {
  max-width: 940px;
  margin: -20px auto 0;
  padding: 20px 10px;
  background-color: #fff;
  list-style-type: none;
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
}
/* line 482, ../scss/style-general.scss */
.breadcrumb li {
  float: left;
}
/* line 485, ../scss/style-general.scss */
.breadcrumb li a {
  color: #333;
  text-decoration: underline;
}
/* line 489, ../scss/style-general.scss */
.breadcrumb li a:hover {
  color: #218bc3;
}
/* line 494, ../scss/style-general.scss */
.breadcrumb li:after {
  content: ">";
  margin: 0 7px;
}
/* line 501, ../scss/style-general.scss */
.breadcrumb li:last-child:after {
  content: none;
}

/* line 505, ../scss/style-general.scss */
.breadcrumb__notice {
  margin: 0 20px 20px;
  color: #e01613;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  /* line 515, ../scss/style-general.scss */
  .breadcrumb__notice {
    max-width: 940px;
    margin: -47px auto 10px;
    padding: 0 10px;
    text-align: center;
  }
  .breadcrumb__notice span {
    display: inline-block;
    text-align: left;
  }
}
/*---------------------------------

  フッター

---------------------------------*/
/* line 533, ../scss/style-general.scss */
footer {
  text-align: center;
}

/* line 535, ../scss/style-general.scss */
.content__bgColor + footer {
  margin-top: -20px;
}

/* line 537, ../scss/style-general.scss */
.footer__company {
  margin: 0;
  padding: 20px 11px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: #f5f5f5;
}

/* line 546, ../scss/style-general.scss */
.footer__link {
  margin: 0;
  padding: 20px 20px 15px;
}
/* line 550, ../scss/style-general.scss */
.footer__link li {
  display: block;
  margin-bottom: 16px;
}
/* line 554, ../scss/style-general.scss */
.footer__link li:last-child {
  margin-right: 0;
}
/* line 556, ../scss/style-general.scss */
.footer__link li a {
  padding-bottom: 2px;
  border-bottom: 1px solid #222;
  color: #333;
}
/* line 561, ../scss/style-general.scss */
.footer__link li a:visited {
  color: #999;
  border-bottom: 1px solid #999;
}
/* line 566, ../scss/style-general.scss */
.footer__link li a:hover {
  color: #218bc3;
  border-bottom: 1px solid #218bc3;
}

/* line 574, ../scss/style-general.scss */
.footer__copyright {
  padding: 0 0 20px;
}

@media screen and (min-width: 769px) {
  /* line 577, ../scss/style-general.scss */
  footer {
    background-color: #fff;
    overflow: hidden;
  }

  /* line 582, ../scss/style-general.scss */
  .content__bgColor + footer {
    margin-top: 0;
  }

  /* line 584, ../scss/style-general.scss */
  .footer__link {
    float: left;
    padding: 30px;
    overflow: hidden;
  }
  /* line 589, ../scss/style-general.scss */
  .footer__link li {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
  }

  /* line 596, ../scss/style-general.scss */
  .footer__copyright {
    float: right;
    padding: 30px;
  }
}
/*---------------------------------

  コンテンツ部分

---------------------------------*/
/* line 656, ../scss/style-general.scss */
.content {
  padding: 0 0 20px;
}
/* line 659, ../scss/style-general.scss */
.content.content__bgColor {
  margin-bottom: 20px;
  padding-top: 20px;
  background-color: #fff7c0;
}

/* line 666, ../scss/style-general.scss */
.content__wrap {
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 769px) {
  /* line 673, ../scss/style-general.scss */
  body {
    background-image: url(../images/common/bg-footprint-pc.gif);
    background-repeat: repeat;
    background-position: center 0px;
    background-size: auto;
  }

  /* line 680, ../scss/style-general.scss */
  .content {
    padding: 0;
  }
  /* line 693, ../scss/style-general.scss */
  .content.content__bgColor {
    margin-bottom: 0;
  }
  /* line 696, ../scss/style-general.scss */
  .content.content__bgColor .content__wrap {
    background-color: #fff7c0;
  }
  /* line 701, ../scss/style-general.scss */
  .content.content__bgColor + .content .content__wrap {
    padding-top: 20px;
  }

  /* line 707, ../scss/style-general.scss */
  .content__wrap {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 10px 20px;
    background-color: #fff;
  }
}
/*---------------------------------

  コンテンツ部分の共通パーツ

---------------------------------*/
/* line 726, ../scss/style-general.scss */
.content div {
  margin-bottom: 20px;
}
/* line 729, ../scss/style-general.scss */
.content h3 {
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  /* line 733, ../scss/style-general.scss */
  .content h3 {
    margin-bottom: 20px;
  }
}
/* line 737, ../scss/style-general.scss */
.content h4 {
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  /* line 744, ../scss/style-general.scss */
  .content h4 {
    margin-bottom: 15px;
  }
}
/* line 748, ../scss/style-general.scss */
.content h5 {
  border-left: 5px solid #86bc06;
  margin-bottom: 10px;
  padding: 7px 0 6px 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 757, ../scss/style-general.scss */
.content p {
  margin: 0 0 10px;
}
/* line 760, ../scss/style-general.scss */
.content em {
  font-weight: bold;
  font-style: normal;
}
/* line 765, ../scss/style-general.scss */
.content strong {
  color: #e01613;
  font-weight: bold;
}
/* line 771, ../scss/style-general.scss */
.content small {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 777, ../scss/style-general.scss */
.content img {
  border-radius: 6px;
}
.content .logo img {
  border-radius: 0px;
}
/* line 780, ../scss/style-general.scss */
.content .largeButton {
  text-align: center;
}
/* line 784, ../scss/style-general.scss */
.content .largeButton a {
  display: inline-block;
}
/* line 785, ../scss/style-general.scss */
.content .largeButton img {
  max-height: 52px;
}
@media screen and (min-width: 769px) {
  /* line 791, ../scss/style-general.scss */
  .content .largeButton img {
    max-height: 65px;
  }
}
/* line 796, ../scss/style-general.scss */
.content .smallButton {
  text-align: center;
}
/* line 800, ../scss/style-general.scss */
.content .smallButton a,
.content .smallButton span {
  display: inline-block;
}
/* line 803, ../scss/style-general.scss */
.content .smallButton img {
  max-height: 42px;
}
@media screen and (min-width: 769px) {
  /* line 809, ../scss/style-general.scss */
  .content .smallButton img {
    max-height: 43px;
  }
}
/* line 814, ../scss/style-general.scss */
.content ol {
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
  list-style: none;
  counter-reset: number;
}
/* line 821, ../scss/style-general.scss */
.content ol li {
  margin-bottom: 0.5em;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
/* line 826, ../scss/style-general.scss */
.content ol li:before {
  counter-increment: number;
  content: counter(number)".";
  position: relative;
  top: 1px;
  margin-right: 0.45em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'Lato', sans-serif;
}
/* line 840, ../scss/style-general.scss */
.content ul {
  margin: 0 0 20px;
  padding: 0 0 0 1.3em;
}
/* line 844, ../scss/style-general.scss */
.content ul li {
  margin-bottom: 0.7em;
}

/*---------------------------------

  コンテンツ部分の共通テーブル

---------------------------------*/
/* line 860, ../scss/style-general.scss */
.g-table__2rows {
  margin-bottom: 20px;
  border-collapse: separate;
  border-radius: 6px;
  border: 1px solid #dddddd;
  width: 100%;
}
/* line 867, ../scss/style-general.scss */
.g-table__2rows th,
.g-table__2rows td {
  display: block;
  width: 92%;
  padding: 3% 4%;
  text-align: left;
}
/* line 875, ../scss/style-general.scss */
.g-table__2rows th {
  padding: 10px 4%;
  background-color: #dddddd;
}
/* line 881, ../scss/style-general.scss */
.g-table__2rows td {
  background-color: #fff;
}
/* line 883, ../scss/style-general.scss */
.g-table__2rows tr:first-child th {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.g-table__2rows tr:last-child td {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
/* line 888, ../scss/style-general.scss */
.g-table__2rows ul {
  margin: 1em 0;
}
/* line 891, ../scss/style-general.scss */
.g-table__2rows ul li {
  margin-bottom: 0.3em;
}

@media screen and (min-width: 769px) {
  /* line 897, ../scss/style-general.scss */
  .g-table__2rows {
    width: 100%;
  }
  /* line 900, ../scss/style-general.scss */
  .g-table__2rows th {
    display: table-cell;
    width: 180px;
    padding: 7px 0;
    text-align: center;
    border-bottom: 1px solid #fff;
  }
  /* line 908, ../scss/style-general.scss */
  .g-table__2rows td {
    display: table-cell;
    width: auto;
    padding: 7px 10px;
    border-bottom: 1px solid #dddddd;
  }
  /* line 915, ../scss/style-general.scss */
  .g-table__2rows tr:first-child th {
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
  }
  .g-table__2rows tr:first-child td {
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
  }
  /* line 919, ../scss/style-general.scss */
  .g-table__2rows tr:last-child th {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom: none;
  }
  /* line 924, ../scss/style-general.scss */
  .g-table__2rows tr:last-child td {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom: none;
  }
}
/* line 930, ../scss/style-general.scss */
.g-table__2cols__scroll {
  margin-bottom: 20px;
}
/* line 933, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap {
  margin: 0;
  overflow-x: scroll;
}
/* line 936, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap::-webkit-scrollbar {
  height: 10px;
}
/* line 937, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap::-webkit-scrollbar-track {
  background: #fafafa;
}
/* line 938, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
/* line 940, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap table {
  margin-bottom: 5px;
  border-collapse: separate;
  border-radius: 6px;
  border: 1px solid #ddd;
}
/* line 946, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap table th {
  padding: 5px;
  background-color: #ddd;
  font-weight: normal;
  border-right: 1px solid #fff;
}
/* line 952, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap table th:first-child {
  border-top-left-radius: 6px;
}
/* line 954, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap table th:last-child {
  border-right: none;
  border-top-right-radius: 6px;
}
/* line 960, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap table td {
  padding: 15px;
  background-color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  white-space: nowrap;
  border-right: 1px solid #ddd;
}
/* line 968, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap table td:first-child {
  border-bottom-left-radius: 6px;
}
/* line 970, ../scss/style-general.scss */
.g-table__2cols__scroll .g-table__2cols__scrollWrap table td:last-child {
  border-right: none;
  border-bottom-right-radius: 6px;
}

/* line 980, ../scss/style-general.scss */
.g-table__multiplerows {
  margin: 0 auto 20px;
  border-collapse: separate;
  border-radius: 6px;
  border: 1px solid #dddddd;
}
/* line 986, ../scss/style-general.scss */
.g-table__multiplerows .thead {
  display: none;
}
/* line 988, ../scss/style-general.scss */
.g-table__multiplerows td {
  display: block;
  width: 92%;
  padding: 0.5% 4%;
  text-align: left;
  background-color: #fff;
  font-weight: bold;
}
/* line 997, ../scss/style-general.scss */
.g-table__multiplerows td:before {
  content: attr(data-label);
  margin-right: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
/* line 1004, ../scss/style-general.scss */
.g-table__multiplerows td:first-child {
  padding: 3% 4% 0.5%;
}
/* line 1008, ../scss/style-general.scss */
.g-table__multiplerows td:nth-last-child(2) {
  font-weight: normal;
  padding: 0.5% 4% 2%;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 1013, ../scss/style-general.scss */
.g-table__multiplerows td:nth-last-child(2):before {
  content: none;
}
/* line 1016, ../scss/style-general.scss */
.g-table__multiplerows td:last-child {
  padding: 1% 4% 4%;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
}
/* line 1022, ../scss/style-general.scss */
.g-table__multiplerows td:last-child:before {
  content: none;
}
/* line 1028, ../scss/style-general.scss */
.g-table__multiplerows .first td:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* line 1033, ../scss/style-general.scss */
.g-table__multiplerows tr:last-child td:last-child {
  border-bottom: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

@media screen and (min-width: 769px) {
  /* line 1042, ../scss/style-general.scss */
  .g-table__multiplerows {
    width: 100%;
  }
  /* line 1045, ../scss/style-general.scss */
  .g-table__multiplerows .thead {
    display: table-row;
    white-space: nowrap;
  }
  /* line 1049, ../scss/style-general.scss */
  .g-table__multiplerows .thead th {
    padding: 10px 15px;
    background-color: #dddddd;
    border-right: 1px solid #fff;
  }
  /* line 1054, ../scss/style-general.scss */
  .g-table__multiplerows .thead th:first-child {
    border-top-left-radius: 6px;
  }
  /* line 1056, ../scss/style-general.scss */
  .g-table__multiplerows .thead th:last-child {
    border-top-right-radius: 6px;
    border-right: none;
  }
  /* line 1063, ../scss/style-general.scss */
  .g-table__multiplerows td {
    display: table-cell;
    width: auto;
    padding: 5px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
  }
  /* line 1071, ../scss/style-general.scss */
  .g-table__multiplerows td:before {
    content: none;
  }
  /* line 1073, ../scss/style-general.scss */
  .g-table__multiplerows td:first-child {
    padding: 5px 10px;
  }
  /* line 1077, ../scss/style-general.scss */
  .g-table__multiplerows td:nth-last-child(2) {
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1082, ../scss/style-general.scss */
  .g-table__multiplerows td:last-child {
    padding: 5px 10px;
    border-right: none;
    text-align: center;
  }
  /* line 1089, ../scss/style-general.scss */
  .g-table__multiplerows .first td:first-child {
    padding: 5px 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  /* line 1097, ../scss/style-general.scss */
  .g-table__multiplerows tr:last-child td {
    border-bottom: none;
  }
  /* line 1100, ../scss/style-general.scss */
  .g-table__multiplerows tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 0;
  }
  /* line 1105, ../scss/style-general.scss */
  .g-table__multiplerows tr:last-child td:last-child {
    border-bottom-left-radius: 0;
  }
}
/* line 1112, ../scss/style-general.scss */
.g-table__multiplerows_2titles {
  margin: 0 auto 20px;
  border-collapse: separate;
  border-radius: 6px;
  border: 1px solid #dddddd;
}
/* line 1118, ../scss/style-general.scss */
.g-table__multiplerows_2titles .thead {
  display: none;
}
/* line 1120, ../scss/style-general.scss */
.g-table__multiplerows_2titles td {
  display: block;
  width: 92%;
  padding: 2.5% 4%;
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
}
/* line 1129, ../scss/style-general.scss */
.g-table__multiplerows_2titles td:before {
  content: attr(data-label);
  margin-right: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
/* line 1136, ../scss/style-general.scss */
.g-table__multiplerows_2titles td:first-child {
  background-color: #dddddd;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-family: 'Lato', sans-serif;
  text-align: center;
}
/* line 1143, ../scss/style-general.scss */
.g-table__multiplerows_2titles td:first-child:before {
  content: none;
}
/* line 1148, ../scss/style-general.scss */
.g-table__multiplerows_2titles td:last-child {
  border-bottom: none;
  font-weight: normal;
}
/* line 1152, ../scss/style-general.scss */
.g-table__multiplerows_2titles td:last-child:before {
  content: none;
}
/* line 1158, ../scss/style-general.scss */
.g-table__multiplerows_2titles .first td:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* line 1163, ../scss/style-general.scss */
.g-table__multiplerows_2titles tr:last-child td:last-child {
  border-bottom: 1px solid #dddddd;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

@media screen and (min-width: 769px) {
  /* line 1172, ../scss/style-general.scss */
  .g-table__multiplerows_2titles {
    width: 100%;
  }
  /* line 1175, ../scss/style-general.scss */
  .g-table__multiplerows_2titles .thead {
    display: table-row;
    white-space: nowrap;
  }
  /* line 1179, ../scss/style-general.scss */
  .g-table__multiplerows_2titles .thead th {
    padding: 10px 15px;
    background-color: #dddddd;
    border-right: 1px solid #fff;
  }
  /* line 1184, ../scss/style-general.scss */
  .g-table__multiplerows_2titles .thead th:first-child {
    border-top-left-radius: 6px;
  }
  /* line 1186, ../scss/style-general.scss */
  .g-table__multiplerows_2titles .thead th:last-child {
    border-top-right-radius: 6px;
    border-right: none;
  }
  /* line 1193, ../scss/style-general.scss */
  .g-table__multiplerows_2titles td {
    display: table-cell;
    width: auto;
    padding: 7px 10px;
    border-right: 1px solid #ddd;
    font-weight: normal;
  }
  /* line 1200, ../scss/style-general.scss */
  .g-table__multiplerows_2titles td:before {
    content: none;
  }
  /* line 1202, ../scss/style-general.scss */
  .g-table__multiplerows_2titles td:first-child {
    background-color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
  }
  /* line 1207, ../scss/style-general.scss */
  .g-table__multiplerows_2titles td:last-child {
    border-bottom: 1px solid #ddd;
    border-right: none;
  }
  /* line 1213, ../scss/style-general.scss */
  .g-table__multiplerows_2titles .first td:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  /* line 1220, ../scss/style-general.scss */
  .g-table__multiplerows_2titles tr:last-child td {
    border-bottom: none;
  }
  /* line 1223, ../scss/style-general.scss */
  .g-table__multiplerows_2titles tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 0;
  }
  /* line 1228, ../scss/style-general.scss */
  .g-table__multiplerows_2titles tr:last-child td:last-child {
    border-bottom-left-radius: 0;
    border: none;
  }
}
/*---------------------------------

  コンテンツ部分の共通スクロールリスト

---------------------------------*/
/* line 1246, ../scss/style-general.scss */
.g-list__scroll {
  padding: 10px;
  border-radius: 6px;
  border: 2px solid #d1e2a0;
}
/* line 1251, ../scss/style-general.scss */
.g-list__scroll .g-list__scrollWrap {
  margin: 0;
  height: 150px;
  overflow-y: scroll;
}
/* line 1255, ../scss/style-general.scss */
.g-list__scroll .g-list__scrollWrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* line 1256, ../scss/style-general.scss */
.g-list__scroll .g-list__scrollWrap::-webkit-scrollbar-track {
  background: #fafafa;
}
/* line 1257, ../scss/style-general.scss */
.g-list__scroll .g-list__scrollWrap::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
/* line 1260, ../scss/style-general.scss */
.g-list__scroll ul {
  padding: 0;
  list-style-type: none;
}
/* line 1264, ../scss/style-general.scss */
.g-list__scroll ul li {
  margin-bottom: 0;
  padding: 7px 0;
  border-bottom: 1px solid #ccc;
}
/* line 1269, ../scss/style-general.scss */
.g-list__scroll ul li:first-child {
  padding: 0 0 8px;
}
/* line 1271, ../scss/style-general.scss */
.g-list__scroll ul li:last-child {
  padding: 7px 0 0;
  border-bottom: none;
}

@media screen and (min-width: 769px) {
  /* line 1280, ../scss/style-general.scss */
  .g-list__scroll {
    padding: 30px;
  }
  /* line 1283, ../scss/style-general.scss */
  .g-list__scroll ul li {
    padding: 7px 5px;
  }
  /* line 1286, ../scss/style-general.scss */
  .g-list__scroll ul li:first-child {
    padding: 0 5px 7px;
  }
  /* line 1288, ../scss/style-general.scss */
  .g-list__scroll ul li:last-child {
    padding: 12px 5px 0;
    border-bottom: none;
  }
  /* line 1294, ../scss/style-general.scss */
  .g-list__scroll em {
    margin-right: 10px;
  }
}
/*---------------------------------

  (ID1)TOP画面

---------------------------------*/
/* line 1333, ../scss/style-general.scss */
.section-1-1 {
  margin-bottom: 0 !important;
  padding: 0 20px;
}
/* line 1337, ../scss/style-general.scss */
.section-1-1 .largeButton {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  /* line 1341, ../scss/style-general.scss */
  .section-1-1 {
    text-align: center;
  }
}
/* line 1344, ../scss/style-general.scss */
.section-1-2 {
  margin-bottom: 1em !important;
}
/* line 1347, ../scss/style-general.scss */
.section-1-2 h4 {
  margin: 0 0 15px;
}

@media screen and (min-width: 769px) {
  /* line 1351, ../scss/style-general.scss */
  .section-1-2 {
    margin: 0 0 5px !important;
    text-align: center;
  }
  /* line 1355, ../scss/style-general.scss */
  .section-1-2 h4 {
    margin: 0 0 15px;
  }
  /* line 1356, ../scss/style-general.scss */
  .section-1-2 p {
    margin: 0;
  }
}
/* line 1360, ../scss/style-general.scss */
.section-1-3 {
  margin-bottom: 10px !important;
  font-size: 13.5px;
  font-size: 1.35rem;
}

/* line 1385, ../scss/style-general.scss */
.section-1-4 {
  margin-bottom: 10px !important;
}
/* line 1388, ../scss/style-general.scss */
.section-1-4 .rankingMenu {
  overflow: hidden;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
/* line 1394, ../scss/style-general.scss */
.section-1-4 .rankingMenu li {
  float: left;
  width: 23.8%;
  margin-right: 1.5%;
  margin-bottom: 0;
}
/* line 1400, ../scss/style-general.scss */
.section-1-4 .rankingMenu li:last-child {
  margin-right: 0;
}
/* line 1407, ../scss/style-general.scss */
.section-1-4 .walkRankingMenuItem .active,
.section-1-4 .rankingMenuItem .active {
  display: none;
}
/* line 1410, ../scss/style-general.scss */
.section-1-4 .walkRankingMenuItem.is-active .inactive,
.section-1-4 .rankingMenuItem.is-active .inactive {
  display: none;
}
/* line 1411, ../scss/style-general.scss */
.section-1-4 .walkRankingMenuItem.is-active .active,
.section-1-4 .rankingMenuItem.is-active .active {
  display: block;
}

@media screen and (min-width: 769px) {
  /* line 1417, ../scss/style-general.scss */
  .rankingMenu {
    display: none;
  }
}
/* line 1420, ../scss/style-general.scss */
.section-1-5,
.section-1-5-2 {
  margin-bottom: 0 !important;
}
/* line 1423, ../scss/style-general.scss */
.section-1-5   ul,
.section-1-5-2 ul {
  margin-bottom: 0 !important;
  padding-left: 0;
  list-style-type: none;
}
/* line 1429, ../scss/style-general.scss */
.section-1-5   .rankingBoard,
.section-1-5-2 .rankingBoard {
  position: relative;
  margin-bottom: 0 !important;
  padding: 8px;
  background: url(../images/01/rankingBoard-frame.gif);
  text-align: center;
  color: #fff;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
}
/* line 1438, ../scss/style-general.scss */
.section-1-5   .rankingBoard .rankingBoard-now,
.section-1-5-2 .rankingBoard .rankingBoard-now {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 8px 4px;
  border-radius: 3px;
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  background: url(../images/01/rankingBoard-frame.gif);
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
}
/* line 1458, ../scss/style-general.scss */
.section-1-5   .rankingBoard img,
.section-1-5-2 .rankingBoard img {
  max-height: 35px;
  margin: 5px 0;
}
/* line 1463, ../scss/style-general.scss */
.section-1-5   .rankingBoard p,
.section-1-5-2 .rankingBoard p {
  margin-bottom: 5px;
}
/* line 1465, ../scss/style-general.scss */
.section-1-5   .rankingBoard small,
.section-1-5-2 .rankingBoard small {
  color: #fff;
}
/* line 1467, ../scss/style-general.scss */
.section-1-5   .rankingBoard .rankingScroll,
.section-1-5-2 .rankingBoard .rankingScroll {
  height: 310px;
  margin-bottom: 5px;
  overflow-y: auto;
}
.section-1-5   .rankingBoard .rankingScroll ol li .spacer-2,
.section-1-5-2 .rankingBoard .rankingScroll ol li .spacer-2 {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 2em;
}
.section-1-5   .rankingBoard .rankingScroll ol li .spacer-5,
.section-1-5-2 .rankingBoard .rankingScroll ol li .spacer-5 {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 5em;
}
/* line 1471, ../scss/style-general.scss */
.section-1-5   .rankingBoard .rankingScroll::-webkit-scrollbar,
.section-1-5-2 .rankingBoard .rankingScroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* line 1472, ../scss/style-general.scss */
.section-1-5   .rankingBoard .rankingScroll::-webkit-scrollbar-track,
.section-1-5-2 .rankingBoard .rankingScroll::-webkit-scrollbar-track {
  background: #fafafa;
}
/* line 1473, ../scss/style-general.scss */
.section-1-5   .rankingBoard .rankingScroll::-webkit-scrollbar-thumb,
.section-1-5-2 .rankingBoard .rankingScroll::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
/* line 1476, ../scss/style-general.scss */
.section-1-5   .rankingBoard ol,
.section-1-5-2 .rankingBoard ol {
  margin-bottom: 0;
  margin-right: 0.5em;
  padding-top: 0.6em;
  padding-left: 3.5em;
/*  overflow: hidden; */
}
/* line 1483, ../scss/style-general.scss */
.section-1-5   .rankingBoard ol li,
.section-1-5-2 .rankingBoard ol li {
  position: relative;
  padding-left: 0;
  padding-bottom: 0.4em;
  margin-bottom: 0.4em;
  border-bottom: 1px solid #cfc9c9;
  text-indent: 0;
}
/* line 1492, ../scss/style-general.scss */
.section-1-5   .rankingBoard ol li:before,
.section-1-5-2 .rankingBoard ol li:before {
  content: "";
  position: absolute;
  text-align: right;
  top: 3px;
  left: -2em;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 1501, ../scss/style-general.scss */
.section-1-5   .rankingBoard ol li.first:after,
.section-1-5-2 .rankingBoard ol li.first:after {
  content: "";
  position: absolute;
  display: block;
  top: -0.3em;
  left: -2.8em;
  width: 2em;
  height: 2em;
  background: url(../images/01/ranking-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 1514, ../scss/style-general.scss */
.section-1-5   .rankingBoard ol li:last-child,
.section-1-5-2 .rankingBoard ol li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
/* line 1519, ../scss/style-general.scss */
.section-1-5   .rankingBoard ol li span,
.section-1-5-2 .rankingBoard ol li span {
  position: absolute;
  right: 5px;
}
.section-1-5   .rankingBoard ol li span.number,
.section-1-5-2 .rankingBoard ol li span.number {
  position: absolute;
  text-align: right;
  top: 3px;
  left: -1.9em;
  right: auto;
  margin-right: 0.45em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'Lato', sans-serif;
}
.section-1-5   .rankingBoard ol li p,
.section-1-5-2 .rankingBoard ol li p {
  white-space: nowrap;
  font-size: 10px;
  font-size: 1.0rem;
  height: auto;
  margin-bottom: 0;
}
/* line 1527, ../scss/style-general.scss */
.section-1-5   .rankingBoard-inner,
.section-1-5-2 .rankingBoard-inner {
  padding: 8px;
  margin-bottom: 0;
  background: url(../images/01/rankingBoard-board.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1536, ../scss/style-general.scss */
.section-1-5 .rankingBoard {
  display: none;
}
/* line 1537, ../scss/style-general.scss */
.section-1-5-2 .rankingBoard,
.section-1-5 .rankingBoard.is-show {
  display: block;
}

@media screen and (min-width: 769px) {
  /* line 1543, ../scss/style-general.scss */
  .section-1-5   ul,
  .section-1-5-2 ul {
    margin: 0 -6px;
  }
  /* line 1546, ../scss/style-general.scss */
  .section-1-5   ul:after,
  .section-1-5-2 ul:after {
    content: "";
    display: block;
    clear: both;
  }
  /* line 1553, ../scss/style-general.scss */
  .section-1-5   .rankingBoard,
  .section-1-5-2 .rankingBoard {
    display: block;
    float: left;
    padding: 6px;
    width: 226px;
    margin: 0 6px;
    box-sizing: border-box;
  }
  /* line 1561, ../scss/style-general.scss */
  .section-1-5   .rankingBoard .rankingBoard-now,
  .section-1-5-2 .rankingBoard .rankingBoard-now {
    height: auto;
    padding: 4px 6px 3px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.3;
  }
  /* line 1568, ../scss/style-general.scss */
  .section-1-5   .rankingBoard img,
  .section-1-5-2 .rankingBoard img {
    max-height: 28px;
    margin: 5px 0;
  }
  /* line 1573, ../scss/style-general.scss */
  .section-1-5   .rankingBoard p,
  .section-1-5-2 .rankingBoard p {
    height: 2em;
  }
  /* line 1575, ../scss/style-general.scss */
  .section-1-5   .rankingBoard small,
  .section-1-5-2 .rankingBoard small {
    font-size: 13px;
    font-size: 1.3rem;
  }
  /* line 1577, ../scss/style-general.scss */
  .section-1-5   .rankingBoard .rankingScroll,
  .section-1-5-2 .rankingBoard .rankingScroll {
    height: 266px;
    margin-bottom: 5px;
  }
  /* line 1582, ../scss/style-general.scss */
  .section-1-5   .rankingBoard ol,
  .section-1-5-2 .rankingBoard ol {
    padding-top: 0.3em;
    padding-left: 2.5em;
    font-size: 13px;
    font-size: 1.3rem;
  }
  /* line 1587, ../scss/style-general.scss */
  .section-1-5   .rankingBoard ol li,
  .section-1-5-2 .rankingBoard ol li {
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
  }
  /* line 1591, ../scss/style-general.scss */
  .section-1-5   .rankingBoard ol li:before,
  .section-1-5-2 .rankingBoard ol li:before {
    left: -2em;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1596, ../scss/style-general.scss */
  .section-1-5   .rankingBoard ol li.first:after,
  .section-1-5-2 .rankingBoard ol li.first:after {
    top: -4px;
    left: -32px;
    height: 25px;
  }
  .section-1-5   .rankingBoard ol li span.number,
  .section-1-5-2 .rankingBoard ol li span.number {
    left: -2em;
    font-size: 14px;
    font-size: 1.4rem;
  }
  /* line 1605, ../scss/style-general.scss */
  .section-1-5   .rankingBoard-inner,
  .section-1-5-2 .rankingBoard-inner {
    padding: 8px;
  }
}
/* line 1611, ../scss/style-general.scss */
.section-1-6 {
  margin-top: 5px;
  margin-bottom: 0 !important;
}
/* line 1615, ../scss/style-general.scss */
.section-1-6 ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}
/* line 1620, ../scss/style-general.scss */
.section-1-6 ul a:last-child li {
  margin-bottom: 0 !important;
}
/* line 1623, ../scss/style-general.scss */
.section-1-6 li {
  margin-bottom: 1.2em !important;
  padding: 20px 20px 10px;
  border-radius: 6px;
  background: url(../images/common/footerLink-bg.gif);
}
/* line 1629, ../scss/style-general.scss */
.section-1-6 li:last-child {
  margin-bottom: 0 !important;
}
/* line 1631, ../scss/style-general.scss */
.section-1-6 li .footerLink {
  position: relative;
  top: -27px;
  margin-bottom: -25px;
  border-radius: 0;
}
/* line 1638, ../scss/style-general.scss */
.section-1-6 li p {
  margin: 0.5em 0 0;
}
/* line 1640, ../scss/style-general.scss */
.section-1-6 li small {
  color: #fff;
}
/* line 1642, ../scss/style-general.scss */
.section-1-6 li .smallButton {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  /* line 1649, ../scss/style-general.scss */
  .section-1-6 {
    margin-top: 0;
  }
  /* line 1652, ../scss/style-general.scss */
  .section-1-6 ul {
    margin: 0 -5px;
  }
  /* line 1657, ../scss/style-general.scss */
  .section-1-6 ul:after {
    content: "";
    display: block;
    clear: both;
  }
  /* line 1664, ../scss/style-general.scss */
  .section-1-6 li {
    float: left;
    width: 465px;
    margin: 0 5px 10px !important;
    padding: 6px 10px 6px 20px;
    box-sizing: border-box;
  }
  /* line 1671, ../scss/style-general.scss */
  .section-1-6 li .footerLink {
    top: 0;
  }
  /* line 1675, ../scss/style-general.scss */
  .section-1-6 li p {
    margin: -43px 40px 10px 84px;
  }
}
@media screen and (min-width: 977px) {
  /* line 1677, ../scss/style-general.scss */
  .section-1-6 li:nth-last-child(2) {
    margin-bottom: 0 !important;
  }
}
/* line 1682, ../scss/style-general.scss */
.section-1-7 {
  margin-bottom: 0 !important;
  padding-bottom: 1px;
}
/* line 1691, ../scss/style-general.scss */
.section-1-7 h4 {
  margin: 0 0 10px;
}
/* line 1695, ../scss/style-general.scss */
.section-1-7 .illust {
  box-sizing: border-box;
  padding: 0 30px 20px;
}
/* line 1700, ../scss/style-general.scss */
.section-1-7 small {
  display: inline;
}
/* line 1702, ../scss/style-general.scss */
.section-1-7 .largeButton {
  margin-bottom: 0;
}

/* line 1705, ../scss/style-general.scss */
.section-1-7-2 {
  margin-bottom: 0 !important;
  padding: 170px 15px 15px;
  border-radius: 6px;
  color: #e01613;
  font-weight: bold;
  background-color: #f9ffc9;
  background-image: url(../images/common/illust-descriptionTop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
/* line 1719, ../scss/style-general.scss */
.section-1-7-2 ol {
  margin: 0 0 10px;
}
/* line 1721, ../scss/style-general.scss */
.section-1-7-2 p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 591px) {
  /* line 1734, ../scss/style-general.scss */
  .section-1-7 .section-1-7-2 {
    position: relative;
    padding: 20px;
    background-image: url(../images/common/illust-descriptionTop-pc.jpg);
    background-position: center left;
    background-size: auto;
  }
  /* line 1744, ../scss/style-general.scss */
  .section-1-7 .section-1-7-2 p,
  .section-1-7 .section-1-7-2 ol {
    margin: 0 0 10px 300px;
  }
  /* line 1747, ../scss/style-general.scss */
  .section-1-7 .section-1-7-2 p {
    font-weight: bold;
    margin-bottom: 10px;
  }
  /* line 1751, ../scss/style-general.scss */
  .section-1-7 .section-1-7-2 p:last-child {
    margin-bottom: 0;
  }
  /* line 1754, ../scss/style-general.scss */
  .section-1-7 .section-1-7-2 li:last-child {
    margin-bottom: 0;
  }
  /* line 1756, ../scss/style-general.scss */
  .section-1-7 .section-1-7-2 .largeButton {
    position: absolute;
    left: 40px;
    bottom: 15px;
  }
  /* line 1761, ../scss/style-general.scss */
  .section-1-7 .section-1-7-2 .largeButton img {
    max-height: 60px;
  }
}
@media screen and (max-width: 590px) {
  .section-1-7-2 {
    padding: 240px 15px 15px;
  }
}
@media screen and (max-width: 540px) {
  .section-1-7-2 {
    padding: 220px 15px 15px;
  }
}
@media screen and (max-width: 480px) {
  .section-1-7-2 {
    padding: 200px 15px 15px;
  }
}
@media screen and (max-width: 440px) {
  .section-1-7-2 {
    padding: 180px 15px 15px;
  }
}
@media screen and (max-width: 400px) {
  .section-1-7-2 {
    padding: 160px 15px 15px;
  }
}
@media screen and (max-width: 374px) {
  /* line 1780, ../scss/style-general.scss */
  .section-1-7-2 {
    padding: 140px 15px 15px;
  }
}
/* line 1784, ../scss/style-general.scss */
.section-1-8 {
  margin-bottom: 0 !important;
}
/* line 1788, ../scss/style-general.scss */
.section-1-8 h4 {
  margin-bottom: 15px;
  padding: 0 5%;
}
/* line 1793, ../scss/style-general.scss */
.section-1-8 ul {
  margin-bottom: 0;
  padding: 15px;
  border-radius: 6px;
  background-color: #fff;
  list-style-type: none;
}
/* line 1800, ../scss/style-general.scss */
.section-1-8 ul li {
  padding-bottom: 0.7em;
  border-bottom: 1px solid #cbc9c9;
}
/* line 1804, ../scss/style-general.scss */
.section-1-8 ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
/* line 1811, ../scss/style-general.scss */
.section-1-8 ul span {
  display: block;
  font-weight: bold;
}
.section-1-8 ul li div {
  display: inline-block;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  /* line 1822, ../scss/style-general.scss */
  .section-1-8 h4 {
    margin-bottom: 10px;
  }
  /* line 1824, ../scss/style-general.scss */
  .section-1-8 ul {
    padding: 15px 30px;
  }
  /* line 1827, ../scss/style-general.scss */
  .section-1-8 ul span {
    display: inline-block;
    margin-right: 1em;
  }
  .section-1-8 ul li {
    display: flex;
  }
  .section-1-8 ul li div {
    width: 82%;
  }
}
/*---------------------------------

  (ID2)健康チャレンジログとは

---------------------------------*/
/* line 1844, ../scss/style-general.scss */
.section-2-1 img {
  margin-bottom: 20px;
}
.section-2-2.g-table__2rows a {
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  /* line 1850, ../scss/style-general.scss */
  .section-2-1 {
    overflow: hidden;
  }
  /* line 1853, ../scss/style-general.scss */
  .section-2-1 img {
    float: left;
    width: 560px;
    margin-right: 30px;
    margin-bottom: 0;
  }
  /* line 1860, ../scss/style-general.scss */
  .section-2-1 p:first-child {
    margin-top: 0;
  }
}
/*---------------------------------

  (ID8)よくあるお問い合わせ画面

---------------------------------*/
/* line 1871, ../scss/style-general.scss */
.section-8-1 {
  margin-bottom: 0 !important;
}
/* line 1874, ../scss/style-general.scss */
.section-8-1 dl {
  margin: 0 0 25px;
}
/* line 1876, ../scss/style-general.scss */
.section-8-1 dt {
  margin-top: 0.5em;
  padding: 0.7em 2.8em;
  text-indent: -1.6em;
  border-radius: 6px;
  background-color: #f5f5f5;
  background-image: url(../images/08/select_arrow.png);
  background-repeat: no-repeat;
  background-size: 4%;
  background-position: right 15px center;
  cursor: pointer;
}
.section-8-1 dt.active {
  background-image: url(../images/08/select_arrow2.png);
}
/* line 1888, ../scss/style-general.scss */
.section-8-1 dt:before {
  counter-increment: number;
  content: "Q.";
  position: relative;
  top: 1px;
  margin-right: 0.45em;
  color: #CE2222;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'Lato', sans-serif;
}
/* line 1903, ../scss/style-general.scss */
.section-8-1 dd {
  display: none;
  margin-left: 0;
  padding: 0.7em 0 0.7em 2.8em;
  text-indent: -1.6em;
}
/* line 1910, ../scss/style-general.scss */
.section-8-1 dd:before {
  counter-increment: number;
  content: "A.";
  position: relative;
  top: 1px;
  margin-right: 0.45em;
  color: #2E8CEB;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'Lato', sans-serif;
}
.section-8-1 dd a {
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  /* line 1926, ../scss/style-general.scss */
  .section-8-1 dl {
    margin: 0 0 25px;
  }
  /* line 1927, ../scss/style-general.scss */
  .section-8-1 dt {
    background-size: 1.5%;
  }
}
/*---------------------------------

  (ID15)ポイントとステージ説明画面

---------------------------------*/
/* line 1940, ../scss/style-general.scss */
.section-15-1 img {
  display: block;
  margin: 0 auto;
  max-width: 70%;
}

@media screen and (min-width: 769px) {
  /* line 1949, ../scss/style-general.scss */
  .section-15-1 img {
    width: 150px;
  }
}
@media screen and (min-width: 769px) {
  /* line 1954, ../scss/style-general.scss */
  .section-15-2 {
    margin-bottom: 10px !important;
  }
  /* line 1957, ../scss/style-general.scss */
  .section-15-2 .smallButton {
    margin-bottom: 10px !important;
    text-align: right;
  }
}

.section-15-3 {
  min-width: 90%;
}
.section-15-3 p {
  margin-bottom: 5px;
}
.section-15-3 table {
  width: 100%;
}

/*---------------------------------

  (ID28)マイページ画面

---------------------------------*/
/* line 1972, ../scss/style-general.scss */
.section-28-1 {
  margin-bottom: 0 !important;
  padding: 0 20px;
}
/* line 1976, ../scss/style-general.scss */
.section-28-1 .largeButton {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  /* line 1980, ../scss/style-general.scss */
  .section-28-1 {
    text-align: center;
  }
}
/* line 1983, ../scss/style-general.scss */
.section-28-14 {
  margin-bottom: 0 !important;
  padding: 0 20px;
}
/* line 1987, ../scss/style-general.scss */
.section-28-14 span {
  display: inline-block;
}
/* line 1989, ../scss/style-general.scss */
.section-28-14 .largeButton {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  /* line 1994, ../scss/style-general.scss */
  .section-28-14 {
    text-align: center;
  }
  /* line 1997, ../scss/style-general.scss */
  .section-28-14 span {
    display: inline-block;
  }
}
/* line 2011, ../scss/style-general.scss */
.section-28-2 {
  margin-bottom: 0 !important;
  overflow: hidden;
}
/* line 2015, ../scss/style-general.scss */
.section-28-2 img {
  margin: 0;
  width: 90%;
}
.section-28-2-imgWrap {
  margin: 0 !important;
  text-align: center;
}
/* line 2017, ../scss/style-general.scss */
.section-28-2 .section-28-2-textWrap {
  margin: 0 0 20px;
  overflow: hidden;
}
/* line 2021, ../scss/style-general.scss */
.section-28-2 .section-28-2-textWrap dt {
  float: left;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.section-28-2 .section-28-2-textWrap dt span {
  display: inline-block;
}
.section-28-2 .section-28-2-textWrap dt span.left {
  float: left;
  width: 65%;
}
.section-28-2 .section-28-2-textWrap dt span.right {
  float: right;
  width: 35%;
  font-weight: bold;
  text-align: right;
}
.section-28-2 .section-28-2-textWrap dt span.right:before {
  display: block;
  content: "：";
  position: relative;
  float: left;
}
/* line 2028, ../scss/style-general.scss */
.section-28-2 .section-28-2-textWrap dd {
  position: relative;
  float: right;
  width: 30%;
  margin-left: 0;
  padding: 10px 0;
  font-weight: bold;
  text-align: right;
  border-bottom: 1px solid #ddd;
}
/* line 2039, ../scss/style-general.scss */
.section-28-2 .section-28-2-textWrap dd:before {
  display: block;
  content: "：";
  position: absolute;
}
/* line 2047, ../scss/style-general.scss */
.section-28-2 .point {
  margin-bottom: 0;
  color: #f08420;
}

/* line 2053, ../scss/style-general.scss */
.section-28-2-listtWrap {
  margin-bottom: 10px !important;
}
/* line 2056, ../scss/style-general.scss */
.section-28-2-listtWrap .g-list__scroll {
  margin-bottom: 10px !important;
}
.section-28-2-listtWrap .g-list__scroll em {
  margin-right: 10px;
}
.section-28-2-listtWrap div.button {
  text-align: center;
  margin-bottom: 0;
}
.section-28-2-listtWrap a.button {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #e01613;
  filter: drop-shadow(0px 4px 1px #a91210);
  min-width: auto;
}

@media screen and (min-width: 769px) {
  /* line 2063, ../scss/style-general.scss */
  .section-28-2 img {
    float: left;
    width: 26%;
    margin-right: 2%;
    margin-bottom: 0;
  }
  /* line 2070, ../scss/style-general.scss */
  .section-28-2 .section-28-2-textWrap {
    float: left;
    width: 38%;
    margin: 0 2% 0 0;
    border-top: 1px solid #ddd;
  }
  /* line 2077, ../scss/style-general.scss */
  .section-28-2 .section-28-2-listtWrap {
    float: right;
    width: 32%;
  }
  .section-28-2 .section-28-2-listtWrap h5 {
    margin-bottom: 0;
  }
  /* line 2081, ../scss/style-general.scss */
  .section-28-2 .section-28-2-listtWrap .g-list__scroll {
    margin-bottom: 0;
    padding: 10px;
  }
  /* line 2085, ../scss/style-general.scss */
  .section-28-2 .section-28-2-listtWrap .g-list__scroll .g-list__scrollWrap {
    height: 130px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* line 2092, ../scss/style-general.scss */
  .section-28-2 .point {
    clear: both;
    padding-top: 10px;
  }
  .section-28-2-listtWrap .g-list__scroll li {
    display: flex;
  }
  .section-28-2-listtWrap .g-list__scroll li span {
    display: inline-block;
  }
}
/* line 2096, ../scss/style-general.scss */
.section-28-3 {
  margin-bottom: 15px !important;
}

/* line 2100, ../scss/style-general.scss */
.section-28-4 {
  margin-bottom: 0 !important;
}
/* line 2103, ../scss/style-general.scss */
.section-28-4 ul {
  padding-left: 0;
  list-style-type: none;
  margin: 0 -2%;
}
/* line 2108, ../scss/style-general.scss */
.section-28-4 ul:after {
  content: "";
  display: block;
  clear: both;
}
/* line 2115, ../scss/style-general.scss */
.section-28-4 .rankingBoard {
  padding: 6px;
  background: url(../images/01/rankingBoard-frame.gif);
  text-align: center;
  color: #fff;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
  float: left;
  width: 46%;
  margin: 0 2% 10px;
  box-sizing: border-box;
}
/* line 2127, ../scss/style-general.scss */
.section-28-4 .rankingBoard img {
  max-height: 40px;
  margin: 10px 0 0;
}
/* line 2132, ../scss/style-general.scss */
.section-28-4 .rankingBoard p {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 2137, ../scss/style-general.scss */
.section-28-4 .rankingBoard span {
  margin-right: 5px;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
/* line 2144, ../scss/style-general.scss */
.section-28-4 .rankingBoard-inner {
  padding: 10px 0;
  margin-bottom: 0;
  background: url(../images/01/rankingBoard-board.gif);
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  /* line 2154, ../scss/style-general.scss */
  .section-28-4 {
    margin-bottom: 10px !important;
  }
  /* line 2157, ../scss/style-general.scss */
  .section-28-4 ul {
    margin: 0 -6px;
  }
  /* line 2159, ../scss/style-general.scss */
  .section-28-4 .rankingBoard {
    display: block;
    float: left;
    padding: 8px;
    width: 226px;
    margin: 0 6px;
    box-sizing: border-box;
  }
  /* line 2167, ../scss/style-general.scss */
  .section-28-4 .rankingBoard img {
    max-height: 30px;
    margin: 10px 0 5px;
  }
}
.section-28-5_wrap {
  margin-bottom: 0 !important;
}
/* line 2175, ../scss/style-general.scss */
.section-28-5 {
  margin-bottom: 10px !important;
}
/* line 2178, ../scss/style-general.scss */
.section-28-5 ul {
  overflow: hidden;
  margin: 0 -2%;
  padding-left: 0;
}
/* line 2184, ../scss/style-general.scss */
.section-28-5 li {
  display: block;
  float: left;
  width: 46%;
  margin: 0 2% 4%;
  padding: 15px 0;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  box-sizing: border-box;
}
/* line 2196, ../scss/style-general.scss */
.section-28-5 li span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.section-28-5 .announce {
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (min-width: 769px) {
  /* line 2208, ../scss/style-general.scss */
  .section-28-5 ul {
    margin: 0 -0.5%;
  }
  /* line 2210, ../scss/style-general.scss */
  .section-28-5 li {
    float: left;
    width: 24%;
    margin: 0 0.5%;
    padding: 20px 0;
  }
}
/* line 2219, ../scss/style-general.scss */
.section-28-6 {
  margin-bottom: 10px !important;
  padding: 15px;
  border-radius: 6px;
  border: 2px solid #d1e2a0;
}
/* line 2225, ../scss/style-general.scss */
.section-28-6 .wrap {
  margin: 0;
  overflow-x: auto;
}
/* line 2228, ../scss/style-general.scss */
.section-28-6 .wrap::-webkit-scrollbar {
  height: 10px;
}
/* line 2229, ../scss/style-general.scss */
.section-28-6 .wrap::-webkit-scrollbar-track {
  background: #fafafa;
}
/* line 2230, ../scss/style-general.scss */
.section-28-6 .wrap::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
/* line 2232, ../scss/style-general.scss */
.section-28-6 .wrap .graph {
  margin-bottom: 5px;
  width: 700px;
  height: 220px;
}

@media screen and (min-width: 769px) {
  /* line 2242, ../scss/style-general.scss */
  .section-28-6 {
    padding: 30px 30px 20px;
  }
  /* line 2245, ../scss/style-general.scss */
  .section-28-6 .wrap {
    margin: 0;
    overflow-x: auto;
  }
  /* line 2248, ../scss/style-general.scss */
  .section-28-6 .wrap::-webkit-scrollbar {
    height: none;
  }
  /* line 2250, ../scss/style-general.scss */
  .section-28-6 .wrap .graph {
    margin-bottom: 0;
    width: 100%;
    height: 260px;
  }
}
/* line 2259, ../scss/style-general.scss */
.section-28-7 {
  padding: 15px 20px;
  border-radius: 6px;
  color: #fff;
  background-color: #86bc06;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 2266, ../scss/style-general.scss */
.section-28-7 .inputArea {
  margin-bottom: 0;
}
/* line 2269, ../scss/style-general.scss */
.section-28-7 .inputArea small {
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 2271, ../scss/style-general.scss */
.section-28-7 .inputArea:after {
  display: block;
  content: "";
  clear: both;
}
/* line 2277, ../scss/style-general.scss */
.section-28-7 .inputArea input[type=radio] {
  display: none;
}
/* line 2279, ../scss/style-general.scss */
.section-28-7 .inputArea .loginForm__radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 0 4px;
  padding: 8px 10px 8px 37px;
  border-radius: 6px;
  background-color: #f5ffd9;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
  width: 84%;
}
/* line 2295, ../scss/style-general.scss */
.section-28-7 .inputArea .loginForm__radio:hover {
  background-color: #e2edd7;
}
/* line 2298, ../scss/style-general.scss */
.section-28-7 .inputArea .loginForm__radio:hover:after {
  border-color: #53b300;
}
/* line 2301, ../scss/style-general.scss */
.section-28-7 .inputArea .loginForm__radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}
/* line 2316, ../scss/style-general.scss */
.section-28-7 .inputArea .loginForm__radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
/* line 2333, ../scss/style-general.scss */
.section-28-7 .inputArea input[type=radio]:checked + .loginForm__radio:before {
  opacity: 1;
}
/* line 2338, ../scss/style-general.scss */
.section-28-7 .title {
  margin-bottom: 0.5em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
}
/* line 2351, ../scss/style-general.scss */
.section-28-7 .button__table img {
  max-height: 32px;
}
/* line 2354, ../scss/style-general.scss */
.section-28-7 .inputArea__formWrap {
  margin-bottom: 0;
  overflow: hidden;
}
/* line 2359, ../scss/style-general.scss */
.section-28-7 .notice small {
  color: #fff;
}
.section-28-7 .smallButton {
  margin-top: 15px;
}
/* line 2361, ../scss/style-general.scss */
.section-28-7 dl {
  margin: 0.5em 0;
  overflow: hidden;
}
/* line 2366, ../scss/style-general.scss */
.section-28-7 dt {
  float: left;
  width: 45%;
  margin-top: 0.35em;
}
/* line 2372, ../scss/style-general.scss */
.section-28-7 dd {
  float: left;
  width: 55%;
  margin-left: 0;
  margin-bottom: 0.8em;
}
.section-28-7 dd div.margin-top-dt {
  margin-top: 0.45em;
  margin-bottom: 0;
}
.section-28-7 dd div.margin-top-dt.small {
  font-size: 1.4rem;
}
/* line 2378, ../scss/style-general.scss */
.section-28-7 dd input {
  width: 84%;
  color: #333;
}
/* line 2384, ../scss/style-general.scss */
.section-28-7 .announce {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 6px;
  background-color: #fff;
/*
  text-align: center;
*/
}
/* line 2391, ../scss/style-general.scss */
.section-28-7 .announce img {
  max-width: 60%;
  margin: 10px 0 0;
}
/* line 2397, ../scss/style-general.scss */
.section-28-7 .textArea {
  margin-bottom: 0;
  padding: 10px;
  border-radius: 6px;
  color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #fff;
}
/* line 2405, ../scss/style-general.scss */
.section-28-7 .textArea ol li:before {
  margin-right: 0.45em;
  font-size: 15px;
  font-size: 1.5rem;
}
.section-28-7.option {
  margin-top: -10px;
}
.optionSubTitle {
  margin-top: -10px;
  border-radius: 6px;
  background-color: #fff;
  text-align: center;
}
.optionSubTitle p {
  margin: auto;
  font-size: 14px;
  font-size: 1.4rem;
}
.section-28-7.option .inputArea dd span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.8em;
}
.section-28-7.option .inputArea dd span input {
  width: 32%;
}
.section-28-7.option .inputArea dd span input::placeholder {
  color:#ccc;
}
.section-28-7.option .inputArea dd span.unit {
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (min-width: 769px) {
  /* line 2414, ../scss/style-general.scss */
  .section-28-7 {
    padding: 15px 15px 15px 45px;
    overflow: hidden;
  }
  /* line 2418, ../scss/style-general.scss */
  .section-28-7 .inputArea {
    float: left;
    width: 52%;
    margin-top: 10px;
  }
  /* line 2423, ../scss/style-general.scss */
  .section-28-7 .inputArea dl {
    margin-top: 0;
  }
  /* line 2425, ../scss/style-general.scss */
  .section-28-7 .inputArea small {
    font-size: 13px;
    font-size: 1.3rem;
  }
  /* line 2428, ../scss/style-general.scss */
  .section-28-7 .textArea {
    float: right;
    width: 44%;
    padding: 10px 15px;
    box-sizing: border-box;
  }
  /* line 2435, ../scss/style-general.scss */
  .section-28-7 .notice {
    float: left;
    width: 25%;
    margin-top: 0.4em;
    margin-right: 6%;
  }
  /* line 2442, ../scss/style-general.scss */
  .section-28-7 .notice__title {
    position: relative;
    display: block;
    margin-bottom: 24px;
  }
  /* line 2447, ../scss/style-general.scss */
  .section-28-7 .notice__title:after {
    display: block;
    content: "：";
    position: absolute;
    top: 0;
    right: -20px;
  }
  /* line 2456, ../scss/style-general.scss */
  .section-28-7 .smallButton {
    margin-bottom: 0;
  }
  /* line 2460, ../scss/style-general.scss */
  .section-28-7 .smallButton.button__table {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: right;
  }
  /* line 2468, ../scss/style-general.scss */
  .section-28-7 .announce {
    margin-bottom: 0;
    margin-top: 20px;
    padding: 15px;
    overflow: hidden;
  }
  /* line 2474, ../scss/style-general.scss */
  .section-28-7 .announce .announce__text {
    display: inline-block;
    float: left;
    margin-top: 25px;
    margin-left: 20px;
  }
  /* line 2481, ../scss/style-general.scss */
  .section-28-7 .announce img {
    max-width: 30%;
    margin: 0 0 0 10px;
  }
  .section-28-7.option .inputArea dd span {
    line-height: 2.4em;
  }
  .section-28-7.option  .textArea {
    margin-top: 5px;
  }
}
@media screen and (min-width: 400px) and (max-width: 768px) {
  .section-28-7 .announce .announce__text {
    display: inline-block;
    float: left;
    margin-top: 25px;
    margin-left: 20px;
  }
  .section-28-7 .announce img {
    max-width: 30%;
    margin: 0 0 0 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 860px) {
  .section-28-7 dt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 920px) {
  .section-28-7.option .inputArea dd span input {
    width: 30%;
  }
  .section-28-7.option .inputArea dd span.unit {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 400px) {
  .section-28-7 dt .sp {
    display: none;
  }
  .section-28-7 dt {
    width: 100%;
  }
  .section-28-7 dd {
    display: contents;
  }
}
/* line 2489, ../scss/style-general.scss */
.section-28-8 {
  margin-bottom: 0 !important;
}
/* line 2493, ../scss/style-general.scss */
.section-28-8 ul {
  overflow: hidden;
  margin: 0;
  padding-left: 0;
}
/* line 2499, ../scss/style-general.scss */
.section-28-8 li {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 4%;
  padding: 1% 0;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  box-sizing: border-box;
}
/* line 2511, ../scss/style-general.scss */
.section-28-8 li span {
  margin-left: 5px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
/* line 2519, ../scss/style-general.scss */
.section-28-8 table {
  width: 100%;
  margin-bottom: 5px;
  border-collapse: separate;
  border-radius: 6px;
  border: 1px solid #ddd;
}
/* line 2526, ../scss/style-general.scss */
.section-28-8 table th {
  padding: 5px;
  background-color: #ddd;
  font-weight: normal;
  border-right: 1px solid #fff;
}
/* line 2532, ../scss/style-general.scss */
.section-28-8 table th:first-child {
  border-top-left-radius: 6px;
}
/* line 2534, ../scss/style-general.scss */
.section-28-8 table th:last-child {
  border-right: none;
  border-top-right-radius: 6px;
}
/* line 2540, ../scss/style-general.scss */
.section-28-8 table td {
  padding: 10px 0;
  background-color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  border-right: 1px solid #ddd;
}
/* line 2547, ../scss/style-general.scss */
.section-28-8 table td span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  white-space: nowrap;
}
/* line 2554, ../scss/style-general.scss */
.section-28-8 table td:first-child {
  border-bottom-left-radius: 6px;
}
/* line 2556, ../scss/style-general.scss */
.section-28-8 table td:last-child {
  border-right: none;
  border-bottom-right-radius: 6px;
}
/* line 2562, ../scss/style-general.scss */
.section-28-8 table .last td {
  border-top: 1px solid #ddd;
}
/* line 2573, ../scss/style-general.scss */
.section-28-8 p {
  text-align: center;
}

@media screen and (min-width: 769px) {
  /* line 2570, ../scss/style-general.scss */
  .section-28-8 {
    overflow: hidden;
  }
  /* line 2575, ../scss/style-general.scss */
  .section-28-8 ul {
    float: left;
    width: 220px;
  }
  /* line 2580, ../scss/style-general.scss */
  .section-28-8 li {
    margin-bottom: 0 !important;
    padding: 23.5% 0;
  }
  /* line 2585, ../scss/style-general.scss */
  .section-28-8 table {
    float: left;
    width: 700px;
    margin-left: 20px;
    margin-bottom: 0;
  }
  /* line 2591, ../scss/style-general.scss */
  .section-28-8 table td span {
    display: inline;
    margin-left: 5px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
/* line 2600, ../scss/style-general.scss */
.section-28-13 {
  margin-bottom: 0 !important;
}
/* line 2604, ../scss/style-general.scss */
.section-28-13 ul {
  overflow: hidden;
  margin: 0;
  padding-left: 0;
}
/* line 2610, ../scss/style-general.scss */
.section-28-13 li {
  display: block;
  float: left;
  width: 100%;
  margin: 0 !important;
  padding: 2% 0;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  /* line 2631, ../scss/style-general.scss */
  .section-28-13 li {
    padding: 1.5% 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* line 2638, ../scss/style-general.scss */
.section-28-9 {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 769px) {
  /* line 2647, ../scss/style-general.scss */
  .section-28-9 {
    text-align: center;
  }
}
/* line 2655, ../scss/style-general.scss */
.section-28-10 {
  margin-bottom: 0 !important;
}
/* line 2658, ../scss/style-general.scss */
.section-28-10 table {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: separate;
  border-radius: 6px;
}
/* line 2664, ../scss/style-general.scss */
.section-28-10 table th {
  padding: 5px;
  color: #fff;
  background-color: #f08521;
  font-weight: normal;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.section-28-10 table tr:last-child > th {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
/* line 2673, ../scss/style-general.scss */
.section-28-10 table td {
  padding: 10px 0 5px;
  color: #e11815;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ddd;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #fff;
}
.section-28-10 table td p {
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  white-space: normal;
}
/* line 2684, ../scss/style-general.scss */
.section-28-10 table td .smallButton {
  margin-top: 5px;
  margin-bottom: 0;
}
.section-28-10 table td .smallButton a.button {
  margin-top: 0px;
  margin-bottom: 10px;
}
/* line 2690, ../scss/style-general.scss */
.section-28-10 table:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  /* line 2696, ../scss/style-general.scss */
  .section-28-10 {
    display: inline-block;
    overflow: hidden;
  }
  /* line 2700, ../scss/style-general.scss */
  .section-28-10 table {
    width: 300px;
    float: left;
    margin: 0 10px;
  }
}
/* line 2708, ../scss/style-general.scss */
.section-28-11 {
  margin-bottom: 20px;
  text-align: center;
}
/* line 2712, ../scss/style-general.scss */
.section-28-11 a {
  display: inline-block;
  padding: 10px 25px;
  border-radius: 40px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 0 #ddd;
}

@media screen and (min-width: 769px) {
  /* line 2723, ../scss/style-general.scss */
  .section-28-11 {
  }
}
/* line 2726, ../scss/style-general.scss */
.section-28-12 {
  margin-top: 30px;
}
/* line 2729, ../scss/style-general.scss */
.section-28-12 ul {
  margin-bottom: 10px;
  padding-left: 0;
  list-style-type: none;
}
/* line 2734, ../scss/style-general.scss */
.section-28-12 ul a:last-child li {
  margin-bottom: 0 !important;
}
/* line 2737, ../scss/style-general.scss */
.section-28-12 li {
  margin-bottom: 1.5em !important;
  padding: 20px 20px 15px;
  border-radius: 6px;
  background: url(../images/common/footerLink-bg.gif);
}
/* line 2743, ../scss/style-general.scss */
.section-28-12 li .footerLink {
  position: relative;
  top: -27px;
  margin-bottom: -25px;
  border-radius: 0;
}
/* line 2750, ../scss/style-general.scss */
.section-28-12 li p {
  margin: 0.5em 0 0;
}
/* line 2752, ../scss/style-general.scss */
.section-28-12 li small {
  color: #fff;
}
/* line 2754, ../scss/style-general.scss */
.section-28-12 li .smallButton {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  /* line 2759, ../scss/style-general.scss */
  .section-28-12 {
    margin-top: 30px;
  }
  /* line 2762, ../scss/style-general.scss */
  .section-28-12 ul {
    margin: 0 -10px;
  }
  /* line 2765, ../scss/style-general.scss */
  .section-28-12 ul:after {
    content: "";
    display: block;
    clear: both;
  }
  /* line 2772, ../scss/style-general.scss */
  .section-28-12 li {
    float: left;
    width: 300px;
    margin: 0 10px 10px !important;
    padding: 10px 20px 10px 35px;
    box-sizing: border-box;
  }
  /* line 2779, ../scss/style-general.scss */
  .section-28-12 li .footerLink {
    top: 0;
    margin-bottom: 0;
  }
}

.section-28-15 {
  padding: 15px 20px;
  border-radius: 6px;
  background-color: #fedffc;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 3px !important;
}

.section-28-15 strong {
  color: #ff0000;
}

@media screen and (min-width: 769px) {
  /* line 2414, ../scss/style-general.scss */
  .section-28-15 {
    padding: 15px 15px 15px 45px;
  }
}

.section-28-16 {
  margin-bottom: 0 !important;
}
.section-28-16 ul {
  padding-left: 0;
  list-style-type: none;
  margin: 0 -2%;
}
.section-28-16 ul:after {
  content: "";
  display: block;
  clear: both;
}
.section-28-16 .rankingBoard {
  position: relative;
  margin-bottom: 0 !important;
  padding: 6px;
  background: url(../images/01/rankingBoard-frame.gif);
  text-align: center;
  color: #fff;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
}
.section-28-16 .rankingBoard img {
  max-height: 40px;
  margin: 10px 0 0;
}
.section-28-16 .rankingBoard p {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.section-28-16 .rankingBoard span {
  margin-right: 5px;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.section-28-16 .rankingBoard-inner {
  padding: 10px 0;
  margin-bottom: 0;
  background: url(../images/01/rankingBoard-board.gif);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .section-28-16 {
    margin-bottom: 10px !important;
  }
  .section-28-16 ul {
    margin: 0 -6px;
  }
  .section-28-16 .rankingBoard {
    display: block;
    float: left;
    padding: 6px;
    width: 226px;
    margin: 0 6px;
    box-sizing: border-box;
  }
  .section-28-16 .rankingBoard img {
    max-height: 30px;
    margin: 10px 0 5px;
  }
}