/*全ページ共通*/
.pre-wrap {
  white-space: pre-wrap;
}

.test {
  background: rgba(0, 0, 0, 0.3);
}

.futura {
  font-family: "Futura", Futura, sans-serif;
}

.futura-bold {
  font-family: "Futura-Bold", Futura, sans-serif;
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}



/*ヘッダー・フッター共通*/
.oatnd-body-wrapper {
  background-color: #000;
}

.oatnd-body-wrapper-inner {
  background: url(https://assets.oatnd.com/4d09qumvyjvym4q87od7bfd7q21k) no-repeat top center;
  background-size: contain;
  background-size: 100% auto;
}

/*.oatnd-header {*/
/*  background: -moz-linear-gradient(left, #000 25%, #414141 50%);*/
/*  background: -webkit-linear-gradient(left, #000 25%, #414141 50%);*/
/*  background: linear-gradient(to right, #000 25%, #414141 50%);*/
/*}*/

.oatnd-header .navbar {
  padding: 0.75rem 1.75rem;
  border-radius: 0.75rem;
  background-color: #fff;
}

@media (min-width: 576px) {
  .oatnd-header .navbar-brand>img {
    height: 30px;
  }
}

.oatnd-header a.nav-link {
  color: #000;
  font-size: 1.125rem;
}

.oatnd-header a.nav-link:hover {
  text-decoration: underline;
}

.oatnd-header .my-0 {
  -ms-flex-order: 3;
  order: 3;
}

@media (min-width: 992px) {
  .oatnd-header .my-0 {
    -ms-flex-order: 4;
    order: 4;
    margin-left: 1rem;
  }
}

.header-auth-btns-not-signed-in {
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

/*ログイン、新規登録ボタン*/
.oatnd-header-auth-signin, .oatnd-header-auth-signup {
  margin-left: 0!important;
  border-radius: 0.5rem;
  border: none;
  padding: 0.75rem 2rem;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: .25rem;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

/*ログインボタン*/
.oatnd-header-auth-signin {
  color: #fff;
  margin-right: 0.75rem;
  background: -moz-linear-gradient(left, #2d94d1, #0070b2);
  background: -webkit-linear-gradient(left, #2d94d1, #0070b2);
  background: linear-gradient(to right, #2d94d1, #0070b2);
}

.oatnd-header-auth-signin:not(:disabled):not(.disabled).active,
.oatnd-header-auth-signin:not(:disabled):not(.disabled):active,
.show>.oatnd-header-auth-signin.dropdown-toggle,
.oatnd-header-auth-signin:hover {
  color: #fff;
  opacity: 0.7;
}

.oatnd-header-auth-signin:focus {
  box-shadow: 0 0 0 0.2rem rgb(45 148 209 / 50%);
}
/*ここまでログインボタン*/

/*新規登録ボタン*/
.oatnd-header-auth-signup {
  color: #000;
  background: -moz-linear-gradient(left, #ffe500, #fcb300);
  background: -webkit-linear-gradient(left, #ffe500, #fcb300);
  background: linear-gradient(to right, #ffe500, #fcb300);
}

.oatnd-header-auth-signup:not(:disabled):not(.disabled).active,
.oatnd-header-auth-signup:not(:disabled):not(.disabled):active,
.show>.oatnd-header-auth-signup.dropdown-toggle,
.oatnd-header-auth-signup:hover {
  color: #000;
  opacity: 0.7;
}

.oatnd-header-auth-signup:focus {
  box-shadow: 0 0 0 0.2rem rgb(255 229 0 / 50%);
}
/*ここまで新規登録ボタン*/



.oatnd-footer-wrapper {
  color: #fff;
  background-color: #444444;
}

footer.oatnd-footer>p {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  /*font-weight: bold;*/
  text-align: center;
}
/*ここまでヘッダー・フッター共通*/
/*ここまで全ページ共通*/



/*TOP用*/
/*部品「カードリンク」*/
.oatnd-cont-col .cardimage-thumb-content {
  background-color: #000;
}

.oatnd-cont-col .cardimage-thumb-content-inner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.oatnd-cont-col a:hover .card-img-top {
  opacity: 0.7;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
/*ここまでTOP用*/



/*基本情報「説明欄の内容」非表示*/
.oatnd-memo-wrapper {
  display: none;
}



.oatnd-inquiry>div>div>div.b-sidebar {
  text-align: left!important;
}
.status-page-header-container {
  background-color: #000;
}

.status-page-header-container .oatnd-navbar-logo {
  height: 25px;
}

@media (min-width: 576px) {
  .status-page-header-container .oatnd-navbar-logo {
    height: 30px;
  }
}

/*.oatnd-header-auth-signup, .btn-sign-up, .sign-up-guide {*/
/*  display: none;*/
/*}*/

.privacy-statement {
  height: 175px;
  overflow: scroll;
}

#header-new-member-email-group > div:not([class]):after {
  /*BTB2021*/
  /*content: '半角英数字 (例　sample1@blackline.com)\A※E-mailアドレスの入力間違いが多くなっております。ご注意ください。\A※ご参加可否を確認しております。必ず勤務先の連絡先をご入力ください。';*/
  /*BTB2022*/
  /*content: '半角英字 (例　sample@blackline.com)\A※E-mailアドレスの入力間違いが多くなっております。ご注意ください。\A※ご参加可否を確認しております。必ず勤務先の連絡先をご入力ください。';*/
  /*BTB2023*/
  /*content: '半角文字 (例　sample@blackline.com)\A※E-mailアドレスの入力間違いが多くなっております。ご注意ください。\A※ご参加可否を確認しております。必ず勤務先の連絡先をご入力ください。';*/
  /*BTB2025*/
  content: '半角文字 (例　user@blackline.com)\A※E-mailアドレスの入力間違いが多くなっております。ご注意ください。\A※ご参加可否を確認しております。必ず勤務先の連絡先をご入力ください。';
  color: #6c757d;
  font-size: 1rem;
  white-space: pre-wrap;
}

#input-guide-header−lastname {
  font-size: 0;
}

#input-guide-header−lastname:before {
  /*BTB2022*/
  /*content: '全角（例　山田）';*/
  /*BTB2023*/
  /*content: '全角（例　黒川）';*/
  /*BTB2025*/
  content: '全角（例　山田）';
  font-size: 1rem;
}

#input-guide-header−firstname {
  font-size: 0;
}

#input-guide-header−firstname:before {
  content: '全角（例　太郎）';
  font-size: 1rem;
}

/*BTB2021*/
/*#input-guide-header−field1 {*/
/*  font-size: 0;*/
/*}*/

/*#input-guide-header−field1:before {*/
/*  content: '半角英字（例　Yamada）';*/
/*  font-size: 1rem;*/
/*}*/

/*#input-guide-header−field2 {*/
/*  font-size: 0;*/
/*}*/

/*#input-guide-header−field2:before {*/
/*  content: '半角英字（例　Taro）';*/
/*  font-size: 1rem;*/
/*}*/

#input-guide-header−field3 {
  font-size: 0;
}

#input-guide-header−field3:before {
  content: '（例　ブラックライン株式会社）';
  font-size: 1rem;
}

#input-guide-header−field4 {
  font-size: 0;
}

#input-guide-header−field4:before {
  /*BTB2022*/
  /*content: '（例　財務経理部）';*/
  /*BTB2023*/
  /*content: '（例　財務部）';*/
  /*BTB2025*/
  content: '（例　財務経理部）';
  font-size: 1rem;
}

#input-guide-header−field5 {
  font-size: 0;
}

