@charset "UTF-8";

/*=================================================
common
=================================================*/

:root {
  --main-color: #e4ece6;
  --sub-color: #D6E2DA;
  --logo-color: #2e746b;
  --accent-color: #4a847c;
  --shadow-color: rgba(85, 136, 107, 0.4);
  --slide-color: #679891;
}

/*=================================================
Caption
=================================================*/

.official_caption {
  background: var(--accent-color);
}

/*=================================================
Pagetop
=================================================*/

.pagetop a {
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.pagetop i {
  color: var(--accent-color);
}

.pagetop span {
  color: var(--accent-color);
}

/*=================================================
Slider
=================================================*/

.slick-dots li.slick-active button {
  background: var(--slide-color);
}

/*=================================================
Button
=================================================*/

.re_btn {
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.re_btn-white {
  color: var(--accent-color) !important;
  background: #fff;
}

/*=================================================
Modal Menu
=================================================*/

.modalmenu_global {
  background: var(--sub-color);
}

.modalmenu_ttl {
	color: var(--accent-color) !important;
}

/*=================================================
User Info
=================================================*/

/*.userinfo_btn {
  background: var(--accent-color);
  box-shadow: 0 3px 0 0 var(--shadow-color);
}

.userinfo_btn i svg line {
  stroke: var(--accent-color);
}*/

/*=================================================
Linklist
=================================================*/

.linklist li a {
  border: 3px solid var(--sub-color);
  box-shadow: 0 5px 0 0 var(--sub-color);
}

/*=================================================
Advice
=================================================*/

.advice_consult i {
  background: var(--accent-color);
}

/*=================================================
Message List
=================================================*/

.message_list li.is-replyed {
  background: var(--sub-color);
}

/*=================================================
Faq Link
=================================================*/

.faq_link li a {
  background: var(--sub-color);
}

.faq_link li a i {
  color: var(--accent-color);
}

/*=================================================
Header
=================================================*/

.header {
  background: var(--main-color); 
}

.header_logo span {
  color: var(--logo-color);
}

.header_hamburger {
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.fontSize li.on {
  background: var(--accent-color);
}

.linklist li a .coming_soon_icon {
  background: var(--shadow-color);
}