@charset "utf-8";
/* ===========================================================

  Title: contents.css
  Created: 2017-11-30

=========================================================== */
/*

  dl-table
  date-list
  service-case
  input-ui
  number-display
  account


=========================================================== */


.chartdiv { display: block; padding: 0; max-width: 100%; overflow: hidden; }





.box-display { display: block; padding: 0; }
.box-display__cell { display: block; padding: 10px 0; }
@media print, screen and (min-width: 768px) {
  .box-display { display: flex; padding: 0; margin: 0 -15px; flex-wrap: wrap; }
  .box-display__cell { display: block; padding: 15px; width: 50%; }
}

@media print, screen and (min-width: 992px) {
  .box-display { flex-wrap: nowrap; }
  .box-display__cell { width: 100%; }

}

.box-display dl {
  display: block; padding: 0; margin: 0;
  border-radius: 4px; overflow: hidden;
  text-align: center;
}
.box-display dt {
  display: flex; padding: 0.5em 1.0em; margin: 0;
  background-color: rgba(13,71,157,0.80);
  color: #fff; height: 5.0em;
  justify-content: center; align-items: center;
}
.box-display dt span {
  display: block; font-size: 1.4rem;
}
.box-display dd {
  display: flex; padding: 1.0em 0; margin: 0;
  background-color: rgba(13,71,157,0.05);
  height: 5.0em;
  justify-content: center; align-items: center;
}
/* ===========================================================

  dl-table

=========================================================== */



/* dl-table--standard */
.dl-table--standard { width: 100%; }
.dl-table--standard > dl { }
.dl-table--standard > dl > dt,
.dl-table--standard > dl > dd,
.dl-table--standard .dl-table__header > dl > dt,
.dl-table--standard .dl-table__header > dl > dd,
.dl-table--standard .dl-table__body > dl > dt,
.dl-table--standard .dl-table__body > dl > dd,
.dl-table--standard .dl-table__footer > dl > dt,
.dl-table--standard .dl-table__footer > dl > dd {
  padding: 0.5em; vertical-align: middle;
  border-top: solid 1px #ddd;
}
.dl-table--standard > dl > dt:last-child,
.dl-table--standard > dl > dd:last-child,
.dl-table--standard .dl-table__header > dl > dt:last-child,
.dl-table--standard .dl-table__header > dl > dd:last-child,
.dl-table--standard .dl-table__body > dl > dt:last-child,
.dl-table--standard .dl-table__body > dl > dd:last-child,
.dl-table--standard .dl-table__footer > dl > dt:last-child,
.dl-table--standard .dl-table__footer > dl > dd:last-child {
  border-right: none;
}

.dl-table--standard > dl > dt,
.dl-table--standard .dl-table__header > dl > dt,
.dl-table--standard .dl-table__body > dl > dt,
.dl-table--standard .dl-table__footer > dl > dt {
  color: rgba(13,71,157,1.00);
  background-color: rgba(13,71,157,0.05);
}


.dl-table--standard > dl > dd,
.dl-table--standard .dl-table__header > dl > dd,
.dl-table--standard .dl-table__body > dl > dd,
.dl-table--standard .dl-table__footer > dl > dd {
  background-color: #fff;
}



.dl-table--standard .dl-table__header > dl > dt,
.dl-table--standard .dl-table__header > dl > dd {
  color: rgba(255,255,255,1.00);
  padding: 0.5em 1.0em; text-align: center;
}
.dl-table--standard .dl-table__header > dl > dt {
  background-color: rgba(13,71,157,1.00);
}
.dl-table--standard .dl-table__header > dl > dd {
  background-color: rgba(13,71,157,0.900);
}




.dl-table--standard > p,
.dl-table--standard .dl-table__caption {
  margin: 0!important; padding: 0.5em 1.0em;
  background-color: rgba(13,71,157,0.80);
  color: #fff;
}
.dl-table--standard p { margin: 0.25em 0; }
.dl-table--standard ul,
.dl-table--standard ol { margin: 0.25em 0; }

.dl-table--standard > dl > dt.dl-table--standard__in,
.dl-table--standard > dl > dd.dl-table--standard__in { padding: 0; }

.dl-table--standard > dl > dt .dl-table--standard__row,
.dl-table--standard > dl > dd .dl-table--standard__row {
  display: block; padding: 1.0em;
  border-bottom: solid 1px #ddd;
}
.dl-table--standard > dl > dt .dl-table--standard__row:last-child,
.dl-table--standard > dl > dd .dl-table--standard__row:last-child {
  border-bottom: none;
}

