@charset "UTF-8";

/* ======================================================
 * Header
====================================================== */
.header-logo {
  width: auto;
  margin-bottom: 0;
}
.header-logo > a:link,
.header-logo > a:visited,
.header-logo > a:hover {
  text-decoration: none !important;
}
.header-gnav__list {
  margin: 0;
  padding: 0;
}
.header-gnav__item {
  margin-bottom: 0;
}
a.header-gnav__link, .header-gnav__btn {
  margin-bottom: 0;
}
a.header-gnav__link:link,
a.header-gnav__link:visited {
  color: #fff !important;
  text-decoration: none !important;
}
a.header-gnav__link:hover {
  opacity: 1;
  text-decoration: none !important;
}
.header-gnav-more {
  margin: 0;
  padding: 0;
  z-index: 1000;
}
.header-gnav-more__list {
  margin: 0;
  padding: 0;
}
.header-gnav-more__item {
  margin-bottom: 0;
}
a.header-gnav-more__link:link,
a.header-gnav-more__link:visited {
  color: #ccc !important;
  text-decoration: none !important;
}
a.header-gnav-more__link:hover {
  color: #fff !important;
  opacity: 1;
  text-decoration: none !important;
}

/* ------------------------------------------------------
 * Header__important
------------------------------------------------------ */
.Header__important__title {
  margin-bottom: 0;
}
.Header__important__list {
  margin: 0;
  padding: 0;
}
.Header__important__item {
  margin-bottom: 0;
}
.Header__important__item a:link,
.Header__important__item a:visited {
  color: #232b35 !important;
  text-decoration: none;
}

/* ======================================================
 * Footer
====================================================== */
.Footer {
  text-align: left;
}
#footer a:hover {
  opacity: 1;
}
/* サブメニュー */
.footer-snav__list {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.footer-snav__item {
  margin-bottom: 0;
  line-height: 1.4;
}
.footer-snav__item a:link,
.footer-snav__item a:visited {
  color: #232b35 !important;
  text-decoration: none !important;
}
.footer-snav__item a:hover {
  text-decoration: underline !important;
}
/* メインメニュー */
.footer-mnav__title {
  margin-bottom: 0;
  font-size: 16px;
}
.footer-mnav__list {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.footer-mnav__item {
  margin-bottom: 0;
}
.footer-mnav__title a:link,
.footer-mnav__title a:visited,
.footer-mnav__item a:link,
.footer-mnav__item a:visited {
  color: #b3b3b3 !important;
  text-decoration: none !important;
}
.footer-mnav__item a:hover {
  text-decoration: underline !important;
}
/* 企業メニュー */
.footer-gnav__list {
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.footer-gnav__item {
  margin-bottom: 0;
  line-height: 1.4;
}
.footer-gnav__item a:link,
.footer-gnav__item a:visited {
  color: #b3b3b3 !important;
  text-decoration: none !important;
}
.footer-gnav__item a:hover {
  text-decoration: underline !important;
}
/* コピーライト */
.footer-copyright a:link,
.footer-copyright a:visited {
  color: #b3b3b3 !important;
  text-decoration: none !important;
}
.footer-copyright a:hover {
  text-decoration: underline !important;
}

/* ======================================================
 * main
====================================================== */
.main-inner {
  padding-bottom: 135px;
  background-color: #fff;
}
.main-inner > .bodyarea:first-child {
  padding-top: 15px;
}
.bodyarea {
  padding-bottom: 0;
  font-size: 160%;
  line-height: 1.5;
}
body .bodyarea *,
body .bodyarea *::before,
body .bodyarea *::after {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
body.body5span .maincontents,
body.body5span input,
body.body5span select,
body.body5span textarea,
body.body5span button,
body.body5span pre {
  box-sizing: border-box;
}
body.body5span input[type="radio" i] {
  margin: 0px 5px 3px;
}
body.body5span div.ContentsBasic .regist_ui input[type="password"],
body.body5span div.ContentsBasic .regist_ui input[type="text"],
body.body5span input[type="text"],
body.body5span input[type="password"],
body.body5span textarea {
  padding: 0 8px;
  border: 1px solid #666;
  line-height: 1.5;
}
body.body5span div.ContentsBasic h2 {
  padding: 8px 13px 8px 20px;
}
body.body5span div.ContentsBasic h3 {
  background-position: 3px 15px;
}
body.body5span .arrow,
body.body5span .arrow_03 {
  background-position: 0px 6px;
}
body.body5span table,
body.body5span table th,
body.body5span table td,
body.body5span .scCell {
  vertical-align: middle;
  border-collapse: separate;
  box-sizing: border-box;
}
body.body5span .selectArea .btn:visited,
body.body5span .tbllist .btn:visited {
  color: #fff;
}
body.body5span .scCoparisonAreaNw .scCell {
  vertical-align: bottom;
}
body.body5span .td2_main {
  vertical-align: top;
}
#menu .bodyarea {
  font-size: 126.50%;
}
#menu .footer-mnav__title {
  margin-left: 0;
}

/* ======================================================
 * breadcrumbs
====================================================== */
.breadcrumbs {
  text-align: left;
}
.main .breadcrumbs-item a:link,
.main .breadcrumbs-item a:visited {
  color: #6a7684;
}


@media screen and (max-width: 768px) {
  /* ======================================================
  * Header
  ====================================================== */
  #header {
    padding: 0;
    border: none;
    text-align: left;
  }
  #header h1, #header h2 {
    margin-bottom: 0;
    color: #232b35;
    text-shadow: none;
    border-radius: 0;
  }
  #header li {
    line-height: 1.6;
  }
  #header a:link,
  #header a:visited,
  #header a:hover,
  #header a:active {
    font-size: 14px;
    color: #232b35;
    text-decoration: none;
  }
  .header-logo {
    min-height: auto;
    padding: 0;
    border-bottom: none;
    background: none;
  }
  .header-gnav__box {
    padding-left: 0;
  }
  /* ======================================================
  * Footer
  ====================================================== */
  #footer {
    padding: 0;
    text-align: left;
    background: none;
  }
  #footer li {
    line-height: 1.6;
  }
  #footer a:link,
  #footer a:visited,
  #footer a:hover,
  #footer a:active {
    color: #b3b3b3;
    text-decoration: none;
  }
  #footer .footer-snav__item a:link,
  #footer .footer-snav__item a:visited {
    color: #232b35;
  }
  /*=== メインエリア ===*/
  .main-inner {
    padding-bottom: 110px;
  }
}