@charset "UTF-8";

@media (min-width: 760px){
  .password-table tbody td{
    text-align: left;
    padding: 10px;
  }
  .c-table-td-w40{
    width: 56%;
  }
  .c-table-td-w60{
    width: 44%;
  }
}

@media (max-width: 759px){
  .c-table-td-w40{
    width: 50%;
  }
  .c-table-td-w60{
    width: 50%;
  }
  .c-table td, .c-table th{
    text-align: left;
    padding: 10px 5px;
  }

  .c-table .c-list-text--s li{
    font-size: 12px;
    line-height: 18px;
  }
  .c-table .c-text--s{
    font-size: 12px;
    line-height: 18px;
  }

  .drilldown-menu{
    border-top: #ddd  2px solid;
  }

  .drilldown-lv1{
    border-bottom: #ddd  2px solid;
  }
  .drilldown-lv1__header{
    padding: 10px 0 10px 4px;
    position: relative;
  }
  .drilldown-lv1__label{
    font-size: 14px;
    line-height: 1.4;
    font-weight: bold;
  }
  .drilldown-lv1__ico{
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -7px;
  }
  .drilldown-lv1__ico::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 2px;
    background: #999;
  }
  .drilldown-lv1__ico::after{
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 0px;
    width: 2px;
    height: 14px;
    background: #999;
  }
  .is-active-lv1 .drilldown-lv1__ico::after{
    display: none;
  }
  .is-active-lv1{
  }



  .drilldown-lv2{
    border-top: #ddd  1px solid;
    margin-left: 16px;
  }
  .drilldown-lv2__header{
    padding: 10px 0 10px 4px;
    position: relative;
  }
  .drilldown-lv2__label{
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
  }
  .drilldown-lv2__ico{
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -7px;
  }
  .drilldown-lv2__ico::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 2px;
    background: #999;
  }
  .drilldown-lv2__ico::after{
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 0px;
    width: 2px;
    height: 14px;
    background: #999;
  }
  .is-active-lv2 .drilldown-lv2__ico::after{
    display: none;
  }
  .is-active-lv2{
  }


  .drilldown-lv3{
    border-top: #bbb  1px solid;
    margin-left: 16px;
  }
  .drilldown-lv3__header{
    padding: 10px 0 10px 4px;
    position: relative;
  }
  .drilldown-lv3__label{
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
    padding-right: 24px;
  }
  .drilldown-lv3__ico{
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -7px;
  }
  .drilldown-lv3__ico::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 2px;
    background: #999;
  }
  .drilldown-lv3__ico::after{
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 0px;
    width: 2px;
    height: 14px;
    background: #999;
  }

  .is-active-lv3 .drilldown-lv3__ico::after{
    display: none;
  }

  .drilldown-lv4{
    border-top: #bbb  1px solid;
    margin-left: 16px;
  }
  .drilldown-lv4__header{
    padding: 10px 0 10px 4px;
    position: relative;
  }
  .drilldown-lv4__label{
    font-size: 12px;
    line-height: 1.4;
    font-weight: bold;
  }
  .drilldown-lv4__ico{
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -7px;
  }
  .drilldown-lv4__ico::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 2px;
    background: #999;
  }
  .drilldown-lv4__ico::after{
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 0px;
    width: 2px;
    height: 14px;
    background: #999;
  }

  .is-active-lv4 .drilldown-lv4__ico::after{
    display: none;
  }



  .js-drilldown-body,
  .js-drilldown-lv1-body{
    display: none;
  }

  .drilldown-item{
    padding: 8px 0 8px 10px;
  }
  .drilldown-item.c-text--s{
    font-size: 12px;
  }

  .drilldown-item a{
    text-decoration: none;
  }

}

@media (max-width: 370px){
  .c-table .c-list-text--s li{
    font-size: 11px;
    line-height: 18px;
  }
  .drilldown-lv1__label{
    font-size: 12px;
  }
  .drilldown-lv2__label{
    font-size: 11px;
  }
  .drilldown-lv3_label{
    font-size: 11px;
  }
  .drilldown-lv4_label{
    font-size: 11px;
  }
}