@charset "UTF-8";

/* Theme Default Color
rgba(17, 17, 17, 1)    #111111 ★★    Heading
rgba(51, 51 ,51, 1)    #333333 ★★★  button, jumbotron, home-header, featured-entry
rgba(68, 68, 68, 1)    #444444 ★★★  Body
rgba(85, 85, 85, 1)    #555555 ★     button:hover
rgba(102, 102, 102, 1) #666666 ★     entry-summary
rgba(136, 136, 136, 1) #888888 ★
rgba(153, 153, 153, 1) #999999 ★★    entry-meta
rgba(221, 221, 221, 1) #DDDDDD ★
rgba(230, 230, 230, 1) #E6E6E6 ★     input
rgba(238, 238, 238, 1) #EEEEEE ★★★  table, header, footer
rgba(244, 245, 246, 1) #F4F5F6 ★★★
rgba(255, 255, 255, 1) #FFFFFF ★★★
------------------------------------------------------------ */

/* background-color
------------------------------------------------------------ */
.bg-gray,
.jumbotron,
footer {
  background-color: rgba(244, 245, 246, 1);
  /* #F4F5F6 */
}

.bg-white,
header .top-bar,
.drawer-opened .drawer-hamburger-icon::before,
.drawer-opened .drawer-hamburger-icon::after,
.wpcf7 input[type="submit"]:hover,
a.btn:hover {
  background-color: rgba(255, 255, 255, 1);
  /* #FFFFFF */
}

.slider-home .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  /* #FFFFFF */
}

.jumbotron-overlay,
.flex-topservice .aspect-bgimage .overlay {
  background-color: transparent;
}

.page-section-contact .overlay {
  background: rgba(221, 221, 221, 0.3);
  /* #DDDDDD */
  background: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, rgba(221, 221, 221, 0.3) 100%);
}


/* color
------------------------------------------------------------ */
.color-black,
body,
.top-bar-main a,
.top-bar-main li::before,
.widget,
.widget select,
.section-sns ul a,
.flex-topservice a:hover {
  color: rgba(51, 51, 51, 1);
  /* #333333 */
}

.top-section-news ul .cat-links a {
  color: rgba(102, 102, 102, 1);
  /* #666666 */
}

.site-bottom a:hover {
  color: rgba(153, 153, 153, 1);
  /* #999999 */
}

.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,
.wpcf7 input[type="submit"],
a.btn,
.slider-home .swiper-text h2,
.flex-topservice .flex-item::after {
  color: rgba(255, 255, 255, 1);
  /* #FFFFFF */
}


/* Original Color
rgba(197, 160, 90, 1)    #c5a05a
rgba(140, 108, 49, 1)    #8c6c31
rgba(217, 193, 148, 1)  #d9c194
rgba(248, 244, 235, 1) #f8f4eb

/* background-color
------------------------------------------------------------ */
.bg-main,
.drawer-navigation,
.back-to-top,
.swiper .swiper-pagination-bullet-active,
.wpcf7 input[type="submit"],
a.btn,
.section-title01 h2::before,
.flex-contact::before,
.jumbotron-title::before,
.flex-topservice .flex-item::after {
  background-color: rgba(197, 160, 90, 1);
  /* #c5a05a */
}

.flex-topservice .flex-item:hover .aspect-bgimage .overlay {
  background-color: rgba(197, 160, 90, 0.15);
  /* #c5a05a */
}

.bg-accent,
footer .site-bottom {
  background-color: rgba(140, 108, 49, 1);
  /* #8c6c31 */
}

.bg-sub01,
.flex-topservice .flex-item:hover::after,
.back-to-top:hover {
  background-color: rgba(217, 193, 148, 1);
  /* #d9c194 */
}

.bg-sub02,
.swiper-pagination-bullet {
  background-color: rgba(248, 244, 235, 1);
  /* #f8f4eb */
}

.bg-line {
  background-color: rgba(0, 185, 0, 1);
  /* #00B900 */
}

.bg-instagram {
  background-color: rgba(207, 46, 146, 1);
  /* #CF2E92 */
}

.bg-twitter {
  background-color: rgba(29, 161, 242, 1);
  /* #1DA1F2 */
}

.bg-facebook {
  background-color: rgba(59, 89, 152, 1);
  /* #3B5998 */
}

/* Color
------------------------------------------------------------ */
.color-main,
.jumbotron-title,
.wpcf7 input[type="submit"]:hover,
a.btn:hover,
.section-sns ul a:hover,
.top-section-news ul .cat-links a:hover,
.flex-topservice .text-group h3::before,
.flex-servicechild h3::first-letter {
  color: rgba(197, 160, 90, 1);
  /* #c5a05a */
}

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

  .main-navigation .current_page_item>a,
  .main-navigation .current-menu-item>a {
    color: rgba(197, 160, 90, 1);
    /* #c5a05a */
  }
}

.color-accent,
.top-bar-main a:hover,
.widget a:hover {
  color: rgba(140, 108, 49, 1);
  /* #8c6c31 */
}

@media screen and (min-width: 980px) {
  .main-navigation a:hover {
    color: rgba(140, 108, 49, 1);
    /* #8c6c31 */
  }
}

.color-sub01 {
  color: rgba(217, 193, 148, 1);
  /* #d9c194 */
}

.color-sub02 {
  color: rgba(248, 244, 235, 1);
  /* #f8f4eb */
}

.color-line {
  color: rgba(0, 185, 0, 1);
  /* #00B900 */
}

.color-instagram {
  color: rgba(207, 46, 146, 1);
  /* #CF2E92 */
}

.color-twitter {
  color: rgba(29, 161, 242, 1);
  /* #1DA1F2 */
}

.color-facebook {
  color: rgba(59, 89, 152, 1);
  /* #3B5998 */
}

.top-section-covid19 a {
  color: #CA5C62;
}

.top-section-covid19 a:hover {
  color: #a4353b;
}