/*

z-index：
index topfade slide : -1
move bg:100 101
library-menu:151
fix-header:200
fix-menu:202
fix-footer:202

all

@media (min-width: 576px){
	.my-class {
		sp->tab
	}
}
@media (min-width: 768px){
	.my-class {
		tab->pc
	}
}
@media (min-width: 992px){
	.my-class {
		pc
	}
}

*/

/* library */

.subpage-header {
  background-color: #000;
  height: 40vw;
  width: 100%;
}

@media (min-width: 768px) {
  .subpage-header {
    height: 21.429vw;
    max-height: 300px;
  }
}

.subpage-title {
  margin-left: 15px;
}

@media (min-width: 768px) {
  .subpage-title {
    margin-left: 0;
  }
}

.library-ttl {
  color: #009AFF;
  font-size: 6.933vw;
  font-weight: bold;
}

@media (min-width: 768px) {
  .library-ttl {
    font-size: 42px;
  }
}

#container-wrapper {
  background: #000;
}

/* library */

.library {
  background: #000;
}

@media (min-width: 768px) {
  .library .container-fuild {
    padding: 50px 0 0;
  }
}

.library-inner {
  font-size: 2.933vw;
  line-height: 2.5em;
  letter-spacing: 2px;
  margin-bottom: 55px;
  padding: 0 5.333vw;
}

@media (min-width: 768px) {
  .library-inner {
    font-size: 1.633vw;
    line-height: 3.163vw;
    letter-spacing: 0.102vw;
    margin-bottom: 0;
    padding: 0 15px;
  }
}

@media (min-width: 992px) {
  .library-inner {
    font-size: 16px;
    line-height: 2.5em;
    letter-spacing: 1px;
  }
}

.library-lead {
  border: 1px solid #fff;
  padding: 15px 20px;
  margin-bottom: 70px;
}

.library-lead ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 5px 0;
}

.library .container-fuild .library-inner {
  margin-bottom: 0;
}

.library-title {
  border-bottom: 1px solid #fff;
  font-size: 4.615vw;
  margin-bottom: 8vw;
}

@media (min-width: 768px) {
  .library-title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}

.library-table, .library-table tbody, .library-table tr, .library-table td {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .library-table {
    display: table;
    width: 100%;
  }
  .library-table tbody {
    display: table-row-group;
    width: auto;
  }
  .library-table tr {
    display: table-row;
    width: auto;
  }
  .library-table th {
    display: table-cell;
    padding-bottom: 0px;
  }
  .library-table td {
    display: table-cell;
    width: auto;
  }
}

.library-table td.library-table_zip, .library-table td.library-table_pref, .library-table td.library-table_address {
  padding-bottom: 2vw;
}

@media (min-width: 768px) {
  .library-table td.library-table_zip, .library-table td.library-table_pref, .library-table td.library-table_address, .library-table td.library-table_address02 {
    display: table-cell;
    width: auto;
    padding: 0 0 20px;
  }
}

.library-zip_title {
  font-weight: normal;
  padding-top: 6px;
  width: 28%;
}

.library-table label {
  margin: 0;
}

@media (min-width: 768px) {
  .library-table {
    display: table;
    width: 100%;
  }
  .library-table tbody {
    display: table-row-group;
    width: auto;
  }
  .library-table tr {
    display: table-row;
    width: auto;
  }
  .library-table th {
    display: table-cell;
    padding-bottom: 0px;
  }
}

.library-table th.library-table_title {
  font-weight: normal;
  line-height: 1.3em;
  padding-bottom: 1.667vw;
}

@media (min-width: 768px) {
  .library-table th.library-table_title {
    line-height: 1.7em;
    padding-top: 8px;
    padding-bottom: 0;
    width: 28%;
  }
}

@media (min-width: 768px) {
  .library-table td.library-table_input {
    width: 72%;
    vertical-align: middle;
  }
}

/* 個別 */

.first-table {
  margin-bottom: 6vw;
}

@media (min-width: 768px) {
  .first-table {
    margin-bottom: 10px;
  }
}

.address-table {
  margin-bottom: 8vw;
}

@media (min-width: 768px) {
  .address-table {
    margin-bottom: 50px;
  }
}

.library-laboratory th, .library-charge th {
  padding-top: 8px;
}

.library-laboratory td, .library-charge td {
  padding-bottom: 8vw;
}

@media (min-width: 768px) {
  .library-laboratory td, .library-charge td {
    padding-bottom: 50px;
  }
}