#input-guide-header−field5:before {
  /*BTB2021*/
  /*content: '半角数字・ハイフン[-]ありで入力してください（例　01-2345-6789）';*/
  /*BTB2022*/
  /*content: '半角数字・ハイフン[-]ありで入力してください（例　03-2345-6789）';*/
  /*BTB2025*/
  content: '半角数字・ハイフン[-]ありで入力してください（例 03-2345-6789）';
  font-size: 1rem;
}

#input-guide-header−field6 {
  font-size: 0;
}

#input-guide-header−field6:before {
  /*BTB2021*/
  /*content: '半角英数字\A「DIAMOND Quarterly」特別招待コードをお持ちの方はご入力ください';*/
  /*BTB2022*/
  content: '半角英数字\A特別招待コードをお持ちの方はご入力ください';
  color: #6c757d;
  font-size: 1rem;
  white-space: pre-wrap;
}

#input-guide-header−field9 {
  font-size: 0;
}

#input-guide-header−field9:before {
  /*BTB2025*/
  content: '（例：人手不足/アナログ業務の多さ/ガバナンス強化）';
  color: #6c757d;
  font-size: 1rem;
  white-space: pre-wrap;
}
.header-bg { }
.header_bg {  background: linear-gradient(to top,rgba(0,0,0,0.0) 0,rgba(0,0,0,0.0) 100%); }
.status-page-header-container {
  background-color: transparent;
}



.oatnd-main-wrapper {
  margin-top: 3rem;
}



.oatnd-abst-wrapper {
  padding-top: 6rem!important;
}

.oatnd-abst {
  text-align: center;
}

.oatnd-abst>iframe {
  max-width: 100%;
  /*width: 100%;*/
  height: 270px;
  aspect-ratio: 16 / 9;
}

@media (min-width: 576px) {
  .oatnd-abst>iframe {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .oatnd-abst>iframe {
    height: 360px;
  }
}

.oatnd-abst div.h5 {
  font-size: 1rem;
  line-height: 2;
}



/*.oatnd-cont-wrapper {*/
/*  padding-bottom: 6rem!important;*/
/*}*/

.oatnd-cont-container .row {
  margin-right: -10px;
  margin-left: -10px;
}

.oatnd-cont-col {
  padding-right: 10px;
  padding-left: 10px;
}



.oatnd-memo-wrapper {
  display: block;
  padding-bottom: 6rem!important;
}

.oatnd-memo-area>.card .card-text {
  line-height: 2;
}

.oatnd-memo-area>.card+.card .table-responsive table td {
  vertical-align: middle;
}