@charset "UTF-8";
/*
 * [TMNF DA prototype]
 * Copyright 2019 Nanoconnect Co, Ltd. All rights reserved.
 * Developed by Nanoconnect, Inc.
 */
/* ---------------------------------------------------------------------------------------
  Foundation　-　ベースの共通スタイル
---------------------------------------------------------------------------------------*/
.foo {
  color: blue; }
  @media only screen and (max-width: 767px) {
    .foo {
      color: yellow; } }
  @media (min-width: 1366px) {
    .foo {
      color: red; } }

/* IEハック用mixin */
body,
html {
  font-size: 14px;
  line-height: 1.4;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%; }

input {
  font-family: inherit; }

@media all and (-ms-high-contrast: none) {
  body,
  html,
  input {
    font-family: Verdana, 'Noto Sans JP', Meiryo, "メイリオ", sans-serif;
    line-height: 1.4; } }

@media all and (-ms-high-contrast: active) {
  body,
  html,
  input {
    font-family: Verdana, 'Noto Sans JP', Meiryo, "メイリオ", sans-serif;
    line-height: 1.4; } }

body,
div,
p,
section {
  box-sizing: border-box; }

button {
  outline: none;
  box-shadow: none;
  border: 0; }

/* ---------------------------------------------------------------------------------------
  Layout　-　大枠のレイアウト
 ---------------------------------------------------------------------------------------*/
.container {
  width: 100%;
  min-height: 100vh; }

.container-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%; }

.l-Content {
  width: 100%;
  height: calc(100vh - 4rem);
  background: #EEF2F5;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  transform: translate3d(0, 0, 0); }

.l-Content-inner {
  width: 100%;
  height: auto; }

.l-Content-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: calc(100vh - ((4rem + 1.5rem) + 1rem));
  padding: 1rem; }

@media only screen and (max-width: 767px) {
  .l-Content-inner {
    padding-bottom: 4rem;
    /* iphone対策 */ }
  .l-Content-main {
    padding: 2.5rem 0.5rem; } }

.Header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #1E3968;
  color: #fff;
  height: 4rem;
  margin-left: auto;
  padding: 0.5rem 1rem;
  width: calc(100% - 140px);
  z-index: 10; }
  .Header.is-small {
    width: calc(100% - 140px * 0.5); }
  .Header .c-Form__select {
    border: 0; }

.Header__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 2 1 40%;
  flex: 2 1 40%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1;
  margin-right: auto; }
  .Header__title .c-icon {
    padding-right: 0.5rem;
    font-size: 1.75rem; }

