@font-face {
  font-family: 'poppins';
  src: url("../css/font/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'poppins';
  src: url("../css/font/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
}

.button {
  background-color: #3495D1;
  -webkit-box-shadow: 0px 2px 8px rgba(48,77,173, 0.4);
  box-shadow: 0px 2px 8px rgba(48,77,173, 0.4);
}

.button.button_dif-color {
  color: #304DAD;
}

.form-button {
  background-color: #3495D1;
}

.text-link_inner {
  color: #304DAD;
}

.text-link_inner::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1hcnJvdyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTU2MS40NjQsMjkxLjMxMWEuOTIyLjkyMiwwLDAsMS0uNy0uMzIybC01LjU0MS02LjQ2NGEuOTIzLjkyMywwLDEsMSwxLjQtMS4ybDQuODQsNS42NDYsNC44NC01LjY0NmEuOTIzLjkyMywwLDEsMSwxLjQsMS4ybC01LjU0MSw2LjQ2NEEuOTIyLjkyMiwwLDAsMSw1NjEuNDY0LDI5MS4zMTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUzLjQ2NCAtMjc4LjY1NikiIGZpbGw9IiMzNDk1RDEiLz48L3N2Zz4=");
}

.text-link_inner:hover {
  color: #304DAD;
}

.accordion_icon::after, .accordion_icon::before {
  background-color: #304DAD;
}

.accordion_button.is-content-show {
  color: #304DAD;
}

.board {
  background-color: #3495D1;
  -webkit-box-shadow: 0px 3px 6px rgba(48,77,173, 0.4);
  box-shadow: 0px 3px 6px rgba(48,77,173, 0.4);
}

.board_compare {
  background-color: #89CAFF;
  -webkit-box-shadow: 0px 3px 6px rgba(48,77,173, 0.4);
  box-shadow: 0px 3px 6px rgba(48,77,173, 0.4);
}

.radio input:checked + label .radio_icon::after {
  background-color: #304DAD;
}

.select_inner::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1hcnJvdyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTU2MS40NjQsMjkxLjMxMWEuOTIyLjkyMiwwLDAsMS0uNy0uMzIybC01LjU0MS02LjQ2NGEuOTIzLjkyMywwLDEsMSwxLjQtMS4ybDQuODQsNS42NDYsNC44NC01LjY0NmEuOTIzLjkyMywwLDEsMSwxLjQsMS4ybC01LjU0MSw2LjQ2NEEuOTIyLjkyMiwwLDAsMSw1NjEuNDY0LDI5MS4zMTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUzLjQ2NCAtMjc4LjY1NikiIGZpbGw9IiMzMDREQUQiLz48L3N2Zz4=");
}

.text-input .ui-datepicker-trigger svg {
  stroke: #304DAD;
}

.checkbox input:checked ~ .checkbox_label .checkbox_icon {
  background-color: #304DAD;
}

.header_nav .header_nav-item {
  color: #292e33;
}

@media screen and (min-width: 800px) {
  .header_nav .header_nav-item:hover {
    color: #304DAD;
  }
}

.header_menu .header_button::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1hcnJvdyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTU2MS40NjQsMjkxLjMxMWEuOTIyLjkyMiwwLDAsMS0uNy0uMzIybC01LjU0MS02LjQ2NGEuOTIzLjkyMywwLDEsMSwxLjQtMS4ybDQuODQsNS42NDYsNC44NC01LjY0NmEuOTIzLjkyMywwLDEsMSwxLjQsMS4ybC01LjU0MSw2LjQ2NEEuOTIyLjkyMiwwLDAsMSw1NjEuNDY0LDI5MS4zMTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUzLjQ2NCAtMjc4LjY1NikiIGZpbGw9IiMzMDREQUQiLz48L3N2Zz4=");
}

.header_menu .header_button_sp span {
  background-color: #304DAD;
}

.header_menu-list .header_menu-item:hover {
  color: #304DAD;
}

.header_menu-list .header_menu-item:after {
  border-color: #304DAD;
}

.logo p {
  color: #3495D1;
}

.page-detail .header_wrapper {
  background-color: #3495D1;
}

.header_wrapper::after {
  background-color: #3495D1;
}

.footer_logo {
  color: #3495D1;
}

.graph_color#primary {
  color: #3495D1;
}

.graph_color#secondary {
  color: #304DAD;
}

.graph_color#compare-primary {
  color: #89CAFF;
}

.graph_color#compare-secondary {
  color: #304dad;
}

.graph_color_su0201#primary {
  color: #3495d1;
}

.graph_color_su0201#secondary {
  color: #304dad;
}

.graph_color_su0201#compare-primary {
  color: #ceecff;
}

.graph_color_su0201#compare-secondary {
  color: #304DAD;
}

.graph_color_su0201#save-primary {
  color: #89CAFF;
}

.graph_color_su0201#save-secondary {
  color: #89CAFF;
}

.graph-toolchip_y {
  color: #304DAD;
}

.page-detail-title_wrapper {
  background-color: #3495D1;
}

.page-detail-title_icon {
  background-color: #CEECFF;
}

.page-detail-title_icon svg.stroke {
  stroke: #3495D1;
}

.page-detail-title_icon svg.fill {
  fill: #3495D1;
}

.page-detail-title_icon span {
  color: #3495D1;
}

.page-detail-step_item.is-done, .page-detail-step_item.is-current {
  color: #3495D1;
}

.page-detail-step_item.is-done::after {
  border-color: #3495D1;
}

.form-item_icon {
  background-color: #CEECFF;
  color: #304DAD;
}

.form-items_title::before {
  background-color: #3495D1;
}

.top-menu_link_1 .top-menu_img {
  background-image: url("../img/bn_menu_01-color07.svg");
}

.top-menu_link_2 .top-menu_img {
  background-image: url("../img/bn_menu_02-color07.svg");
}

.top-menu_link_3 .top-menu_img {
  background-image: url("../img/bn_menu_03-color07.svg");
}

.top-menu_link_4 .top-menu_img {
  background-image: url("../img/bn_menu_04-color07.svg");
}

.top-menu_link_5 .top-menu_img {
  background-image: url("../img/bn_menu_05-color07.svg");
}

.top-menu_link_6 .top-menu_img {
  background-image: url("../img/bn_menu_06-color07.svg");
}

.top-menu_link_7 .top-menu_img {
  background-image: url("../img/bn_menu_07-color07.svg");
}

.top-menu_link_8 .top-menu_img {
  background-image: url("../img/bn_menu_08-color07.svg");
}

.top-menu_link_9 .top-menu_img {
  background-image: url("../img/bn_menu_09-color07.svg");
}

.usage-sum_time {
  background-color: rgba(48,77,173, 0.4);
}

.usage-sum_time_compare {
  background-color: rgba(48,77,173, 0.4);
}

.usage-select_unit-item {
  background-color: #CEECFF;
  color: #304DAD;
}

@media screen and (min-width: 800px) {
  .usage-select_unit-item:hover {
    background-color: #3495D1;
  }
}

.usage-select_unit-item.usage-select_unit-item_is-current {
  background-color: #3495D1;
}

.faq-q {
  color: #304DAD;
}

.billing-detail-sum {
  color: #3495D1;
}

.error-page-icon {
  background-color: #3495D1;
}

.error-page-title {
  color: #3495D1;
}

.text-secondary {
  color: #304DAD;
}

.modal-header {
  background: #3495D1;
}