@charset "UTF-8";

/* Theme Default Color
#111111 ★★    Heading
#333333 ★★★  button, jumbotron, home-header, featured-entry
#444444 ★★★  Body
#555555 ★     button:hover
#666666 ★     entry-summary
#777777 ★     input
#888888 ★
#999999 ★★    entry-meta
#DDDDDD ★
#E6E6E6 ★     input
#EEEEEE ★★★  table, header, footer
#F4F5F6 ★★★
#FFFFFF ★★★
------------------------------------------------------------ */

/* background-color
------------------------------------------------------------ */
.flex-info .flex-item:nth-of-type(1)::after,
.flex-info .flex-item:nth-of-type(2)::after {
  background-color: #EEEEEE;
}

.bg-gray,
footer,
.flex-sitemap .flex-item a:hover {
  background-color: #F4F5F6;
}

.bg-white,
header .top-bar,
.drawer-opened .drawer-hamburger-icon::before,
.drawer-opened .drawer-hamburger-icon::after,
.flex-menu .flex-item:first-of-type::after {
  background-color: #FFFFFF;
}

.slider-mainvisual .overlay,
.slider-topintro .overlay,
.flex-menu .overlay,
.flex-service .overlay {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-transparent,
.page-company table th {
  background-color: transparent;
}


/* color
------------------------------------------------------------ */
.color-black,
body,
h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.top-bar-main a,
.top-bar-main li::before,
.widget,
.phone-content a {
  color: #333333;
}

.top-section-news ul .cat-links a {
  color: #666666;
}

.color-white,
.drawer-navigation a,
.drawer-navigation .current_page_item>a,
.drawer-navigation .current-menu-item>a,
.site-bottom,
.site-bottom a,
.site-bottom .current-menu-item>a,
.back-to-top::before,
.jumbotron .subheader,
.page-service .section-container h3::before,
.wpcf7 input[type="file"]::file-selector-button {
  color: #FFFFFF;
}


/* Original Color
#D72E30
#972022
#012749
#024989
#036BC9
#000509
------------------------------------------------------------ */

/* background-color
------------------------------------------------------------ */
.bg-accent01,
.back-to-top {
  background-color: #D72E30;
}

.bg-accent02,
.back-to-top:hover {
  background-color: #972022;
}

.bg-main,
.drawer-navigation,
header .jumbotron,
.swiper-button-next,
.swiper-button-prev,
.section-title01 h2::before,
.page-service .section-container h3::before,
.wpcf7 input[type="file"]::file-selector-button {
  background-color: #012749;
}

.bg-sub01,
footer .site-bottom {
  background-color: #000509;
}

.bg-sub02 {
  background-color: #024989;
}

.bg-sub03 {
  background-color: #036BC9;
}

/* Color
------------------------------------------------------------ */
.color-accent01,
.widget a:hover,
.widget_nav_menu .current_page_item>a:hover,
.widget_nav_menu .current-menu-item>a:hover,
.site-bottom a:hover,
.drawer-navigation a:hover {
  color: #D72E30;
}

@media screen and (min-width: 980px) {

  .main-navigation a:hover,
  .main-navigation .current_page_item>a:hover,
  .main-navigation .current-menu-item>a:hover {
    color: #D72E30;
  }
}

.color-main,
.widget_nav_menu .current_page_item>a,
.widget_nav_menu .current-menu-item>a {
  color: #012749;
}

@media screen and (min-width: 980px) {

  .main-navigation .current_page_item>a,
  .main-navigation .current-menu-item>a {
    color: #012749;
  }
}

.color-sub01 {
  color: #000509;
}

.color-sub02 {
  color: #024989;
}

.color-sub03 {
  color: #036BC9;
}


/* Border Color
------------------------------------------------------------ */