@charset "utf-8";
/* CSS Document */
@charset "UTF-8";
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all
}
abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-weight: 400;
  font-style: normal;
  vertical-align: baseline;
  background: 0 0
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
address, article, aside, canvas, details, div, figcaption, figure, footer, header, hr, iframe, menu, nav, section, textarea {
  display: block;
  line-height: 1
}
iframe {
  max-width: 100% !important
}
a, label {
  cursor: pointer
}
blockquote {
  padding: 0;
  margin: 0;
  display: block
}
address, em {
  font-style: normal
}
hr {
  border: 0;
  margin: 0;
  padding: 0
}
li, ol, ul {
  list-style: none
}
textarea {
  resize: vertical;
  overflow: hidden;
  -webkit-appearance: none;
  border: none
}
button, input, select {
  vertical-align: middle;
  border-radius: 0;
  border: none;
  background: 0 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
:after, :before {
  padding: 0;
  margin: 0;
  line-height: 1
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  font-size: 62.5%;
  height: 100%;
  min-height: 100%
}
body {
  background: url("../images/manual/bg-sp_01.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size: cover;
  color: #000;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  height: 100%;
  line-height: 1
}
a {
  color: #0000aa
}
p {
  line-height: 1.5;
  margin-bottom: 1em;
  word-break: break-word;
  word-wrap: break-word
}
p:last-child {
  margin-bottom: 0
}
.l-container {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-width: 320px
}
.l-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999
}
.l-header-top {
  background-color: #000;
  padding: 0 16px;
  position: relative;
  z-index: 999
}
.l-header-bottom {
  padding: 8px;
  position: relative;
  text-align: right
}
.l-header-lang-button {
  background-color: #ffdc1b;
  border-radius: 3px;
  color: #000;
  display: none;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  text-align: center;
  text-decoration: none;
  vertical-align: top
}
.l-header-lang-button:hover {
  background-color: #fff
}
.l-header-logo {
  float: left;
  padding: 20px 0
}
.l-header-buy-button {
  position: absolute;
  left: 8px;
  top: 0
}
.l-header-nav {
  background-color: #000;
  display: none;
  overflow-y: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  top: 56px;
  width: 100%
}
.l-header-nav.active {
  display: block
}
.l-header-nav-button {
  float: right;
  padding: 10.5px 0
}
.l-header-nav-item {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 32px;
  padding: 8px 0;
  text-align: center;
  width: 100%
}
.l-header-nav-inner {
  color: #fff;
  cursor: pointer;
  text-decoration: none
}
.l-header-nav-inner > img {
  display: none
}
.l-header-nav-inner > span {
  font-weight: 700
}
.l-header-subnav-box {
  background-color: #09734d;
  display: none;
  margin-top: 8px
}
.l-header-subnav-box .l-header-nav-item:before {
  background-color: #00d280;
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px
}
.l-header-subnav > .l-header-nav-inner {
  display: block;
  position: relative
}
.l-header-subnav > .l-header-nav-inner:after {
  background: url(../img/menu/icon_arrow_nomal_01.png) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 9px;
  margin: auto;
  position: absolute;
  bottom: -3px;
  left: -2px;
  right: 0;
  -webkit-transition: background .2s;
  transition: background .2s;
  width: 12px
}
.l-header-subnav:hover > .l-header-nav-inner:after {
  background: url(../img/menu/icon_arrow_light_01.png) no-repeat;
  background-size: contain
}
.l-header-subnav:hover .l-header-subnav-box {
  display: block
}
.l-footer {
  background: url("../images/manual/bg-black.jpg") repeat;
  color: #fff;
  padding: 20px 10px;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%
}
.l-footer-logo {
  display: block;
  margin: 0 auto 10px;
  text-decoration: none
}
.l-footer-copy {
  display: block;
  margin: 0 auto 20px
}
.l-footer-sns {
  margin-top: 10px
}
.l-contents {
  margin: auto;
  padding: 8px;
  padding-bottom: 183px;
  padding-top: 140px;
  position: relative;
  max-width: 1024px
}
.l-article {
  background: url("../images/manual/bg-black.jpg");
  margin: 0 auto 40px;
  padding: 8px;
  max-width: 95%
}
.l-article-inner {
  background: url("../images/manual/bg-box_02.jpg");
  padding: 16px
}
.l-aside {
  display: none
}
.l-aside.is-fixed {
  position: fixed;
  top: 80px
}
.l-section {
  margin: 16px auto 40px;
  width: 100%
}
.t-white {
  color: #fff;
  font-weight: inherit
}
.t-black {
  color: #000;
  font-weight: inherit
}
.t-darkgray {
  color: #555;
  font-weight: inherit
}
.t-gray {
  color: #bfbfbf;
  font-weight: inherit
}
.t-deeppink {
  color: #d52554;
  font-weight: inherit
}
.t-pink {
  color: #ff2481;
  font-weight: inherit
}
.t-deepgreen {
  color: #0000aa;
  font-weight: inherit
}
.t-blue {
  color: #00baff;
  font-weight: inherit
}
.t-red {
  color: #e4222b;
  font-weight: inherit
}
.t-big {
  display: inline-block;
  font-size: 1.2em;
  font-weight: inherit
}
.t-small {
  display: inline-block;
  font-size: .8em;
  font-weight: inherit
}
.t-em {
  display: inline-block;
  font-weight: 700
}
.t-strong {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 700
}
.t-sup {
  display: inline-block;
  font-size: .6em;
  vertical-align: super
}
.t-sub {
  display: inline-block;
  font-size: .6em;
  vertical-align: sub
}
.heading-primary {
  border-bottom: solid 2px currentColor;
  color: #0000aa;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 24px
}
.heading-primary:before {
  background-color: currentColor;
  content: "";
  display: inline-block;
  height: .8em;
  margin-right: 8px;
  width: .8em
}
.heading-general {
  color: #0000aa;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px
}
.heading .block {
  display: inline-block;
  font-weight: inherit
}
.list-faq-q {
  background: url("../images/icon-question_02.png") no-repeat 16px 12.5px;
  background-size: 15px 26px;
  min-height: 42px;
  line-height: 1.5;
  padding: 16px 16px 0 40px
}
.list-faq-a {
  background: url("../images/icon-answer_02.png") no-repeat 16px 12.5px;
  background-size: 15px 26px;
  min-height: 42px;
  line-height: 1.5;
  padding: 16px 16px 16px 40px
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.flex.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.flex.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.flex .flex-col {
  padding: 8px
}
.flex .col-12 {
  width: 100%
}
.flex .col-10 {
  width: 83.33%
}
.flex .col-9 {
  width: 75%
}
.flex .col-8 {
  width: 66.66%
}
.flex .col-6 {
  width: 50%
}
.flex .col-4 {
  width: 33.33%
}
.flex .col-3 {
  width: 25%
}
.flex .col-2 {
  width: 16.66%
}
.flex .col-1 {
  width: 8.33%
}
.flex-reset-l [class*=col-], .flex-reset-m [class*=col-], .flex-reset-s [class*=col-] {
  width: 100%
}
.pager {
  background-color: rgba(0, 0, 0, .9);
  padding: 15px;
  position: absolute;
  bottom: 134px;
  text-align: center;
  width: 100%
}
.pager-button {
  display: inline-block;
  margin: 0 5px
}
.pager-button-next, .pager-button-prev {
  height: 21px;
  width: 60px
}
.pager-button-next.is-disabled, .pager-button-prev.is-disabled {
  pointer-events: none
}
.pager-button-next.is-disabled img, .pager-button-prev.is-disabled img {
  display: none
}
.page-header {
  margin: 0 auto 32px
}
.page-header img {
  margin: auto;
  width: 100%;
  max-width: 700px
}
.page-heading {
  background-color: #f2f2f2;
  color: #0000aa;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 24px
}
.page-heading-idx {
  background: url("../images/manual/icon_headline_nomal_01.png") no-repeat center;
  background-size: contain;
  color: #fff;
  display: inline-block;
  margin: 0 8px;
  padding-top: 3px;
  text-align: center;
  width: 62px
}
.article-img {
  margin-bottom: 16px;
  text-align: center
}
.index {
  background-color: #f2f2f2;
  -webkit-box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, .7);
  box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, .7);
  font-size: 16px;
  font-size: 1.6rem;
  margin: 32px 0;
  padding: 8px
}
.index-item {
  min-height: 24px;
  margin-bottom: 8px;
  padding-left: 58px;
  position: relative
}
.index-item a {
  text-decoration: none;
  line-height: 1.5
}
.index-item:hover a {
  color: #6666ff
}
.index-item:hover .index-num {
  background: url("../images/manual/icon_headline_light_01.png") no-repeat center;
  background-size: contain
}
.index-num {
  background: url("../images/manual/icon_headline_nomal_01.png") no-repeat center;
  background-size: contain;
  color: #fff;
  display: block;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 50px
}
.l-aside .index {
  margin: 16px
}
.icon-ui {
  max-height: 3rem;
  vertical-align: middle;
  margin: 0 2px 2px 2px
}
.list-faq-q {
  font-size: 1.1em;
  font-weight: 700
}
.list-faq-a {
  border-bottom: solid 1px #bfbfbf
}
.list-faq-a:last-child {
  border-bottom: none
}
.disp-only-pc {
  display: none
}
.toggle-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block
}
.toggle-image > img {
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}
.toggle-image:hover > img {
  opacity: 1
}
.toggle-image-overlay {
  display: inline-block;
  position: relative
}
.toggle-image-overlay .layer {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}
.toggle-image-overlay:hover .layer {
  opacity: 1
}
.toggle-image-opacity {
  background-color: #0000aa;
  display: inline-block
}
.toggle-image-opacity:hover > img {
  opacity: .8
}
.u-left {
  text-align: left
}
.u-right {
  text-align: right
}
.u-center {
  text-align: center
}
.clearfix {
  *zoom: 1
}
.clearfix:after {
  content: "";
  display: block;
  clear: both
}
.u-mt0 {
  margin-top: 0
}
.u-mr0 {
  margin-right: 0
}
.u-mb0 {
  margin-bottom: 0
}
.u-ml0 {
  margin-left: 0
}
.u-mt5 {
  margin-top: 5px
}
.u-mr5 {
  margin-right: 5px
}
.u-mb5 {
  margin-bottom: 5px
}
.u-ml5 {
  margin-left: 5px
}
.u-mt10 {
  margin-top: 10px
}
.u-mr10 {
  margin-right: 10px
}
.u-mb10 {
  margin-bottom: 10px
}
.u-ml10 {
  margin-left: 10px
}
.u-mt15 {
  margin-top: 15px
}
.u-mr15 {
  margin-right: 15px
}
.u-mb15 {
  margin-bottom: 15px
}
.u-ml15 {
  margin-left: 15px
}
.u-mt20 {
  margin-top: 20px
}
.u-mr20 {
  margin-right: 20px
}
.u-mb20 {
  margin-bottom: 20px
}
.u-ml20 {
  margin-left: 20px
}
.u-mt25 {
  margin-top: 25px
}
.u-mr25 {
  margin-right: 25px
}
.u-mb25 {
  margin-bottom: 25px
}
.u-ml25 {
  margin-left: 25px
}
.u-mt30 {
  margin-top: 30px
}
.u-mr30 {
  margin-right: 30px
}
.u-mb30 {
  margin-bottom: 30px
}
.u-ml30 {
  margin-left: 30px
}
.u-mt35 {
  margin-top: 35px
}
.u-mr35 {
  margin-right: 35px
}
.u-mb35 {
  margin-bottom: 35px
}
.u-ml35 {
  margin-left: 35px
}
.u-mt40 {
  margin-top: 40px
}
.u-mr40 {
  margin-right: 40px
}
.u-mb40 {
  margin-bottom: 40px
}
.u-ml40 {
  margin-left: 40px
}
.u-mt45 {
  margin-top: 45px
}
.u-mr45 {
  margin-right: 45px
}
.u-mb45 {
  margin-bottom: 45px
}
.u-ml45 {
  margin-left: 45px
}
.u-mt50 {
  margin-top: 50px
}
.u-mr50 {
  margin-right: 50px
}
.u-mb50 {
  margin-bottom: 50px
}
.u-ml50 {
  margin-left: 50px
}
.u-pt0 {
  padding-top: 0
}
.u-pr0 {
  padding-right: 0
}
.u-pb0 {
  padding-bottom: 0
}
.u-pl0 {
  padding-left: 0
}
.u-pt5 {
  padding-top: 5px
}
.u-pr5 {
  padding-right: 5px
}
.u-pb5 {
  padding-bottom: 5px
}
.u-pl5 {
  padding-left: 5px
}
.u-pt10 {
  padding-top: 10px
}
.u-pr10 {
  padding-right: 10px
}
.u-pb10 {
  padding-bottom: 10px
}
.u-pl10 {
  padding-left: 10px
}
.u-pt15 {
  padding-top: 15px
}
.u-pr15 {
  padding-right: 15px
}
.u-pb15 {
  padding-bottom: 15px
}
.u-pl15 {
  padding-left: 15px
}
.u-pt20 {
  padding-top: 20px
}
.u-pr20 {
  padding-right: 20px
}
.u-pb20 {
  padding-bottom: 20px
}
.u-pl20 {
  padding-left: 20px
}
.u-pt25 {
  padding-top: 25px
}
.u-pr25 {
  padding-right: 25px
}
.u-pb25 {
  padding-bottom: 25px
}
.u-pl25 {
  padding-left: 25px
}
.u-pt30 {
  padding-top: 30px
}
.u-pr30 {
  padding-right: 30px
}
.u-pb30 {
  padding-bottom: 30px
}
.u-pl30 {
  padding-left: 30px
}
.u-pt35 {
  padding-top: 35px
}
.u-pr35 {
  padding-right: 35px
}
.u-pb35 {
  padding-bottom: 35px
}
.u-pl35 {
  padding-left: 35px
}
.u-pt40 {
  padding-top: 40px
}
.u-pr40 {
  padding-right: 40px
}
.u-pb40 {
  padding-bottom: 40px
}
.u-pl40 {
  padding-left: 40px
}
.u-pt45 {
  padding-top: 45px
}
.u-pr45 {
  padding-right: 45px
}
.u-pb45 {
  padding-bottom: 45px
}
.u-pl45 {
  padding-left: 45px
}
.u-pt50 {
  padding-top: 50px
}
.u-pr50 {
  padding-right: 50px
}
.u-pb50 {
  padding-bottom: 50px
}
.u-pl50 {
  padding-left: 50px
}
@media screen and (min-width:480px) {
  .flex .col-s-12 {
    width: 100%
  }
  .flex .col-s-10 {
    width: 83.33%
  }
  .flex .col-s-9 {
    width: 75%
  }
  .flex .col-s-8 {
    width: 66.66%
  }
  .flex .col-s-6 {
    width: 50%
  }
  .flex .col-s-4 {
    width: 33.33%
  }
  .flex .col-s-3 {
    width: 25%
  }
  .flex .col-s-2 {
    width: 16.66%
  }
  .flex .col-s-1 {
    width: 8.33%
  }
  .flex-reset-s {
    display: block
  }
}
@media screen and (min-width:600px) {
  .flex .col-m-12 {
    width: 100%
  }
  .flex .col-m-10 {
    width: 83.33%
  }
  .flex .col-m-9 {
    width: 75%
  }
  .flex .col-m-8 {
    width: 66.66%
  }
  .flex .col-m-6 {
    width: 50%
  }
  .flex .col-m-4 {
    width: 33.33%
  }
  .flex .col-m-3 {
    width: 25%
  }
  .flex .col-m-2 {
    width: 16.66%
  }
  .flex .col-m-1 {
    width: 8.33%
  }
  .flex-reset-m {
    display: block
  }
}
@media screen and (min-width:960px) {
  body {
    background: url("../images/manual/bg-pc_01.jpg") no-repeat center center;
    background-attachment: fixed;
    background-size: cover
  }
  a:hover {
    text-decoration: none
  }
  .l-header-lang-button {
    display: inline-block
  }
  .l-header-nav {
    display: block;
    height: 56px;
    margin-left: 150px;
    overflow-y: visible;
    position: static
  }
  .l-header-nav-button {
    display: none
  }
  .l-header-nav-item {
    display: inline-block;
    margin-left: 12px;
    padding: 12px 0;
    text-align: left;
    width: auto;
    vertical-align: top
  }
  .l-header-nav-item:hover {
    background: url(../img/menu/menu-hover.png) no-repeat center center;
    background-size: auto 32px
  }
  .l-header-nav-inner > img {
    display: block
  }
  .l-header-nav-inner > span {
    display: none
  }
  .l-header-subnav-box {
    display: block;
    height: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 0 15px 0 165px;
    position: absolute;
    left: 0;
    right: 0;
    top: 56px;
    -webkit-transition: height .2s;
    transition: height .2s
  }
  .l-header-subnav:hover {
    background: 0 0
  }
  .l-header-subnav > .l-header-nav-inner:after {
    bottom: -6px
  }
  .l-header-subnav:hover .l-header-subnav-box {
    height: 56px
  }
  .l-footer {
    padding: 30px 50px;
    text-align: left
  }
  .l-footer-logo {
    display: inline-block;
    margin: 5px 10px 0 0
  }
  .l-footer-copy {
    display: inline-block;
    margin: 5px auto 0
  }
  .l-footer-sns {
    float: right;
    margin: 0
  }
  .l-contents {
    padding-bottom: 140px
  }
  .l-article-inner {
    padding: 24px
  }
  .l-aside {
    display: block;
    float: left;
    width: 300px
  }
  .l-aside + .l-article {
    margin-left: 316px
  }
  .flex .col-l-12 {
    width: 100%
  }
  .flex .col-l-10 {
    width: 83.33%
  }
  .flex .col-l-9 {
    width: 75%
  }
  .flex .col-l-8 {
    width: 66.66%
  }
  .flex .col-l-6 {
    width: 50%
  }
  .flex .col-l-4 {
    width: 33.33%
  }
  .flex .col-l-3 {
    width: 25%
  }
  .flex .col-l-2 {
    width: 16.66%
  }
  .flex .col-l-1 {
    width: 8.33%
  }
  .flex-reset-l {
    display: block
  }
  .pager {
    display: none
  }
  .disp-only-sp {
    display: none
  }
  .disp-only-pc {
    display: block
  }
  .u-left-pc {
    text-align: left
  }
  .u-right-pc {
    text-align: right
  }
  .u-center-pc {
    text-align: center
  }
}