/*共通*/
.test {
  background: rgba(0, 0, 0, 0.3);
}

.oatnd-header .navbar .navbar-nav .nav-link {
  color: #717071;
}

.oatnd-header .navbar .navbar-nav .nav-link:hover {
  color: #4f4e4f;
}

.oatnd-header-auth-signin {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  border-color: #004280;
  background-color: #004280;
}

@media (min-width: 576px) {
  .oatnd-header-auth-signin {
    font-size: 20px;
  }
}

.oatnd-header-auth-signin:active, .oatnd-header-auth-signin:hover {
  color: #b2b2b2;
  border-color: #032e5a;
  background-color: #032e5a;
}

.pre-wrap {
  white-space: pre-wrap;
}



/*FAQ*/
.oatnd-faq-wrapper {
  padding: 5rem 0;
}

@media (min-width: 768px) {
  .oatnd-faq-wrapper {
    padding: 7% 0;
  }
}

@media (min-width: 992px) {
  .oatnd-faq-wrapper {
    padding: 5% 0;
  }
}

.oatnd-faq .card .card-img-top {
  width: 5em;
}

@media (min-width: 576px) {
  .oatnd-faq .card .card-img-top {
    width: 6em;
  }
}

@media (min-width: 992px) {
  .oatnd-faq .card .card-img-top {
    width: 6.5em;
  }
}

@media (min-width: 1200px) {
  .oatnd-faq .card .card-img-top {
    width: 7em;
  }
}

#collapse_accordion .card {
  border-right: 0;
  border-left: 0;
}

#collapse_accordion .card-header {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 0!important;
  background: transparent!important;
}

#collapse_accordion .card-header>img,
#collapse_accordion .card-body .card-text>img {
  width: 30px;
}

#collapse_accordion .card-header>a img {
  width: 20px;
}

@media (min-width: 768px) {
  #collapse_accordion .card-header>img,
  #collapse_accordion .card-body .card-text>img {
    width: 34px;
  }
  
  #collapse_accordion .card-header>a img {
    width: 16px;
  }
}

#collapse_accordion .card-header>div {
  color: #004280;
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
}

#collapse_accordion .card-body div.h5 {
  font-size: 11px;
  line-height: 1.5;
}

#collapse_accordion .card-header>a:hover {
  cursor: pointer;
}

@media (min-width: 576px) {
  #collapse_accordion .card-header>div {
    font-size: 16px;
  }
  
  #collapse_accordion .card-body div.h5 {
    font-size: 14px;
  }
}
/*ここまでFAQ*/

