@charset "UTF-8";
/** タブ */
ul.tab {
  margin-top: 1.5em;
  display: flex;
  justify-content: center; }
  ul.tab.top {
    border-bottom: solid 3px #011961; }
    ul.tab.top a {
      border-bottom: none;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,efefef+0,ffffff+100 */
      background: #1e5799;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
      /* IE6-9 */ }
      ul.tab.top a.before {
        border-radius: 5px 0px 0px 0px; }
      ul.tab.top a.after {
        border-radius: 0px 5px 0px 0px; }
  ul.tab.bottom {
    border-top: solid 3px #011961; }
    ul.tab.bottom a {
      border-top: none;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,efefef+0,ffffff+100 */
      background: #1e5799;
      /* Old browsers */
      background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #efefef 0%, #ffffff 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
      ul.tab.bottom a.before {
        border-radius: 0px 0px 0px 5px; }
      ul.tab.bottom a.after {
        border-radius: 0px 0px 5px 0px; }
  ul.tab li {
    width: 100%;
    margin-left: 3px; }
    ul.tab li:first-of-type {
      margin-left: 0; }
    ul.tab li a {
      position: relative;
      display: block;
      border-radius: 5px 5px 0px 0px;
      box-sizing: border-box;
      font-size: 16px;
      color: #333;
      text-decoration: none;
      display: block;
      padding: .5em .3em .5em 18px;
      text-align: center;
      width: 100%;
      background: #f0f0f0;
      border: 1px solid #dbdbdb;
      font-feature-settings: "palt"; }
      ul.tab li a:hover, ul.tab li a.current {
        background: #011961;
        color: #fff;
        border-color: #011961; }
      ul.tab li a:before {
        content: "";
        display: block;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -6.5px;
        width: 13px;
        height: 13px;
        background: url("/traffic/common/img/arrow05.png") no-repeat 0 0; }
  @media screen and (max-width: 767px) {
    ul.tab {
      margin-left: -20px;
      margin-right: -20px;
      padding: 0 5px;
      justify-content: space-between; }
      ul.tab a {
        font-size: 13px !important; } }