@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
------------------------------------------------------------ */
.flex-topservice .overlay {
  background-color: rgba(0, 0, 0, 0.3);
  /* #000000 */
  background: linear-gradient(320deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.page-section-about03 table a.g-map:hover {
  background-color: rgba(51, 51, 51, 1);
  /* #333333 */
}

.section-title01::before {
  background-color: rgba(230, 230, 230, 1);
  /* E6E6E6 */
}

.bg-gray,
footer,
.flex-sitemap .flex-item a:hover {
  background-color: rgba(244, 245, 246, 1);
  /* #F4F5F6 */
}

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

.swiper-slide-prev::before,
.swiper-slide-next::before {
  background-color: rgba(255, 255, 255, 0.7);
  /* #FFFFFF */
}

.page-section .bg-image .overlay {
  background: rgba(255, 255, 255, 0.15);
  /* #FFFFFF */
  background: linear-gradient(64deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0.9) 100%);
}

.bg-transparent,
.jumbotron-overlay,
.flex-contact a.btn,
.page-section-about03 table th {
  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,
h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.widget,
.top-bar-main a,
.top-bar-main li::before,
.section-sns ul a {
  color: rgba(51, 51, 51, 1);
  /* #333333 */
}

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

.color-white,
a.btn,
.wpcf7 input[type="submit"],
.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,
.swiper-button-next,
.swiper-button-prev,
.section-title02 h2,
.flex-topservice .overlay::after,
.page-section-about03 table a.g-map:hover,
.flex-point .flex-item:nth-child(1) .aspect-group::before {
  color: rgba(255, 255, 255, 1);
  /* #FFFFFF */
}


/* Original Color
rgba(51, 51, 51, 1)    #333333
rgba(34, 34, 34, 1)    #222222
rgba(102, 102, 102, 1)  #666666
rgba(153, 153, 153, 1) #999999

rgba(234, 0, 41, 1) #ea0029
/* background-color
------------------------------------------------------------ */
.bg-main,
a.btn,
.wpcf7 input[type="submit"],
.back-to-top,
.swiper-button-next,
.swiper-button-prev,
.flex-point .flex-item:nth-child(1) .aspect-group::before {
  background-color: rgba(51, 51, 51, 1);
  /* #333333 */
}

.flex-topservice a:hover .overlay {
  background-color: rgba(51, 51, 51, 0.45);
  /* #333333 */
}

.top-section-about .bg-image .overlay {
  background-color: rgba(51, 51, 51, 0.25);
  /* #333333 */
}

.bg-accent,
footer .site-bottom {
  background-color: rgba(34, 34, 34, 1);
  /* #222222 */
}

.bg-gradient,
.drawer-navigation,
header .jumbotron {
  background: rgba(34, 34, 34, 1);
  /* #222222 */
  background: linear-gradient(320deg, rgba(34, 34, 34, 1) 0%, rgba(51, 51, 51, 1) 100%);
}

.bg-sub01,
.back-to-top:hover {
  background-color: rgba(102, 102, 102, 1);
  /* #666666 */
}

.bg-sub02 {
  background-color: rgba(153, 153, 153, 1);
  /* #999999 */
}

.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,
a.btn:hover,
.wpcf7 input[type="submit"]:hover,
.section-sns ul a:hover {
  color: rgba(51, 51, 51, 1);
  /* #333333 */
}

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

  .main-navigation .current_page_item>a,
  .main-navigation .current-menu-item>a {
    color: rgba(51, 51, 51, 1);
    /* #333333 */
  }
}

.color-accent,
.top-bar-main a:hover,
.top-section-news ul .cat-links a:hover {
  color: rgba(34, 34, 34, 1);
  /* #222222 */
}

@media screen and (min-width: 980px) {
  .main-navigation a:hover {
    color: rgba(34, 34, 34, 1);
    /* #222222 */
  }
}

.color-sub01 {
  color: rgba(102, 102, 102, 1);
  /* #666666 */
}

.color-sub02,
.drawer-navigation a:hover,
.site-bottom a:hover,
.flex-contact .tel-group a:hover {
  color: rgba(153, 153, 153, 1);
  /* #999999 */
}

.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: rgba(202, 92, 98, 1);
  /* #CA5C62 */
}

.top-section-covid19 a:hover {
  color: rgba(164, 53, 59, 1);
  /* #a4353b */
}