body
{
    font-size: 14px;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
 table {
  border-collapse: collapse;
  border-spacing: 0; }

th,
td {
  padding: 0; }
  
.err
{
    color: red;
    font-size: 80%;
    font-weight: 700;
}

.input-wrapper
{
    display : inline-block;
    padding : 0px;
    margin : 0px;
    width:100%;
}

.find-result__results-table
{
    border-collapse: collapse;
    font-size: 75%;
    text-align : center;
  }

.find-result__pagenation
{
  text-align : center;
}

/*
.find-result__results-table tr td
{
    border:solid 1px black;
    padding: 4px;
}


.find-result__results-table thead
{
    background-color: #8888ff;
    color: white;
    font-weight: 700;
}

.find-result__results-table tbody tr:nth-child(odd)
{
    background-color: #e0e0ff;
} */

.find-result__sortable
{
    cursor: pointer;
}

.find-result__sortable:hover
{
    background-color: #33629F;
}

.alp_find-result__sortable
{
    cursor: pointer;
}

.alp_find-result__sortable:hover
{
    background-color: #33629F;
}

.find-result__sortable-asc::after
{
    content: "▲";
}

.find-result__sortable-desc::after
{
    content: "▼";
}


.pagenation li
{
    display: inline-block;
    text-align: center;
    line-height: 16px;
    padding: 4px;
    min-height : 16px;
    min-width : 16px;
    margin : 0px 8px;
}


.pagenation__other-page,.pagenation__prev-page,.pagenation__next-page
{
    /* border: solid 1px black; */
    /* border-radius: 4px; */
    font-size:16px;
    cursor: pointer;
}

.pagenation__other-page:hover,.pagenation__prev-page:hover,.pagenation__next-page:hover
{
  background-color: #ccc;
}

.pagenation__active-page
{
    font-weight: 900;
    background-color: yellow;
    /* border: solid 1px black;
    border-radius: 4px; */
}

.pagenation__disable
{
  color:#ccc;
    /* background-color: lightgray;
    border: solid 1px black;
    border-radius: 4px; */
}

.page-controll__choice-pagenum
{
    width:3em;
}

.upload-area
{
    box-sizing: border-box;
    width:320px;
    height:120px;
    position: relative;
    background-color: #eefeff;
    border-radius: 8px;
    border : 1px solid black;
}

.upload-area__input-file
{
    display: none;
}

.upload-area__label
{
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.upload-area--dragging
{
    background-color: #cceeff;
    border : 2px solid black;
}

.underbar
{
  text-decoration: underline !important;
}

/*************************/

@charset "UTF-8";
html {
  height: 100%;
  font-size: 62.5%;
  overflow-y: scroll; }

body {
  position: relative;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #333;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  background-color: #F6F6F6; }

h1, h2, h3, h4, h5, h6, p, object {
  margin: 0;
  padding: 0;
  font-size: 100%; }

img {
  border: none;
  vertical-align: top;
  max-width: 100%;
  height: auto; }

a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.4s ease;
  outline: none; }
  a:hover {
    opacity: .7; }

br.pc {
  display: inline; }

br.sp {
  display: none; }

.wrap {
  width: 1300px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex; }

.main {
  box-sizing: border-box;
  width: 100%;
  margin-left: 2px;
  padding: 25px 50px 50px;
  background-color: #F6F6F6; }
  .main__title {
    position: relative;
    margin-bottom: 20px;
    padding-left: 80px;
    font-size: 32px;
    font-size: 3.2rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%; }
  .main--title-password {
    color: #004896;
    background-image: url("../img/icon_password_title_navy.svg"); }
  .main--title-operationlog {
    color: #004896;
    background-image: url("../img/icon_history_navy.svg"); }
  .main--title-organization {
    color: #004896;
    background-image: url("../img/icon_organization_navy.svg"); }
  .main--title-mailaddress {
    color: #004896;
    background-image: url("../img/icon_mail_address_edit_navy.svg"); }
  .main--title-token-control {
    color: #004896;
    background-image: url("../img/icon_token_control.svg"); }
  .main--title-token-add {
    color: #004896;
    background-image: url("../img/icon_token_add.svg"); }
  .main--title-token-edit {
    color: #004896;
    background-image: url("../img/icon_token_edit.svg"); }
  .main--title-apply {
    color: #004896;
    background-image: url("../img/icon_entry_navy_so.svg"); }
  .main--title-estimate {
    color: #004896;
    background-image: url("../img/icon_estimate.svg"); }
  .main--title-estimate-add {
    color: #004896;
    background-image: url("../img/icon_estimate_add.svg"); }
  .main--title-estimate-edit {
    color: #004896;
    background-image: url("../img/icon_estimate_edit.svg"); }
  .main--title-payment {
    color: #004896;
    background-image: url("../img/icon_payment_navy.svg"); }
  .main--title-entry-finish {
    color: #004896;
    background-image: url("../img/icon_entry_navy_finish_so.svg"); }
  .main--title-walkout {
    color: #004896;
    background-image: url("../img/icon_walkout.svg"); }
  .main--title-document {
    color: #024190;
    background-image: url("../img/icon_document.svg"); }
  .main__contents {
    box-sizing: border-box;
    margin-top: 60px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 8px 4px rgba(102, 102, 102, 0.2); }
    .main__contents:first-of-type {
      margin-top: 0; }

.header {
  position: relative;
  box-sizing: border-box;
  background-color: #E4E4E4;
  min-width: 1300px;
  text-align: center;
  border-bottom: 2px solid #fff; }
  .header__wrap {
    position: relative;
    width: 1300px;
    margin: 0 auto; }
  .header__title {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold; }
  .header__lead {
    position: relative;
    display: inline-block;
    padding: 28px 0 28px 70px;
    font-weight: bold; }
    .header__lead::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 10px;
      bottom: 10px;
      width: 58px;
      background-image: url("../img/head_logo.png");
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% auto; }
  .header__account {
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: right; }
  .header__nav-ttl {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .header__id {
    margin-bottom: 5px; }
  .header__user {
    display: inline-block;
    padding-left: 35px;
    background-image: url("../img/icon_avatar.svg");
    background-position: left center;
    background-repeat: no-repeat; }

  .nav {
    position: relative;
    padding-bottom: 16em;
    flex-shrink: 0;
    width: 258px;
    background-color: #fff; }
    .nav__list {
      margin: 0 0 18px;
      padding: 0;
      list-style: none; }
      .nav__list:last-child {
        margin-bottom: 0; }
    .nav__item {
      margin-bottom: 2px; }
    .nav__link {
      display: block;
      background-color: #888888;
      padding: 48px 0 48px 84px;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #fff;
      background-position: 30px center;
      background-repeat: no-repeat; }
    .nav--home {
      background-image: url("../img/admin_icon_home.svg"); }
    .nav--educational {
      background-image: url("../img/admin_icon_educational.svg"); }
    .nav--inquiry {
      background-image: url("../img/admin_icon_inquiry.svg"); }
    .nav--lecture {
      background-image: url("../img/admin_icon_lecture.svg"); }
    .nav--entry-control {
      background-image: url("../img/admin_entry_control.svg"); }
    .nav--estimate-control {
      background-image: url("../img/admin_estimate_control.svg"); }
    .nav--payment-control {
      background-image: url("../img/admin_payment_control.svg"); }
    .nav--token-control {
      background-image: url("../img/admin_token_control.svg"); }
    .nav--current {
      background-color: #014090; }
    .nav__subitem {
      border-top: 2px solid #fff; }
    .nav__sublink {
      display: block;
      padding: 24px 0 24px 84px;
      background-position: 40px center;
      background-repeat: no-repeat;
      color: #fff;
      font-size: 16px;
      font-size: 1.6rem; }
    .nav--organization {
      background-image: url("../img/admin_organization.svg");
      background-color: #022859; }
    .nav--setting {
      background-image: url("../img/admin_icon_setting.svg");
      background-color: #022859; }
    .nav--logout {
      background-image: url("../img/icon_logout.svg");
      background-color: #555555; }
    .nav--password {
      background-image: url("../img/icon_password.svg");
      background-color: #022859; }
    .nav--history {
      background-image: url("../img/icon_history.svg");
      background-color: #33629F; }

.login-time {
  margin-bottom: 40px; }

.contents {
  margin-bottom: 90px; }
.contents:last-of-type {
  margin-bottom: 0; }
.contents__main {
  width: 880px;
  margin: 0 auto 60px; }
  .contents__main:last-child {
    margin: 0 auto; }

.contents__title-wrap {
  position: relative;
  margin-bottom: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid #999999; }

.contents__title-main {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold; }

.contents__title {
  margin-bottom: 30px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold; }

.contents--icon {
  padding-left: 35px;
  background-position: left 3px;
  background-repeat: no-repeat;
  background-size: 26px auto; }
.contents--entry {
  background-image: url("/el/common/img/contents_entry.svg"); }
.contents--search {
  background-image: url("/el/common/img/contents_search.svg"); }
.contents--password {
  background-image: url("/el/common/img/contents_password.svg"); }
.contents--account {
  background-image: url("/el/common/img/contents_account.svg"); }
.contents--group {
  background-image: url("/el/common/img/contents_group.svg"); }
.contents--lecture {
  background-image: url("/el/common/img/contents_lecture.svg"); }
.contents--information {
  background-image: url("/el/common/img/contents_document.svg"); }
.contents--authority {
  background-image: url("/el/common/img/contents_authority.svg"); }
.contents--unit {
  background-image: url("/el/common/img/contents_unit.svg"); }
.contents--operationlog {
  background-image: url("../img/contents_history.svg"); }
  .contents__btn-wrap {
    margin: 10px 0 15px -4px;
    display: flex;
    align-items: center; }
    
    .contents__btn:hover{
      background-color:#ccc;
    }
  
    .contents__btn {
    display: inline-block;
    margin-left: 4px;
    padding: 5px 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px; 
  background-color:white;
  outline:none;
cursor:pointer}
  .contents__btn-remove {
    display: inline-block;
    margin-left: auto;
    padding: 5px 20px;
    background-color: #A9432E;
    border-radius: 10px;
    color: #fff; 
  border:none;
outline:none;}

.contents__btn-remove:hover{
  background-color: rgb(124, 77, 68);
  cursor:pointer;
}
.contents__btn-right {
  display: inline-block;
  margin-left: auto;
}
.contents__btn-right2 {
  display: inline-block;
  margin-left: 580px;
}

  .contents--group-btn {
    border-color: #004896; }
  .contents__check-img {
    margin-right: 5px;
    vertical-align: text-bottom; 
  width:17px;
  height:17px;
}

.contents--title-icon {
  padding-left: 35px;
  background-position: 0 3px;
  background-repeat: no-repeat; }

.contents--icon-people {
  background-image: url("../img/contents_people.svg");
  background-size: 35px auto; }

.contents--icon-password {
  background-image: url("../img/contents_password.svg"); }

.contents--icon-alert {
  background-image: url("../img/contents_alert.svg"); }

.contents--icon-document {
  background-image: url("../img/contents_document.svg"); }

.contents--icon-organization {
  background-image: url("../img/contents_organization.svg"); }

.contents--icon-othersetting {
  background-image: url("../img/contents_other_setting.svg"); }

.contents--icon-mailaddress {
  background-image: url("../img/contents_mail_address.svg"); }
.contents--icon-copy {
  background-image: url("../img/contents_copy.svg"); }
.contents--icon-token {
  background-image: url("../img/contents_token.svg"); }
.contents--icon-payment-unpaid {
  background-image: url("../img/contents_payment_unpaid.svg"); }
.contents--icon-estimate {
  background-image: url("../img/contents_estimate.svg"); }
.contents--icon-invoice {
  background-image: url("../img/contents_invoice.svg"); }
.contents--icon-payment {
  background-image: url("../img/contents_payment.svg"); }
.contents--icon-unpaid {
  background-image: url("../img/contents_entry_unpaid.svg"); }
.contents--icon-processing {
  background-image: url("../img/contents_estimate_processing.svg"); }
  
.contents__title-btn {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  background-color: #E4E4E4; }

.contents__lead {
  margin-bottom: 15px; }

.alert__main {
  padding: 15px;
  background-color: #FFFFBF;
  color: #D80000; }

.table-show {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .table-show__right {
    margin-left: auto; }
  .table-show__show-line {
    margin-left: 10px; }
  .table-show__show-page {
    margin-left: 10px; }
  .table-show__input-page {
    width: 3em; }
  .table-show__select {
    box-sizing: border-box;
    padding: 5px;
    font-size: 12px;
    font-size: 1.2rem;
   }

.detail-table {
  width: 100%; }
  .detail-table th, .detail-table td {
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #999999; }
  .detail-table th {
    text-align: center; }
  .detail-table__body tr {
    background-color: #E7EFF8; }
    .detail-table__body tr:nth-child(2n+1) {
      background-color: #fff; }
  .detail-table--group th {
    background-color: #004896;
    color: #fff; }
  .detail-table--head {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center; }
  .detail-table--title {
    font-weight: bold; }
  .detail-table--cl-group {
    color: #004896; }
  .detail-table__map {
    display: block;
    padding-right: 20px;
    background-image: url("../img/icon_map.svg");
    background-position: right bottom;
    background-repeat: no-repeat; }
  .detail-table--limit {
    font-size: 20px;
    font-size: 2.0rem;
    color: #D80000; }
  .detail-table__entry-btn {
    display: block;
    padding: 10px;
    background-color: #666;
    color: #fff;
    text-align: center; }
  .detail-table--link {
    text-decoration: underline; }
  .detail-table--center {
    text-align: center; }
  .detail-table--right {
    text-align: right; }
  .detail-table__w8 {
    width: 8%; }
  .detail-table__w10 {
    width: 10%; }
  .detail-table__w12 {
    width: 12%; }
  .detail-table__w14 {
    width: 14%; }
  .detail-table__w16 {
    width: 16%; }
  .detail-table__w20 {
    width: 20%; }
  .detail-table__w40 {
    width: 40%; }

.before-contents {
  width: 940px;
  margin: 0 auto;
  padding: 50px 0;
  box-sizing: border-box;
  background-color: #F6F6F6; }
  .before-contents__title-wrap {
    margin-bottom: 30px;
    position: relative; }
  .before-contents__title {
    text-align: center;
    font-size: 32px;
    font-size: 3.2rem;
    color: #004896; }
  .before-contents__title-btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    display: block;
    padding: 5px 20px;
    border: 2px solid #004896;
    border-radius: 5px;
    background-color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #004896; }
  .before-contents__title-btn:hover{
    border: 2px solid #436DA5;
    color: #436DA5;
  }
  .before-contents__title-back {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    display: block;
    padding-left: 15px;
    text-decoration: underline; }
    .before-contents__title-back::before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 10px;
      height: 10px;
      margin-top: -6px;
      border-top: solid 1px #333;
      border-right: solid 1px #333;
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg); }
  .before-contents__wrap {
    padding: 80px 0;
    background-color: #fff;
    box-shadow: 0 0 8px 4px rgba(102, 102, 102, 0.2); }
  .before-contents__main {
    width: 680px;
    margin: 0 auto; }
  .before-contents__btn-wrap {
    margin-top: 35px;
    text-align: center; }
  .before-contents__btn {
    box-sizing: border-box;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    padding: 20px;
    border-radius: 10px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.0; }
  .before-contents__base {
    min-width: 360px;
    color: #fff;
    background-color: #004896; }

.login__btn-wrap, .confirm-code__btn-wrap, .account__btn-wrap {
  margin-top: 35px;
  text-align: center; }

.login__btn, .confirm-code__btn, .account__btn {
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  padding: 20px;
  border-radius: 10px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.0;
  display: inline-block; }

.login__base, .confirm-code__base, .account__base {
  min-width: 360px;
  color: #fff;
  background-color: #004896; }

.login__base_btn:hover {
  background-color: #436DA5;
}

.login__main {
  margin: 10px 0;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background-color: #F6F6F6; }

.login__head {
  width: 20%;
  padding-left: 25px;
  font-weight: bold; }

.login__input {
  width: 75%;
  margin-left: auto;
  font-weight: bold; }

.login__text {
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.login__max {
  width: 100%; }

.login__forget {
  margin-top: 35px;
  text-align: center; }

.login__forget-link {
  text-decoration: underline; }

.policy__main {
  padding: 2px;
  background-color: #F6F6F6;
  height: 230px;
  overflow: auto; }

.policy__btn-wrap {
  margin-top: 35px;
  text-align: center; }

.policy__btn {
  box-sizing: border-box;
  padding: 11px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.0;
  display: inline-block; }

.policy__base {
  min-width: 160px;
  margin-left: 80px; }
  .policy__base:first-child {
    margin-left: 0; }

.policy__bg-gray {
  color: #fff;
  border: 2px solid #888;
  background-color: #aaa; }

.policy__bg-gray:hover {
  background-color: #888; }

.policy__border-gray {
  color: #666;
  border: 2px solid #666; 
  background-color: white;
}

.policy__border-gray:hover {
  color: #666;
  border: 2px solid #666; 
  background-color: #eee;
}

.confirm-code__lead {
  margin-bottom: 15px;
  text-align: center; }

.confirm-code__text {
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 500px; }

.confirm-code__text__box {
  text-align: center; }

.search__main,
.account__main,
.password__main,
.information__main,
.authority__main {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  margin: 0 0 2px;
  background-color: #F6F6F6; }

.search__head,
.account__head,
.password__head,
.information__head,
.authority__head {
  width: 30%;
  font-weight: bold; }

.search__block,
.account__block,
.password__block,
.information__block,
.authority__block {
  margin: 0;
  width: 70%; }

.search__text,
.account__text,
.password__text,
.information__text,
.authority__text {
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.search__textarea,
.account__textarea,
.password__textarea,
.information__textarea,
.authority__textarea {
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  height: 100px; }

.search__text__box,
.account__text__box,
.password__text__box,
.information__text__box,
.authority__text__box {
  display: inline-block;
  margin-left: 20px;
  padding-left: 2.5em;
  position: relative; }
  .search__text__box::before,
  .account__text__box::before,
  .password__text__box::before,
  .information__text__box::before,
  .authority__text__box::before {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0; }
  .search__text__box:first-child,
  .account__text__box:first-child,
  .password__text__box:first-child,
  .information__text__box:first-child,
  .authority__text__box:first-child {
    margin-left: 0; }

.search__text--sei::before,
.account__text--sei::before,
.password__text--sei::before,
.information__text--sei::before,
.authority__text--sei::before {
  content: "姓 "; }

.search__text--mei::before,
.account__text--mei::before,
.password__text--mei::before,
.information__text--mei::before,
.authority__text--mei::before {
  content: "名 "; }

.search__text--sei-kana::before,
.account__text--sei-kana::before,
.password__text--sei-kana::before,
.information__text--sei-kana::before,
.authority__text--sei-kana::before {
  content: "せい "; }

.search__text--mei-kana::before,
.account__text--mei-kana::before,
.password__text--mei-kana::before,
.information__text--mei-kana::before,
.authority__text--mei-kana::before {
  content: "めい "; }

.search__select,
.account__select,
.password__select,
.information__select,
.authority__select {
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.search__max,
.account__max,
.password__max,
.information__max,
.authority__max {
  width: 100%; }

.search__middle,
.account__middle,
.password__middle,
.information__middle,
.authority__middle {
  width: 200px; }

.search__harf,
.account__harf,
.password__harf,
.information__harf,
.authority__harf {
    width: 50%; }

.search--radio,
.account--radio,
.password--radio,
.information--radio,
.authority--radio {
  margin-right: .3em;
  font-size: 16px;
  font-size: 1.6rem; }

.search--checkbox,
.account--checkbox,
.password--checkbox,
.information--checkbox,
.authority--checkbox {
  margin-right: .3em;
  font-size: 16px;
  font-size: 1.6rem; }

.search--calendar-icon,
.account--calendar-icon,
.password--calendar-icon,
.information--calendar-icon,
.authority--calendar-icon {
  margin-left: 5px;
  vertical-align: middle; }

.search__btn-wrap,
.account__btn-wrap,
.password__btn-wrap,
.information__btn-wrap,
.authority__btn-wrap {
  margin-top: 30px;
  text-align: center; }

.search--btn-group,
.account--btn-group,
.password--btn-group,
.information--btn-group,
.authority--btn-group {
  background-color: #004896;
  color: #fff; }

.search--btn-online,
.account--btn-online,
.password--btn-online,
.information--btn-online,
.authority--btn-online {
  background-color: #1F7D79;
  color: #fff; }

.search__notice,
.account__notice,
.password__notice,
.information__notice,
.authority__notice {
  padding: 80px 30px 15px;
  margin: 0 0 2px;
  background-color: #F6F6F6;
  list-style: none; }
  .search__notice li,
  .account__notice li,
  .password__notice li,
  .information__notice li,
  .authority__notice li {
    position: relative;
    padding-left: 1em; }
    .search__notice li::before,
    .account__notice li::before,
    .password__notice li::before,
    .information__notice li::before,
    .authority__notice li::before {
      content: "※";
      position: absolute;
      top: 0;
      left: 0; }

.search__btn,
.account__btn,
.password__btn,
.information__btn,
.authority__btn {
  width: 160px;
  padding: 9px 0;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
  border: none;
  margin-left: 60px; }
  .search__btn:first-child,
  .account__btn:first-child,
  .password__btn:first-child,
  .information__btn:first-child,
  .authority__btn:first-child {
    margin-left: 0; }

.search__btn-long,
.account__btn-long,
.password__btn-long,
.information__btn-long,
.authority__btn-long {
  width: 220px; }

.search--bg-online,
.account--bg-online,
.password--bg-online,
.information--bg-online,
.authority--bg-online {
  background-color: #1F7D79;
  color: #fff; }

.search--bg-gray,
.account--bg-gray,
.password--bg-gray,
.information--bg-gray,
.authority--bg-gray {
  background-color: #aaaaaa;
  color: #fff; }

.search--bg-kanri-menu,
.account--bg-kanri-menu,
.password--bg-kanri-menu,
.information--bg-kanri-menu,
.authority--bg-kanri-menu {
  background-color: #022859;
  color: #fff; }

.search--bg-group,
.account--bg-group,
.password--bg-group,
.information--bg-group,
.authority--bg-group {
  background-color: #004896;
  color: #fff; }

.search--border-online,
.account--border-online,
.password--border-online,
.information--border-online,
.authority--border-online {
  background-color: #fff;
  color: #1F7D79;
  border: 2px solid #1F7D79; }

.search--border-gray,
.account--border-gray,
.password--border-gray,
.information--border-gray,
.authority--border-gray {
  background-color: #fff;
  color: #666666;
  border: 2px solid #676767; }

.search--border-kanri-menu,
.account--border-kanri-menu,
.password--border-kanri-menu,
.information--border-kanri-menu,
.authority--border-kanri-menu {
  background-color: #fff;
  color: #022859;
  border: 2px solid #022859; }

.search--border-group,
.account--border-group,
.password--border-group,
.information--border-group,
.authority--border-group {
  background-color: #fff;
  color: #004896;
  border: 2px solid #004896; }

.search__file,
.account__file,
.password__file,
.information__file,
.authority__file {
  width: 280px; }

.search__ml25,
.account__ml25,
.password__ml25,
.information__ml25,
.authority__ml25 {
  margin-left: 25px; }

.search__btn-large {
  width: auto;
  min-width: 400px; }

.search__range {
  margin-top: -5px; }

.search__date-range {
  display: inline-block;
  margin-top: 5px; }

.search__list {
  margin: -1em 0 0 -5em;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap; }

.search__item {
  margin-top: 1em;
  margin-left: 5em; }

.search__list-label {
  display: flex;
  align-items: center; }

.search__select {
  height: 2em;
  font-size: 16px;
  font-size: 1.6rem; }

.password__default,
.authority__default {
  width: 340px; }

.password__list-label,
.authority__list-label {
  display: inline-block;
  padding-bottom: 10px; }

.password__btn-password,
.authority__btn-password {
  display: inline-block;
  background-color: #666;
  color: #fff;
  padding: 8px 30px;
  border: none;
  margin-left: 10px;
  vertical-align: top; }

.password__list,
.authority__list {
  list-style: none;
  padding-left: 30px; }
  .password__list li,
  .authority__list li {
    margin-bottom: 10px; }

.information__default {
  width: 260px; }

.scroll_contents {
  position: relative; }

.page-nation {
  margin-top: 20px; }
  .page-nation__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .page-nation__item {
    margin: 0 5px; }
  .page-nation__link {
    display: block;
    padding: 5px;
    line-height: 1.0; }
    .page-nation__link:hover {
      background-color: #f6f6f6; }
  .page-nation__more {
    display: block;
    padding: 5px;
    line-height: 1.0; }


.question__wrap {
  background-color: #f6f6f6;
  padding: 45px 35px 55px;
  box-shadow: 0 0 4px 4px rgba(102, 102, 102, 0.3); }

.question__main {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  clear: both; }

.question__question {
  float: left; }

.question__answer {
  margin: 0;
  padding-left: 4em; }

.question__list {
  list-style: none;
  margin: 35px 0 0;
  padding: 0; }

.question__item {
  margin-top: 10px;
  position: relative;
  padding-left: 1.3em; }
  .question__item:first-child {
    margin-top: 0; }

.question--radio {
  position: absolute;
  top: 4px;
  left: 0; }

.question__btn {
  margin-top: 70px;
  display: flex;
  justify-content: center; }
  .question__btn button {
    display: inline-block;
    background-color: #4e4e4e;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    width: 152px;
    border-radius: 3px;
    position: relative;
    text-align: center;
    margin-left: 40px; 
    outline-width: 0px;
    border:none;
    cursor: pointer;
  }
  .question__btn button:first-child {
    margin-left: 0; }
  .question__btn button:hover {
    opacity: .7;     }


          
.question__btn--pre {
  padding: 6px 0 4px 8px; }
  .question__btn--pre:before {
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
    content: "";
    border-top: 8px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 8px solid transparent; }

.question__btn--next {
  padding: 6px 8px 4px 0; }
  .question__btn--next:before {
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    content: "";
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent; }

    .questionnaire__main {
      margin: 0;
      font-size: 16px;
      font-size: 1.6rem;
      clear: both;
      border-bottom: 1px solid #e4e4e4;
      padding: 45px 0 15px; }
      .questionnaire__main:first-child {
        padding: 15px 0 15px; }
    
    .questionnaire__question {
      float: left; }
    
    .questionnaire__answer {
      margin: 0;
      padding-left: 5em;
      max-width: 700px; }
    
    .questionnaire__list {
      list-style: none;
      margin: 15px 0 0;
      padding: 0; }
    
    .questionnaire__item {
      margin-bottom: 15px; }
    
    .questionnaire--radio {
      margin-right: .3em; }
    
    .questionnaire--checkbox {
      margin-right: .3em; }
    
    .questionnaire__text {
      padding: 5px; }
    
    .questionnaire__w390 {
      width: 390px;
      box-sizing: border-box; }
    
    .questionnaire__other {
      margin-left: 10px; }
    
    .questionnaire__max {
      width: 100%;
      box-sizing: border-box; }
    
    .questionnaire__inline-block {
      margin-right: 15px;
      display: inline-block; }
    
    .questionnaire__btn {
      margin-top: 50px;
      display: flex;
      justify-content: center; }
      .questionnaire__btn button {
        display: inline-block;
        background-color: #4e4e4e;
        color: #fff;
        font-size: 20px;
        font-size: 2rem;
        width: 400px;
        border-radius: 5px;
        text-align: center;
        padding: 15px 0 13px; }
    
.popup {
  margin: 0 auto;
  background-color: #fff; }
  .popup--large {
    width: 940px; }
  .popup--small {
    width: 500px; }
  .popup__head {
    padding: 15px 30px;
    position: relative; }
  .popup--group {
    background-color: #004896; }
  .popup--online {
    background-color: #1F7D79; }
  .popup--password {
    background-color: #666666; }
  .popup__title {
    height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff; }
  .popup--title-icon {
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: left top; }
  .popup--icon-educational {
    background-image: url("/el/common/img/popup_educational.svg"); }
  .popup--icon-password {
    background-image: url("/el/common/img/popup_password.svg"); }
  .popup--icon-document {
    background-image: url("/el/common/img/popup_document.svg"); }
  .popup--icon-payment {
    background-image: url("/el/common/img/popup_payment.svg"); }
  .popup__close {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .popup__close-btn {
    -moz-appearance: none;
          appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0 30px 0 0;
    background-color: transparent;
    background-image: url("/el/common/img/popup_close.svg");
    background-repeat: no-repeat;
    background-position: right center;
    color: #fff; }
  .popup__wrap {
    padding: 30px; }
  .popup__password-create {
    display: inline-block;
    margin: 15px auto;
    width: 300px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center; }
  .popup__btn-wrap {
    padding: 30px;
    text-align: center;
    background-color: #F6F6F6; }
  .popup__btn {
    width: 160px;
    padding: 9px 0;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    margin-left: 90px; }
    .popup__btn:first-child {
      margin-left: 0; }
  .popup--bg-home {
    background-color: #014090;
    color: #fff; }
  .popup--bg-online {
    background-color: #1F7D79;
    color: #fff; }
  .popup--bg-cancel {
    background-color: #AAAAAA;
    color: #fff; }

  .popup-info__box {
    padding: 30px 20px; }
  .popup-info__title {
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold; }
  .popup-info__text-box {
    margin-left: 20px; }
  .popup-info__text-result {
    margin-bottom: 1em; }
  .popup img {
    width:20px;
  }
    
.account__main {
  margin: 0 0 2px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background-color: #F6F6F6; }

.account__head {
  width: 20%;
  padding-left: 25px;
  font-weight: bold; }

.account__input {
  width: 75%;
  margin-left: auto;
  font-weight: bold; }

.account__text {
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.account__default {
  width: 200px; }

.account__w300 {
  width: 300px; }

.account__max {
  width: 100%; }

.account__note {
  display: inline-block;
  padding-left: 1em; }

.account__text__box {
  display: inline-block;
  margin-left: 20px;
  padding-left: 2.5em;
  position: relative; }
  .account__text__box:first-child {
    margin-left: 0; }
  .account__text__box:before {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0; }

.account__text--sei::before {
  content: "姓 "; }

.account__text--mei::before {
  content: "名 "; }

.account__text--sei-kana::before {
  content: "せい "; }

.account__text--mei-kana::before {
  content: "めい "; }

.account__notice {
  padding: 80px 30px 15px;
  margin: 0 0 2px;
  background-color: #F6F6F6;
  list-style: none; }
  .account__notice li {
    position: relative;
    padding-left: 1em; }
    .account__notice li:before {
      content: "※";
      position: absolute;
      top: 0;
      left: 0; }

.not-robot {
  width:304px;
  margin: 35px auto 0; }


.payment-blank {
  height: 100%; }

.payment-contents {
  height: 100%; }
  .payment-contents__head {
    margin-bottom: 30px;
    padding: 15px 30px;
    position: relative; }
  .payment-contents--payment {
    background-color: #4585D9; }
  .payment-contents__title {
    max-width: 400px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff; }
  .payment-contents__wrap {
    display: flex;
    justify-content: center;
    margin: 0 auto; }
  .payment-contents__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-size: 1.6rem; }
  .payment-contents__item {
    margin: 15px 0; }
  .payment-contents__input-wrap {
    margin-top: 5px;
    margin-left: 20px; }
  .payment-contents__input-text {
    width: 300px;
    padding: 5px;
    font-size: 16px;
    font-size: 1.6rem; }
  .payment-contents__input-head {
    font-size: 14px;
    font-size: 1.4rem; }
  .payment-contents__btn-wrap {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
  .payment-contents__btn {
    width: 160px;
    padding: 9px 0;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    margin-left: 60px;
    display: inline-block; }
    .payment-contents__btn:first-child {
      margin-left: 0; }
  .payment-contents--bg-payment {
    background-color: #4585D9;
    color: #fff; }
  .payment-contents_reissue {
    text-align:left;
    margin: 0 15px;}


.footer {
  box-sizing: border-box;
  min-width: 1300px;
  padding: 14px 28px;
  background: linear-gradient(to right, #235d84 25%, #ffffff 100%); }
  .footer__wrap {
    display: flex; }
  .footer__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff; }
  .footer__item {
    margin-left: .5em;
    padding-left: .5em;
    border-left: 1px solid #fff;
    line-height: 1.2; }
    .footer__item:first-child {
      margin-left: 0;
      padding-left: 0;
      border-left: 0; }
  .footer__info {
    margin-left: auto;
    padding-right: 15px; }
  .footer__logo {
    text-align: right;
    margin-bottom: 40px; }
  .footer__copyrights {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right; }
  @media only screen and (max-width: 560px) {
    br.pc {
      display: none; }
    br.sp {
      display: inline; }
      .header__lead {
        padding: 10px 0 15px 45px; }
      .header__lead {
        font-size: 1.5rem;
        line-height: 1.2; }
        .header__lead::before {
          background-size: auto 100%; } 
        
        
    .payment-blank {
      height: auto; }
    .payment-contents {
      display: block; }
      .payment-contents__head {
        padding: 10px; }
      .payment-contents__wrap {
        display: block;
        margin: 0 15px; }
      .payment-contents__input-text {
        box-sizing: border-box;
        width: 100%; }
      .payment-contents__btn {
        font-size: 1.8rem;
        margin-left: 0;
        margin-top: 15px; }
        .payment-contents__btn:first-child {
          margin-top: 0; }}
      .payment-contents_reissue {
        text-align:left;
        margin: 0 0px;}



.popup--middle {
  width: 650px; }
.popup--payment {
background-color: #4585D9; }
.popup--icon-payment {
  background-image: url("/el/og/common/img/icon_payment.svg"); 
  background-position: left 0;
}
.popup--icon-mail {
  background-image: url("/el/og/common/img/icon_payment_mail.svg"); 
  background-position: left 0;
}

.popup-payment__wrap {
  padding: 15px 30px; }

.popup-payment__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  font-size: 1.6rem; }

.popup-payment__item {
  margin: 15px 0; }

.popup-payment__input-wrap {
  margin-top: 5px;
  margin-left: 20px; }

.popup-payment__input-text {
  width: 300px;
  padding: 5px;
  font-size: 16px;
  font-size: 1.6rem; }

.popup-payment__input-head {
  font-size: 14px;
  font-size: 1.4rem; }

.popup-payment__btn-wrap {
  margin-top: 30px;
  display: flex;
  justify-content: center; }

.popup-payment__btn {
  width: 160px;
  padding: 9px 0;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  border-radius: 5px;
  border: none;
  margin-left: 60px;
  display: inline-block; }
  .popup-payment__btn:first-child {
    margin-left: 0; }

.popup-payment--bg-payment {
  background-color: #4585D9;
  color: #fff; }

.popup-payment__btn {
  font-size: 1.8rem;
  margin-left: 0;
  margin-top: 15px; }
.popup-payment__btn:first-child {
  margin-top: 0; }