.dl-table--standard .dl-table-responsive > dl > dt {
  background-color: rgba(13,71,157,0.10); padding: 0.25em 1.0em;
}
.dl-table--standard .dl-table-responsive > dl > dd { padding: 0.25em 1.0em; }

.contents-style .dl-table--standard h3 {
padding: 0.25em 0.5em 0.25em calc(0.5em + 5px);
margin: 0.5em 0;
font-size: 1.0em;
}




@media print, screen and (min-width: 768px) {
  .dl-table--standard > dl > dt,
  .dl-table--standard > dl > dd,
  .dl-table--standard .dl-table__header > dl > dt,
  .dl-table--standard .dl-table__header > dl > dd,
  .dl-table--standard .dl-table__body > dl > dt,
  .dl-table--standard .dl-table__body > dl > dd,
  .dl-table--standard .dl-table__footer > dl > dt,
  .dl-table--standard .dl-table__footer > dl > dd {
    padding: 1.0em;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    vertical-align: middle;
  }

  .dl-table--standard > dl > dt,
  .dl-table--standard .dl-table__header > dl > dt,
  .dl-table--standard .dl-table__body > dl > dt,
  .dl-table--standard .dl-table__footer > dl > dt {
    padding: 1.0em 1.5em;
    border-top: solid 1px rgba(13,71,157,1.0);
    border-bottom: solid 1px rgba(13,71,157,1.0);
    min-width: 18.0em; width: 1%; white-space: nowrap;
  }
  .dl-table--standard .dl-table__header > dl > dt {
    color: rgba(255,255,255,1.00);
    background-color: rgba(13,71,157,1.0);
    text-align: center;
  }

  .dl-table--standard .dl-table-responsive > dl > dt {
    width: 1%; white-space: nowrap; min-width: 6.0em;
    background-color: rgba(13,71,157,0.05); text-align: center;
    border-left: solid 1px #ddd;
  }
  .dl-table--standard .dl-table-responsive > dl > dt,
  .dl-table--standard .dl-table-responsive > dl > dd { padding: 1.0em; border: none; border-bottom: solid 1px #ddd; }
  .dl-table--standard .dl-table-responsive > dl:last-child > dt,
  .dl-table--standard .dl-table-responsive > dl:last-child > dd { border-bottom: none; }
}





/* dl-table--simple */
.dl--simple > dl,
.dl--simple > dl > dt,
.dl--simple > dl > dd { display: block; }
.dl--simple > dl > dt {
  padding: 1.0em 0 0.25em 0;
}
.dl--simple > dl > dd {
  padding: 0.25em 0 1.0em 0;
  border-bottom: solid 1px #ddd;
}
.dl--simple > dl:last-child > dd { border-bottom: none; }









/* dl-table--number */
.dl-table--number,
.dl-table--number-secondary { width: 100%; }
.dl-table--number > dl,
.dl-table--number-secondary > dl { }
.dl-table--number > dl > dt,
.dl-table--number > dl > dd,
.dl-table--number-secondary > dl > dt,
.dl-table--number-secondary > dl > dd {
  padding: 0.75em 1.0em;
  border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;
}
.dl-table--number > dl > dt,
.dl-table--number-secondary > dl > dt {
  background-color: rgba(13,71,157,0.05);
  width: 50%;
}
.dl-table--number > dl > dt { background-color: rgba(13,71,157,1.00); color: #fff; }
.dl-table--number > dl > dd,
.dl-table--number-secondary > dl > dd { background-color: #fff; text-align: right; width: 50%; }

.big-number--primary,
.big-number--secondary {
  font-size: 1.875em; line-height: 1.2;
  font-weight: bold;
  font-family: Arial, Helvetica, "sans-serif";
}
.big-number--primary { color: rgba(13,71,157,1.00); }
.big-number--secondary { color: rgba(13,71,157,0.80); }


/* dl-table--form */
.dl-table--form { width: 100%; }
.dl-table--form > dl { }
.dl-table--form > dl > dt,
.dl-table--form > dl > dd { padding: 5px; border: solid 1px #ddd; }
.dl-table--form > dl > dt {
  background-color: rgba(13,71,157,0.05); padding: 5px 1.0em;
  min-width: 10.0em; width: 1%; white-space: nowrap;
}
.dl-table--form > dl > dd { background-color: #fff; }




/* ===========================================================

  date-list

=========================================================== */


/* news-list */
.news-list { width: 100%; font-size: 1.4rem; }
.news-list dl { }
.news-list dt { }
.news-list dd { }

.news-list dt { padding: 0.5em 1.0em 0.25em 0!important; }
.news-list__date { display: inline-block; padding: 0 1.0em 0 0; margin: 0; }
.is_ja .news-list__date { width: 8.5em; }
.is_en .news-list__date { width: 7.0em; }
.news-list dd { padding: 0.25em 0 0.25em 0!important; }
.news-list dd a { }
.news-list dd a[target="_blank"]:after {
  display: inline-block; padding: 0; margin: 0; width: 12px; height: 12px;
  background-repeat: no-repeat; background-position: right center;
  content: "";
}

.news-list__text { }

@media print, screen and (min-width: 768px) {
  .news-list dt,
  .news-list dd { }
  .news-list dt { padding: 0.5em 1.0em 0.5em 0!important; }
  .news-list dd { padding: 0.5em 0 0.5em 0!important; }
}






/* file-date-list */
/* データ構造が親子関係を持てるまでの暫定的なスタイル */
.file-date-list { width: 100%; overflow: hidden; border-bottom: solid 1px #ddd;  }
.file-date-list dl:last-child { }
.file-date-list dl { padding: 0; border-top: solid 1px #ddd; }
.file-date-list dt { padding: 1.0em 0 0.25em 0; }
.file-date-list dd { padding: 0.25em 0 1.0em 0; }

.file-date-list .file-date-list__revied { margin: 0 0 0 2.0em; width: calc(100% - 2.0em); }
.file-date-list .file-date-list__revied dt { position: relative; }
.file-date-list .file-date-list__revied dt::before {
  display: block; padding: 0; margin: 0;
  width: 0.5em; height: 1.75em; position: absolute; top: 0; left: -1.0em;
  border-left: dotted 1px #ddd; border-bottom:  dotted 1px #ddd;
  content: "";
}


.file-date-list__date { }
.file-date-list dd { }
.file-date-list dd a { }

.file-date-list__text { }


@media print, screen and (min-width: 768px) {
  .file-date-list dl { border-collapse:collapse; border-top: none; }
  .file-date-list dt,
  .file-date-list dd { padding: 0.5em 0; }
  .file-date-list dt {
    border-top: solid 1px #ddd;
    width: 1%; white-space: nowrap; padding: 0.5em 1.0em 0.5em 0;
  }
  .file-date-list dd {
    border-top: solid 1px #ddd;
  }


  .file-date-list .file-date-list__revied {
    transform: translateX(2.0em);
  }
  .file-date-list .file-date-list__revied dt {
    position: relative; border-top: solid 1px #fff;
  }
  .file-date-list .file-date-list__revied dt::before {
    width: 1.0em; height: 1.5em; left: -1.5em;
  }
  .file-date-list .file-date-list__revied dd {
    padding: 0.5em 2.0em 0.5em 0;
  }

}


/* file-date-list */
/* データ構造が親子関係を持てるまでの暫定的なスタイル */

.news-list .file-date-list__revied { margin: 0 0 0 2.0em; width: calc(100% - 2.0em); }
.news-list .file-date-list__revied dt { position: relative; }
.news-list .file-date-list__revied dt::before {
  display: block; padding: 0; margin: 0;
  width: 0.5em; height: 1.75em; position: absolute; top: 0; left: -1.0em;
  border-left: dotted 1px #848484; border-bottom:  dotted 1px #848484;
  content: "";
}

@media print, screen and (min-width: 768px) {

  .news-list .file-date-list__revied {
    padding-left: 11.0em;
  }

  .news-list.date-list-responsive > dl {
    display: block!important;
  }

  .news-list .file-date-list__revied dt {
    position: relative; border-top: solid 1px #fff;
  }
  .news-list .file-date-list__revied dt::before {
    width: 1.0em; height: 1.5em; left: -1.5em;
  }
  .news-list .file-date-list__revied dd {
    padding: 0.5em 2.0em 0.5em 0;
  }

}




/* file-date-list--nodate */
.file-date-list--nodate { width: 100%; }
.file-date-list--nodate dl { }
.file-date-list--nodate dt,
.file-date-list--nodate dd { border-bottom: solid 1px #ddd; padding: 0.5em 0;  }
.file-date-list--nodate dl:first-child dt,
.file-date-list--nodate dl:first-child dd { border-top: solid 1px #ddd;  }
.file-date-list--nodate dt { }
.file-date-list--nodate dd { }
.file-date-list--nodate dd a { }
.file-date-list--nodate dd a::before {
  display: inline-block; padding: 0 0.5em 0 0; margin: 0; content: "\f105";
  font-family: FontAwesome; color: #232b4f;
}
.file-date-list--nodate dd a[target="_blank"]:after { }




.sticker {
  display: inline-block;
  font-size: 1.1rem; line-height: 1.6;
  padding: 0.1em 1.0em; min-width: 8.0em;
  text-align: center; color: #fff;
  text-decoration: none; position: relative; transform: translateY(-0.1em);
  border-radius: 2px;
}

.file-icon {
  display: inline-block;
  font-size: 1.1rem; line-height: 1.6; padding: 0.1em 1.0em;
  color: #fff;
  background-color: rgba(0,175,236,1.00);
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: 400;
  white-space: nowrap; vertical-align: middle;
  text-align: center; min-width: 5.0em;
  text-decoration: none; position: relative; transform: translateY(-0.1em);
  border-radius: 2px;
}

a .file-icon--large,
.file-icon--large {
  display: inline-block;
  font-size: 1.1rem; padding: 1.0em 1.0em 0.5em 1.0em; min-width: 3.0em;
  color: rgba(0,175,236,1.00); border: solid 1px rgba(0,175,236,1.00);
  white-space: nowrap; vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
}
a .file-icon--large::before,
.file-icon--large::before {
  display: block;
  font-size: 3.0rem; line-height: 1.1; padding: 0 0.5em;
  font-family: FontAwesome;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a:hover .file-icon--large { color: #fff; background-color: rgba(0,175,236,1.00); }


/* pdf */
.file-icon--pdf { background-color:#cccccc; }
.file-icon--large.file-icon--pdf::before { content: "\f1c1"; }
.file-icon.file-icon--pdf { background-color: #cccccc; }
.file-icon--large.file-icon--pdf { color: rgba(252,15,26,1.00); border: solid 1px rgba(252,15,26,1.00); background-color: #fff!important; }
a:hover .file-icon--large.file-icon--pdf { color: #fff; background-color: #cccccc!important; }
/* xls */
.file-icon--xls { background-color: rgba(108,191,128,1.00); }
.file-icon--large.file-icon--xls::before { content: "\f1c3"; }
.file-icon.file-icon--xls {}
.file-icon--large.file-icon--xls { color:rgba(108,191,128,1.00); border: solid 1px rgba(108,191,128,1.00); background-color: #fff!important; }
a:hover .file-icon--large.file-icon--xls { color: #fff; background-color: rgba(108,191,128,1.00)!important; }
/* zip */
.file-icon--zip { background-color: rgba(138,146,152,1.00); }
.file-icon--large.file-icon--zip::before { content: "\f1c6"; }
.file-icon.file-icon--zip { background-color: rgba(138,146,152,1.00); }
.file-icon--large.file-icon--zip { color: rgba(138,146,152,1.00); border: solid 1px rgba(138,146,152,1.00); background-color: #fff!important; }
a:hover .file-icon--large.file-icon--zip { color: #fff; background-color: rgba(138,146,152,1.00)!important; }
/* doc */
.file-icon--doc { background-color: rgba(82,122,180,1.00); }
.file-icon--large.file-icon--doc::before { content: "\f1c2"; }
.file-icon.file-icon--doc { background-color: rgba(82,122,180,1.00); }
.file-icon--large.file-icon--doc { color: rgba(82,122,180,1.00); border: solid 1px rgba(82,122,180,1.00); background-color: #fff!important; }
a:hover .file-icon--large.file-icon--doc { color: #fff; background-color: rgba(82,122,180,1.00)!important; }
/* file */
.file-icon--file { background-color: rgba(0,175,236,1.00); }
.file-icon--large.file-icon--file::before { content: "\f016"; }
.file-icon.file-icon--file { background-color: rgba(0,175,236,1.00); }
.file-icon--large.file-icon--file { color: rgba(0,175,236,1.00); border: solid 1px rgba(0,175,236,1.00); background-color: #fff!important; }
a:hover .file-icon--large.file-icon--file { color: #fff; background-color: rgba(0,175,236,1.00)!important; }
/* video */
.file-icon--video { background-color:#cccccc; }
.file-icon--large.file-icon--video::before { content: "\f016"; }
.file-icon.file-icon--video { background-color:#cccccc; }
.file-icon--large.file-icon--video { color: rgba(0,175,236,1.00); border: solid 1px rgba(0,175,236,1.00); background-color: #fff!important; }
a:hover .file-icon--large.file-icon--video { color: #fff; background-color: #cccccc!important; }









.file-size {
  display: inline-block;
  font-size: 1.1rem;
  white-space: nowrap;
  color: #666;
  margin: 0 0 0 0.5em;
  text-decoration: none;

}
.file-size::before, .file-size::after { display: inline; }
.file-size::before { content: "("; }
.file-size::after { content: ")"; }




.list-style__peculiar--original-dot {
  display: block; padding: 0 0 0 1.25em!important; margin: 0!important;
}
.list-style__peculiar--original-dot > li {
  margin: 0.25em 0!important;
  list-style-type: none; list-style-position: inside; text-indent: -1.25em!important;
}
.list-style__peculiar--original-dot > li::before {
  display: inline-block; width: 1.25em!important; text-indent: 0;
  content: "\f111";
  font-family: FontAwesome; color: rgba(13,71,157,0.50);
}



/* ===========================================================

  service-case

=========================================================== */


/* service-case */
.service-case {
  display: flex; flex-direction: column;
  padding: 0; margin: 0;
}

.service-case__cell {
  display: block; padding: 1.0em 0; margin: 0;
  position: relative;
}

.service-case dl {
  display: block; width: 100%; height: 100%;
  position: relative;
  background-color: rgba(246,173,58,0.10);
}
.service-case dt {
  display: block; width: 100%; padding: 0 1.0em;
  background-color: rgba(246,173,58,1.00);
  color: #fff; text-align: center;
  font-size: 1.4em;
}
.service-case dt img {
  height: 40px; width: auto;
}
.service-case dd {
  display: block; width: 100%; padding: 0.5em 1.0em;
}

@media print, screen and (min-width: 768px) {
  .service-case {
    flex-direction: row; margin: 0 -5px;
  }

  .service-case__cell { padding: 1.0em 5px; width: calc(100% / 3); }

}





/* ===========================================================

  .input-ui

=========================================================== */

.error { color: #D62121; font-weight: bold; }

.input-ui {}

.input-ui input[type=radio],
.input-ui input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.input-ui input[type=radio] ~ label:before,
.input-ui input[type=checkbox] ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1db";
  font-size: 1.0em;
  color: #999;
  width: 1.4em;
}

.input-ui input[type=radio]:checked ~ label:before,
.input-ui input[type=checkbox]:checked ~ label:before,
.input-ui input[type=radio]:checked ~ label,
.input-ui input[type=checkbox]:checked ~ label { color: #285183; }

.input-ui input[type=radio] ~ label:before { content: "\f10c"; }
.input-ui input[type=radio]:checked ~ label:before{ content: "\f192"; }


.input-ui input[type=checkbox] ~ label:before { content: "\f096"; }
.input-ui input[type=checkbox]:checked ~ label:before{ content: "\f14a"; }


.input-ui input[type=radio]:focus ~ label:before,
.input-ui input[type=checkbox]:focus ~ label:before,
.input-ui input[type=radio]:focus ~ label,
.input-ui input[type=checkbox]:focus ~ label { color: #285183; }


.input-ui-text {
  display: block; width: 100%; padding: 5px; margin: 0;
}
.input-ui-text input.input-ui__text {
  display: block; width: 100%; padding: 5px 1.0em; margin: 0;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.15); border-radius: 0;
  background-color: #fff;
  transition: all 0.5s;

}
.input-ui-text input.input-ui__text:focus {
  box-shadow: 0 0 10px 0 rgba(13,71,157,0.50);
  background-color: #fff;
}


.input-ui-button { display: block; min-width: 200px; padding: 5px; margin: 0; }

.input-ui-button input.input-ui__button,
.input-ui-button input.input-ui__button--sub {
  display: block; border: solid 1px rgba(13,71,157,1.00);
  background-color: rgba(13,71,157,1.00); color: #fff;
  line-height: 40px; text-align: center;
  width: 100%; font-weight: bold;
  cursor: pointer;
  transition: all 0.5s;
}
.input-ui-button input.input-ui__button--sub {
  border: solid 1px #666; background-color: #666;
}
.input-ui-button input.input-ui__button:hover {
  background-color: rgba(13,71,157,0.80);
}
.input-ui-button input.input-ui__button--sub:hover {
  background-color: rgba(13,71,157,0.80);
}


.input-ui__footer-button {
  display: block; padding: 0; margin: 0; clear: both;
}
.input-ui__footer-button ul {
  display: block; padding: 0; margin: 0; clear: both;
  text-align: center;
}
.input-ui__footer-button li {
  display: inline-block; padding: 0; margin: 0;
}






.number-plate {
  display: block; padding: 0.5em 0; margin: 0.5em 0;
}
.number-plate dl {
  display: flex; padding: 0; margin: 0;
  flex-direction: column; text-align: center;
  width: 100%;
}
.number-plate dt,
.number-plate dd {
  display: flex; padding: 1.0em; width: 100%;
  justify-content: center; align-items: baseline;
}
.number-plate dt {
  color: #fff; align-items: center;
  background-color: rgba(13,71,157,0.80); border-radius: 2px 2px 0 0;
}
.number-plate dd {
  background-color: rgba(13,71,157,0.10); border-radius: 0 0 2px 2px;
}
.number-plate dt span.sticker {
  display: block; padding: 0.25em 1.0em; margin: 0 0 0 1.0em;
  min-width: 4em;
  align-self: center;
  border: solid 1px #fff;
}
.number-plate.sub dt { background-color: rgba(0,176,236,0.80); }
.number-plate.sub dd { background-color: rgba(0,176,236,0.10); }

@media print, screen and (min-width: 768px) {

  .number-plate dl {
    display: flex; flex-direction: row;
  }
  .number-plate dt,
  .number-plate dd { width: 50%; }
  .number-plate dt { border-radius: 2px 0 0 2px; }
  .number-plate dd { border-radius: 0 2px 2px 0; }
  .number-plate dd.left { justify-content: flex-end; }
}



.number-plate--vertical {
  display: block; padding: 0.5em 0; margin: 0;
}
.number-plate--vertical dl {
  display: flex; padding: 0; margin: 0;
  flex-direction: column; text-align: center;
  width: 100%;
}
.number-plate--vertical dt,
.number-plate--vertical dd {
  display: flex; padding: 1.0em; width: 100%;
  justify-content: center; align-items: baseline;
}
.number-plate--vertical dt {
  color: #fff; align-items: center;
  background-color: rgba(13,71,157,0.80); border-radius: 2px 2px 0 0;
}
.is_en .number-plate--vertical dt { min-height: 70px; }
.number-plate--vertical dd {
  background-color: rgba(13,71,157,0.10); border-radius: 0 0 2px 2px;
}



/* ===========================================================

  number-display

=========================================================== */

.number-display {
  display: inline-block; padding: 0; margin: 0;
  color: rgba(13,71,157,1.00);
}

.number-display__number,
.number-display__lot {
  display: inline-block; padding: 0; margin: 0;
}

.number-display__number {
  font-size: 2.500em; line-height: 1.2;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: 400;
}
.number-display__lot {
  display: inline-block; padding: 0; margin: 0;
  font-size: 1.000em; line-height: 1.2;
}

@media screen and (max-width: 576px) {
  .number-display__number {
    font-size: 2em;
  }
}
  

.summary__correction,
.library-table .summary__correction {
  display: none; padding: 0; margin: 0;
  position: absolute; top: 0; right: 0;
  width: 260px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.40);
  color: #333;
  z-index: 100;
  border-radius: 2px;
  font-size: 1.4rem;
  white-space: normal;
  overflow: hidden;
  text-align: left;
}
.summary__correction h3,
.contents-style .summary__correction h3 {
  display: block; padding: 5px 20px; margin: 0;
  background-color: rgba(23,71,158,1.00);
  color: #fff; font-size: 1.4rem; line-height: 1.4; font-weight: inherit;
  text-align: center;
}

.summary__correction dl { width: 100%; padding: 5px; border-bottom: solid 1px #ddd; }
.summary__correction dt { padding: 5px; background-color: rgba(0,0,0,0.05); font-size: 1.1rem; }
.summary__correction dd { padding: 5px; position: relative; font-size: 1.2rem; line-height: 1.4; }
.summary__correction dd a {
  display: inline-block; position: relative;
  color: #000;
}
.summary__correction dd a:hover { }

.popup-close-btn,
.contents-style p.popup-close-btn {
  display: block; padding: 5px; margin: 0;
  text-align: center;
}
.popup-close-btn span {
  display: inline-block; padding: 5px 2.0em; margin: 0 auto;
  border-radius: 4px;
  background-color: #fff; border: solid 1px #ddd; 
  cursor: pointer; transition: all 0.5s;
}
.popup-close-btn span:hover {
  background-color: rgba(23,71,158,1.00); color: #fff;
  border: solid 1px rgba(23,71,158,1.00);
}


/* ===========================================================

  table-fix

=========================================================== */



.table-fix table thead th.in-table-fixed,
.table-fix table thead td.in-table-fixed,
.table-fix table tbody th.in-table-fixed ,
.table-fix table tbody td.in-table-fixed { display: none; }
@media screen and (min-width: 1024px) {
  .table-fix .js-scroll-table__caution {
    display: block;
    position: absolute;
    top: -2.5em;
    left: 0;
  }
  .table-fix table {
    table-layout: fixed;
  }
  .table-fix table thead th { height: 80px; }
  .table-fix table thead th.out-of-table-fixed { height: 81px; }

  .table-fix table thead th,
  .table-fix table tbody td { width: 180px; }

  .table-fix table thead th.out-of-table-fixed,
  .table-fix table tbody th.out-of-table-fixed { width: 300px; }

  .table-fix table thead th.in-table-fixed,
  .table-fix table thead td.in-table-fixed,
  .table-fix table tbody th.in-table-fixed ,
  .table-fix table tbody td.in-table-fixed {
    display: table-cell;
    width: 300px;
  }
  .table-fix {
    width: 100%;
    max-width: 1200px;
    position: relative;
  }
  .table-fix-inner {
    overflow: auto;
    margin-left: 300px;
  }
  .table-fix-inner table {
    overflow: auto;
    margin-left: -300px;
  }
  .out-of-table-fixed {
    position: absolute;
    left: 0px;
  }
}


/* ===========================================================

  slick-dots

=========================================================== */

.slick-dots { display: flex; }
.slick-dots li { display: block; }
/* button reset */
.slick-dots button { 
  background-color: transparent;
  border: none; cursor: pointer;
  outline: none; appearance: none;
}
.slick-dots button {
  display: block; padding: 0; margin: 0; width: 6px; height: 6px;
  overflow: hidden; text-indent: -9999px; text-align: left;
  background-color: #ddd;
  border-radius: 50%;
}
.slick-dots .slick-active button {
  background-color: rgba(4,54,147,1.00);
}


/* ===========================================================

  box-title

=========================================================== */

.box-title {
  display: block; padding: 15px 10px; margin: 0;
  border-left: solid 2px rgba(4,54,147,1.00);
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAAXNSR0IArs4c6QAAABJJREFUCB1jYDWfaMyADLAKAAA5UQMB2uULrQAAAABJRU5ErkJggg==);
}

.box-title--en {
  display: inline-block; padding: 0; margin: 0;
  font-family: Arial, Helvetica, "sans-serif"; font-size: 1.8rem;
  font-weight: bold; text-transform: uppercase;
}
.box-title--ja {
  display: inline-block; padding: 0; margin: 0; font-size: 1.8rem;
  font-weight: bold; 
}





.link-tab {}


/* ===========================================================

  account

=========================================================== */
#account ul.error li {
  color: #e02121;
  font-weight: bold;
}

#account .password-table th,
#account .password-table td {
  vertical-align: middle;
}
#account .password-table th em {
  color: #e02121;
}
#account .password-table input[type="text"],
#account .password-table input[type="password"] {
  border: solid 1px #ccc;
  padding: 5px;
  margin: 0 0 5px;
}
#account .password-table input[type="text"]:last-child,
#account .password-table input[type="password"]:last-child {
  margin: 0;
}
#account .password-table input[type="text"] {
  width: 60%;
}
#account .password-table input[type="password"] {
  width: 30%;
}
#account .input-btn input[type="submit"] {
  padding: 5px 10px;
  border: solid 1px #ccc;
  border-radius: 3px;
  cursor: pointer;
}
#account .account-message {
  font-size: 1.36em;
  font-weight: bold;
}

/* -----------------------------------------------------------

	anchor(page内リンク用)

----------------------------------------------------------- */
.anchor {
  display: block;;
	padding-top:80px;
	margin-top:-80px;
}