.input_name, .input_charge, .input_hospital, .input_zip, .input_address01, .input_address02, .input_tel, .input_mail01, .input_member {
  border: 1px solid #fff;
  background-color: #000;
  color: #fff;
  border-radius: 0;
  font-size: 16px;
  padding: 0.375rem 0.75rem;
  height: 8vw;
  width: 100%;
}

@media (min-width: 768px) {
  .input_name, .input_charge, .input_hospital, .input_zip, .input_address01, .input_address02, .input_tel, .input_mail01, .input_member {
    border: 1px solid #fff;
    background-color: #000;
    border-radius: 0;
    color: #fff;
    padding: 6px 12px;
    height: 36px;
    width: 100%;
  }
}

.input_zip {
  height: 8vw;
  width: 26.667vw;
}

.input_tel {
  height: 8vw;
  width: 24vw;
}

@media (min-width: 768px) {
  .input_zip, .input_tel {
    height: 36px;
    width: 130px;
  }
}

.btn-setzip {
  font-size: 2.933vw;
}

@media (min-width: 768px) {
  .btn-setzip {
    font-size: 16px;
  }
}

.library-table_pref select::-ms-expand {
  display: none;
}

.library-table_pref select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  background-image: url(../img/common/chevron-down-solid.svg);
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: right 10px center;
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
  font-size: 2.933vw;
  line-height: 1.1em;
  padding: 7px 30px 7px 10px;
  width: 44.667vw;
}

@media (min-width: 768px) {
  .library-table_pref select {
    font-size: 16px;
    height: 34px;
    max-width: 315px;
  }
}

.library-table_pref select::-ms-expand {
  /* IE,Edge */
  display: block;
}

.library-location_title {
  font-weight: normal;
  padding-bottom: 0px;
}

@media (min-width: 768px) {
  .library-location_title {
    font-weight: normal;
    padding-bottom: 10px;
  }
}

.library-table_tel {
  padding-bottom: 8vw;
}

@media (min-width: 768px) {
  .library-table_tel {
    padding-bottom: 75px;
  }
}

.library-table_email {
  padding-bottom: 8vw;
}

@media (min-width: 768px) {
  .library-table_email {
    padding-bottom: 75px;
  }
}

.library-table_zip label, .library-table_tel label {
  padding: 0 1vw;
}

@media (min-width: 768px) {
  .library-table_zip label, .library-table_tel label {
    padding: 0 18px;
  }
}

.library-table_q {
  padding-bottom: 40px;
}

.library-table_q input {
  margin-right: 5px;
  vertical-align: middle;
  height: 3.2vw;
  width: 3.2vw;
}

@media (min-width: 768px) {
  .library-table_q input {
    margin-right: 10px;
    height: 18px;
    width: 18px;
  }
}

.library-table_q label {
  vertical-align: middle;
}

.library-table_cad_name {
  width: 22.667vw;
}

@media (min-width: 768px) {
  .library-table_cad_name {
    width: 9.577vw;
  }
}

@media (min-width: 992px) {
  .library-table_cad_name {
    width: 95px;
  }
}

.library-table_cad_name02 {
  width: 65.333vw;
}

@media (min-width: 768px) {
  .library-table_cad_name02 {
    width: 25.706vw;
  }
}

@media (min-width: 992px) {
  .library-table_cad_name02 {
    width: 255px;
  }
}

@media (min-width: 750px) {
  .library-table_3shape_name {
    width: 20.161vw;
  }
}

@media (min-width: 992px) {
  .library-table_3shape_name {
    width: 200px;
  }
}

.library-table_3shape_id {
  width: 100px;
}

.library-table_cad_checkbox {
  width: 64vw;
}

@media (min-width: 768px) {
  .library-table_cad_checkbox {
    width: 22.177vw;
  }
}

@media (min-width: 992px) {
  .library-table_cad_checkbox {
    width: 255px;
  }
}

.library-table_cad_checkbox02 {
  width: 64vw;
}

@media (min-width: 768px) {
  .library-table_cad_checkbox02 {
    width: 20.161vw;
  }
}

@media (min-width: 992px) {
  .library-table_cad_checkbox02 {
    width: 200px;
  }
}

.library-table_q input.input_siteid {
  border: 1px solid #fff;
  height: 36px;
  width: 100%;
  background-color: #000;
  color: #fff;
  border-radius: 0;
  padding: 6px 12px;
}

.siteid_modal {
  display: inline-block;
  padding-top: 10px;
  text-decoration: underline;
}