.Header__content-radio, .Header__content-period, .Header__content-account {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Header__content-radio::before, .Header__content-period::before, .Header__content-account::before {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: rgba(255, 255, 255, 0.3);
    content: "";
    height: 2rem;
    margin: auto 0.5rem;
    width: 1px; }

.Header__content-radio {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Header__content-period {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Header__content-account {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .Header__content-account .c-icon {
    padding-right: 0.5rem;
    font-size: 1.5rem; }

.Header__period {
  display: none; }
  .Header__period.is-active {
    display: block; }
  .Header__period .c-Form__select {
    min-width: 160px; }

.Header__content-radio {
  font-size: 0.8125rem; }
  .Header__content-radio .c-Form__radio-label {
    margin-right: 0.25rem; }
    .Header__content-radio .c-Form__radio-label:focus, .Header__content-radio .c-Form__radio-label:focus-within, .Header__content-radio .c-Form__radio-label:hover {
      color: #daf1ff; }
  .Header__content-radio .c-Form__radio:checked + .c-Form__radio-label {
    color: #daf1ff; }

.Header__content-radio--item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.8; }

@media (max-width: 1365px) {
  .Header__content-radio::before, .Header__content-period::before, .Header__content-account::before {
    margin: auto 0.25rem; } }

@media only screen and (max-width: 767px) {
  .Header,
  .Header.is-small {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0.25rem 0.5rem; }
    .Header .c-Form__select,
    .Header.is-small .c-Form__select {
      padding: 0.1rem 2rem 0.1rem 0.5rem;
      height: 2rem;
      line-height: 1.25; }
  .Header__title {
    -ms-flex: 1 0 70%;
    flex: 1 0 70%;
    font-size: 1.125rem;
    font-weight: bold; }
    .Header__title .c-icon {
      font-size: 1.25rem; }
  .Header__content-radio, .Header__content-period, .Header__content-account {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .Header__content-radio::before, .Header__content-period::before, .Header__content-account::before {
      display: none; }
  .Header__content-radio {
    font-size: 0.875rem; }
  .Header__content-period {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
    .Header__content-period .c-Form__select {
      min-width: auto;
      font-size: 0.875rem; }
    .Header__content-period::before {
      margin: auto 0.5rem; }
  .Header__content-account {
    background: white;
    box-shadow: 1px -1px 0 0 rgba(30, 57, 104, 0.5) inset, -2px 2px 2px rgba(42, 44, 45, 0.15);
    border-radius: 0 0 0 0.5rem;
    color: #1E3968;
    font-size: 0.875rem;
    padding: 5px 0.25rem 5px  5px;
    position: absolute;
    right: 0;
    top: 4rem;
    z-index: 10; }
    .Header__content-account .c-icon {
      font-size: 1rem;
      padding-right: 0.25rem; } }

/* ↓↓↓↓　カレンダー仮表示用（※実装時削除）　↓↓↓ */
.Header__calendar-btn {
  position: relative; }
  .Header__calendar-btn:hover {
    cursor: pointer; }
    .Header__calendar-btn:hover .c-Form__select {
      background: #f2f6f7; }
  .Header__calendar-btn .c-Form__select {
    pointer-events: none; }

.Header__calendar-dummy {
  position: absolute;
  top: 2.75rem;
  right: 0;
  width: 347px;
  height: auto;
  z-index: 980;
  display: none; }
  .Header__calendar-dummy img {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    display: none; }
    .Header__calendar-dummy img.is-active {
      display: block; }
  @media only screen and (max-width: 767px) {
    .Header__calendar-dummy {
      position: fixed;
      top: calc(4rem + 0.25rem);
      right: calc(50% - 170px); } }
  @media only screen and (max-width: 424px) {
    .Header__calendar-dummy {
      max-width: 100%;
      left: 0; } }

.Footer,
.Footer__main {
  background: transparent;
  font-size: 0.875rem;
  display: block;
  min-height: 1.5rem;
  margin: auto 0 0 0;
  padding: 0.25rem;
  text-align: right;
  width: 100%; }

.Footer__copy {
  color: #60749F; }

@media only screen and (max-width: 767px) {
  .Footer__main {min-height: 3rem; margin-bottom: 3rem;}
  .Footer__copy {
    font-size: 0.75rem; } }

.l-Navi__side-wrap {
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  background: #3F6C9D;
  color: #fff;
  margin-top: -4rem;
  min-height: 100%;
  overflow-x: hidden;
  transition: all 0.3s;
  z-index: 10; }
  .l-Navi__side-wrap.is-small {
    -ms-flex: 0 0 70px;
    flex: 0 0 70px; }

.l-Navi__side {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 4rem);
  width: calc(140px);
  overflow-y: scroll; 
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .l-Navi__side::-webkit-scrollbar {
    display: none; }
  .is-small .l-Navi__side {
    width: calc(70px); }

.l-Navi__header {
  background: #fff;
  height: 4rem; }

.l-Navi__logo {
  height: 4rem;
  padding: 0.25rem; }
  .l-Navi__logo img {
    height: 100%;
    margin: auto;
    width: auto;
    max-width: 62px; }
    .is-small .l-Navi__logo img {
      max-height: 3.5rem;
      max-width: 100%;
      height: auto;
      padding-top: 0.25rem; }

.l-Navi__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  width: 140px; }
  .is-small .l-Navi__item {
    width: 70px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px; }
  .l-Navi__item.is-active {
    background: #EEF2F5; }
    .l-Navi__item.is-active .l-Navi__item-btn {
      background: #EEF2F5;
      box-shadow: none;
      color: #005CB9;
      cursor: default;
      position: relative; }
      .l-Navi__item.is-active .l-Navi__item-btn::before {
        background: #005CB9;
        border-radius: 0 5px 5px 0;
        content: "";
        height: calc(100% - 1rem);
        left: 0;
        position: absolute;
        top: 0.5rem;
        width: 5px; }
      .l-Navi__item.is-active .l-Navi__item-btn:hover {
        background: #EEF2F5; }

.l-Navi__item-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.25rem 0.5rem;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
  width: 100%; }
  .l-Navi__item-btn:hover {
    cursor: pointer;
    box-shadow: inset 5px 0 0 0 #daf1ff;
    color: #daf1ff;
    background: rgba(30, 57, 104, 0.5); }
  .l-Navi__item-btn .c-icon {
    display: block;
    font-size: 1.85rem;
    padding-top: 0.5rem; }
    .is-small .l-Navi__item-btn .c-icon {
      padding-top: 0.25rem; }
  .l-Navi__item-btn.c-Accordion__btn {
    position: relative;
    background: #3F6C9D;
    z-index: 10; }
    .l-Navi__item-btn.c-Accordion__btn:after {
      content: "\e90b";
      display: block;
      font-family: 'icomoon';
      font-size: 1.4rem;
      position: absolute;
      right: 0.25rem;
      top: calc(50% - 1.4rem);
      width: 1.4rem;
      height: 1.4rem;
      transition: all 0.3s; }
    .l-Navi__item-btn.c-Accordion__btn:hover {
      background: #1E3968; }
      .l-Navi__item-btn.c-Accordion__btn:hover:after {
        right: 0.1rem; }
    .is-small .l-Navi__item-btn.c-Accordion__btn:after {
      font-size: 0.875rem;
      right: 0.1rem;
      top: calc(50% - 0.5rem);
      width: 0.875rem;
      height: 0.875rem; }

.l-Navi__item-label {
  padding-bottom: 0.25rem;
  max-width: 100%; }
  .is-small .l-Navi__item-label {
    display: none; }

.l-Navi__item-logout {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: auto;
  padding: 0.5rem;
  width: 140px;
  font-size: 0.875rem; }
  .l-Navi__item-logout .l-Navi__icon-logout {
    display: none;
    text-decoration: none;
    font-size: 1.5rem; }
  .is-small .l-Navi__item-logout {
    width: 70px; }
    .is-small .l-Navi__item-logout .c-Btn__secondary {
      display: none; }
    .is-small .l-Navi__item-logout .l-Navi__icon-logout {
      display: block;
      text-align: center;
      color: #fff; }

.l-Navi__item-time {
  font-size: 0.8125rem;
  text-align: center;
  padding-bottom: 0.5rem; }

.l-Navi__side-wrap.is-small .l-Navi__item-time {
  font-size: 0.625rem; }

.l-Navi__btn-mobile {
  display: none; }

.l-Navi__item-menu {
  text-align: right;
  width: 140px; }
  .is-small .l-Navi__item-menu {
    width: 70px; }

.l-Navi__btn-menu {
  background: transparent;
  color: #fff;
  text-align: right;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .l-Navi__side-wrap {
    position: fixed;
    left: calc(-140px - 20px);
    top: 4rem;
    transition: all 0.3s;
    width: 140px; }
    .l-Navi__side-wrap.is-active {
      left: 0;
      overflow: visible; }
      .l-Navi__side-wrap.is-active .c-Accordion__wrap {
        transition: all 0.3s; }
        .l-Navi__side-wrap.is-active .c-Accordion__wrap.is-active {
          left: 140px;
          position: fixed;
          top: 4rem;
          width: 50%;
          max-width: calc(100% - 140px); }
  .l-Navi__side {
    position: absolute;
    top: 4rem;
    left: 0;
    height: calc(100% - 4rem);
    overflow-y: scroll;
    overflow-x: auto; }
    .is-small .l-Navi__side {
      width: calc(140px + 17px); }
      .is-small .l-Navi__side .l-Navi__item {
        width: 140px; }
      .is-small .l-Navi__side .l-Navi__item-label {
        display: block; }
  .is-small .l-Navi__item-logout {
    width: 140px; }
  .l-Navi__btn-mobile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    background: rgba(30, 57, 104, 0.5);
    border-radius: 0.25rem;
    height: 2.75rem;
    left: 0.25rem;
    padding: 0.5rem 0;
    position: fixed;
    top: calc(4rem + 0.25rem);
    transition: all 0.3s;
    width: 2.75rem;
    z-index: 9; }
    .l-Navi__btn-mobile.is-active {
      left: calc(140px + 0.5rem); }
  .l-Navi__btn-mobile--icon {
    background: #fff;
    display: block;
    height: 3px;
    margin: 0;
    transform-origin: left center;
    transition: all 0.3s;
    width: 1.75rem; }
    .is-active .l-Navi__btn-mobile--icon {
      margin-left: 0.5rem; }
      .is-active .l-Navi__btn-mobile--icon:first-child {
        transform: rotate(45deg); }
      .is-active .l-Navi__btn-mobile--icon:nth-of-type(2) {
        opacity: 0; }
      .is-active .l-Navi__btn-mobile--icon:last-child {
        transform: rotate(-45deg); }
  .l-Navi__btn-menu {
    display: none; } }

@media only screen and (max-width: 424px) {
  .l-Navi__item {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px; }
  .l-Navi__item-btn.c-Accordion__btn:after {
    top: calc(50% - 1rem); }
  .l-Navi__item-btn .c-icon {
    font-size: 1.5rem; }
  .l-Navi__item-label {
    font-size: 0.75rem; }
    .l-Navi__item-label br {
      display: none; } }

/* ---------------------------------------------------------------------------------------
  Component -　パーツ管理
 ---------------------------------------------------------------------------------------*/
.l-Navi__side .c-Accordion__wrap {
  border-top: 1px solid #CCC;
  font-size: 0.875rem;
  height: 100%;
  left: 140px;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  position: fixed;
  top: 4rem;
  transition: all 0.3s ease 0.1s;
  width: 0; }
  .l-Navi__side .c-Accordion__wrap a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    box-shadow: 1px -1px 1px rgba(30, 57, 104, 0.2);
    border-right: 1px solid rgba(238, 242, 245, 0.5);
    padding: 0.5rem 0.25rem;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease 0.1s; }
    .l-Navi__side .c-Accordion__wrap a:before {
      content: "\e90b";
      font-family: 'icomoon';
      margin-right: 0.25rem; }
    .l-Navi__side .c-Accordion__wrap a:hover {
      background: #EEF2F5;
      color: #1E3968; }
  .l-Navi__side .c-Accordion__wrap.is-active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    margin: auto;
    opacity: 1;
    background: #1E3968;
    border-bottom: 1px solid #fff;
    box-shadow: inset 2px 0 2px rgba(30, 57, 104, 0.2), 5px 5px 5px rgba(30, 57, 104, 0.2); }

.l-Navi__side .c-Accordion__item.is-active {
  background: #EEF2F5;
  box-shadow: none;
  color: #005CB9 !important;
  font-weight: bold;
  padding-left: 1.5rem !important; }
  .l-Navi__side .c-Accordion__item.is-active::before {
    display: none; }

.l-Navi__side-wrap.is-small .c-Accordion__wrap {
  left: 70px;
  max-width: 200px;
  position: fixed;
  top: calc(4rem + 1rem); }
  .l-Navi__side-wrap.is-small .c-Accordion__wrap.is-active a {
    padding: 0.5rem 0.25rem 0.5rem 0.75rem; }
    .l-Navi__side-wrap.is-small .c-Accordion__wrap.is-active a:before {
      content: "\e90b";
      font-family: 'icomoon';
      margin-right: 0.25rem; }

.c-Btn {
  background: #005CB9;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s; }
  .c-Btn:hover {
    cursor: pointer;
    box-shadow: inset 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn:focus, .c-Btn:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90;
    color: #fff; }
  .c-Btn.is-disable {
    background: #005CB9;
    box-shadow: none;
    color: #fff;
    cursor: default;
    overflow: hidden;
    position: relative;
    pointer-events: none; }
    .c-Btn.is-disable::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(197, 202, 204, 0.5); }
  .c-Btn .c-icon {
    padding-right: 0.25rem; }

.c-Btn__primary {
  background: #005CB9;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn__primary:hover {
    cursor: pointer;
    box-shadow: inset 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn__primary:focus, .c-Btn__primary:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90;
    color: #fff; }
  .c-Btn__primary.is-disable {
    background: #005CB9;
    box-shadow: none;
    color: #fff;
    cursor: default;
    overflow: hidden;
    position: relative;
    pointer-events: none; }
    .c-Btn__primary.is-disable::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(197, 202, 204, 0.5); }
  .c-Btn__primary .c-icon {
    padding-right: 0.25rem; }
  .c-Btn__primary:hover, .c-Btn__primary:focus, .c-Btn__primary:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90; }

.c-Btn__secondary {
  background: #1E3968;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn__secondary:hover {
    cursor: pointer;
    box-shadow: inset 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn__secondary:focus, .c-Btn__secondary:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90;
    color: #fff; }
  .c-Btn__secondary.is-disable {
    background: #1E3968;
    box-shadow: none;
    color: #fff;
    cursor: default;
    overflow: hidden;
    position: relative;
    pointer-events: none; }
    .c-Btn__secondary.is-disable::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(197, 202, 204, 0.5); }
  .c-Btn__secondary .c-icon {
    padding-right: 0.25rem; }
  .c-Btn__secondary:hover, .c-Btn__secondary:focus, .c-Btn__secondary:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90; }

.c-Btn__delete {
  background: #c33;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn__delete:hover {
    cursor: pointer;
    box-shadow: inset 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn__delete:focus, .c-Btn__delete:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90;
    color: #fff; }
  .c-Btn__delete.is-disable {
    background: #c33;
    box-shadow: none;
    color: #fff;
    cursor: default;
    overflow: hidden;
    position: relative;
    pointer-events: none; }
    .c-Btn__delete.is-disable::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(197, 202, 204, 0.5); }
  .c-Btn__delete .c-icon {
    padding-right: 0.25rem; }
  .c-Btn__delete:hover, .c-Btn__delete:focus, .c-Btn__delete:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #d65c5c; }

.c-Btn__default, .c-Btn__help {
  background: #f2f6f7;
  border-radius: 0.25rem;
  color: #2a2c2d;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), inset 0 0 0 1px #c5cacc; }
  .c-Btn__default:hover, .c-Btn__help:hover {
    cursor: pointer;
    box-shadow: inset 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Btn__default:focus, .c-Btn__help:focus, .c-Btn__default:focus-within, .c-Btn__help:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90;
    color: #fff; }
  .c-Btn__default.is-disable, .is-disable.c-Btn__help, .c-Pager-item.is-disable {
    background: #f2f6f7;
    box-shadow: none;
    color: #2a2c2d;
    cursor: default;
    overflow: hidden;
    position: relative;
    pointer-events: none; }
    .c-Btn__default.is-disable::before, .is-disable.c-Btn__help::before, .c-Pager-item.is-disable::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(197, 202, 204, 0.5); }
  .c-Btn__default .c-icon, .c-Btn__help .c-icon {
    padding-right: 0.25rem; }
  .c-Btn__default:hover, .c-Btn__help:hover, .c-Btn__default:focus, .c-Btn__help:focus, .c-Btn__default:focus-within, .c-Btn__help:focus-within {
    box-shadow: 0 0 1px 3px rgba(42, 44, 45, 0.2) inset;
    background: #c5cacc;
    color: #2a2c2d; }

.c-Btn-full {
  display: block;
  width: 100%; }

.c-Btn-lg {
  padding: 0.5rem 4rem; }

.c-Btn-md {
  padding: 0.5rem 2rem; }

.c-Btn-sm {
  font-weight: normal;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem; }

.c-Btn__help .c-icon {
  color: #005CB9;
  padding-right: 0.25rem; }

.c-Btn__icon-sort {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  height: 1.5rem;
  margin-left: 0.25rem;
  text-align: center;
  transition: all 0.3s;
  width: 1.5rem; }
  .c-Btn__icon-sort::before {
    content: "\e933";
    font-family: 'icomoon';
    pointer-events: none; }
  .c-Btn__icon-sort:hover {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.8); }

.c-Board__wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .c-Board__wrap.is-col2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .c-Board__wrap.is-col2 .c-Board {
      -ms-flex: 0 1 49.5%;
      flex: 0 1 49.5%; }
      .c-Board__wrap.is-col2 .c-Board .c-Board__heading-item {
        -ms-flex: 0 1 150px;
        flex: 0 1 150px; }

.c-Board {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  min-width: 300px;
  border-bottom: 1px solid #1E3968; }

.c-Board__heading {
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
  padding: 0.75rem 0.5rem;
  position: relative; }
  .c-Board__heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #264B9C;
    width: 300px; }
  .c-Board__heading.is-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .c-Board__heading .c-icon {
    color: #005CB9;
    font-size: 1.5rem;
    padding-right: 0.75rem; }
    .c-Board__heading .c-icon::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: #2BA1DE;
      width: 2.5rem; }
  .c-Board__heading .c-Btn__primary {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .c-Board__heading .c-Btn__primary .c-icon {
      color: #fff; }
  .c-Board__heading .c-Btn__default, .c-Board__heading .c-Btn__help {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .c-Board__heading .c-Switch-item {
    font-size: 1rem; }

.c-Board__heading-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
  font-size: 1.125em;
  font-weight: bold; }

.c-Board__heading-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 1 300px;
  flex: 0 1 300px;
  font-size: 0.875rem; }
  .c-Board__heading-item .c-Btn__help {
    height: 2.25rem; }
    .c-Board__heading-item .c-Btn__help .c-icon {
      font-size: 1.25rem; }

.c-Board__title--period, .Dashboard__drive-title--period {
  font-weight: normal;
  font-size: 0.875rem;
  color: #66696b; }
  .c-Board__title--period::before, .Dashboard__drive-title--period::before {
    content: ":";
    padding: 0 0.25rem; }

.c-Board__content {
  padding: 0.5rem; }

.c-Board__item--gray {
  padding: 0.5rem;
  background: #f2f6f7;
  border-radius: 0.25rem; }

.c-Board__transparent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: transparent; }

.c-Board__evaluation {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (max-width: 1365px) {
  .c-Board__wrap.is-col2 .c-Board {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; } }

@media only screen and (max-width: 767px) {
  .c-Board__heading {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; } }
  @media only screen and (max-width: 767px) and (-ms-high-contrast: active), only screen and (max-width: 767px) and (-ms-high-contrast: none) {
    .c-Board__heading {
      -ms-flex: 0 1 100%;
      flex: 0 1 100%; } }

@media only screen and (max-width: 767px) {
    .c-Board__heading.is-row.is-sp-wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .c-Board__heading-item {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
  .c-Board__heading::before {
    width: 100%; }
  .c-Board__wrap.is-col2 .c-Board .c-Board__heading-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; } }

@media only screen and (max-width: 424px) {
  .c-Board__content {
    padding: 0.5rem; } }

.c-Card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.c-Card__item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5rem;
  margin: 0.5rem;
  background: #fff;
  box-shadow: inset 0 0 1px #CCC, 3px 3px 6px rgba(0, 0, 0, 0.15);
  border-radius: 0.125rem;
  border-bottom: 1px solid #1E3968; }

.c-Col-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.c-Col-1 {
  width: calc(8.33333% * 1); }
  @media only screen and (max-width: 767px) {
    .c-Col-1 {
      width: 100%; } }

.c-Col-2 {
  width: calc(8.33333% * 2); }
  @media only screen and (max-width: 767px) {
    .c-Col-2 {
      width: 100%; } }

.c-Col-3 {
  width: calc(8.33333% * 3); }
  @media only screen and (max-width: 767px) {
    .c-Col-3 {
      width: 100%; } }

.c-Col-4 {
  width: calc(8.33333% * 4); }
  @media only screen and (max-width: 767px) {
    .c-Col-4 {
      width: 100%; } }

.c-Col-5 {
  width: calc(8.33333% * 5); }
  @media only screen and (max-width: 767px) {
    .c-Col-5 {
      width: 100%; } }

.c-Col-6 {
  width: calc(8.33333% * 6); }
  @media only screen and (max-width: 767px) {
    .c-Col-6 {
      width: 100%; } }

.c-Col-7 {
  width: calc(8.33333% * 7); }
  @media only screen and (max-width: 767px) {
    .c-Col-7 {
      width: 100%; } }

.c-Col-8 {
  width: calc(8.33333% * 8); }
  @media only screen and (max-width: 767px) {
    .c-Col-8 {
      width: 100%; } }

.c-Col-9 {
  width: calc(8.33333% * 9); }
  @media only screen and (max-width: 767px) {
    .c-Col-9 {
      width: 100%; } }

.c-Col-10 {
  width: calc(8.33333% * 10); }
  @media only screen and (max-width: 767px) {
    .c-Col-10 {
      width: 100%; } }

.c-Col-11 {
  width: calc(8.33333% * 11); }
  @media only screen and (max-width: 767px) {
    .c-Col-11 {
      width: 100%; } }

.c-Col-12 {
  width: calc(8.33333% * 12); }
  @media only screen and (max-width: 767px) {
    .c-Col-12 {
      width: 100%; } }

.c-Display__hidden, .c-Display__hidden-tablet, .c-Display__hidden-mobile {
  display: none; }

.c-Display__scroll--x {
  overflow-x: scroll; }

.c-Display__block {
  display: block; }

.c-Display__flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.c-Display__flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-Display__flex-align--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (max-width: 1365px) {
  .c-Display__hidden-pc-tablet {
    display: none; } }

@media only screen and (max-width: 767px) {
  .c-Display__hidden-tablet {
    display: block; }
  .c-Display__hidden-pc {
    display: none; } }

@media only screen and (max-width: 424px) {
  .c-Display__hidden-mobile {
    display: block; } }

.c-List {
  list-style: none;
  margin: 0;
  padding: 0; }

.c-List-flex {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .c-List-flex.is-separate--2 li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

.c-List__dl-table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-right: 1px solid #c5cacc;
  border-top: 1px solid #c5cacc; }
  .c-List__dl-table .c-List__dl-th, .c-List__dl-table .c-List__dl-td {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    border-left: 1px solid #c5cacc;
    border-bottom: 1px solid #c5cacc;
    padding: 0.25rem 0.5rem; }
  .c-List__dl-table .c-List__dl-th {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #3F6C9D;
    color: #fff; }
  .c-List__dl-table .c-List__dl-td {
    background: #fff;
    color: #2a2c2d; }
    .c-List__dl-table .c-List__dl-td.is-parent {
      padding: 0; }
  .c-List__dl-table.is-single .c-List__dl-th {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%; }
  .c-List__dl-table.is-single .c-List__dl-td {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%; }
  .c-List__dl-table.is-child {
    border: 0;
    height: calc(100% + 1px);
    margin-left: -1px;
    margin-bottom: -1px; }
  .c-List__dl-table.is-has--colspan01 .c-List__dl-th {
    -ms-flex: 0 0 47.5%;
    flex: 0 0 47.5%;
    max-width: 47.5%; }
    .c-List__dl-table.is-has--colspan01 .c-List__dl-th.is-short {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }
      .c-List__dl-table.is-has--colspan01 .c-List__dl-th.is-short + .c-List__dl-td {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%; }
  .c-List__dl-table.is-has--colspan01 .c-List__dl-td {
    -ms-flex: 0 0 52.5%;
    flex: 0 0 52.5%;
    max-width: 52.5%; }
    .c-List__dl-table.is-has--colspan01 .c-List__dl-td.is-parent {
      width: 100%; }
      .c-List__dl-table.is-has--colspan01 .c-List__dl-td.is-parent .c-List__dl-th {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%; }
      .c-List__dl-table.is-has--colspan01 .c-List__dl-td.is-parent .c-List__dl-td {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%; }

.c-List__dl-cell--item {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 50%;
  border-bottom: 1px dotted #c5cacc;
  padding: 0.25rem; }
  .c-List__dl-cell--item.is-empty {
    border: 0; }
  .c-List__dl-cell--item:last-of-type {
    border-bottom: 0; }

.c-List__dl-cell {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid #c5cacc;
  text-align: center; }
  .c-List__dl-cell:first-child {
    border-left: 0; }
  .c-List__dl-cell.is-right {
    text-align: right; }

.c-List__tree {
  width: 600px; }

.c-List__tree-item {
  list-style: none; }
  .c-List__tree-item a {
    border-radius: 0 0.5rem 0.5rem 0;
    color: #1E3968;
    display: block;
    padding: 0.25rem 0;
    text-decoration: none; }
    .c-List__tree-item a:hover {
      background: rgba(0, 92, 185, 0.2); }

.c-List__tree-parent .c-List__tree-item {
  border-left: 1px solid rgba(0, 92, 185, 0.1);
  padding-left: 1.5rem; }
  .c-List__tree-parent .c-List__tree-item a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .c-List__tree-parent .c-List__tree-item a::before {
      border-left: 1px solid #1E3968;
      border-bottom: 1px solid #1E3968;
      content: "";
      height: 2.75rem;
      width: 1rem;
      margin-top: -1.5rem;
      position: relative;
      z-index: 1; }

.c-List__tree-number, .Organization__tree-number {
  background: #E8EBF0;
  border-radius: 0.25rem;
  color: #1E3968;
  height: 2rem;
  margin-right: 0.5rem;
  margin-top: 0.125rem;
  padding: 0.25rem 0.5rem;
  position: relative;
  z-index: 5; }

.c-List__dl-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1px; }

.c-List__dl-label {
  background: #dee3e5;
  display: inline-block;
  line-height: 1.4;
  margin: 0 0.25rem 0 0;
  padding: 0.25rem !important;
  text-align: center;
  width: 3rem; }

@media only screen and (max-width: 767px) {
  .c-List__dl-table .c-List__dl-th {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .c-List__dl-table .c-List__dl-th, .c-List__dl-table .c-List__dl-td {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .c-List__dl-table.is-single .c-List__dl-th {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .c-List__dl-table.is-child .c-List__dl-th, .c-List__dl-table.is-child .c-List__dl-td {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .c-List__dl-table.is-has--colspan01 .c-List__dl-th {
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    max-width: 52%; }
    .c-List__dl-table.is-has--colspan01 .c-List__dl-th.is-short {
      -ms-flex: 0 0 22%;
      flex: 0 0 22%;
      max-width: 22%; }
      .c-List__dl-table.is-has--colspan01 .c-List__dl-th.is-short + .c-List__dl-td {
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%; }
  .c-List__dl-table.is-has--colspan01 .c-List__dl-td {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%; }
    .c-List__dl-table.is-has--colspan01 .c-List__dl-td.is-parent {
      width: 100%; }
      .c-List__dl-table.is-has--colspan01 .c-List__dl-td.is-parent .c-List__dl-th {
        -ms-flex: 0 0 38.5%;
        flex: 0 0 38.5%;
        max-width: 38.5%; }
      .c-List__dl-table.is-has--colspan01 .c-List__dl-td.is-parent .c-List__dl-td {
        -ms-flex: 0 0 61.5%;
        flex: 0 0 61.5%;
        max-width: 61.5%; }
  .c-List__dl-table.is-has--colspan01 .c-Btn__primary {
    width: 100%; }
  .c-List__dl-table.is-has--colspan01 .c-List__dl-name {
    margin-top: 0.25rem; }
  .c-List__tree {
    width: 240px; }
  .c-List__tree-parent .c-List__tree-item {
    padding-left: 0.5rem; }
    .c-List__tree-parent .c-List__tree-item a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .c-List__tree-parent .c-List__tree-item a::before {
        border-left: 1px solid #1E3968;
        border-bottom: 1px solid #1E3968;
        content: "";
        height: 2.6875rem;
        width: 1rem;
        margin-top: -1.45rem;
        position: relative;
        z-index: 1; }
  .c-List__dl-separate, .c-List__dl-cell {
    height: 100%; }
  .c-List__dl-cell--item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .c-List__dl-cell--item.is-empty {
      padding: 0;
      height: 0;
      width: 0; }
    .c-List__dl-cell--item .c-Form__input {
      width: 100%; }
  dt.c-List__dl-cell--item {
    border-bottom: 0; }
  .c-Label--on {
    display: block;
    margin: auto;
    max-width: 5rem; } }

.c-Label, .c-List__dl-label, .c-Label--on, .c-Label--off, .c-Label--default, .c-Label--req {
  padding: 0.25rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.7215rem;
  white-space: nowrap;
  height: 1.5rem; }

.c-Label--on {
  background: #dee3e5;
  border: #c5cacc 1px solid;
  color: #2a2c2d; }

.c-Label--off {
  background: #005CB9;
  color: #fff; }

.c-Label--default {
  background: #dee3e5;
  color: #2a2c2d; }

.c-Label--req {
  background: #c33;
  color: #fff; }

.c-Form__textarea, .c-Form__input, .c-Form__date {
  border-radius: 0.25rem;
  border: 1px solid #CCC;
  box-shadow: inset 0 3px 0 #C9D6E9;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  outline: 0;
  transition: all 0.3s; }
  .c-Form__textarea:focus, .c-Form__input:focus, .c-Form__date:focus, .c-Form__textarea:focus-within, .c-Form__input:focus-within, .c-Form__date:focus-within {
    outline: none;
    background: #daf1ff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); }
  .c-Form__textarea:hover, .c-Form__input:hover, .c-Form__date:hover {
    background: #daf1ff;
    box-shadow: inset 0 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #1E3968;
    cursor: pointer; }
  .c-Form__textarea::-webkit-input-placeholder, .c-Form__input::-webkit-input-placeholder, .c-Form__date::-webkit-input-placeholder {
    color: #a8acae; }
  .c-Form__textarea:-ms-input-placeholder, .c-Form__input:-ms-input-placeholder, .c-Form__date:-ms-input-placeholder {
    color: #a8acae; }
  .c-Form__textarea::-ms-input-placeholder, .c-Form__input::-ms-input-placeholder, .c-Form__date::-ms-input-placeholder {
    color: #a8acae; }
  .c-Form__textarea:disabled, .c-Form__input:disabled, .c-Form__date:disabled {
    background: #c5cacc;
    box-shadow: none;
    color: #888b8d; }
    .c-Form__textarea:disabled:hover, .c-Form__input:disabled:hover, .c-Form__date:disabled:hover {
      cursor: default; }

.c-Form--full {
  width: 100%; }

.c-Form--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c-Form__wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-Form__line {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0; }
  .c-Form__line.is-half {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }

.c-Form__label {
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  text-align: right;
  padding-right: 1.5rem; }
  .c-Form__label + .c-Form__input, .c-Form__label + .c-Form__select-wrap, .c-Form__label + .c-Form__arrow, .c-Form__label + .c-Form__date-wrap {
    -ms-flex: 0 0 calc(100% - 150px);
    flex: 0 0 calc(100% - 150px); }
    .c-Form__label + .c-Tooltip__wrap {
      -ms-flex: 0 0 calc(100% - 150px);
      flex: 0 0 calc(100% - 150px); }
    .c-Form__label + .c-Tooltip__wrap .c-Form__input {
      width: 100%; }

.c-Form__arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.5rem; }
  .c-Form__arrow :disabled,
  .c-Form__arrow :read-only {
    background: inherit;
    box-shadow: inset 0 3px 0 #C9D6E9;
    cursor: pointer; }
  .c-Form__arrow input {
    width: 100%; }

.c-Form__textarea {
  max-width: 100%; }

.c-Form__textarea:-moz-read-only {
  color: #888b8d;
  box-shadow: none; }
  .c-Form__textarea:-moz-read-only:hover, .c-Form__textarea:-moz-read-only:focus {
    background: #fff; }

.c-Form__textarea:read-only {
  color: #888b8d;
  box-shadow: none; }
  .c-Form__textarea:read-only:hover, .c-Form__textarea:read-only:focus {
    background: #fff;
    cursor: default; }

.c-Form__input.is-sm {
  width: 5rem; }

.c-Form__input.is-md {
  width: 10rem; }

.c-Form__input.is-lg {
  width: 20rem; }

.c-Form__checkbox {
  display: none; }

.c-Form__checkbox-label {
  padding-left: 1.5rem;
  position: relative;
  margin-right: 1rem;
  transition: all 0.3s;
  white-space: nowrap; }
  .c-Form__checkbox-label::before {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(30, 57, 104, 0.5), 0 2px 0 0 #C9D6E9 inset;
    border-radius: 0.25rem;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    top: 0.25rem;
    transition: all 0.3s;
    width: 1rem; }
  .c-Form__checkbox-label:hover {
    color: #1E3968;
    cursor: pointer; }
    .c-Form__checkbox-label:hover::before {
      background: #daf1ff;
      box-shadow: 0 0 0 3px rgba(0, 92, 185, 0.5); }

.c-Form__checkbox:checked + .c-Form__checkbox-label {
  color: #005CB9; }
  .c-Form__checkbox:checked + .c-Form__checkbox-label::before {
    background: #daf1ff;
    box-shadow: 0 0 0 3px rgba(0, 92, 185, 0.5); }
  .c-Form__checkbox:checked + .c-Form__checkbox-label::after {
    border-right: 3px solid #005CB9;
    border-bottom: 3px solid #005CB9;
    content: "";
    display: block;
    height: 14px;
    left: 3px;
    position: absolute;
    top: 2px;
    transform: rotateZ(45deg);
    width: 10px; }

.c-Form__checkbox:disabled + .c-Form__checkbox-label,
.c-Form__radio:disabled + .c-Form__radio-label,
.c-Form__checkbox.is-disabled + .c-Form__checkbox-label,
.c-Form__radio.is-disabled + .c-Form__radio-label {
  color: #888b8d; }
  .c-Form__checkbox:disabled + .c-Form__checkbox-label::before,
  .c-Form__radio:disabled + .c-Form__radio-label::before,
  .c-Form__checkbox.is-disabled + .c-Form__checkbox-label::before,
  .c-Form__radio.is-disabled + .c-Form__radio-label::before {
    box-shadow: none;
    background: #c5cacc; }
  .c-Form__checkbox:disabled + .c-Form__checkbox-label:hover,
  .c-Form__radio:disabled + .c-Form__radio-label:hover,
  .c-Form__checkbox.is-disabled + .c-Form__checkbox-label:hover,
  .c-Form__radio.is-disabled + .c-Form__radio-label:hover {
    cursor: default; }

.c-Form__checkbox:checked:disabled + .c-Form__checkbox-label::after,
.c-Form__checkbox:checked.is-disabled + .c-Form__checkbox-label::after {
  border-right: 3px solid #888b8d;
  border-bottom: 3px solid #888b8d; }

.c-Form__radio:checked:disabled + .c-Form__radio-label,
.c-Form__radio:checked.is-disabled + .c-Form__radio-label {
  color: #888b8d; }
  .c-Form__radio:checked:disabled + .c-Form__radio-label::before,
  .c-Form__radio:checked.is-disabled + .c-Form__radio-label::before {
    box-shadow: none;
    background: #c5cacc; }
  .c-Form__radio:checked:disabled + .c-Form__radio-label::after,
  .c-Form__radio:checked.is-disabled + .c-Form__radio-label::after {
    background: #888b8d;
    box-shadow: 0 0 0 1px #c5cacc inset; }

.c-Form__radio {
  display: none; }

.c-Form__radio-label {
  padding-left: 1.5rem;
  position: relative;
  margin-right: 1rem;
  transition: all 0.3s;
  white-space: nowrap; }
  .c-Form__radio-label::before {
    background: #fff;
    box-shadow: 0 0 0 1px rgba(30, 57, 104, 0.5), 0 2px 0 0 #C9D6E9 inset;
    border-radius: 50%;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    top: 0.25rem;
    transition: all 0.3s;
    width: 1rem; }
  .c-Form__radio-label:hover {
    cursor: pointer;
    color: #1E3968; }
    .c-Form__radio-label:hover::before {
      background: #daf1ff;
      box-shadow: 0 0 0 3px rgba(0, 92, 185, 0.5); }

.c-Form__radio:checked + .c-Form__radio-label {
  color: #005CB9; }
  .c-Form__radio:checked + .c-Form__radio-label::before {
    background: #daf1ff;
    box-shadow: 0 0 0 3px rgba(0, 92, 185, 0.5); }
  .c-Form__radio:checked + .c-Form__radio-label::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(0.25rem + 3px);
    left: 3px;
    width: 0.625rem;
    height: 0.625rem;
    background: #005CB9;
    border-radius: 50%; }

.c-Form__select-wrap, .c-Form__arrow, .c-Form__date-wrap {
  position: relative;
  background: transparent; }
  .c-Form__select-wrap::after, .c-Form__arrow::after, .c-Form__date-wrap::after {
    border-bottom: 2px solid #005CB9;
    border-right: 2px solid #005CB9;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 0.75rem;
    top: calc(50% - 5px);
    transform: rotateZ(45deg);
    width: 8px; }
  .c-Form__select-wrap.is-disable:after, .is-disable.c-Form__arrow:after, .is-disable.c-Form__date-wrap:after {
    border-bottom: 2px solid #888b8d;
    border-right: 0;
    transform: rotateZ(0); }
  .c-Form__select-wrap.is-disable .c-Form__select, .is-disable.c-Form__arrow .c-Form__select, .is-disable.c-Form__date-wrap .c-Form__select {
    box-shadow: none;
    background: #c5cacc;
    color: #888b8d; }
    .c-Form__select-wrap.is-disable .c-Form__select:hover, .is-disable.c-Form__arrow .c-Form__select:hover, .is-disable.c-Form__date-wrap .c-Form__select:hover, .c-Form__select-wrap.is-disable .Dashboard__period-wrap:hover .c-Form__select, .Dashboard__period-wrap:hover .c-Form__select-wrap.is-disable .c-Form__select, .is-disable.c-Form__arrow .Dashboard__period-wrap:hover .c-Form__select, .Dashboard__period-wrap:hover .is-disable.c-Form__arrow .c-Form__select, .is-disable.c-Form__date-wrap .Dashboard__period-wrap:hover .c-Form__select, .Dashboard__period-wrap:hover .is-disable.c-Form__date-wrap .c-Form__select {
      cursor: default; }

.c-Form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: transparent;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-shadow: inset 0 3px 0 #C9D6E9;
  color: #1E3968;
  font-size: 1rem;
  padding: 0.25rem 2rem 0.1rem 0.75rem;
  transition: all 0.3s;
  width: 100%; }
  .c-Form__select:focus, .c-Form__select:focus-within {
    outline: none;
    background: #daf1ff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); }
  .c-Form__select:hover, .Dashboard__period-wrap:hover .c-Form__select {
    background: #daf1ff;
    box-shadow: inset 0 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #1E3968;
    cursor: pointer; }
  .c-Form__select:disabled {
    box-shadow: none;
    background: #c5cacc;
    color: #888b8d; }
    .c-Form__select:disabled:hover, .Dashboard__period-wrap:hover .c-Form__select:disabled {
      cursor: default; }

.c-Form__select::-ms-expand {
  display: none; }

.c-Form__select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a; }

.c-Form__date {
  background: #fff; }
  .c-Form__date::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .c-Form__date::-webkit-clear-button {
    -webkit-appearance: none; }

.c-Form__input-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%; }
  .c-Form__input-group input {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-radius: 0.25rem 0 0 0.25rem;
    width: 100%; }
  .c-Form__input-group button[class^="c-Btn__"] {
    -ms-flex: 1 0 5rem;
    flex: 1 0 5rem;
    border-radius: 0 0.25rem 0.25rem 0;
    white-space: nowrap;
    width: 5rem;
    margin-left: -5rem; }

.c-Form__file-area {
  background: #f2f6f7;
  border: 4px dashed #b4b9be;
  margin: 1rem 0;
  padding: 4rem 1rem;
  text-align: center; }

.c-Form__file-area--text {
  color: #454849;
  display: inline-block;
  margin-bottom: 1rem;
  text-align: center;
  width: 100%; }

.c-Form__file-area--info {
  color: #66696b;
  margin-bottom: 0.5rem; }
  .c-Form__file-area--info small {
    display: block; }

.c-Message {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0.5rem;
  padding: 1rem;
  max-width: 980px;
  margin: auto;
  box-shadow: inset 0 0 0 4px rgba(42, 44, 45, 0.15); }

.c-Message__title {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 1rem; }

.c-Message--error {
  background: rgba(204, 51, 51, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  width: 100%;
  color: #8f2424;
  box-shadow: inset 0 0 0 1px rgba(204, 51, 51, 0.3); }

.c-Message--gray {
  padding: 0.5rem;
  background: #f2f6f7;
  border-radius: 0.25rem; }

ul.c-Message__list {
  font-size: 0.875rem;
  list-style: disc;
  padding-left: 0.25rem;
  margin-left: 1rem; }

@media only screen and (max-width: 767px) {
  .c-Message, .c-Message--error {
    padding: 0.5rem; }
  .c-Message__title {
    margin-bottom: 0.5rem; } }

.c-Message__form {
  padding: 0.25rem;
  background: #f2f6f7;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  width: 100%;
  font-size: 0.875rem; }
  .c-Message__form .c-List__dl-cell--item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

.c-Pager {
  width: 100%;
  text-align: center; }

.c-Pager-item {
  background: #fff;
  border-radius: 0.25rem;
  color: #1E3968;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15), inset 0 0 0 1px #DDD;
  min-width: 2.25rem;
  white-space: nowrap; }
  .c-Pager-item:hover {
    cursor: pointer;
    box-shadow: inset 4px 4px rgba(0, 0, 0, 0.15); }
  .c-Pager-item:focus, .c-Pager-item:focus-within {
    box-shadow: 0 0 1px 3px rgba(255, 255, 255, 0.5) inset;
    background: #294f90;
    color: #fff; }
  .c-Pager-item.is-disable {
    background: #fff;
    box-shadow: none;
    color: #1E3968;
    cursor: default;
    overflow: hidden;
    position: relative;
    pointer-events: none; }
    .c-Pager-item.is-disable::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(197, 202, 204, 0.5); }
  .c-Pager-item .c-icon {
    padding-right: 0.25rem; }
  .c-Pager-item:hover, .c-Pager-item:focus, .c-Pager-item:focus-within {
    box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    background: #e6e6e6;
    color: #1E3968; }
  .c-Pager-item.is-active {
    background: #1E3968;
    color: #fff;
    box-shadow: none; }
    .c-Pager-item.is-active:hover {
      cursor: default; }
  .c-Pager-item.is-before .c-icon {
    margin-left: -8px; }
  .c-Pager-item.is-next .c-icon {
    margin-right: -8px; }
  .c-Pager-item.is-first .c-icon::before, .c-Pager-item.is-last .c-icon::before {
    letter-spacing: -12px; }
  .c-Pager-item.is-first {
    padding-left: 1rem; }
    .c-Pager-item.is-first .c-icon:first-child {
      margin-left: -16px; }
    .c-Pager-item.is-first .c-icon:last-child {
      margin-right: 8px; }
  .c-Pager-item.is-last {
    padding-right: 0.5rem; }
    .c-Pager-item.is-last .c-icon:first-child {
      margin-right: 8px; }
    .c-Pager-item.is-last .c-icon:last-child {
      margin-left: -10px; }

.c-Pager--number {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #888b8d;
  padding: 0.5rem;
  width: 100%; }

.c-Pager--count:after {
  content: ":";
  padding: 0 0.5rem; }

@media only screen and (max-width: 424px) {
  .c-Pager-item {
    min-width: auto;
    font-size: 0.7125rem; }
    .c-Pager-item.is-first {
      padding-left: 1rem; }
      .c-Pager-item.is-first .c-icon:first-child {
        margin-left: -16px; }
      .c-Pager-item.is-first .c-icon:last-child {
        margin-right: 8px; }
    .c-Pager-item.is-last .c-icon:last-child {
      margin-left: -8px; } }

.c-Tab.is-short .c-Tab__thumb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .c-Tab.is-short .c-Tab__thumb .c-Tab__thumb-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1px;
    text-align: center; }

.c-Tab__content-item {
  display: none; }
  .c-Tab__content-item.is-active {
    display: block;
    overflow: auto; }

.c-Tab__thumb-scroll--btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  box-shadow: -4px 0 4px -4px rgba(0, 0, 0, 0.5);
  height: 3rem;
  right: 0;
  position: absolute;
  top: 0;
  width: 2rem;
  z-index: 2;
  display: none;
  /* 後で外す */ }
  .c-Tab__thumb-scroll--btn::after {
    content: "\e90b";
    color: #005CB9;
    font-family: 'icomoon';
    font-size: 1.5rem;
    transition: all 0.3s; }
  .c-Tab__thumb-scroll--btn:hover {
    cursor: pointer; }
    .c-Tab__thumb-scroll--btn:hover::after {
      transform: translateX(3px); }

.c-Tab__thumb-scroll .c-Tab__thumb {
  overflow-y: hidden;
  overflow-x: auto; }
  .c-Tab__thumb-scroll .c-Tab__thumb::before {
    display: none; }

.c-Tab__thumb-scroll .c-Tab__thumb-scroll--inner {
  position: relative; }
  .c-Tab__thumb-scroll .c-Tab__thumb-scroll--inner::before {
    content: "";
    width: calc(100% + 1rem);
    background: #005CB9;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: -0.5rem;
    z-index: 1; }

.c-Tab__thumb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  width: 100%; }
  .c-Tab__thumb::before {
    content: "";
    width: calc(100% + 1rem);
    background: #005CB9;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: -0.5rem;
    z-index: 1; }
  .c-Tab__thumb::-webkit-scrollbar {
    height: 8px; }
    .c-Tab__thumb::-webkit-scrollbar-track {
      height: 8px;
      background: #EEE;
      border: none;
      box-shadow: 0 1px 0 0 #DDD; }
    .c-Tab__thumb::-webkit-scrollbar-thumb {
      background: #AAA;
      border-radius: 8px;
      height: 4px;
      box-shadow: 0 0 0 1px #EEE inset; }

.c-Tab__thumb-text {
  white-space: nowrap;
  padding-right: 1rem; }

.c-Tab__thumb-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background: #fff;
  border-radius: 0.25rem 0.25rem 0 0;
  box-shadow: inset 0 0 0 1px #CCC;
  padding: 0.5rem;
  margin-right: 0.5rem;
  transition: all 0.3s;
  position: relative; }
  .c-Tab__thumb-item .c-icon {
    color: #005CB9;
    font-size: 1.25rem;
    transition: all 0.3s;
    position: absolute;
    right: 3.5rem; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .c-Tab__thumb-item .c-icon {
        top: 1rem; } }
  .c-Tab__thumb-item:hover {
    cursor: pointer;
    background: #dee3e5; }
    .c-Tab__thumb-item:hover .c-icon {
      transform: translateX(3px); }
  .c-Tab__thumb-item.is-active {
    background: #005CB9;
    box-shadow: none;
    color: #fff; }
    .c-Tab__thumb-item.is-active:hover {
      cursor: default; }
    .c-Tab__thumb-item.is-active .c-icon {
      display: none; }
  .c-Tab__thumb-item:last-child {
    margin-right: 0; }

.c-Tab__panel {
  width: 100%;
  padding: 0.5rem;
  position: relative; }

.c-Tab__panel-item {
  display: none; }
  .c-Tab__panel-item.is-active {
    display: block; }

@media only screen and (max-width: 767px) {
  .c-Tab__thumb-item .c-icon {
    display: none; } }

@media only screen and (max-width: 424px) {
  .c-Tab__thumb::before {
    width: calc(100% + 1rem);
    bottom: -1px;
    left: -0.5rem; } }

.c-Table__search.is-border-h td,
.c-Table__search.is-border-h th {
  border-right: 1px solid #c5cacc; }

.c-Table {
  width: 100%; }
  .c-Table.is-lg {
    min-width: 1200px; }
  .c-Table.is-md {
    min-width: 600px; }
  .c-Table.is-sm {
    min-width: 600px; }
  .c-Table.text-sm {
    font-size: 0.875rem; }
  .c-Table td.is-parent {
    padding: 0; }
    .c-Table td.is-parent > div {
      padding: 0.25rem 0.5rem; }
      .c-Table td.is-parent > div:first-child {
        border-bottom: 1px solid #c5cacc; }

.c-Table__head th {
  background: #3F6C9D;
  color: #fff;
  padding: 0.25rem 0.5rem; }
  .c-Table__head th:first-child {
    border-radius: 0.5rem 0 0 0; }
  .c-Table__head th:last-child {
    border-radius: 0 0.5rem 0 0; }

.c-Table__head .c-Table__head-row th {
  border-radius: 0 !important; }

.c-Table__body th {
  background: #3F6C9D;
  color: #fff;
  padding: 0.25rem 0.5rem; }

.c-Table__body td {
  border-bottom: 1px dotted #666;
  color: #666;
  padding: 0.25rem 0.5rem; }

.c-Table__th {
  background: #3F6C9D;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.5); }
  .c-Table__th.is-check {
    width: 0.5rem; }
    .c-Table__th.is-check .c-Form__checkbox-label {
      margin-right: 0 !important; }

.c-Table__td {
  background: #fff;
  color: #666;
  padding: 0.25rem 0.5rem;
  border: 1px solid #c5cacc; }

.c-Table__table-wrap {
  border: 0;
  padding: 0; }

.c-Table__table {
  width: 100%;
  margin: -1px; }

.c-Table__search table {
  width: 100%;
  border-collapse: collapse; }
  .c-Table__search table th {
    color: #1E3968;
    text-align: right; }
  .c-Table__search table td,
  .c-Table__search table th {
    padding: 0.25rem 0.5rem; }
  .c-Table__search table button[class^="c-Btn__"] {
    display: inline-block; }

.c-Table__search.is-02 th {
  width: 8%; }

.c-Table__search.is-02 td {
  width: 25%; }

.c-Table__cell-center {
  text-align: center;
  vertical-align: middle; }
  .c-Table__cell-center .c-Form__checkbox-label,
  .c-Table__cell-center .c-Form__radio-label {
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    display: block; }
    .c-Table__cell-center .c-Form__checkbox-label::before,
    .c-Table__cell-center .c-Form__radio-label::before {
      left: 0.25rem; }
  .c-Table__cell-center .c-Form__radio-label::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(0.25rem + 3px);
    left: calc(0.25rem + 3px);
    width: 0.625rem;
    height: 0.625rem;
    background: #005CB9;
    border-radius: 50%;
    opacity: 0; }
  .c-Table__cell-center .c-Form__checkbox:checked + .c-Form__checkbox-label::after,
  .c-Table__cell-center .c-Form__radio:checked + .c-Form__radio-label::after {
    opacity: 1;
    left: calc(0.25rem + 3px); }

.c-Table__result {
  font-size: 0.875rem; }
  .c-Table__result .c-Table {
    border-collapse: collapse; }

.c-Table__Instead {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .c-Table__Instead.is-split--2 .c-Table__instead-list-item {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%; }
  .c-Table__Instead.is-split--2 .c-Table__instead-list--label {
    -ms-flex: 0 1 150px;
    flex: 0 1 150px; }

.c-Table__instead-item {
  margin-bottom: 0.5rem;
  border: 1px solid #c5cacc;
  border-radius: 0.25rem;
  box-shadow: 0 2px 2px rgba(42, 44, 45, 0.15);
  overflow: hidden; }

.c-Table__instead-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .c-Table__instead-title .c-Form__checkbox:checked + .c-Form__checkbox-label,
  .c-Table__instead-title .c-Form__checkbox-label:hover {
    color: #fff; }
    .c-Table__instead-title .c-Form__checkbox:checked + .c-Form__checkbox-label.c-Btn__default, .c-Table__instead-title .c-Form__checkbox:checked + .c-Form__checkbox-label.c-Btn__help,
    .c-Table__instead-title .c-Form__checkbox-label:hover.c-Btn__default,
    .c-Table__instead-title .c-Form__checkbox-label.c-Btn__help:hover {
      color: #2a2c2d; }

.c-Table__instead-title--period {
  font-weight: normal; }

.c-Table__instead-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

ul.c-Table__instead-list {
  padding: 0 0.5rem; }

.c-Table__instead-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  box-shadow: inset 0 1px 0 0 #dee3e5; }

.c-Table__instead-head {
  background: #3F6C9D;
  color: #fff;
  border-bottom: 0;
  font-weight: bold;
  padding: 0.5rem; }

.c-Table__instead-list {
  padding: 0.25rem; }

.c-Table__instead-list--label {
  -ms-flex: 0 1 100px;
  flex: 0 1 100px;
  padding: 0.25rem;
  color: #005CB9;
  font-weight: bold; }

.c-Table__instead-list--item {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0.25rem 0; }

.c-Table__instead-list--text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.c-Table__span--required {
  padding: 0.2em 0.5em;
  font-size: 0.8em;
  background: #db3856; }

.c-Table__link .is-parent {
  padding: 0; }

.c-Table__link .is-hover td {
  background: #DDD;
  cursor: pointer; }
  .c-Table__link .is-hover td.c-Table__cell--unlink {
    cursor: default; }

.c-Table__tr--href.is-hover td, .c-Table__tr--link3.is-hover td, .c-Table__tr--link2.is-hover td, .c-Table__tr--link.is-hover td {
  background: #DDD;
  cursor: pointer; }
  .c-Table__tr--href.is-hover td.c-Table__cell--unlink, .c-Table__tr--link3.is-hover td.c-Table__cell--unlink, .c-Table__tr--link2.is-hover td.c-Table__cell--unlink, .c-Table__tr--link.is-hover td.c-Table__cell--unlink {
    cursor: default; }

.c-Table__intable {
  width: 100%; }
  .c-Table__intable tr:last-child td, .c-Table__intable tr:last-child th {
    border-bottom: 0 !important; }
  .c-Table__intable td, .c-Table__intable th {
    border-top: 0 !important;
    border-right: 0 !important; }
    .c-Table__intable td:first-child, .c-Table__intable th:first-child {
      border-left: 0 !important; }
  .c-Table__intable td {
    color: #333; }
  .c-Table__intable.is-03 td, .c-Table__intable.is-03 th {
    width: 33.33%; }

@media (max-width: 1365px) {
  .c-Table__search table {
    border-bottom: 1px dotted #c5cacc; }
    .c-Table__search table th {
      text-align: left;
      border-top: 1px dotted #c5cacc;
      padding-bottom: 0; }
    .c-Table__search table td,
    .c-Table__search table th {
      display: block;
      width: 100%; }
  .c-Table__search.is-01 table {
    border-bottom: 0; }
  .c-Table__search.is-01 th {
    border-top: 0; }
  .c-Table__search.is-02 td,
  .c-Table__search.is-02 th {
    width: 100%; }
  .c-Table__search.is-sp-wrap tr {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
  .c-Table__search.is-sp-wrap td,
  .c-Table__search.is-sp-wrap th {
    border-top: 1px dotted #c5cacc;
    width: 50%; }
    .c-Table__search.is-sp-wrap td.is-empty,
    .c-Table__search.is-sp-wrap th.is-empty {
      border-top: 0;
      padding: 0; }
  .c-Table__accident2 {
    width: 100%;
    overflow: auto; } }

@media only screen and (max-width: 767px) {
  .c-Table.is-lg, .c-Table.is-md, .c-Table.is-sm {
    min-width: auto; } }

@media only screen and (max-width: 424px) {
  .c-Table__Instead.is-split--2 .c-Table__instead-list-item {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%; } }

.c-Section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 1rem; }

.c-Section__other, .Dashboard__driver {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 1rem; }
  .c-Section__other .c-Btn__help, .Dashboard__driver .c-Btn__help {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 2px 2px 4px rgba(0, 0, 0, 0.15);
    font-size: 0.875rem;
    white-space: nowrap;
    margin-left: 0.25rem; }
  .c-Section__other .c-Btn__default, .Dashboard__driver .c-Btn__default, .c-Section__other .c-Btn__help, .Dashboard__driver .c-Btn__help {
    background: #fff; }
    .c-Section__other .c-Btn__default:hover, .Dashboard__driver .c-Btn__default:hover, .c-Section__other .c-Btn__help:hover, .Dashboard__driver .c-Btn__help:hover, .c-Section__other .c-Btn__default:focus, .Dashboard__driver .c-Btn__default:focus, .c-Section__other .c-Btn__help:focus, .Dashboard__driver .c-Btn__help:focus, .c-Section__other .c-Btn__default:focus-within, .Dashboard__driver .c-Btn__default:focus-within, .c-Section__other .c-Btn__help:focus-within, .Dashboard__driver .c-Btn__help:focus-within {
      box-shadow: 0 0 1px 3px rgba(42, 44, 45, 0.2) inset;
      background: #c5cacc;
      color: #2a2c2d; }

.c-Section__other-text {
  color: #005CB9;
  padding-top: 0.5rem;
  padding-right: 1rem; }

.c-Section__other-name {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #005CB9; }
  .c-Section__other-name::before {
    content: "ドライバー："; }

@media (max-width: 1365px) {
  .c-Section__other, .Dashboard__driver {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .c-Section__other-text, .c-Section__other-name {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%; } }

@media only screen and (max-width: 767px) {
  .c-Section__other, .Dashboard__driver {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .c-Section__other .c-Btn__help, .Dashboard__driver .c-Btn__help,
    .c-Section__other .c-Btn__primary,
    .Dashboard__driver .c-Btn__primary,
    .c-Section__other .c-Btn__secondary,
    .Dashboard__driver .c-Btn__secondary, .c-Section__other .c-Btn__default, .Dashboard__driver .c-Btn__default, .c-Section__other .c-Btn__help, .Dashboard__driver .c-Btn__help {
      width: 100%;
      margin: 0.25rem 0; }
  .c-Section__other-text, .c-Section__other-name {
    text-align: center; }
  .c-Section__other-text {
    padding-right: 0; } }

.c-Switch {
  display: none; }
  .c-Switch + .c-Switch-item {
    background-color: #DDDDDD;
    box-shadow: inset 0 3px 0 0 rgba(30, 57, 104, 0.3);
    border-radius: 24px;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 2px;
    position: relative;
    outline: none;
    transition: background 0.3s;
    user-select: none;
    width: 120px; }
    .c-Switch + .c-Switch-item:hover {
      background: #aaaaaa;
      box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, 0.5); }
    .c-Switch + .c-Switch-item:after, .c-Switch + .c-Switch-item:before {
      content: "";
      display: block;
      left: 1px;
      position: absolute;
      top: 1px; }
    .c-Switch + .c-Switch-item:before {
      border-radius: 24px;
      left: auto;
      right: 1px;
      transition: background 0.3s; }
    .c-Switch + .c-Switch-item:after {
      background-color: #FFF;
      border-radius: 100%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
      height: 18px;
      margin: 2px;
      transition: margin 0.4s;
      width: 18px; }
  .c-Switch:checked + label::after {
    margin-left: 24px; }
  .c-Switch + .c-Switch-item {
    transition: all 0.3s; }
    .c-Switch + .c-Switch-item:after {
      width: 60px;
      border-radius: 1rem;
      font-weight: bold;
      color: #1E3968;
      text-align: center;
      content: "ON"; }
  .c-Switch:checked + .c-Switch-item {
    background: #666; }
  .c-Switch:checked + label::after {
    margin-left: 56px;
    content: "OFF"; }
  .c-Switch:focus + .c-Switch-item, .c-Switch:focus-within + .c-Switch-item {
    box-shadow: 0 0 0 3px rgba(30, 57, 104, 0.5); }

.c-Switch__short-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-right: 1rem;
  font-size: 0.875rem; }
  .c-Switch__short-wrap:before {
    content: "";
    color: #fff;
    padding-right: 0.5rem;
    padding-top: 4px; }
  .c-Switch__short-wrap:after {
    content: "";
    color: #fff;
    padding-left: 0.5rem;
    padding-top: 4px; }

.c-Switch__short {
  display: none; }
  .c-Switch__short + .c-Switch__short-item {
    background-color: #C9D6E9;
    box-shadow: inset 0 3px 0 0 rgba(30, 57, 104, 0.3);
    border-radius: 24px;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 2px;
    position: relative;
    outline: none;
    transition: background 0.3s;
    user-select: none;
    width: 48px; }
    .c-Switch__short + .c-Switch__short-item:hover {
      background: #819fcb;
      box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, 0.5); }
    .c-Switch__short + .c-Switch__short-item:after, .c-Switch__short + .c-Switch__short-item:before {
      content: "";
      display: block;
      left: 1px;
      position: absolute;
      top: 1px; }
    .c-Switch__short + .c-Switch__short-item:before {
      border-radius: 24px;
      left: auto;
      right: 1px;
      transition: background 0.3s; }
    .c-Switch__short + .c-Switch__short-item:after {
      background-color: #FFF;
      border-radius: 100%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
      height: 18px;
      margin: 2px;
      transition: margin 0.4s;
      width: 18px; }
  .c-Switch__short:checked + label::after {
    margin-left: 24px; }

.c-Switch__long-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 24px;
  background: #C9D6E9;
  box-shadow: inset 0 3px 0 0 rgba(30, 57, 104, 0.3);
  position: relative;
  transition: all 0.3s;
  height: 28px; }
  .c-Switch__long-wrap:hover {
    background: #819fcb;
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .c-Switch__long-wrap:hover .c-Switch__label {
      color: #fff; }
  .c-Switch__long-wrap::before {
    content: "";
    display: block;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    height: 22px;
    width: 4.25rem;
    position: absolute;
    border-radius: 24px;
    z-index: 0;
    margin: 2px;
    top: 1px;
    left: 1px;
    transition: all 0.3s; }
  .c-Switch__long-wrap.is-1week::before {
    margin-left: 2px; }
  .c-Switch__long-wrap.is-8week::before {
    margin-left: 4.75rem; }
  .c-Switch__long-wrap.is-6manth::before {
    margin-left: 9.5rem; }

.c-Switch__label {
  border-radius: 1.714rem;
  height: 1.714rem;
  margin: 2px;
  transition: margin 0.4s;
  width: 1.714rem;
  padding: 0.25rem 0.5rem;
  color: #66696b;
  margin: 0 0.5rem;
  position: relative;
  transition: all 0.3s;
  z-index: 1;
  cursor: pointer; }

.c-Switch__radio {
  display: none; }
  .c-Switch__radio:checked + .c-Switch__label {
    color: #1E3968;
    font-weight: bold; }

.c-Modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.6);
  margin-top: 0;
  justify-content: center;
  align-items: center;
  z-index: 20000; }

.c-Modal-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  height: 100%;
  left: 0;
  margin-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20001; }

.c-Modal-container--inner {
  background: #fff;
  box-shadow: inset 0 0 0 4px rgba(42, 44, 45, 0.3), 4px 4px 4px rgba(42, 44, 45, 0.15);
  border-radius: 0.25rem;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 20001; }
  .c-Modal-container--inner.is-w-auto {
    width: auto; }

.c-Modal-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: auto;
  position: relative;
  padding: 2rem; }
  .c-Modal-container table {
    border-collapse: collapse; }
    .c-Modal-container table tr {
      border: 1px solid rgba(210, 215, 217, 0.75);
      border-left: none;
      border-right: none; }
  .c-Modal-container .c-Table__search tr {
    border: 0; }
  @media screen and (max-width: 767px) {
    .c-Modal-container .c-Modal-Table table {
      width: 100%; }
      .c-Modal-container .c-Modal-Table table td,
      .c-Modal-container .c-Modal-Table table th {
        display: block; }
    .c-Modal-container .c-Modal-Table__overflow {
      width: 100%;
      overflow: auto; }
      .c-Modal-container .c-Modal-Table__overflow table {
        white-space: nowrap; } }

.c-Modal-title {
  margin: -2rem 0 1rem 0;
  font-size: 1.25rem;
  border-bottom: 2px solid #005CB9;
  padding: 1rem 0 0.5rem 0; }
  .c-Modal-title.c-Modal-title--icon {
    display: flex;
    align-items: center;
    border: none; }
    .c-Modal-title.c-Modal-title--icon > .c-icon {
      font-size: 1.8em;
      flex: 0 0 1.2em; }

.c-Modal-body {
  height: 100%;
  max-height: calc(100vh - 6rem);
  margin: 1rem;
  padding: 1rem;
  overflow: auto; }

.c-Modal-pager {
  margin: 1em auto; }

.c-Modal_close_btn {
  background: #c5cacc;
  border-radius: 3rem;
  color: #2a2c2d;
  cursor: pointer;
  height: 3rem;
  position: absolute;
  right: -1.5rem;
  top: -1.5rem;
  transition: all 0.3s;
  width: 3rem; }
  .c-Modal_close_btn:hover {
    background: #2a2c2d;
    color: #c5cacc; }

.c-Modal__table {
  table-layout: fixed;
  border-collapse: collapse;
  min-width: 600px;
  max-width: 100%; }
  .c-Modal__table th {
    border: 1px solid #fff;
    text-align: center; }
  .c-Modal__table td {
    text-align: center;
    border-right: 1px solid #dee3e5;
    padding: 0.25rem; }
    .c-Modal__table td:first-child {
      border-left: 1px solid #dee3e5; }

.c-Modal__title-sub {
  font-weight: normal;
  border-bottom: 1px dotted #005CB9;
  margin-bottom: 1rem; }
  .c-Modal__title-sub::before {
    content: "◆";
    color: #005CB9;
    margin-right: 0.25rem;
    font-size: 0.5rem; }
  .c-Modal__title-sub.is-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .c-Modal__title-sub.is-flex .c-Btn__primary {
      font-size: 0.875rem;
      margin: 0.25rem 0 0.25rem auto; }

.c-Modal__box, .Organization__member {
  background: #f2f6f7;
  border: 1px solid #c5cacc;
  border-radius: 0.25rem;
  box-sizing: border-box;
  box-shadow: inset 2px 2px 2px rgba(42, 44, 45, 0.1);
  padding: 1rem;
  width: 100%; }

.c-Modal__btn-bottom {
  margin-top: 1rem;
  width: 100%;
  text-align: center; }

.c-Modal__scrollbox {
  overflow-y: scroll;
  padding: 0.5rem;
  border: #c5cacc 1px solid; }
  .c-Modal__scrollbox.is-sm {
    height: 10rem; }
  .c-Modal__scrollbox.is-md {
    height: 20rem; }

.c-Modal__scrollbox-list--item {
  padding: 0.25rem 0;
  border-bottom: 1px dotted #c5cacc; }

@media only screen and (max-width: 767px) {
  .c-Modal-container {
    padding: 1.5rem; }
  .c-Modal-container--inner {
    max-width: 100%;
    max-height: 100%;
    margin: 0; }
  .c-Modal-body {
    height: 100%;
    max-height: calc(100vh - 5rem);
    margin: 0.5rem;
    padding: 0.5rem; }
  .c-Modal-title {
    margin-top: -1rem; }
  .c-Modal__table {
    min-width: auto;
    width: 100%; }
  .c-Modal__box, .Organization__member {
    padding: 0.5rem;
    border: 1px solid #c5cacc; } }

@media only screen and (max-width: 424px) {
  .c-Modal-container {
    padding: 1rem; }
  .c-Modal_close_btn {
    right: -1rem;
    top: -1rem; }
  .c-Modal__btn-bottom .c-Btn__primary,
  .c-Modal__btn-bottom .c-Btn__secondary,
  .c-Modal__btn-bottom .c-Btn__default,
  .c-Modal__btn-bottom .c-Btn__help {
    margin-bottom: 0.5rem; } }

.c-Tooltip__wrap {
  position: relative; }
.c-Tooltip__wrap.is-error {
  border: 1px solid #db3856;
  background: rgba(204, 51, 51, 0.3); }

  .c-Form__input.is-error {
    border: 1px solid #db3856; }

  .c-Tooltip__tip-body.is-error {
    background: #db3856;
  }
  .c-Tooltip__tip-body.is-error:after {
    border-color: #db3856 transparent transparent transparent; }

.c-Tooltip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  height: 1.5rem;
  margin-left: 0.25rem;
  text-align: center;
  width: 1.5rem; }
  .c-Tooltip::before {
    content: "\e927";
    font-family: 'icomoon';
    pointer-events: none; }

.c-Tooltip__tip {
  color: #fff;
  display: block;
  font-size: 0.875rem;
  line-height: 1.2;
  position: absolute;
  pointer-events: none;
  z-index: 9999;
  display: none; }

.c-Tooltip__tip-body {
  position: relative;
  top: -15px;
  padding: 10px;
  background: #222;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  white-space: nowrap; }
  .c-Tooltip__tip-body:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 1rem;
    display: block;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #222 transparent transparent transparent; }

@media only screen and (max-width: 424px) {
  .c-Tooltip {
    margin-left: 0; }
  .c-Tooltip__tip {
    top: -35px; }
    .c-Tooltip__tip.is-active {
      top: -30px; } }

/* ---------------------------------------------------------------------------------------
  Project -　固有パターン
 ---------------------------------------------------------------------------------------*/
.Accident__table_result table {
  border-collapse: collapse; }

.Accident__table_result thead th {
  border: 1px solid #fff; }

.Accident__table_result tbody td {
  border: 1px solid #c5cacc;
  padding: 0.25rem 0.5rem; }

.Accident__layout_2col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .Accident__layout_2col .Accident__layout_2col__main {
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    max-width: 60%;
    padding-right: 20px; }
  .Accident__layout_2col .Accident__layout_2col-img {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%; }
    .Accident__layout_2col .Accident__layout_2col-img img {
      margin: auto;
      height: auto;
      width: 100%; }

.Accident__modal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: calc(100% - 2rem); }

.Accident__modal-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.Accident__modal-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 0 1 49.5%;
  flex: 0 1 49.5%;
  max-width: 49.5%; }

.Accident__modal-table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 0 0 82%;
  flex: 0 0 82%;
  max-width: 82%;
  font-size: 0.875rem;
  margin-bottom: 0.5rem; }
  .Accident__modal-table.is-02 .Accident__modal-table--subtitle,
  .Accident__modal-table.is-02 .Accident__modal-table--text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Accident__modal-table.is-02 .Accident__modal-table--text {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    border-top: 1px solid #c5cacc; }

.Accident__modal-table--title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 17%;
  font-size: 1rem;
  color: #1E3968;
  font-weight: bold;
  padding: 0.25rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  background: #f2f6f7;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.2; }

.Accident__modal-table--subtitle {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 25%;
  background: #3F6C9D;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px #fff solid; }

.Accident__modal-table--text {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 75%;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px #c5cacc solid;
  border-right: 1px #c5cacc solid;
  margin-right: -1px; }
  .Accident__modal-table--text:first-of-type {
    border-top: 1px #c5cacc solid; }

.Accident__modal-map {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 0.125rem;
  margin-bottom: 0.5rem;
  background: #EEE; }

.Accident__modal-map {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: stretch;
  height: 100%;
  overflow: hidden;
  background: #f2f6f7;
  position: relative; }
  .Accident__modal-map::after {
    content: "発生地点";
    font-size: 0.8125rem;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.25rem 0.5rem;
    line-height: 1.2;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    border-radius: 0 0 0.25rem 0;
    height: 1.5rem; }

.Accident__modal-map--img {
  width: 100%;
  height: auto; }

.Accident__modal-graph {
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: flex-end;
  height: auto;
  width: 100%;
  margin-bottom: 0.5rem; }

.Accident__modal-graph--img {
  width: 100%;
  height: auto; }

@media (max-width: 1365px) {
  .Accident__layout_2col {
    display: block; }
    .Accident__layout_2col .Accident__layout_2col__main {
      padding-right: 0; }
  .Accident__layout_2col-img {
    padding: 1rem; }
  .Accident__modal-4box--item {
    padding: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #c5cacc;
    max-width: 100%; }
    .Accident__modal-4box--item:first-child {
      box-shadow: none; }
    .Accident__modal-4box--item:last-child {
      box-shadow: none; }
  .Accident__modal-nomovie {
    box-shadow: none !important; } }

@media only screen and (max-width: 767px) {
  .Accident__modal-4box--table {
    display: block; }
    .Accident__modal-4box--table tbody,
    .Accident__modal-4box--table td,
    .Accident__modal-4box--table th,
    .Accident__modal-4box--table thead,
    .Accident__modal-4box--table tr {
      display: block; }
    .Accident__modal-4box--table .c-Table__th {
      width: 100%;
      border: 0; }
    .Accident__modal-4box--table .c-Table__table {
      margin: 0 0 0.25rem;
      border: 1px solid #c5cacc; }
      .Accident__modal-4box--table .c-Table__table tr {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border: 0; }
      .Accident__modal-4box--table .c-Table__table .c-Table__td,
      .Accident__modal-4box--table .c-Table__table .c-Table__th {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .Accident__modal-4box--table .c-Table__table .c-Table__th {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
        border-bottom: 1px solid #fff; }
      .Accident__modal-4box--table .c-Table__table .c-Table__td {
        -ms-flex: 0 1 70%;
        flex: 0 1 70%;
        max-width: 70%;
        border-bottom: 0;
        border-right: 0;
        word-break: break-all; }
  .Accident__modal-4box--img {
    padding: 0.25rem;
    margin: 0 auto 1rem; }
  .Accident__modal-img {
    height: auto; }
  .Accident__modal-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 340px; }
  .Accident__modal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .Accident__modal-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 0.5rem; }
    .Accident__modal-btn .c-Btn__primary {
      -ms-flex: 0 0 48%;
      flex: 0 0 48%;
      max-width: 48%;
      margin: 0 0 0.25rem; }
  .Accident__modal-map {
    margin-bottom: 0.5rem;
    height: auto; }
  .Accident__modal-map--img {
    height: 200px;
    width: auto; }
  .Accident__modal-table {
    -ms-flex: 0 0 69%;
    flex: 0 0 69%;
    max-width: 69%; }
    .Accident__modal-table .Accident__modal-table--subtitle {
      -ms-flex: 0 0 35%;
      flex: 0 0 35%;
      max-width: 35%;
      padding: 0.25rem; }
    .Accident__modal-table .Accident__modal-table--text {
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
      max-width: 65%; }
    .Accident__modal-table.is-02 .Accident__modal-table--text {
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
      max-width: 65%; }
      .Accident__modal-table.is-02 .Accident__modal-table--text:last-of-type {
        border-top: 0; }
  .Accident__modal-table--title {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%; } }

.Dashboard__drive {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Dashboard__drive-title {
  -ms-flex: 0 1 300px;
  flex: 0 1 300px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: flex-start; }

.Dashboard__drive-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.Dashboard__drive-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 50%;
  min-width: 260px;
  color: #1E3968;
  padding: 0 1rem; }
  .Dashboard__drive-item:first-child {
    border-right: #DDD solid 1px; }
  .Dashboard__drive-item .c-icon {
    color: #2BA1DE;
    padding-right: 0.5rem; }
  .Dashboard__drive-item .icon-car_time {
    font-size: 1.5rem; }
  .Dashboard__drive-item .c-Board__item-title {
    white-space: nowrap; }
  .Dashboard__drive-item .c-Board__item-text {
    margin-left: auto;
    white-space: nowrap; }
  .Dashboard__drive-item .c-Board__item-strong {
    font-weight: bold;
    color: #2BA1DE;
    font-size: 1.75rem;
    line-height: 2rem;
    padding: 0 0.5rem; }

.Dashboard__driver .c-Btn__help {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 2px 2px 4px rgba(0, 0, 0, 0.15);
  font-size: 0.875rem;
  white-space: nowrap;
  margin-left: 0.25rem; }

.Dashboard__driver-belong {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding-right: 1rem; }

.Dashboard__driver-name {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #005CB9;
  padding-right: 1rem; }
  .Dashboard__driver-name::before {
    content: "ユーザー名："; }

.Dashboard__driver-btn-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Dashboard__driver-btn-wrap .Organization__list-intable {
    padding: 0 0 0.25rem 0; }
  .Dashboard__driver-btn-wrap .Dashboard__driver-btn {
    margin-right: 1rem;
    height: 2.5rem; }

.Dashboard__driver-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0074cc;
  background-image: -moz-linear-gradient(left, #0074cc 0%, #003399 100%);
  background-image: -webkit-linear-gradient(left, #0074cc 0%, #003399 100%);
  background-image: linear-gradient(to right, #0074cc 0%, #003399 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074cc', endColorstr='#003399',GradientType=1 );
  border-radius: 0.25rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.5rem;
  transition: all 0.3s;
  margin-left: 0.25rem; }
  .Dashboard__driver-btn .c-icon {
    font-size: 1.25rem;
    padding-right: 0.5rem; }
  .Dashboard__driver-btn:hover {
    cursor: pointer;
    background: #1E3968;
    box-shadow: inset 0 0 1px 4px rgba(255, 255, 255, 0.5); }
  .Dashboard__driver-btn.c-Btn-sm {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px; }

.Dashboard__evaluation-main, .c-Board__evaluation-main {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%; }

.Dashboard__evaluation-main--header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.Dashboard__switch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.Dashboard__switch-label {
  padding-right: 0.5rem;
  margin-left: auto;
  margin-right: 0.5rem;
  color: #1E3968;
  white-space: nowrap;
  line-height: 2; }

.Dashboard__graph {
  width: 100%; }
  .Dashboard__graph .c-Tab__thumb-item {
    -ms-flex: 1 1 20%;
    flex: 1 1 20%; }

.Dashboard__tab-number {
  background: #E8267A;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  margin-left: auto;
  padding: 0.125rem 0.25rem;
  text-align: center;
  width: 3rem; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .Dashboard__tab-number {
      letter-spacing: -0.1em; } }

.Dashboard__evaluation-sub, .c-Board__evaluation-sub {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  background: #F8F8F8;
  box-shadow: inset 4px 0 2px -2px rgba(0, 0, 0, 0.1); }
  .Dashboard__evaluation-sub .Dashboard__table, .c-Board__evaluation-sub .Dashboard__table {
    font-size: 0.875rem; }

.Dashboard__table--date, .Dashboard__table--time {
  text-align: center; }

.Dashboard__card {
  background: #EEF2F5;
  box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.15);
  padding: 0 0.25rem;
  width: calc(100% + 1rem);
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  height: auto; }

.Dashboard__card-item {
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  box-shadow: none;
  font-size: 0.875rem;
  padding: 0;
  transition: all 0.3s;
  margin: 0.5rem 0.25rem; }
  .Dashboard__card-item.is-empty {
    background: transparent;
    border-bottom: 0;
    box-shadow: none !important; }
  .Dashboard__card-item.is-active {
    box-shadow: 0 0 0 2px #E8267A inset;
    border-bottom-color: transparent; }

.Dashboard__card-list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0 0.25rem; }
  .Dashboard__card-list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dotted #CCC;
    color: #666;
    padding: 0.25rem 0.25rem;
    font-size: 0.75rem;
    letter-spacing: -0.1rem; }
    .Dashboard__card-list li:last-child {
      border-bottom: 0; }
    .Dashboard__card-list li span {
      margin-left: auto;
      display: block;
      color: #E8267A;
      font-weight: bold;
      line-height: 1.2;
      letter-spacing: 0; }
      .Dashboard__card-list li span:after {
        content: "回";
        font-weight: normal;
        color: #666;
        font-size: 0.75rem; }

.Dashboard__table-graph {
  font-size: 0.875rem;
  border-collapse: collapse;
  border: #BFD4E3 1px solid;
  margin-top: 1rem; }
  .Dashboard__table-graph th {
    background: #DBE6EF;
    border: #BFD4E3 1px solid;
    color: #1E3968;
    font-weight: normal;
    padding: 0.1rem 0.25rem; }
  .Dashboard__table-graph td {
    background: #EEF2F5;
    border: #BFD4E3 1px solid;
    text-align: center;
    padding: 0.1rem 0.25rem; }

.Dashboard__tbody-graph th {
  text-align: left;
  min-width: 6rem; }

.Dashboard__color-one, .Dashboard__color-two, .Dashboard__color-three, .Dashboard__color-four {
  display: inline-block;
  width: 1rem;
  height: 0.5rem;
  margin-right: 0.25rem; }

.Dashboard__color-one {
  background: #001F73; }

.Dashboard__color-two {
  background: #308DD5; }

.Dashboard__color-three {
  background: #61D9DE; }

.Dashboard__color-four {
  background: #61de93; }

.Dashboard__accident-pager {
  margin-top: 1rem; }

.Dashboard__Message {
  position: relative; }

.Dashboard__Message--close {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  transform: rotateZ(45deg); }
  .Dashboard__Message--close::before {
    content: "";
    background: #c33;
    width: 2px;
    height: 1rem;
    display: block;
    position: absolute;
    left: calc(50% - 1px);
    top: 0; }
  .Dashboard__Message--close::after {
    content: "";
    background: #c33;
    width: 1rem;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 1px); }

.tbbox1 {
  margin: 1em; }

.Dashboard__disp .c-Board__heading-item {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .Dashboard__disp .c-Board__heading-item .c-Btn__help {
    margin-left: 0.5rem; }

.Dashboard__disp-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0.5rem 0; }
  .Dashboard__disp-item .Dashboard__period-wrap {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }

.Dashboard__disp-label {
  margin-left: 0.25rem;
  padding-right: 1.5rem;
  font-weight: bold; }
  .Dashboard__disp-label .c-icon {
    padding-right: 0.25rem;
    color: #005CB9; }

.Dashboard__disp-switch {
  -ms-flex: 0 0 14rem;
  flex: 0 0 14rem;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.Dashboard__disp-org {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.Dashboard__disp-org--input:read-only {
  border-radius: 0.25rem;
  border: 1px solid #CCC;
  box-shadow: inset 0 3px 0 #C9D6E9;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  outline: 0;
  transition: all 0.3s; }
  .Dashboard__disp-org--input:read-only:focus, .Dashboard__disp-org--input:read-only:focus-within {
    outline: none;
    background: #daf1ff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); }
  .Dashboard__disp-org--input:read-only:hover {
    background: #daf1ff;
    box-shadow: inset 0 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #1E3968;
    cursor: pointer; }
  .Dashboard__disp-org--input:read-only::-webkit-input-placeholder {
    color: #a8acae; }
  .Dashboard__disp-org--input:read-only:-ms-input-placeholder {
    color: #a8acae; }
  .Dashboard__disp-org--input:read-only::-ms-input-placeholder {
    color: #a8acae; }
  .Dashboard__disp-org--input:read-only:disabled {
    background: #c5cacc;
    box-shadow: none;
    color: #888b8d; }
    .Dashboard__disp-org--input:read-only:disabled:hover {
      cursor: default; }

.Dashboard__period-wrap {
  position: relative;
  margin-left: 0.5rem; }
  .Dashboard__period-wrap:hover {
    cursor: pointer; }

.Dashboard__period, .Dashboard__period-dummy--img {
  display: none; }
  .Dashboard__period.is-active, .Dashboard__period-dummy--img.is-active {
    display: block;
    pointer-events: none; }

.Dashboard__period-dummy {
  display: none;
  position: absolute;
  z-index: 5;
  top: 2.5rem;
  left: 0;
  width: 320px; }

.Dashboard__switch--type {
  padding-right: 0; }
  .Dashboard__switch--type:before {
    background: transparent;
    border-radius: 0.25rem;
    content: "組織";
    color: #888b8d;
    font-weight: bold;
    margin: 0 0.25rem;
    padding: 0.1825rem 0.5rem;
    transition: all 0.3s; }
  .Dashboard__switch--type:after {
    background: #EEF2F5;
    border-radius: 0.25rem;
    content: "ドライバー";
    color: #005CB9;
    font-weight: bold;
    margin: 0 0.25rem;
    padding: 0.1825rem 0.5rem;
    transition: all 0.3s; }
  .Dashboard__switch--type.is-default:before {
    background: #EEF2F5;
    color: #005CB9; }
  .Dashboard__switch--type.is-default:after {
    background: transparent;
    color: #888b8d; }

.Dashboard__disp-org,
.Dashboard__disp-driver {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.Dashboard__disp-org {
  margin-left: 0.5rem; }

.Dashboard__disp-driver {
  margin-left: 0.25rem; }

@media (max-width: 1365px) {
  .Dashboard__driver {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .Dashboard__driver .c-Btn__help {
      width: 49.5%;
      margin: 0.25rem 0.25% !important; }
    .Dashboard__driver .c-Form__select-wrap, .Dashboard__driver .c-Form__arrow, .Dashboard__driver .c-Form__date-wrap {
      width: 49.5%;
      margin-right: 0.25%; }
  .Dashboard__driver-belong.is-noname {
    width: 100%;
    margin-right: 50%; }
  .Dashboard__evaluation {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Dashboard__evaluation-main, .c-Board__evaluation-main, .Dashboard__evaluation-sub, .c-Board__evaluation-sub {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .Dashboard__evaluation-sub, .c-Board__evaluation-sub {
    box-shadow: inset 0 6px 4px -2px rgba(0, 0, 0, 0.15), 0 6px 6px rgba(0, 0, 0, 0.15); }
  .Dashboard__card-list li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: auto;
    font-size: 1rem; }
    .Dashboard__card-list li span {
      width: 100%;
      margin: auto;
      text-align: center;
      font-size: 1rem; }
      .Dashboard__card-list li span::after {
        padding-left: 0.25rem; } }

@media only screen and (max-width: 767px) {
  .Dashboard__graph .c-Tab__thumb-text {
    font-size: 0.875rem; }
  .Dashboard__information {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Dashboard__drive-title {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%; }
  .Dashboard__drive-item {
    padding: 0 0.5rem; }
    .Dashboard__drive-item .c-Board__item-strong {
      font-size: 1.5rem; }
  .Dashboard__evaluation-main--header {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Dashboard__driver {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .Dashboard__driver .c-Btn__help {
      width: 100%;
      margin: 0.25rem 0; }
    .Dashboard__driver .c-Form__select-wrap, .Dashboard__driver .c-Form__arrow, .Dashboard__driver .c-Form__date-wrap {
      width: 100%;
      margin: 0.25rem 0; }
  .Dashboard__driver-belong {
    padding-right: 0; }
    .Dashboard__driver-belong.is-noname {
      margin-right: 0; }
  .Dashboard__driver-belong {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0; }
  .Dashboard__driver-name {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%; }
  .Dashboard__disp-driver {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Dashboard__driver-pearson {
    width: 100%;
    text-align: center; }
  .Dashboard__driver-btn-wrap {
    width: 100%;
    padding: 0.25rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .Dashboard__driver-btn-wrap .Organization__list-intable {
      padding: 0.25rem  0;
      width: 100%; }
  .Dashboard__driver-btn,
  .Dashboard__driver-btn.c-Btn-sm {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: 0.25rem;
    margin: 0.25rem 0 0.25rem 0; }
  .Dashboard__card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Dashboard__card-item {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0.25rem; }
    .Dashboard__card-item.is-empty {
      display: none; }
  .Dashboard__card-list li {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .Dashboard__card-list li span {
      width: auto;
      margin: 0 0 0 auto;
      text-align: right; }
  .Dashboard.is-org .Dashboard__driver-btn {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%; }
  .Dashboard__disp {
    padding-bottom: 0.5rem; }
    .Dashboard__disp .c-Board__heading.is-row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .Dashboard__disp .c-Board__heading.is-row .c-Board__heading-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.5rem 0;
        border-bottom: 1px solid #dee3e5; }
      .Dashboard__disp .c-Board__heading.is-row .c-Btn__help {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0; }
    .Dashboard__disp .Dashboard__switch--type {
      width: 100%;
      justify-content: center;
      padding-right: 0; }
  .Dashboard__disp-org {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0.5rem 0; }
    .Dashboard.is-org .Dashboard__disp-org {
      -ms-flex: 0 0 49%;
      flex: 0 0 49%;
      margin-right: auto; }
  .Dashboard__disp-item {
    padding-bottom: 0.5rem; }
    .Dashboard__disp-item .Dashboard__period-wrap {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .Dashboard__disp-item:first-child {
      border-bottom: 1px solid #dee3e5;
      margin-bottom: 0.5rem;
      border-right: 0;
      padding-right: 0; }
    .Dashboard__disp-item:last-child {
      padding-left: 0; } }

@media only screen and (max-width: 424px) {
  .Dashboard__driver-name, .Dashboard__driver-belong {
    margin: 0.25rem auto;
    text-align: center; }
  .Dashboard__driver-btn-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .Dashboard__driver-btn-wrap .Dashboard__driver-btn {
      margin: 0.25rem 0;
      width: 100%;
      height: auto; }
  .Dashboard__driver-btn,
  .Dashboard__driver-btn.c-Btn-sm {
    margin: 0.25rem auto; }
  .Dashboard__drive-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0.5rem; }
    .Dashboard__drive-item .c-Board__item-text {
      margin: auto; }
  .Dashboard__color-one, .Dashboard__color-two, .Dashboard__color-three, .Dashboard__color-four {
    width: 0.5rem; }
  .Dashboard__card-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .Dashboard__card-list li {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      font-size: 0.875rem; }
      .Dashboard__card-list li:nth-of-type(2n-1) {
        border-right: 1px dotted #c5cacc; }
      .Dashboard__card-list li:nth-last-child(2) {
        border-bottom: 0; }
  .Dashboard__switch {
    margin-top: 0.5rem; }
    .Dashboard__switch .Dashboard__switch-label {
      margin-left: 0; }
  .Dashboard__disp-item .Dashboard__period-wrap {
    margin-left: 0;
    margin-top: 0.5rem;
    width: 100%; }
  .Dashboard__disp-item:last-child {
    padding-bottom: 0; }
  .Dashboard__disp-driver {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Dashboard__table-graph {
    font-size: 0.7rem; }
  .Dashboard.is-org .Dashboard__disp-org, .Dashboard.is-org .Dashboard__driver-btn {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-right: 0; } }

.Faq__result-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #EEE;
  padding: 0.5rem 1rem;
  margin: -0.5rem -0.5rem 0;
  border-top: 1px solid #dee3e5;
  border-bottom: 1px dotted #dee3e5; }

.Faq__result-title--category {
  font-weight: bold; }
  .Faq__result-title--category:before {
    content: "【";
    padding-left: 0.5rem; }
  .Faq__result-title--category:after {
    content: "】"; }

.Faq__result-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }

.Faq__result-list--item {
  padding: 1rem;
  border: 1px solid #c5cacc;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(42, 44, 45, 0.15);
  margin: 0.5rem 0; }
  .Faq__result-list--item:nth-of-type(2n) {
    background: #f2f6f7; }

.Faq__result-question {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 0.5rem; }

.Faq__result-question--icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-self: flex-start;
  font-style: normal;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  font-size: 1rem;
  padding: 0.25rem;
  background: #c33;
  border-radius: 0.25rem;
  line-height: 0;
  margin-right: 0.25rem; }

.Faq__result-question--number {
  color: #66696b;
  align-self: center;
  padding-left: 0.5rem; }

.Faq__result-answer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.875rem;
  color: #66696b; }

.Faq__result-answer--icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  font-style: normal;
  max-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  font-size: 1rem;
  padding: 0.25rem;
  background: #005CB9;
  border-radius: 0.25rem;
  line-height: 0;
  margin-right: 0.25rem; }

.Faq__result-answer--text {
  -ms-flex: 1 1 90%;
  flex: 1 1 90%;
  padding-left: 0.5rem; }

.Faq__result-readmore {
  color: #1A68B2;
  margin-left: 1rem;
  padding: 0 0.25rem;
  display: inline-block;
  cursor: pointer;
  border-radius: 0.25rem; }
  .Faq__result-readmore:hover {
    background: #dee3e5; }

.Faq__wrap-category {
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  box-shadow: 0 5px 5px -6px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(30, 57, 104, 0.4); }
  .Faq__wrap-category .Faq__list-category--wrap {
    opacity: 0;
    height: 0;
    transition: all 0.3s;
    pointer-events: none; }
    .Faq__wrap-category .Faq__list-category--wrap.is-active {
      height: auto;
      transition: all 0.3s;
      opacity: 1;
      pointer-events: auto; }

.FAQ__list-category--number {
  font-size: 0.75rem;
  white-space: nowrap; }
  .FAQ__list-category--number:before {
    content: "(";
    padding-left: 0.5rem; }
  .FAQ__list-category--number:after {
    content: ")"; }

.Faq__list-category--title {
  color: #1A68B2;
  padding: 0.25rem 0;
  font-weight: bold;
  border-radius: 0.25rem; }
  .Faq__list-category--title:hover {
    cursor: pointer;
    background: rgba(197, 202, 204, 0.5); }
  .Faq__list-category--title.is-active {
    color: #1E3968; }
    .Faq__list-category--title.is-active::before {
      content: "\e925"; }
  .Faq__list-category--title::before {
    content: "\e926";
    font-family: 'icomoon';
    margin: 0 0.25rem; }

.FAQ__list-category--item {
  border-top: 1px solid #c5cacc; }
  .FAQ__list-category--item:first-child {
    border-top: 0; }
  .FAQ__list-category--item a {
    text-decoration: none;
    display: block;
    padding: 0.25rem 0.25rem 0.25rem 3rem;
    color: #1A68B2;
    width: 100%; }
    .FAQ__list-category--item a:hover {
      background: rgba(197, 202, 204, 0.5); }
  .FAQ__list-category--item.is-active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    background: rgba(197, 202, 204, 0.2); }
    .FAQ__list-category--item.is-active::before {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      width: 1rem;
      height: 1rem;
      top: calc(50% - 0.5rem);
      left: 1.5rem;
      content: "\e932";
      font-family: 'icomoon';
      color: #1A68B2; }
    .FAQ__list-category--item.is-active::after {
      content: "";
      width: 0.75rem;
      height: 0.75rem;
      background: #F8F8F8;
      position: absolute;
      top: calc(50% - 0.5rem);
      left: -0.8rem;
      transform: rotateZ(45deg);
      box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.15);
      border-radius: 0 12px 0 0; }
      @media (max-width: 1365px) {
        .FAQ__list-category--item.is-active::after {
          display: none; } }

.Faq__result-sort {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 767px) {
  .Faq__Board {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .Faq__Board .c-Board__evaluation-main .c-Board__heading::before {
      display: none; }
    .Faq__Board .c-Board__evaluation-main .c-Board__heading .c-icon::after {
      display: none; }
  .Faq__result-sort {
    width: 100%; }
    .Faq__result-sort .c-Form__select-wrap, .Faq__result-sort .c-Form__arrow, .Faq__result-sort .c-Form__date-wrap {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .Faq__result-title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.25rem 0.5rem; }
  .Faq__result-question--icon, .Faq__result-answer--icon {
    transform: scale(0.75); }
  .Faq__result-answer--text {
    padding-left: 0; }
  .Faq__result-list--item {
    padding: 0.5rem; }
  .Faq__result-answer,
  .Faq__result-question {
    position: relative;
    padding-bottom: 1.25rem; }
  .Faq__result-question--number,
  .Faq__result-readmore {
    position: absolute;
    bottom: 0;
    right: 0; } }

.Faq table {
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word; }

.Login .c-Message > div{
  padding: 1rem 0;
  max-height: 200px;
  overflow: auto;
  word-break: break-all;
  word-wrap: break-word;
}

.Login .c-Form__line {
  margin-bottom: 0.5rem; }

.Login-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 4rem auto 2rem auto; }

.Login-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1rem rgba(238, 242, 245, 0.8), 0 4px 12px rgba(30, 57, 104, 0.1);
  padding: 2rem;
  min-height: 300px;
  width: 600px; }

.Login__form {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Login__btn {
  font-size: 1.5rem;
  margin-top: 1.5rem;
  text-align: center; }

.Login__link {
  margin: auto;
  max-width: 100%;
  text-align: center;
  width: 600px; }

.Login__link-item {
  text-decoration: none;
  color: #1E3968;
  padding-right: 2rem;
  display: block; }
  .Login__link-item:hover {
    color: #005CB9;
    text-decoration: underline; }

@media only screen and (max-width: 767px) {
  .Login {
    font-size: 0.875rem; }
    .Login .c-Form__line {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .Login .c-Form__line .c-Form__label, .Login .c-Form__line .c-Form__input {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        font-size: 0.875rem;
        padding-right: 0;
        text-align: left;
        width: 100%;}
        /* max-width: calc(100% - 100px); } */
      .Login .c-Form__line .c-Form__label {
        padding-bottom: 0.25rem; }
        .Login .c-Form__line .c-Form__label + .c-Form__input,
        .Login .c-Form__line .c-Form__label + .c-Form__select-wrap,
        .Login .c-Form__line .c-Form__label + .c-Form__arrow,
        .Login .c-Form__line .c-Form__label + .c-Form__date-wrap {
          -ms-flex: 0 0 calc(100% - 100px);
          flex: 0 0 calc(100% - 100px); }
    .Login .c-Message .c-Message__title {
      margin-bottom: 0.25rem;
      font-size: 0.875rem; }
    .Login .c-Message p {
      font-size: 0.75rem; }
    .Login .c-Form__line {
      margin-bottom: 0; }
  .Login-inner {
    margin: 1rem 0; }
  .Login__btn {
    font-size: 0.875rem;
    margin: 0.5rem 0; }
  .Login-center {
    box-shadow: inset 0 0 0 0.5rem rgba(238, 242, 245, 0.5), 6px 6px 6px rgba(30, 57, 104, 0.2);
    width: 320px;
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
    min-height: auto; }
  .Login__link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 320px;
    margin: auto; }
  .Login__link-item {
    padding: 0 0 0.5rem;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%; }
    .Login__link-item:first-child {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  .Login__form__line {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .Login__form__line .c-Form__label, .Login__form__line .c-Form__input {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
    .Login__form__line .c-Form__label {
      padding-right: 0;
      text-align: left; }
    .Login__form__line .c-Form__input {
      max-width: 100%; } }

.Organization__tree {
  border-bottom: 1px #c5cacc solid; }

.Organization__tree-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 0.25rem 0; }
  .Organization__tree-item::before {
    content: "\e926";
    color: #005CB9;
    display: block;
    font-family: 'icomoon';
    padding-right: 0.25rem;
    padding-top: 0.5rem; }
  .Organization__tree-item.is-parent {
    color: #005CB9;
    border-radius: 0.25rem; }
    .Organization__tree-item.is-parent:hover {
      cursor: pointer;
      background: rgba(0, 92, 185, 0.2); }
    .Organization__tree-item.is-parent.is-close::before {
      content: "\e925"; }

.Organization__tree-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.Organization__tree-parent {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

.Organization__tree-child {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  border-radius: 0.5rem 0 0 0; }
  .Organization__tree-child .Organization__tree-child--item.is-parent {
    color: #005CB9;
    border-radius: 0.25rem; }
    .Organization__tree-child .Organization__tree-child--item.is-parent:hover {
      cursor: pointer;
      background: rgba(0, 92, 185, 0.2); }
    .Organization__tree-child .Organization__tree-child--item.is-parent.is-close::before {
      content: "\e925"; }
  .Organization__tree-child .Organization__tree-child--item:before {
    content: "・";
    padding-right: 0.25rem; }
  .Organization__tree-child .Organization__tree-child--item::after {
    content: "";
    width: 100%;
    left: 0;
    height: 1px;
    display: block;
    border-bottom: 1px #c5cacc dotted; }
  .Organization__tree-child:last-child {
    border-bottom: 0; }

.Organization__tree-child--item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0; }
  .Organization__tree-child--item.Organization__tree-parent {
    padding: 0;
    margin-right: -1px; }
    .Organization__tree-child--item.Organization__tree-parent:before {
      content: ""; }
    .Organization__tree-child--item.Organization__tree-parent::after {
      display: none; }
    .Organization__tree-child--item.Organization__tree-parent > .Organization__tree-child--item::before {
      color: #005CB9;
      content: "\e926";
      display: block;
      font-family: 'icomoon';
      padding-right: 0.25rem; }
    .Organization__tree-child--item.Organization__tree-parent > .Organization__tree-child--item::after {
      display: none; }

.Organization__tree-child {
  background: rgba(218, 241, 255, 0.1);
  border: 1px solid #c5cacc;
  border-top-color: #005CB9;
  border-top-width: 2px;
  box-shadow: -2px -2px 0 0 rgba(42, 44, 45, 0.15);
  padding-left: 1rem; }
  .Organization__tree-child:last-child {
    margin-right: -1px; }

.Organization__tree-btn--group {
  -ms-flex: 1 1 12rem;
  flex: 1 1 12rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;
  padding: 0 0.25rem;
  width: 4rem; }
  .Organization__tree-btn--group .c-Btn__primary, .Organization__tree-btn--group .c-Btn__default, .Organization__tree-btn--group .c-Btn__help {
    margin-left: 0.5rem; }

.Organization__tree-btn {
  -ms-flex: 0 0 4rem;
  flex: 0 0 4rem;
  margin-left: auto;
  padding: 0 0.25rem;
  width: 4rem; }
  .Organization__tree-btn .c-Btn__primary {
    width: 100%; }

.Organization__member-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 260px;
  max-width: 100%; }
  .Organization__member-list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem;
    border-bottom: dotted 1px #c5cacc;
    width: 100%; }

.Organization__member-number {
  -ms-flex: 0 1 40%;
  flex: 0 1 40%; }

.Organization__member-name {
  -ms-flex: 0 1 60%;
  flex: 0 1 60%;
  text-align: right; }

.Organization__list-intable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media only screen and (max-width: 424px) {
  .Organization__tree-item.is-parent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .Organization__tree-btn--group {
    width: 100%; } }

.Ranking__card .c-Card__item {
  padding: 0;
  overflow: hidden; }

.Ranking__card .c-Card__item-header {
  background: #f2f6f7;
  font-weight: bold;
  padding: 0.5rem 0.25rem;
  text-align: center;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2); }

.Ranking__card.is-type01 .c-Card__item-header {
  background: #005CB9;
  color: #fff; }

.Ranking__card.is-type02 .c-Card__item-header {
  background: #f1880b;
  color: #fff; }

.Ranking__list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #c5cacc;
  padding: 0.5rem 1rem; }
  .Ranking__list-item:last-child {
    border-bottom: 0; }

.Ranking__list-rank {
  -ms-flex: 0 0 12%;
  flex: 0 0 12%;
  color: #005CB9; }

.Ranking__list-score {
  -ms-flex: 0 0 18%;
  flex: 0 0 18%; }

.Ranking__list-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  color: #888b8d; }

.Ranking__list-before {
  font-size: 0.875rem;
  margin-left: auto; }

@media (max-width: 1024.5px) {
  .Ranking__card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .Ranking__card .c-Card__item {
      -ms-flex: 1 0 45%;
      flex: 1 0 45%; } }

@media only screen and (max-width: 767px) {
  .Ranking__card .c-Card__item {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
  .Ranking__list-item {
    padding: 0.5rem; } }

.Report__disp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 1rem; }

.Report__disp-label {
  margin-left: 0.25rem;
  padding-right: 1.5rem;
  font-weight: bold; }
  .Report__disp-label .c-icon {
    padding-right: 0.25rem;
    color: #005CB9; }

.Report__switch--report:before {
  background: transparent;
  border-radius: 0.25rem;
  content: "日報";
  color: #888b8d;
  font-weight: bold;
  margin: 0 0.25rem;
  padding: 0.1825rem 0.5rem;
  transition: all 0.3s; }

.Report__switch--report:after {
  background: #EEF2F5;
  border-radius: 0.25rem;
  content: "月報";
  color: #005CB9;
  font-weight: bold;
  margin: 0 0.25rem;
  padding: 0.1825rem 0.5rem;
  transition: all 0.3s; }

.Report__switch--report.is-default:before {
  background: #EEF2F5;
  color: #005CB9; }

.Report__switch--report.is-default:after {
  background: transparent;
  color: #888b8d; }

.Report__switch--type:before {
  background: transparent;
  border-radius: 0.25rem;
  content: "車名";
  color: #888b8d;
  font-weight: bold;
  margin: 0 0.25rem;
  padding: 0.1825rem 0.5rem;
  transition: all 0.3s; }

.Report__switch--type:after {
  background: #EEF2F5;
  border-radius: 0.25rem;
  content: "ドライバー";
  color: #005CB9;
  font-weight: bold;
  margin: 0 0.25rem;
  padding: 0.1825rem 0.5rem;
  transition: all 0.3s; }

.Report__switch--type.is-default:before {
  background: #EEF2F5;
  color: #005CB9; }

.Report__switch--type.is-default:after {
  background: transparent;
  color: #888b8d; }

.Report__tab-panel,
.Report__tab-thumb {
  display: none; }
  .Report__tab-panel.is-active,
  .Report__tab-thumb.is-active {
    display: block; }

.Report__table-divide .c-Table__th {
  max-width: 200px; }

.Report__table-divide .c-Table__table .c-Table__th {
  width: 150px; }

.Report__Table-search--modal th {
  width: 100px;
  white-space: nowrap; }

.Report__Table-search--date {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.Report__modal-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .Report__modal-list li {
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.25rem; }
    .Report__modal-list li.is-full {
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; }
    .Report__modal-list li .c-Label--default {
      width: 100px;
      text-align: center; }

@media only screen and (max-width: 767px) {
  .Report__table-divide {
    display: block; }
    .Report__table-divide tbody,
    .Report__table-divide td,
    .Report__table-divide th,
    .Report__table-divide thead,
    .Report__table-divide tr {
      display: block; }
    .Report__table-divide .c-Table__th {
      width: 100%;
      border: 0;
      max-width: 100%; }
    .Report__table-divide .c-Table__table {
      margin: 0 0 0.25rem;
      border: 1px solid #c5cacc; }
      .Report__table-divide .c-Table__table tr {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border: 0; }
      .Report__table-divide .c-Table__table .c-Table__td,
      .Report__table-divide .c-Table__table .c-Table__th {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .Report__table-divide .c-Table__table .c-Table__th {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        border-bottom: 1px solid #fff;
        text-align: left; }
      .Report__table-divide .c-Table__table .c-Table__td {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        border-bottom: 0;
        border-right: 0; } }

.Safety__personal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Safety__personal-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.Safety__personal-title {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  color: #005CB9;
  display: block;
  font-weight: bold;
  border-bottom: 1px dotted #005CB9;
  margin-bottom: 0.5rem;
  font-size: 0.875rem; }

.Safety__personal-text {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.Safety__personal-date {
  color: #66696b;
  padding-left: 0.5rem;
  font-weight: normal; }

.Safety__personal-result {
  margin-bottom: 1rem; }

.Safety__personal-result--item {
  padding: 0 1rem;
  border-right: 1px dotted #c5cacc; }
  .Safety__personal-result--item:last-child {
    border: 0; }

.Safety__personal-result--title {
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: 0.5rem; }
  .Safety__personal-result--title::before {
    background: #005CB9;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-right: 0.5rem;
    width: 3px; }

.Safety__personal-result--sub {
  color: #66696b; }

.Safety__personal-photo {
  width: 10rem;
  margin-right: 1rem;
  float: left;
  box-shadow: inset 0 0 0 1px #c5cacc;
  border-radius: 0.25rem;
  background: #fff; }

.Safety__personal-img {
  max-width: 100%;
  height: auto;
  padding: 0.25rem; }

.Safety__personal-result--rank {
  color: #66696b;
  padding: 1rem 0 0.5rem;
  text-align: center; }

.Safety__personal-result--score {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem; }

.Safety__personal-result--img {
  -ms-flex: 1 1 288px;
  flex: 1 1 288px; }

.Safety__personal-result--text {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: 1rem;
  text-align: center; }

.Safety__personal-point--score {
  font-size: 1.5rem; }
  .Safety__personal-point--score .is-strong {
    font-size: 5rem;
    font-weight: bold;
    line-height: 5rem; }

.Safety__personal-point--rank {
  margin-bottom: 2rem;
  display: inline-block; }

.Safety__personal-point {
  color: #1E3968; }

.Safety__color-accele, .Safety__color-brake, .Safety__color-handle {
  width: 1.5rem;
  height: 1rem;
  display: inline-block;
  margin-right: 0.5rem; }

.Safety__color-accele {
  background: #E2C65D; }

.Safety__color-brake {
  background: #96C428; }

.Safety__color-handle {
  background: #AD2645; }

@media only screen and (max-width: 767px) {
  .Safety__personal-result--item {
    padding: 1rem 0;
    border-right: 0;
    border-bottom: 1px solid #c5cacc; } }

.Setting__modal-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Setting__modal-flex--item {
  -ms-flex: 0 1 49%;
  flex: 0 1 49%; }

@media only screen and (max-width: 767px) {
  .Setting__modal-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .Setting__modal-flex--item:first-child {
    margin-bottom: 2rem; } }

.Styleguide__section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  position: relative;
  margin: 0 auto 1rem auto;
  width: 100%; }
  .Styleguide__section p {
    font-size: 0.875rem;
    color: #666;
    width: 100%; }
  .Styleguide__section small {
    color: #666;
    padding: 0.5rem;
    background: #EEE;
    display: block;
    border-radius: 0.25rem; }

.Styleguide__section-toggle {
  display: block;
  background: transparent;
  border-radius: 0.25rem;
  height: 2rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  transition: all 0.3s;
  width: 2rem; }
  .Styleguide__section-toggle:hover {
    cursor: pointer;
    top: 0.25rem; }
  .Styleguide__section-toggle::before {
    color: #005CB9;
    content: "\e909";
    display: block;
    font-family: 'icomoon';
    font-size: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem; }

.Styleguide__section-title {
  border-left: 3px solid #005CB9;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 0 0 1rem 0;
  padding-left: 0.75rem;
  width: 100%; }

.Styleguide__content {
  width: 100%; }

.Styleguide__content-title {
  color: #005CB9;
  font-size: 1rem;
  margin: 1rem 0 0.5rem 0;
  width: 100%; }
  .Styleguide__content-title::before {
    content: "◆";
    font-size: 0.75rem;
    padding-right: 0.5rem; }

.Styleguide__pre {
  background: #333;
  border-radius: 0.25rem;
  color: #45ff57;
  padding: 1rem; }

.Styleguide__box-sample {
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 0.25rem;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
  padding: 1rem;
  margin: 0.5rem 0;
  width: 100%; }
  .Styleguide__box-sample .c-Btn__primary,
  .Styleguide__box-sample .c-Btn__secondary,
  .Styleguide__box-sample .c-Btn__default,
  .Styleguide__box-sample .c-Btn__help {
    margin: 0 0.5rem 0.5rem 0; }
    .Styleguide__box-sample .c-Btn__primary:last-child,
    .Styleguide__box-sample .c-Btn__secondary:last-child,
    .Styleguide__box-sample .c-Btn__default:last-child,
    .Styleguide__box-sample .c-Btn__help:last-child {
      margin-bottom: 0; }

/* ---------------------------------------------------------------------------------------
  Utility -　その他
 ---------------------------------------------------------------------------------------*/
.u-text-center {
  text-align: center !important; }

.u-text-left {
  text-align: left !important; }

.u-text-right {
  text-align: right !important; }

.u-text-bold {
  font-weight: bold !important; }

.u-text-sm {
  font-size: 0.875rem; }

.u-text-gray {
  color: #888b8d; }

.u-text-red {
  color: #db3856; }

.u-text-blue {
  color: #4171c1; }

.u-text-primary {
  color: #005CB9; }

.u-nowrap {
  white-space: nowrap; }

.u-wrap-sp {
  white-space: nowrap; }

.u-w-100 {
  width: 100%; }

.u-w-100-sp {
  width: auto; }

.u-w-xs {
  width: 100px;
  max-width: 100%; }

.u-w-sm {
  width: 200px;
  max-width: 100%; }

.u-w-md {
  width: 600px;
  max-width: 100%; }

.u-w-lg {
  width: 980px;
  max-width: 100%; }

.u-w-auto {
  width: auto; }

.u-maw-xs {
  max-width: 100px; }

.u-maw-sm {
  max-width: 300px; }

.u-maw-md {
  max-width: 600px; }

.u-maw-lg {
  max-width: 980px; }

.u-maw-auto {
  width: auto; }

.u-miw-xs {
  min-width: 100px; }

.u-miw-sm {
  min-width: 300px; }

.u-miw-md {
  min-width: 600px; }

.u-miw-lg {
  min-width: 980px; }

.u-miw-auto {
  width: auto; }

.u-m-auto {
  margin: auto !important; }

.u-mx-auto {
  margin-left: auto;
  margin-right: auto; }

.u-my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.u-mt-sm {
  margin-top: 0.5rem !important; }

.u-mt-md {
  margin-top: 1rem !important; }

.u-mt-lg {
  margin-top: 4rem !important; }

.u-mt-auto {
  margin-top: auto !important; }

.u-mb-sm {
  margin-bottom: 0.5rem !important; }

.u-mb-md {
  margin-bottom: 1rem !important; }

.u-mb-lg {
  margin-bottom: 4rem !important; }

.u-mb-auto {
  margin-bottom: auto !important; }

.u-ml-0 {
  margin-left: 0 !important; }

.u-ml-sm {
  margin-left: 0.5rem !important; }

.u-ml-md {
  margin-left: 1rem !important; }

.u-ml-lg {
  margin-left: 4rem !important; }

.u-ml-auto {
  margin-left: auto !important; }

.u-mr-0 {
  margin-right: 0 !important; }

.u-mr-sm {
  margin-right: 0.5rem !important; }

.u-mr-md {
  margin-right: 1rem !important; }

.u-mr-lg {
  margin-right: 4rem !important; }

.u-mr-auto {
  margin-right: auto !important; }

.u-mx-sm {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.u-mx-md {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.u-mx-lg {
  margin-right: 4rem !important;
  margin-left: 4rem !important; }

.u-my-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.u-my-md {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.u-my-lg {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important; }

.u-p-auto {
  padding: auto !important; }

.u-pt-sm {
  padding-top: 0.5rem !important; }

.u-pt-md {
  padding-top: 1rem !important; }

.u-pt-lg {
  padding-top: 4rem !important; }

.u-pt-auto {
  padding-top: auto !important; }

.u-pb-sm {
  padding-bottom: 0.5rem !important; }

.u-pb-md {
  padding-bottom: 1rem !important; }

.u-pb-lg {
  padding-bottom: 4rem !important; }

.u-pb-auto {
  padding-bottom: auto !important; }

.u-pl-sm {
  padding-left: 0.5rem !important; }

.u-pl-md {
  padding-left: 1rem !important; }

.u-pl-lg {
  padding-left: 4rem !important; }

.u-pl-auto {
  padding-left: auto !important; }

.u-pr-sm {
  padding-right: 0.5rem !important; }

.u-pr-md {
  padding-right: 1rem !important; }

.u-pr-lg {
  padding-right: 4rem !important; }

.u-pr-auto {
  padding-right: auto !important; }

.u-px-sm {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.u-px-md {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.u-px-lg {
  padding-right: 4rem !important;
  padding-left: 4rem !important; }

.u-py-sm {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.u-py-md {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.u-py-lg {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

.u-object-fit {
  object-fit: cover; }

.u-noside .Header {
  width: 100%;
  padding-left: calc(140px + 1rem); }

.u-noside .l-Navi__side-wrap {
  background: transparent;
  display: block;
  height: 4rem;
  left: 0;
  margin: 0;
  min-height: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 140px; }

.u-noside .l-Content-inner {
  padding-bottom: 0; }

.u-fl-l {
  float: left; }

.u-fl-r {
  float: right; }

.u-fwb {
  font-weight: bold; }

.u-fs-normal {
  font-size: 1rem;
  height: 1.714rem; }
  .u-fs-normal .c-Form__select {
    height: 100%;
    font-size: 1rem; }

.u-d-iblock {
  display: inline-block; }

.u-relative {
  position: relative; }

.js-linkTriger {
  text-decoration: none;
  color: inherit; }

.js-linkTriger {
  text-decoration: none;
  color: inherit; }
  .js-linkTriger.c-Btn__primary {
    color: #fff; }

.js-MenuName {
  position: absolute;
  top: 4rem;
  right: 0;
  height: 0;
  background: #fff;
  color: #1E3968;
  z-index: 999;
  overflow: hidden;
  transition: all 0.3s;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2); }
  .js-MenuName.is-active {
    display: block;
    height: auto;
    cursor: pointer; }

.js-MenuName__list {
  padding: 0;
  margin: 0;
  list-style: none; }

.js-MenuName__list-item,
.js-MenuName1,
.js-MenuName2 {
  border-bottom: 1px solid rgba(30, 57, 104, 0.5);
  padding: 0.5rem 1rem; }
  .js-MenuName__list-item:hover,
  .js-MenuName1:hover,
  .js-MenuName2:hover {
    color: #005CB9;
    background: rgba(0, 92, 185, 0.2); }

.js-oveflow-h {
  overflow: hidden; }

@media only screen and (max-width: 767px) {
  .u-noside .l-Content-main {
    padding-top: 1rem; }
  .u-w-100-sp {
    width: 100%; }
  .u-wrap-sp {
    white-space: normal; }
  .js-MenuName {
    width: auto;
    white-space: nowrap;
    height: auto;
    right: calc(-100% - 2rem);
    top: 2.25rem;
    border-radius: 0.25rem;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2), inset 0 0 0 1px #1E3968, inset 0 -4px 0 rgba(0, 0, 0, 0.1);
    opacity: 0; }
    .js-MenuName.is-active {
      height: auto;
      right: -0.25rem;
      opacity: 1; }
  .js-MenuName__list-item {
    padding: 1rem; } }

@media print {
  body,
  html {
    -webkit-print-color-adjust: exact;
    overflow: visible;
    height: auto;
    display: block;
    position: static;
    background-color: #EEF2F5; }
  .Header {
    box-shadow: inset 0 0 0 100px #1E3968;
    color: #FFF;
    position: absolute;
    top: 0;
    left: 140px;
    padding-left: 2rem;
    width: calc(100% - 140px); }
  .l-Content-main {
    overflow: visible;
    min-height: auto;
    box-shadow: inset 0 0 0 1200px #EEF2F5;
    position: absolute;
    left: 140px;
    top: 4rem;
    width: calc(100% - 140px); }
  .c-Navi__side-wrap {
    position: absolute;
    left: 0;
    top: 0; }
  .c-Navi__side {
    margin-right: -17px; } }

/*# sourceMappingURL=styles.css.map */