@charset "utf-8";

.header-tel {
  color: #424242;
}
/* body.index .header {
  border-bottom: 5px solid #424242;
} */
@media screen and (max-width: 768px) {
  .header-menu {
    background-image: url("../images/icon-menu.svg");
  }
  .menu--active .header-menu {
    background-image: url("../images/icon-close.svg");
  }
}
.nav-02-link {
  border-bottom: 5px solid #424242;
}
.nav-01-item--active {
  border-bottom: 5px solid #B4B4B4;
}
.nav-02-item-hover {
  border-bottom: 5px solid #B4B4B4!important;
}
.nav-01-item:not(.nav-01-item--active):hover {
  background-color: #e5e5e5;
  color: #424242;
}
@media screen and (max-width: 768px) {
  .nav-01-item--active {
    background-color: transparent;
  }
  .nav-01-item:not(.nav-01-item--active):hover {
    background-color: transparent;
  }
}
.nav-02-item {
  background-color: #424242;
}
.nav-02-drop {
  background-color: #424242;
}
.nav-02-drop-li > li:hover {
  color: #B4B4B4;
}

.title-01 {
  background-color: #424242;
}
.title-02 {
  color: #fff;
}
.title-02-inner {
  background: linear-gradient(90deg, #424242 20%, #b4b4b4 100%);
}

.title-04 {
  border-left: 10px #424242 solid;
  border-bottom: 2px #424242 solid;
}

.btn-s-01 {
  border-color: #424242;
  border: solid 2px;
  color: #424242;
}
.btn-s-01:hover {
  background-color: #424242;
  color: #fff !important;
  text-decoration: none !important;
}
.btn-m-01 {
  color: #424242;
  border: 4px solid #424242;
}
.btn-m-01:hover {
  color: #fff;
  background: #424242; 
}
.btn-l-01 {
  color: #424242;
  border: 4px solid #424242;
}
.btn-l-01:hover{
  color: #fff;
  background: #424242;
}
.btn-l-02 {
  border: 1px #424242 solid;
  color: #424242;
}
.btn-l-02:hover {
  border: 1px #a7afac solid;
  background-color: #a7afac;
}

.qa-box-answer:before {
  color: #424242;
}

.table-01-header {
  background-color: #e5e5e5;
  border-bottom: 1px #424242 solid;
}
tr:first-child .table-01-header {
  border-top: 1px #424242 solid;
}
.table-01-data {
  border-bottom: 1px #424242 solid;
}
tr:first-child .table-01-data {
  border-top: 1px #424242 solid;
}

.form-01-required {
  background-color: #424242;
}
.form-01-checkbox:checked + .form-01-checktext:before {
  background-color: #424242;
}
.form-01-btn {
  border-color: #424242;
  border: solid 2px;
  color: #424242;
}
.form-01-btn:hover {
  background-color: #424242;
  color: #fff !important;
  text-decoration: none !important;
}

.form-01-file-btn {
  background-color: #424242;
  color: #fff !important;
  text-decoration: none !important;
}
.download-list-dlbtn {
  border-color: #424242;
  color: #424242;
}
.download-list-dlbtn:hover {
  background-color: #424242;
  color: #fff !important;
  text-decoration: none !important;
}
.block-a .text-01 a:hover {
  color: #424242;
}
.block-f .text-01 a:hover {
  color: #424242;
}
.section-01 ul .news-list-item a.news-list-link-b:hover {
  color: #424242;
}
.section-01 ul .download-list-item a.text-link-01:hover {
  color: #424242;
}
.qa-box-append a:hover {
  color: #424242;
}
.news-list-03 .news-list-item a:hover {
  color: #424242;
}

/* 共通スタイル：中段 背景色設定 */
.set-back-color:nth-of-type(2) {
  background-color: #f4f4f4;
}
/* 共通スタイル：メニューバー 背景色設定 */
.nav-01,
.nav-02 {
  background-color: #424242;
}
/* ブロックタイトル グラデーション */
.title-03 {
  background: linear-gradient(90deg, #424242 20%, #b4b4b4 100%);
}

.slider {
  border-color: #424242 !important;
}
.slick-list {
  box-shadow: 0 0 0 100px #424242;
}
.text-tel-01 {
  color: #424242;
}
.edit-confirm-block-add-01 {
  border: 2px dotted #424242 !important;
}
.edit-confirm-title-01 {
  background-color: #424242 !important;
}
.edit-confirm-title-02 {
  background: linear-gradient(90deg, #424242 20%, #b4b4b4 100%);
  border-bottom: none !important;
  border-radius: 5px;
  text-align: center;
  color: #fff;
}
.block-c3 .link-detail a, .block-c3 .link a,
.block-d div.submit input,
.block-e a.btn01,
.block-g div.submit input {
  color: #424242 !important;
  border-color: #424242 !important;
}
.block-c3 .link-detail a:hover, .block-c3 .link a:hover,
.block-d div.submit input:hover,
.block-e a.btn01:hover,
.block-g div.submit input:hover {
  background-color: #424242;
  color: #fff !important;
}
.block-d table th {
    background: none repeat scroll 0 0 #e5e5e5 !important;
    border-top: 1px dotted #424242 !important;
  border-bottom: 1px dotted #424242 !important;
  margin-top: 1px;
}
.block-d table td {
    border-top: 1px dotted #424242 !important;
  border-bottom: 1px dotted #424242 !important;
}

.block-d table th .required {
  background-color: #424242 !important;
}
.block-f h2{
  border-left: 3px solid #424242;
}
.block-g-input-file::file-selector-button{
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #424242 !important;
  color: #fff;
}
input[type="file"].block-g-input-file{
  height: auto !important;
}
.block-g table th {
  background: none repeat scroll 0 0 #e5e5e5 !important;
  border-top: 1px dotted #424242 !important;
  border-bottom: 1px dotted #424242 !important;
  margin-top: 1px;
}
.block-g table td {
  border-top: 1px dotted #424242 !important;
  border-bottom: 1px dotted #424242 !important;
}

.block-g table th .required {
  background-color: #424242 !important;
}
.block-c dd .mark {
  color: #424242;
}