.siteid_modal:hover {
  cursor: pointer;
}

.library-table_addon {
  padding-bottom: 60px;
}

.library-table_addon_name {
  width: 22.667vw;
}

@media (min-width: 768px) {
  .library-table_addon_name {
    width: 9.577vw;
  }
}

@media (min-width: 992px) {
  .library-table_addon_name {
    width: 95px;
  }
}

.library-table_addon_checkbox {
  width: 64vw;
}

@media (min-width: 768px) {
  .library-table_addon_checkbox {
    width: 25.706vw;
  }
}

@media (min-width: 992px) {
  .library-table_addon_checkbox {
    width: 255px;
  }
}

.library-table_addon input {
  margin-right: 5px;
  width: 3.2vw;
  height: 3.2vw;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .library-table_addon input {
    margin-right: 10px;
    width: 18px;
    height: 18px;
  }
}

.library-table_addon label {
  vertical-align: middle;
}

.library-hr {
  margin-bottom: 75px;
}

.library-table_send {
  text-align: center;
}

.library-table_personal {
  padding-bottom: 6.667vw;
}

@media (min-width: 768px) {
  .library-table_personal {
    padding-bottom: 40px;
  }
}

.library-table_personal {
  padding-bottom: 40px;
}

.library-table_personal_link {
  padding: 20px 0;
}

.library-table_personal_link a {
  border-bottom: 1px solid #fff;
}

.library-table_personal_checkbox {
  padding: 10px 3.333vw 10px;
}

@media (min-width: 768px) {
  .library-table_personal_checkbox {
    padding: 10px 0 10px;
  }
}

.library-table_personal_checkbox label {
  vertical-align: middle;
}

.library-table_personal_checkbox input {
  margin-right: 5px;
  vertical-align: middle;
  height: 3.2vw;
  width: 3.2vw;
}

@media (min-width: 768px) {
  .library-table_personal_checkbox input {
    margin-right: 10px;
    height: 18px;
    width: 18px;
  }
}

/* library */

/* モーダル */

.check-dialog {
  max-width: 1050px;
  width: 98%;
}

.check-body {
  background-color: #fff;
  padding: 5.208vw 2.604vw;
}

.check-body header {
  color: #009aff;
  font-size: 4.167vw;
  text-align: center;
}

.check-body h2 {
  border-bottom: 1px solid #000;
  color: #009aff;
  font-size: 3.906vw;
  font-weight: 700;
  margin: 4.557vw 0 7.161vw;
  padding-bottom: 0.651vw;
}

.check-body h2 span {
  color: #000;
  font-weight: normal;
}

.check-body .check-img {
  text-align: center;
}

.check-body .check-img img.img01 {
  width: 45.833vw;
}

.check-body .check-img img.img02, .check-body .check-img img.img03 {
  width: 83.333vw;
}

@media (min-width: 768px) {
  .check-body {
    background-color: #fff;
    padding: 4.032vw 4.536vw;
  }
  .check-body header {
    color: #009aff;
    font-size: 2.419vw;
    text-align: center;
  }
  .check-body h2 {
    border-bottom: 1px solid #000;
    color: #009d85;
    font-size: 2.218vw;
    font-weight: 700;
    margin: 3.528vw 0 4.536vw;
    padding-bottom: 0.504vw;
  }
  .check-body h2 span {
    color: #000;
    font-weight: normal;
  }
  .check-body .check-img {
    text-align: center;
    margin: 9.073vw;
  }
  .check-body .check-img img {
    max-width: 100%;
  }
  .check-body .check-img img.img01 {
    width: 35.484vw;
  }
  .check-body .check-img img.img02, .check-body .check-img img.img03 {
    width: 64.516vw;
  }
}

@media (min-width: 992px) {
  .check-body {
    background-color: #fff;
    padding: 40px 45px;
  }
  .check-body header {
    color: #009aff;
    font-size: 24px;
    text-align: center;
  }
  .check-body h2 {
    font-size: 22px;
    font-weight: 700;
    color: #009aff;
    border-bottom: 1px solid #000;
    margin: 35px 0 45px;
    padding-bottom: 5px;
  }
  .check-body h2 span {
    color: #000;
    font-weight: normal;
  }
  .check-body .check-img {
    text-align: center;
    margin: 90px;
  }
  .check-body .check-img img.img01 {
    width: 352px;
  }
  .check-body .check-img img.img02, .check-body .check-img img.img03 {
    width: 640px;
  }
}