/*概要*/
.oatnd-overview-wrapper {
  padding: 5rem 0;
  background: url(https://assets.oatnd.com/c829xuv1au2goi4eln9a0t6a5280) no-repeat;
  background-position: top center;
  background-size: cover;
}

@media (min-width: 768px) {
  .oatnd-overview-wrapper {
    padding: 7% 0;
  }
}

@media (min-width: 992px) {
  .oatnd-overview-wrapper {
    padding: 5% 0;
  }
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-img-top {
  width: 11em;
}

@media (min-width: 576px) {
  .oatnd-overview-wrapper .position-relative>.card.text-center .card-img-top {
    width: 11.5em;
  }
}

@media (min-width: 992px) {
  .oatnd-overview-wrapper .position-relative>.card.text-center .card-img-top {
    width: 13em;
  }
}

@media (min-width: 1200px) {
  .oatnd-overview-wrapper .position-relative>.card.text-center .card-img-top {
    width: 13.5em;
  }
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-header {
  font-size: 15px;
}

@media (min-width: 576px) {
  .oatnd-overview-wrapper .position-relative>.card.text-center .card-header {
    font-size: 22px;
  }
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-body.mb-5 .card-text {
  font-size: 13px;
}

@media (min-width: 576px) {
  .oatnd-overview-wrapper .position-relative>.card.text-center .card-body.mb-5 .card-text {
    font-size: 18px;
  }
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-body.mb-5 .card-text .col-9 {
  line-height: 1.5;
  font-weight: 400;
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-body.pb-5 .card-text {
  font-size: 9px;
  line-height: 1.7;
  font-weight: 400;
}

@media (min-width: 576px) {
  .oatnd-overview-wrapper .position-relative>.card.text-center .card-body.pb-5 .card-text {
    font-size: 12px;
  }
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-body.p-0:not(.mb-5) .card-text {
  font-size: 10px;
  font-weight: 400;
}

@media (min-width: 576px) {
  .oatnd-overview-wrapper .position-relative>.card.text-center .card-body.p-0:not(.mb-5) .card-text {
    font-size: 14px;
  }
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-body.p-0:not(.mb-5) .card-text a {
  color: #FFF;
  text-decoration: underline;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.oatnd-overview-wrapper .position-relative>.card.text-center .card-body.p-0:not(.mb-5) .card-text a:hover {
  color: #b2b2b2;
}

.oatnd-overview-wrapper .position-relative>.card:not(.text-center)  {
  bottom: -4rem;
  right: 1rem;
  width: 5%;
  min-width: 50px;
}

@media (min-width: 768px) {
  .oatnd-overview-wrapper .position-relative>.card:not(.text-center)  {
    bottom: -3.2rem;
  }
}

@media (min-width: 992px) {
  .oatnd-overview-wrapper .position-relative>.card:not(.text-center)  {
    bottom: -3rem;
  }
}

@media (min-width: 1025px) {
  .oatnd-overview-wrapper .position-relative>.card:not(.text-center)  {
    bottom: -3.2rem;
  }
}

@media (min-width: 1200px) {
  .oatnd-overview-wrapper .position-relative>.card:not(.text-center)  {
    right: -1rem;
    /*right: -6rem;*/
    bottom: .5rem;
  }
}
/*ここまで概要*/

/*フッター*/
.oatnd-footer>div.d-flex>div {
  font-size: 10px;
}

@media (min-width: 576px) {
  .oatnd-footer>div.d-flex>div {
    font-size: 14px;
  }
}
/*ここまでフッター*/
/*ここまで共通*/
/*メールアドレスヘルプ文*/
#header-new-member-email-group__BV_description_ {
  font-size: 1rem;
}

small[id^="new-entry-email-confirmation-group-"]:after {
  content: '。';
}

/*パスワードヘルプ文*/
/*ログイン後パスワード変更画面*/
#profile−password-group div:after,
/*新規登録時の入力画面*/
#header-new-member-password-group div:after {
  content: '半角英数字8文字以上';
  color: #6c757d;
  font-size: 1rem;
}

/*電話番号ヘルプ文*/
/*スポット登録*/
#input-guide-field6-0, #input-guide-field6-1, #input-guide-field6-2,
/*新規登録*/
#input-guide-header−field6 {
  font-size: 0;
}

/*スポット登録*/
#input-guide-field6-0:before, #input-guide-field6-1:before, #input-guide-field6-2:before,
/*新規登録*/
#input-guide-header−field6:before {
  /*content: '（例） 03-6629-8540';*/
  /*VMI2025*/
  content: '例) 03-6629-8540';
  font-size: 1rem;
}

/*新規登録後の「アクセス制限メッセージ」改行調整*/
.unaccessible-msg {
  white-space: pre-wrap;
}
.main_image { background:url(https://assets.oatnd.com/2teis6an6l328z6pfn29rdxsvo0l) no-repeat center; } .main_image_style { } .header-bg { }
.main_image { background-position: 50% 0%;  } .main_image_style {  background: linear-gradient(to top,rgba(0,0,0,0.0) 0,rgba(0,0,0,0.0) 100%); } .header_bg {  background: linear-gradient(to top,rgba(0,0,0,0.0) 0,rgba(0,0,0,0.0) 100%); }
/*ここからライブ時有効*/
/*.oatnd-header-auth-signin {*/
/*  max-width: 100%;*/
/*  width: 9em;*/
/*}*/
/*ここまでライブ時有効*/

/*ここから講演資料ダウンロード時にコメントアウト*/
.oatnd-survey>div:not([class])>div.text-center.my-4>p, .oatnd-exhi-wrapper {
  display: none;
}
/*ここまで講演資料ダウンロード時にコメントアウト*/



body {
  font-family: "Noto Sans JP", Roboto, "-Hiragino", Meiryo, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.5;
}



/*基本情報「メインイメージ」*/
.main_image {
  background: transparent;
}

.main_image .jumbotron {
  padding-top: 0;
  padding-bottom: 0;
}

.main_image .jumbotron .container.oatnd-title {
  max-width: none;
  width: auto;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}
/*ここまで基本情報「メインイメージ」*/



.oatnd-header {
  padding-right: 0;
}

.oatnd-header .navbar {
  padding: 0;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}

.oatnd-header .navbar .navbar-brand, .oatnd-navbar-brand {
  margin-right: 1rem!important;
  font-size: 0;
}

.oatnd-header .navbar .navbar-brand img, .oatnd-navbar-logo {
  height: 20px;
}

@media (min-width: 576px) {
  .oatnd-header .navbar .navbar-brand img, .oatnd-navbar-logo {
    height: 27.5px;
  }
}

@media (min-width: 768px) {
  .oatnd-header .navbar .navbar-brand img, .oatnd-navbar-logo {
    height: 32.5px;
  }
}

/*表示順・余白調整*/
.oatnd-header .ml-auto {
  margin-left: 0!important;
}

.oatnd-header .navbar-toggler {
  margin-left: auto!important;
}

@media (max-width: 991px) {
  .oatnd-header .ml-auto {
    -ms-flex-order: 3;
    order: 3;
  }
  
  .oatnd-header .navbar-toggler {
    margin-right: 1.5rem;
  }
  
  .oatnd-header .navbar-collapse {
    -ms-flex-order: 3;
    order: 3;
  }
}

.oatnd-header .navbar-toggler {
  -ms-flex-order: 2;
  order: 2;
}
/*ここまで表示順・余白調整*/

.oatnd-header .navbar-toggler {
  color: #1e1e1e;
}

@media (max-width: 991px) {
  .oatnd-header .navbar-collapse {
    padding-right: 15px;
  }
  
  .oatnd-header .nav-item:first-child {
    padding-top: 1rem!important;
  }
  
  .oatnd-header .nav-item:last-child {
    padding-bottom: 1rem!important;
  }
}

@media (min-width: 992px) {
  .oatnd-header .nav-item:not(:last-child) {
    border-right: .125rem solid #1e1e1e;
  }
}

.oatnd-header .nav-item .nav-link {
  color: #1e1e1e!important;
  line-height: 1;
}

@media (min-width: 992px) {
  .oatnd-header .nav-item .nav-link {
    /*font-size: 1.125vw;*/
    /*「関連記事紹介」追加後*/
    font-size: 0.9vw;
  }
}

@media (min-width: 1200px) {
  .oatnd-header .nav-item .nav-link {
    /*font-size: 1.0625rem;*/
    /*「関連記事紹介」追加後*/
    /*font-size: 0.875rem;*/
  }
}

.oatnd-header .nav-item .nav-link:hover {
  opacity: 0.75;
  text-decoration: underline;
}



/*部品「ヘッダーリンク」サイズ調整*/
@media (min-width: 992px) {
  /*ここから「アンケート」追加後*/
  .oatnd-header .nav-item {
    padding-right: 0.5625rem!important;
    padding-left: 0.5625rem!important;
  }
  /*ここまで「アンケート」追加後*/
  
  .oatnd-header .nav-item .nav-link {
    /*font-size: 1.125vw;*/
    /*「関連記事紹介」追加後*/
    /*font-size: 0.9vw;*/
    /*「アンケート」追加後*/
    font-size: 1vw;
  }
}

@media (min-width: 1200px) {
  .oatnd-header .nav-item .nav-link {
    /*font-size: 1.0625rem;*/
    /*「関連記事紹介」追加後*/
    /*font-size: 0.875rem;*/
  }
}

.oatnd-footer-wrapper .navbar-nav .nav-item .nav-link {
  font-size: 1.125rem!important;
}



/*ヘッダー「ログイン」「新規登録」ボタン*/
.header-auth-btns-not-signed-in {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
}

.oatnd-header-auth-signin, .oatnd-header-auth-signup {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-left: 0!important;
  border: 0;
  border-radius: 0;
  padding: 1rem;
  background: -webkit-linear-gradient(top left, #004098 50%, #003286 50%);
  background: linear-gradient(to bottom right, #004098 50%, #003286 50%);
  /*-webkit-transition: 0.4s;*/
  /*transition: 0.4s;*/
  z-index: 1;
}

.oatnd-header-auth-signup {
  display: inline-block;
  padding: 0;
  background: -webkit-linear-gradient(left, #ff9600, #ff5000);
  background: linear-gradient(to right, #ff9600, #ff5000);
}

.oatnd-header-auth-signup>span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.625rem 1rem;
  background: -webkit-linear-gradient(top left, transparent 50%, #ff5000 50%);
  background: linear-gradient(to bottom right, transparent 50%, #ff5000 50%);
}

@media (min-width: 576px) {
  .oatnd-header-auth-signin, .oatnd-header-auth-signup {
    padding: 1rem 1.25rem;
    font-size: 18px;
  }
  
  .oatnd-header-auth-signup {
    padding: 0;
  }
  
  .oatnd-header-auth-signup>span {
    padding: 1rem 1.25rem;
  }
}

@media (min-width: 992px) {
  .oatnd-header-auth-signin, .oatnd-header-auth-signup {
    padding: 1rem 1.5rem;
    font-size: 20px;
  }
  
  .oatnd-header-auth-signup {
    padding: 0;
  }
  
  .oatnd-header-auth-signup>span {
    padding: 1rem 1.5rem;
  }
}

.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,
.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 {
  opacity: 0.75;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.oatnd-header-auth-signin:before, .oatnd-header-auth-signup:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
  background: -webkit-linear-gradient(top left, #004098 50%, #003286 50%);
  background: linear-gradient(to bottom right, #004098 50%, #003286 50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: -1;
}

.oatnd-header-auth-signup:before {
  background: -webkit-linear-gradient(left, #ff9600, #ff5000);
  background: linear-gradient(to right, #ff9600, #ff5000);
}

.oatnd-header-auth-signin:not(:disabled):not(.disabled).active:before,
.oatnd-header-auth-signin:not(:disabled):not(.disabled):active:before,
.oatnd-header-auth-signin:hover:before,
.oatnd-header-auth-signup:not(:disabled):not(.disabled).active:before,
.oatnd-header-auth-signup:not(:disabled):not(.disabled):active:before,
.oatnd-header-auth-signup:hover:before {
  /*opacity: 0;*/
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.oatnd-header-auth-signin:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 64 152 / 50%);
}

.oatnd-header-auth-signup:focus {
  box-shadow: 0 0 0 0.2rem rgb(255 150 0 / 50%);
}
/*ここまでヘッダー「ログイン」「新規登録」ボタン*/

/*ログイン後アイコン*/
button#header-authed__BV_toggle_ {
  height: 49px;
}

@media (min-width: 576px) {
  button#header-authed__BV_toggle_ {
    height: 55px;
  }
}

@media (min-width: 992px) {
  button#header-authed__BV_toggle_ {
    height: 58px;
  }
}
/*ここまでログイン後アイコン*/



.oatnd-survey-wrapper {
  margin-top: 2rem;
}

#survey .card-body .form-group.new-answer-group>label.d-block {
  white-space: pre-wrap;
}

#new-answer-group-0-69485, #new-answer-group-0-69487 {
  margin-bottom: .5rem;
}

small.form-text.text-muted {
  margin-top: .5rem;
}

.oatnd-survey .text-center.my-4 button {
  color: #fff;
  font-size: 19px;
  padding: .75rem 3rem;
  background-color: #004098;
  border-color: #004098;
  border-radius: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (min-width: 576px) {
  .oatnd-survey .text-center.my-4 button {
    font-size: 26px;
  }
}

.oatnd-survey .text-center.my-4 button:not(:disabled):not(.disabled).active,
.oatnd-survey .text-center.my-4 button:not(:disabled):not(.disabled):active,
.show>.oatnd-survey .text-center.my-4 button.dropdown-toggle,
.oatnd-survey .text-center.my-4 button:hover {
  background-color: #004098;
  border-color: #004098;
  opacity: 0.75;
}

.oatnd-survey .text-center.my-4 button.focus, .oatnd-survey .text-center.my-4 button:focus {
  background-color: #004098;
  border-color: #004098;
  box-shadow: 0 0 0 .2rem rgba(0, 64, 152, .5);
}

.oatnd-survey>div>.text-center.my-4 p.mt-4 {
  color: #004098;
  font-size: 1.25rem;
  font-weight: bold;
}

/*.card.card-apply-auth,*/
/*.card.card-applied-message {*/
/*  display: none;*/
/*}*/

.card.card-apply-auth {
  border: 0;
  border-radius: 0;
}

.card.card-apply-auth .card-text {
  text-align: center;
}

.card.card-apply-auth .apply-auth-message {
  color: #004098;
  font-size: 1.25rem;
  font-weight: bold;
}

.apply-auth-signin, .apply-auth-signup {
  display: none;
}

/*アンケート回答後*/
.card.card-applied-message {
  border: 0;
  border-radius: 0;
}

.card.card-applied-message .applied-title {
  display: none;
}

.card.card-applied-message .applied-message {
  color: #004098;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}

.oatnd-survey>div:not([class])>.alert.my-2.alert-dismissible.alert-success {
  display: none;
}



.oatnd-exhi-wrapper {
  margin-top: 5rem;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  background: -webkit-linear-gradient(left, rgba(30, 76, 156, 0.25), rgba(69, 154, 183, 0.25));
  background: linear-gradient(to right, rgba(30, 76, 156, 0.25), rgba(69, 154, 183, 0.25));
}

.oatnd-exhi-wrapper>.container>.card:first-child .card-subtitle,
.oatnd-exhi-wrapper>.container>.card .card-title {
  color: #004098;
}

/*講演ラベル、タイトル*/
.oatnd-exhi-wrapper>.container>.card .card-header {
  margin-bottom: 0!important;
  font-size: 1.625rem;
}

.oatnd-exhi-wrapper>.container>.card .card-title {
  margin-bottom: 0;
  font-size: 1.5rem;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(2) .card-header,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(4) .card-header {
  /*background: -webkit-linear-gradient(left, #0383ca, #2b4154);*/
  /*background: linear-gradient(to right, #0383ca, #2b4154);*/
  background-color: #007898;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(2) .card-title,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(4) .card-title {
  color: #007898;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(3) .card-header,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(5) .card-header {
  /*background: -webkit-linear-gradient(left, #ee5a24, #2b4154);*/
  /*background: linear-gradient(to right, #ee5a24, #2b4154);*/
  background-color: #4da1b7;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(3) .card-title,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(5) .card-title {
  color: #4da1b7;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(6) .card-header,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(8) .card-header {
  /*background: -webkit-linear-gradient(left, #3ab24a, #2b4154);*/
  /*background: linear-gradient(to right, #3ab24a, #2b4154);*/
  background-color: #007864;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(6) .card-title,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(8) .card-title {
  color: #007864;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(7) .card-header,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(9) .card-header {
  /*background: -webkit-linear-gradient(left, #3ab24a, #2b4154);*/
  /*background: linear-gradient(to right, #3ab24a, #2b4154);*/
  background-color: #4da193;
}

.oatnd-exhi-wrapper>.container>.card:nth-of-type(7) .card-title,
.oatnd-exhi-wrapper>.container>.card:nth-of-type(9) .card-title {
  color: #4da193;
}

.oatnd-exhi-wrapper>.container>.card .card-header>span {
  display: none;
}

.oatnd-exhi-wrapper>.container>.card .card-header+.card-body {
  padding-top: 0;
  padding-bottom: 0;
}

.oatnd-exhi-wrapper>.container>.card .card {
  margin-bottom: 0!important;
}

.oatnd-exhi-wrapper>.container>.card .col-md-4 {
  display: none;
}

.oatnd-exhi-wrapper>.container>.card .col-md-8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.oatnd-exhi-wrapper>.container>.card .col-md-8 .card-body {
  padding: 1.25rem!important;
}

.oatnd-exhi-wrapper>.container>.card h5.card-text {
  margin-top: 1.25rem!important;
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.5;
}

.oatnd-exhi-wrapper>.container>.card h5.card-text span:not(.small) {
  font-size: 1.375rem;
}

.oatnd-exhi-wrapper>.container>.card div.card-text>div>div {
  text-align: center;
}

.oatnd-exhi-wrapper>.container>.card div.card-text button {
  position: relative;
  display: block;
  max-width: 100%;
  /*width: 262.5px;*/
  width: 13em;
  font-size: 1.5rem;
  font-weight: bold;
  border: 0;
  border-radius: 3rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0 0.01rem;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: 1;
}

@media (min-width: 576px) {
  .oatnd-exhi-wrapper>.container>.card div.card-text button {
    width: 56.25%;
  }
}

@media (min-width: 768px) {
  .oatnd-exhi-wrapper>.container>.card div.card-text button {
    width: 43.75%;
  }
}

@media (min-width: 992px) {
  .oatnd-exhi-wrapper>.container>.card div.card-text button {
    /*width: 214.59px;*/
    width: 31.25%;
  }
}

@media (min-width: 1200px) {
  .oatnd-exhi-wrapper>.container>.card div.card-text button {
    /*width: 259.59px;*/
    width: 25%;
  }
}

.oatnd-exhi-wrapper>.container>.card div.card-text button:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: -1;
}

.oatnd-exhi-wrapper>.container>.card div.card-text button:active,
.oatnd-exhi-wrapper>.container>.card div.card-text button:hover {
  opacity: 0.75;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.oatnd-exhi-wrapper>.container>.card div.card-text button:active:before,
.oatnd-exhi-wrapper>.container>.card div.card-text button:hover:before {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.oatnd-exhi-wrapper>.container>.card div.card-text button span {
  display: block;
  width: 100%;
  height: 100%;
  padding: .5rem 1rem;
  margin-bottom: 0.49rem;
  font-size: 1.5rem;
  font-weight: bold;
  border: 0;
  border-radius: 3rem;
}

.oatnd-exhi-wrapper>.container>.card div.card-text button span:after {
  content: '▶︎';
  position: absolute;
  top: 56.25%;
  right: 15px;
  margin-top: -0.5rem;
  font-size: 1.25rem;
  transform: translateY(-50%);
}

@media (min-width: 992px) {
  .oatnd-exhi-wrapper>.container>.card div.card-text button span:after {
    right: 10px;
  }
}

@media (min-width: 1200px) {
  .oatnd-exhi-wrapper>.container>.card div.card-text button span:after {
    right: 15px;
  }
}

.oatnd-exhi-wrapper>.container>.card div.card-text button {
  background: -webkit-linear-gradient(left, #459ab7, #1e4c9c);
  background: linear-gradient(to right, #459ab7, #1e4c9c);
}

.oatnd-exhi-wrapper>.container>.card div.card-text button:before {
  background: -webkit-linear-gradient(left, #459ab7, #1e4c9c);
  background: linear-gradient(to right, #459ab7, #1e4c9c);
}

.oatnd-exhi-wrapper>.container>.card div.card-text button:focus {
  box-shadow: 0 0 0 0.2rem rgb(30 76 156 / 50%);
}

.oatnd-exhi-wrapper>.container>.card div.card-text button span {
  background: -webkit-linear-gradient(left, #1e4c9c, #459ab7);
  background: linear-gradient(to right, #1e4c9c, #459ab7);
}



.oatnd-faq-wrapper {
  display: none;
}

.oatnd-overview-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
}



/*基本情報「ページ下部エリア」*/
.container.oatnd-overview {
  max-width: none;
  width: auto;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
}

.py-5.oatnd-footer-wrapper {
  background-color: #004098;
}

.oatnd-footer-logo {
  width: 186.53px;
}

@media (min-width: 576px) {
  .oatnd-footer-logo {
    width: auto;
    height: 40px;
  }
}

.py-5.oatnd-footer-wrapper .navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 0!important;
  margin-bottom: 3rem;
  list-style: none;
}

.py-5.oatnd-footer-wrapper .navbar-nav .nav-item {
  margin-bottom: 1rem;
  padding: 0 1.5rem!important;
}

.py-5.oatnd-footer-wrapper .navbar-nav .nav-item:not(:last-child) {
  border-right: .125rem solid #fff;
}

.py-5.oatnd-footer-wrapper .navbar-nav .nav-item .nav-link {
  display: inline-block!important;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400!important;
  line-height: 1;
}

.py-5.oatnd-footer-wrapper .navbar-nav .nav-item .nav-link:hover {
  opacity: 0.75;
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .py-5.oatnd-footer-wrapper .navbar-nav .nav-item .nav-link {
    display: block!important;
  }
}

.oatnd-footer-text, .oatnd-footer p {
  margin-bottom: 0;
  color: #fff;
  font-size: 1.25rem;
}



.oatnd-overview-wrapper+.oatnd-footer-wrapper {
  display: none;
}

.oatnd-footer .d-flex img {
  display: none!important;
}

.oatnd-footer>div.d-flex>div, .oatnd-footer p {
  font-size: 1.25rem;
}

.oatnd-footer p {
  margin-bottom: 0;
  color: #fff;
}