.pre-wrap {
  white-space: pre-wrap;
}

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

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

.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-color: #000;
}

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

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

.oatnd-header a.nav-link:hover {
  /*color: #b2b2b2!important;*/
  text-decoration: underline;
}

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

/*@media (min-width: 992px) {*/
@media (min-width: 768px) {
  .oatnd-header .my-0 {
    -ms-flex-order: 5;
    order: 5;
    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: #000;
  border-color: #f9b734;
  background-color: #f9b734;
}

.oatnd-header-auth-signin:active,
.oatnd-header-auth-signin:hover {
  color: #000!important;
  border-color: #ad8027!important;
  background-color: #ad8027!important;
}

.oatnd-header-auth-signin:focus {
  box-shadow: 0 0 0 0.2rem rgb(249 183 52 / 50%);
}

.oatnd-header-auth-signup {
  color: #fff;
  background: -moz-linear-gradient(left, #39218a, #f94f35);
  background: -webkit-linear-gradient(left, #39218a, #f94f35);
  background: linear-gradient(to right, #39218a, #f94f35);
  
  border: none;
  /*background: -moz-linear-gradient(45deg, #39218a, #f94f35, #f7bd1b);*/
  /*background: -webkit-linear-gradient(45deg, #39218a, #f94f35, #f7bd1b);*/
  /*background: linear-gradient(45deg, #39218a, #f94f35, #f7bd1b);*/
  /*background-size: 200% 200%;*/
  /*-webkit-animation: bggradient 4s ease infinite;*/
  /*animation: bggradient 4s ease infinite;*/
}

.oatnd-header-auth-signup:active,
.oatnd-header-auth-signup:hover {
  background: -moz-linear-gradient(left, #291661, #ae3725);
  background: -webkit-linear-gradient(left, #291661, #ae3725);
  background: linear-gradient(to right, #291661, #ae3725);
}

.oatnd-header-auth-signup:focus {
  box-shadow: 0 0 0 0.2rem rgb(57 33 138 / 50%);
}



.oatnd-footer-wrapper {
  background: -moz-linear-gradient(left, #f9b734, #f99534);
  background: -webkit-linear-gradient(left, #f9b734, #f99534);
  background: linear-gradient(to right, #f9b734, #f99534);
}

footer.oatnd-footer>p {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: bold;
  text-align: center;
}
/*ここまでヘッダー・フッター共通*/
.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 {
  padding-top: 6rem;
  padding-bottom: 4.5rem;
  background: #000;
}

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

@media (min-width: 768px) {
  .oatnd-cont>.row>.col-md-4:nth-of-type(2) {
    margin-top: 6rem!important;
  }
  
  .oatnd-cont>.row>.col-md-4:nth-of-type(3) {
    margin-top: 9rem!important;
  }
}