/*全ページ共通*/
.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-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%);*/
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(83, 83, 83) 60%);
}

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

.oatnd-header a.nav-link {
  color: #fff;
}

.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;
  padding: 1.25rem 2.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: .25rem;
}

/*ログインボタン*/
.oatnd-header-auth-signin {
  color: #FFF;
  border-color: #006fb1;
  background-color: #006fb1;
}

.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 {
  border-color: #084d7c;
  background-color: #084d7c;
}

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

/*新規登録ボタン*/
.oatnd-header-auth-signup {
	position: relative;
  color: #000;
  border: none;
  
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgb(178, 160, 14)), color-stop(60%, rgb(175, 125, 12)));
  background: linear-gradient(90deg, rgb(178, 160, 14) 25%, rgb(175, 125, 12) 60%);
  
  /*background: -moz-linear-gradient(left, #b09d10 35%, #ac730e 65%);*/
  /*background: -webkit-linear-gradient(left, #b09d10 35%, #ac730e 65%);*/
  /*background: linear-gradient(to right, #b09d10 35%, #ac730e 65%);*/
  
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: 1;
}

.oatnd-header-auth-signup:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgb(255, 229, 0)), color-stop(60%, rgb(252, 179, 0)));
  background: linear-gradient(90deg, rgb(255, 229, 0) 25%, rgb(252, 179, 0) 60%);
  
  /*background: -moz-linear-gradient(left, #fde108 35%, #f7a308 65%);*/
  /*background: -webkit-linear-gradient(left, #fde108 35%, #f7a308 65%);*/
  /*background: linear-gradient(to right, #fde108 35%, #f7a308 65%);*/
  
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: -1;
}

.oatnd-header-auth-signup:not(:disabled):not(.disabled).active:before,
.oatnd-header-auth-signup:not(:disabled):not(.disabled):active:before,
.show>.oatnd-header-auth-signup.dropdown-toggle:before,
.oatnd-header-auth-signup:hover:before {
  opacity: 0;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.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;
}

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



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

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



/*TOPページ*/
/*下部リンクホバー時用設定*/
.bl-s {
  background: none;
  border: none;
}

.bl-s .cardimage-thumb-content {
  background-color: #000;
}

.bl-s .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;
}

.bl-s a:hover .card-img-top {
  opacity: 0.7;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
/*ここまで下部リンクホバー時用設定*/
/*ここまでTOPページ*/



/*スポンサートップページ*/
/*スポンサーカード*/
.sps-c, .w-btn {
  border-radius: 0;
}
/*ここまでスポンサーカード*/
/*ここまでスポンサートップページ*/
.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;
}


.oatnd-cont-wrapper {
  background: url(https://assets.oatnd.com/pl3zspsv7mp7b4t5gb9diexqhi2v) no-repeat top center;
  background-size: cover;
}



.main2 {
  display: none;
}



.intro-area {
  text-align: center;
}

.intro-area>iframe {
  width: 100%;
  height: 270px;
}

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

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

.intro-area div.h5 {
  font-size: 1rem;
  line-height: 2;
}



.oatnd-cont {
  margin-top: 6rem;
}



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

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