@charset "UTF-8";
body {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  height: 100%;
  background: #fff;
  font-size: 16px;
  line-height: 1.8;
  font-family: sans-serif;
  vertical-align: top;
  /*word-break: auto-phrase;*/
}

.content {
  margin: 50px auto;
  max-width: 840px;
}

.wp-block-heading {
  color: #284691;
  font-size: 28px;
}

.shared-files-search .shared-files-search-form-container-all-files {
  margin-top: 30px;
  padding: 30px;
  background-color: rgba(218, 228, 255, 0.45);
  border-radius: 8px;
}

.tbl-certificate {
  font-size: 15px;
  line-height: 1.4;
}
.tbl-certificate__tr {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.tbl-certificate__tr--inner {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: #fff;
  border-radius: 8px;
}
.tbl-certificate__tr--inner.narrow {
  margin: 0 auto;
  width: 50%;
}
.tbl-certificate__tr--inner.narrow .tbl-certificate__th {
  width: 110px;
}
.tbl-certificate__tr--inner.narrow .tbl-certificate__th span {
  position: relative;
}
.tbl-certificate__tr--inner.narrow .tbl-certificate__th span::after {
  content: "required";
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: -22px;
  right: 15px;
  padding: 2px 4px 3px;
  border: 1px solid #e00;
  border-radius: 999px;
  color: #e00;
  font-size: 10px;
  line-height: 1;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.tbl-certificate__tr--text {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
}
.tbl-certificate__th {
  width: 100px;
  font-size: 18px;
  font-weight: 700;
}
.tbl-certificate__th span {
  display: block;
  color: #999;
  font-size: 0.7em;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.tbl-certificate__td {
  width: 220px;
}

.btn-certificate {
  text-align: center;
}

.shared-files-main-elements {
  border-radius: 8px !important;
}

.shared-files-exact-search-input-container {
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}

input[type=text]:not(.bogus).shared-files-search-files-input {
  margin-bottom: 0;
}

.shared-files-main-elements-left {
  display: none;
}

.shared-files-exact-search-input-container input[type=submit].shared-files-exact-search-submit {
  -webkit-appearance: none;
  margin-left: 0;
  margin-top: 30px !important;
  display: inline-block;
  width: 210px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: #01288c;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.05em;
  outline: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.shared-files-exact-search-input-container input[type=submit].shared-files-exact-search-submit:hover {
  opacity: 0.7;
}

.shared-files-all-files {
  list-style: none;
}

.shared-files-main-elements {
  width: 100% !important;
  height: auto;
}

.shared-files-main-elements .shared-files-main-elements-left {
  min-height: 60px;
}
.shared-files-main-elements .shared-files-main-elements-right {
  display: flex;
  align-items: center;
  padding-left: 20px;
  gap: 0 20px;
}
.shared-files-main-elements a.shared-files-download-button {
  margin: 0;
}

.shared-files-custom-field {
  display: flex;
  margin-top: 0;
}
.shared-files-custom-field span {
  display: inline-block;
  margin-right: 10px;
}
.shared-files-custom-field span::after {
  content: " :";
}

.sf-error-block {
  font-size: 0.9em;
  color: #DC0000;
}
.sf-error-block span {
  display: block;
  font-size: 0.9em;
}

.shared-files-edit-actions {
  margin-top: 0;
}

.download .shared-files-edit-actions {
  display: none;
}
.download .wp-block-button__link {
  display: none;
  pointer-events: none;
}

.upload h1 {
  margin-bottom: 50px;
  font-size: 28px;
  font-weight: 500;
  color: #00488E;
  letter-spacing: 0.05em;
}
.upload .content {
  margin: 50px auto 20px;
  padding-bottom: 50px;
}
.upload .registration-link {
  margin-bottom: 10px;
  text-align: right;
}
.upload .registration-link.wide {
  padding-bottom: 30px;
  max-width: 800px;
}
.upload .registration-link a {
  font-weight: 600;
  color: #00488E;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.upload .registration-link a::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.18362%200.30764C5.24167%200.249436%205.31064%200.203258%205.38658%200.171749C5.46251%200.140241%205.54391%200.124023%205.62612%200.124023C5.70833%200.124023%205.78973%200.140241%205.86566%200.171749C5.94159%200.203258%206.01056%200.249436%206.06862%200.30764L9.81862%204.05764C9.87682%204.1157%209.923%204.18467%209.95451%204.2606C9.98601%204.33653%2010.0022%204.41793%2010.0022%204.50014C10.0022%204.58235%209.98601%204.66375%209.95451%204.73968C9.923%204.81561%209.87682%204.88458%209.81862%204.94264L6.06862%208.69264C5.95126%208.81%205.79209%208.87593%205.62612%208.87593C5.46015%208.87593%205.30098%208.81%205.18362%208.69264C5.06626%208.57528%205.00033%208.41611%205.00033%208.25014C5.00033%208.08417%205.06626%207.925%205.18362%207.80764L8.49237%204.50014L5.18362%201.19264C5.12541%201.13458%205.07923%201.06561%205.04773%200.989682C5.01622%200.913751%205%200.832349%205%200.75014C5%200.667931%205.01622%200.58653%205.04773%200.510598C5.07923%200.434667%205.12541%200.365697%205.18362%200.30764Z%22%20fill%3D%22%2300488E%22%3E%3C%2Fpath%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%204.50024C0%204.33448%200.0658481%204.17551%200.183058%204.0583C0.300269%203.94109%200.45924%203.87524%200.625%203.87524H8.75C8.91576%203.87524%209.07473%203.94109%209.19194%204.0583C9.30915%204.17551%209.375%204.33448%209.375%204.50024C9.375%204.666%209.30915%204.82498%209.19194%204.94219C9.07473%205.0594%208.91576%205.12524%208.75%205.12524H0.625C0.45924%205.12524%200.300269%205.0594%200.183058%204.94219C0.0658481%204.82498%200%204.666%200%204.50024Z%22%20fill%3D%22%2300488E%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  margin: -3px 0 0 3px;
  vertical-align: middle;
  transition: 0.3s;
}
.upload .registration-link a:hover::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
.upload .sf-public-file-upload-submit {
  margin-top: 30px !important;
  display: inline-block;
  width: 160px;
  height: 40px;
  background-color: #01288c;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  outline: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.upload .sf-public-file-upload-submit:hover {
  opacity: 0.7;
}
.upload .error-text {
  text-align: center;
  color: #d00;
  position: absolute;
  top: 80px;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
}
.upload .sf-public-file-upload-container {
  background: #f8f9fa;
}
.upload .shared-files-upload-complete {
  margin-top: -30px;
}
.upload .error-tag {
  font-size: 12px;
  color: #d00;
}
.upload .user-logout {
  text-align: right;
}
.upload .user-logout .btn-logout {
  display: inline-flex;
  padding: 8px 12px 6px;
  border-radius: 5px;
  letter-spacing: 0.05em;
  background-color: #222;
  line-height: 1;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
}

.dsp-admin {
  display: none;
}

.shared-files-all-files {
  margin-top: 30px !important;
}
.shared-files-all-files li:nth-child(2n) .shared-files-main-elements {
  background: #fff;
}

.shared-files-file-uploaded-by {
  display: none;
}

.cky-preference-body-wrapper .cky-preference-content-wrapper p {
  margin-bottom: 0 !important;
}

.certificate-inquiry {
  margin: 0 auto;
  max-width: 640px;
}
.certificate-inquiry .wp-block-contact-form-7-contact-form-selector {
  margin-top: 30px;
}
.certificate-inquiry .wp-block-contact-form-7-contact-form-selector label {
  display: flex;
  gap: 20px;
}
.certificate-inquiry .wp-block-contact-form-7-contact-form-selector .label-ttl {
  width: 250px;
}
.certificate-inquiry .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control-wrap {
  width: calc(100% - 270px);
}
.certificate-inquiry .wp-block-contact-form-7-contact-form-selector input, .certificate-inquiry .wp-block-contact-form-7-contact-form-selector textarea {
  padding: 0 10px;
  width: 100%;
  min-height: 36px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
}
.certificate-inquiry .wp-block-contact-form-7-contact-form-selector input:focus, .certificate-inquiry .wp-block-contact-form-7-contact-form-selector textarea:focus {
  border-color: #333;
}
.certificate-inquiry .wp-block-contact-form-7-contact-form-selector textarea {
  padding: 10px;
  resize: vertical;
}
@media screen and (max-width: 768px) {
  .certificate-inquiry .wp-block-contact-form-7-contact-form-selector label {
    flex-direction: column;
    gap: 0;
  }
  .certificate-inquiry .wp-block-contact-form-7-contact-form-selector label br {
    display: none;
  }
  .certificate-inquiry .wp-block-contact-form-7-contact-form-selector .label-ttl, .certificate-inquiry .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control-wrap {
    width: 100%;
  }
}
.certificate-inquiry .wpcf7-submit {
  display: block;
  margin: 30px auto 0;
  width: 240px !important;
  cursor: pointer;
}

.ex-wrap__img {
  position: relative;
  margin-top: 40px;
}
.ex-wrap__img img {
  max-width: 100%;
  height: auto;
}
.ex-wrap__img .hover-img {
  margin: 0;
  position: absolute;
  width: 335px;
  top: 110px;
  border: 2px solid #eee;
  line-height: 0;
  opacity: 0;
  cursor: pointer;
  transition: 0.3s;
}
.ex-wrap__img .hover-img-01 {
  left: 0;
}
.ex-wrap__img .hover-img-02 {
  left: 504px;
}
.ex-wrap__img .hover-img:hover {
  opacity: 1;
}

.box-notfound {
  margin-top: 30px;
  padding: 20px;
  border-radius: 8px;
  background-color: rgba(255, 0, 0, 0.15);
}
.box-notfound .btn-notfound {
  margin: 20px auto 0;
  text-align: center;
}
.box-notfound .btn-notfound a {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 999px;
  background-color: #d00;
  color: #fff;
  text-decoration: none;
  line-height: 1.4;
  transition: 0.3s;
}
.box-notfound .btn-notfound a:hover {
  opacity: 0.7;
}
.box-notfound .btn-notfound a span {
  display: block;
  font-size: 0.8em;
}

.upload .tbl-certificate__tr {
  flex-direction: column;
  gap: 15px;
}
.upload .tbl-certificate__tr {
  margin-bottom: 15px;
}
.upload .tbl-certificate__tr--inner.narrow {
  margin: 15px 0 0;
  width: 100%;
}
.upload .tbl-certificate__th {
  width: 110px;
}
.upload .tbl-certificate__tr--text {
  display: none;
}

.login_status ~ .ex-wrap__img {
  display: none;
}