/* ▼ヘッダ：ロゴ▼ */
.oatnd-navbar-logo {
    max-height: 45px;
}

/* ▼ヘッダ：ボタン▼ */
.oatnd-header .btn-outline-primary {
  background-color: #FFF;
  border-color: #014a9a;
  color: #014a9a;
}
.oatnd-header .btn-outline-primary:hover,
.oatnd-header .btn-outline-primary:active {
  background-color: #014a9a!important;
  border-color: #014a9a!important;
  color: #FFF;
}
.oatnd-header .btn-outline-primary:focus,
.oatnd-header .btn-outline-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(0, 48, 99, 0.5);
}
#header-authed .btn-link{
  color: #014a9a;
}
#header-authed .btn-link:hover{
  color: #003063;
}


/* ▼メイン画像：ここから▼ */
.top_banner{
  background-size: 1200px!important;
}
.top_banner_style{
  margin-bottom: 0!important;
  background-color: transparent!important;
  padding: 0!important;
}
.oatnd-title-abst{
  text-align: right;
  color: #FFF;
  padding: 4rem 0;
}
.oatnd-title-abst h1{
  font-weight: bold;
  font-size: 3.25rem;
  white-space: pre-wrap;
}
.oatnd-title-abst h2{
  font-weight: bold;
  font-size: 1.75rem;
}

.oatnd-desc1,
.oatnd-desc2,
.oatnd-desc3,
.oatnd-desc4{
  font-size: 2.1rem;
  text-align: center;
  font-weight: bold;
  padding-top: 4rem;
  padding-bottom: 1rem;
}
.oatnd-seminar-wrapper,
.oatnd-products-wrapper,
.oatnd-contact-wrapper,
.oatnd-page-content-wrapper{
  padding-bottom: 5rem;
}



/* ▼めにゅー▼ */
.menu-body{
  text-align: center;
  font-size: 1.4rem;
  border: solid 1px #000;
}
.menu-body a{
  display: block;
  width: 100%;
  padding: .75rem 0;
  font-weight: bold;
  text-decoration: none;
}
.menu-body a:hover{
  text-decoration: none;
}


/* ▼カルーセル▼ */
.oatnd-carousel-wrapper{
  background-color: #EEE;
  padding: 2rem 0 5rem 0;
}
.carousel-inner{
  width: 75%!important;
  margin: 0 auto;
}
#oatndCarouselArea i{
  color: #666;
}
.carousel-indicators{
  bottom: -50px!important;
}
.carousel-indicators li{
  width: 50px!important;
}



/* ▼セミナー▼ */
.oatnd-seminar{
  border-top: solid 1px;
  border-bottom: solid 1px;
  padding: 0 3rem;
}
.oatnd-seminar-table{
  width: 100%;
}
.oatnd-seminar tr{
  border-bottom: solid 1px;
}
.oatnd-seminar tr:last-child{
  border-bottom: none;
}
.oatnd-seminar th{
  font-size: 1.4rem;
  padding: 1rem 2rem 1rem 0!important;
}
.oatnd-seminar .seminar-title{
  padding: 1rem 0 .5rem 0;
  font-size: 1.2rem;
}
.oatnd-seminar .seminar-btn{
  white-space: nowrap;
  padding: 0 0 2rem 0;
}
@media(min-width:992px){
  .oatnd-seminar .seminar-title{
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
  .oatnd-seminar .seminar-btn{
    text-align: right;
    padding: 1rem;
  }
}
.seminar-title {
  white-space:pre-wrap;
}
.oatnd-seminar .btn-primary {
  background-color: #014a9a;
  border-color: #014a9a;
}
.oatnd-seminar .btn-primary:hover, .oatnd-seminar .btn-primary:active {
  background-color: #003063!important;
  border-color: #003063!important;
}
.oatnd-seminar .btn-primary:focus,
.oatnd-seminar .btn-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(0, 48, 99, 0.5);
}
.oatnd-seminar button{
  border-radius: 1.5rem;
  font-weight: bold;
  padding: .25rem 1rem;
}



/* ▼製品メニュー▼ */
.oatnd-products-nav{
  font-size: 0;
}
.nav-tabs .nav-link{
  border: none!important;
  /* 220426 以下5行追加 */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
ul.nav-tabs{
  border: none!important;
}
.nav-item{
  text-align: center;
  font-size: 1.4rem;
  border: solid 1px #000;
  width: 50%;
}
.nav-item a{
  padding: .75rem 0;
  font-weight: bold;
  text-decoration: none;
  border-radius: 0!important;
}
.nav-item a:hover,
.nav-item .active{
  text-decoration: none;
  border :none!important;
}
@media(min-width:768px){
  .nav-item{
    /* 一行に表示するメニュー数調整(パーセント表記) */
    /* 100 / (一行に表示したい個数) */
    width: 20%;
  }
}

/* ▼製品情報▼ */
.products-container{
  padding-top: 1.5rem; 
}
.oatnd-item-set .card{
  background-color: transparent;
  border-color: #888!important;
  padding: 0 .5rem!important;
}
.item-set-row .card-image{
  margin: auto 0;
  padding: .5rem;
}
.item-set-row .card-abst{
  padding: .5rem;
}
.oatnd-item-row .card-body{
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0!important;
}
.item-set-row .card-title{
  margin: 0;
  padding-left: 1rem;
  font-size: 1rem;
}
.item-set-row .card-title a{
  /*color: #014a9a;*/
  font-weight: bold;
  font-size: 1.2rem;
}
/* ▼製品展示：文字（マウスオーバー）▼ */
.item-set-row .card-title a:hover{
  /*color: #68aff9;*/
}



/* ▼お問い合わせ（新：2021/05/28）▼ */
.oatnd-contact-wrapper .btn-inquiry-content{
  display: block;
  margin: 0 auto;
  white-space: normal;
}
.oatnd-contact-wrapper .card-btn{
  display: none;
}
.b-sidebar-body {
  white-space: normal;
}

.oatnd-contact-wrapper .card{
  border-left: none;
  border-right: none;
  border-radius: 0!important;
  background-color: transparent;
}
.oatnd-contact-wrapper .card-title{
  display:none;
}
.oatnd-contact-wrapper .card-text{
  /*margin-top: 1rem;*/
  white-space: pre-wrap;
  font-size: 1.2rem;
}
.oatnd-contact-wrapper .card-img{
  display: flex;
  align-items: center;
  height: 100%;
}
.oatnd-contact-wrapper .card-img img{
  margin: .5rem 0;
  /*object-fit: cover;*/
  /*width: 100%;*/
  /*height: 100%!important;*/
}
.oatnd-contact-wrapper .card-btn{
  text-align:center;
}
.oatnd-contact-wrapper button{
  border-radius: 1.5rem;
  font-weight: bold;
  padding: .25rem 1rem;
}



/* ▼動画お問い合わせ▼ */
.btn-inquiry-content{
  display:none;
}




/* ▼アンケート▼ */
#survey-flex-modal___BV_modal_header_,
#survey-flex-modal___BV_modal_body_{
    color: #000;
}
.oatnd-page-content-wrapper .card{
  border-left: none;
  border-right: none;
  border-radius: 0!important;
  background-color: transparent;
}
.oatnd-page-content-wrapper .card img{
  margin: .5rem 0;
}
.survey-flex-block{
  text-align: center;
}
.oatnd-page-content-wrapper .oatnd-page-content{
  display: flex;
  align-items: center;
  height: 100%;
}
.survey-flex-block-before-signin{
  text-align: center;
}
.survey-flex-upper-message-before-signin{
  white-space: pre-wrap;
  text-align: left;
  margin-top: 1rem;
}
.survey-flex-btn-header{
  text-align: left;
  white-space: pre-wrap;
  font-size: 1.2rem;
}
.survey-flex-btn{
  margin: 1rem 0;
}
.oatnd-page-content-wrapper button{
  border-radius: 1.5rem;
  font-weight: bold;
  padding: .25rem 1rem;
}

#survey-flex-modal___BV_modal_content_ .form-group {
    text-align: left;
    margin: 2rem auto;
    width: 75%;
}

/* ▼登録フォーム：パスワードラベル変更▼ */
/*#header-new-member-password-group__BV_label_{*/
/*  font-size:0;*/
/*}*/
/*#header-new-member-password-group__BV_label_:before {*/
/*  font-size: .9rem;*/
/*  content: "パスワード/Password";*/
/*}*/
/*#header-new-member-password-confirmation-group__BV_label_{*/
/*  font-size:0;*/
/*}*/
/*#header-new-member-password-confirmation-group__BV_label_:before {*/
/*  font-size: .9rem;*/
/*  content: "パスワード(確認)/Password(Confirmation)";*/
/*}*/


.top_banner { background:url(https://assets.oatnd.com/g155d42cxegp2jdd5azx7dafhgs1) no-repeat center; } .top_banner_style { }
.top_banner { background-position: 50% 0%;  } .top_banner_style {  background: linear-gradient(to top,rgba(0,0,0,0.0) 0,rgba(0,0,0,0.0) 100%); }
/* CEATEC 2022 対応 */
.oatnd-menu-wrapper, .oatnd-seminar-wrapper, .oatnd-desc4-wrapper, .oatnd-page-content-wrapper {
  display:none;
}



/* ▼トップ画像上テキスト▼ */
.oatnd-title-abst h1{
  /* メインテキスト色 */
  color: #ffffff!important;
}
.oatnd-title-abst h2{
  /* 日時テキスト色 */
  color: #191970!important;
}




/* ▼ページ内リンクメニュー▼ */
.oatnd-menu-wrapper{
  /* 全体背景色 */
  background-color: #fff;
}
.menu-body{
  /* ボタン背景色 */
  background-color: #014a9a;
}
.menu-body a{
  /* ボタン文字色 */
  color: #FFF;
}
.menu-body a:hover{
  /* ボタン背景色（マウスオーバー） */
  background-color: #013266;
  /* ボタン文字色（マウスオーバー） */
  color: #FFF;
}




/* ▼スライド画像/動画▼ */
.oatnd-carousel-wrapper{
  /* 背景色 */
  background-color: #f5f5f5;
  /* 全体を非表示にする場合、この下の行のコメントアウトを外す */
  display: none;
}
#oatndCarouselArea i{
  /* 矢印色 */
  color: #666666!important;
}
#oatndCarouselArea .carousel-control-prev,
#oatndCarouselArea .carousel-control-next{
  /* 矢印を非表示にする場合、この下の行のコメントアウトを外す */
  display: none;
}
.carousel-indicators{
  /* 画像した横棒を非表示にする場合、この下の行のコメントアウトを外す */
　display: none;
}
.carousel-indicators-itemlist{
  /* 画像下横棒の色 */
  background-color: #BBB!important;
　display: none;
  
}





/* ▼セミナータイトル▼ */
.oatnd-desc1-wrapper{
  /* 背景色 */
  background-color: #fff;
  /* 文字色 */
  color: #000;
}

 /* ▼セミナー▼ */
.oatnd-seminar-wrapper{
   /* 背景色 */
  background-color: #fff;
   /* 文字色 */
  color: #000;
  /* ボーダー色 */
  border-color: #DDD;
}

/* ▼製品画像のリサイズ▼ */
/* .card-img-top{
width: 160px;
height: 90px;
　｝ 
 */

/* ▼製品展示タイトル▼ */
.oatnd-desc2-wrapper{
  /* 背景色 */
  background-color: #f5f5f5;
  /* 文字色 */
  color: #000;
}

/* ▼製品展示全体▼ */
.oatnd-products-wrapper{
  /* 背景色 */
  background-color: #f5f5f5;
}


/* ▼製品展示メニュー▼ */
.oatnd-tagged-contents .nav-tabs {
  /* メニューを非表示にする場合、この下の行のコメントアウトを外す */
  /*display: none;*/
}
@media(min-width:768px){
  .nav-item{
    /* 一行に表示するメニュー数調整(1メニューの幅をパーセント表記) */
    width: 20%!important;
  }
}
.nav-item{
  /* メニューボタン背景色 */
  background-color: #014a9a;

  /* メニューボタンボーダー色 */
  border-color: #ffffff;
}
.nav-item a{
  /* メニューボタン文字色 */
  color: #FFF;
}
.nav-item a:hover{
  /* メニューボタン背景色（マウスオーバー） */
  background-color: #013266!important;
  /* メニューボタン文字色（マウスオーバー） */
  color: #FFF!important;
}
.nav-item .active{
  /* メニューボタン背景色（選択中） */
  background-color: #013266!important;
  /* メニューボタン文字色（選択中） */
  color: #FFF!important;
}

/* ▼製品展示：背景色（一括設定）▼ */
.oatnd-item-set .card{
  background-color: #FFF;
}

/* ▼製品展示：文字▼ */
.item-set-row .card-title a{
  /* 文字色 */
  color: #000000;
  /* 文字の装飾指定 */
  text-decoration: none;
}
/* ▼製品展示：文字（マウスオーバー）▼ */
.item-set-row .card-title a:hover{
  color: #bbbbbb;
}

/* ▼製品展示：個別設定▼ */
/* ※「.（ピリオド）」の後ろに設定した識別タグを記述することで、個別にスタイルの設定が可能です*/
/* ※例「.product-hmi-2{}」 */
.product-hmi-2{
  /* 背景色 */
  background-color: #FFF!important;
}
.product-hmi-2 a{
  /* 文字色 */
  color: #fff!important;
}
.product-hmi-2 a:hover{
  /* 文字色（マウスオーバー） */
  color: #666!important;
}


/* ▼製品展示：グループの非表示▼ */
/* 「.」と「#」の後ろにグループタグ名を記述することで、そのグループ全体を非表示にすることができます */
#prod-tag3, .prod-tag3{
  /* グループの非表示 */
  /*display: none;*/
}






/* ▼お問い合わせタイトル▼ */
.oatnd-desc3-wrapper{
  /* 背景色 */
  background-color: #fff;
  /* 文字色 */
  color: #000;
}

 /* ▼お問い合わせ Body部分▼ */
.oatnd-contact-wrapper{
   /* 背景色 */
  background-color: #fff;
   /* 文字色 */
  color: #000;
}
.oatnd-contact-wrapper .card{
  /* ボーダー色 */
  border-color: #DDD!important;
}

/* ▼お問い合わせ：ボタン▼ */
.oatnd-contact-wrapper .btn-primary{
  /* ボタン色 */
  background-color: #014a9a;
  /* 枠線色 */
  border-color: #014a9a;
}
/* ▼お問い合わせ：ボタン（マウスオーバー）▼ */
.oatnd-contact-wrapper .btn-primary:hover, .oatnd-contact-wrapper .btn-primary:active {
  /* ボタン色 */
  background-color: #013266!important;
  /* 枠線色 */
  border-color: #013266!important;
}
/* ▼お問い合わせ：ボタン（フォーカス）▼ */
.oatnd-contact-wrapper .btn-primary:focus,
.oatnd-contact-wrapper .btn-primary:not(:disabled):not(.disabled):active:focus{
  /* ボタン影 */
  box-shadow: 0 0 0 0.2rem rgba(0, 48, 99, 0.5);
}




/* ▼アンケートタイトル▼ */
.oatnd-desc4-wrapper{
  /* 背景色 */
  background-color: #f5f5f5;
  /* 文字色 */
  color: #000;
}

 /* ▼アンケート Body部分▼ */
.oatnd-page-content-wrapper{
   /* 背景色 */
  background-color: #f5f5f5;
   /* 文字色 */
  color: #000;
}
.oatnd-page-content-wrapper .card{
  /* ボーダー色 */
  border-color: #DDD!important;
}

/* ▼アンケート：ボタン▼ */
.survey-flex-block-before-signin .btn-primary,
.survey-flex-block .btn-primary{
  /* ボタン色 */
  background-color: #014a9a;
  /* 枠線色 */
  border-color: #014a9a;
}
/* ▼アンケート：ボタン（マウスオーバー）▼ */
.survey-flex-block-before-signin .btn-primary:hover, .survey-flex-block-before-signin .btn-primary:active,
.survey-flex-block .btn-primary:hover, .survey-flex-block .btn-primary:active {
  /* ボタン色 */
  background-color: #013266!important;
  /* 枠線色 */
  border-color: #013266!important;
}
/* ▼アンケート：ボタン（フォーカス）▼ */
.survey-flex-block-before-signin .btn-primary:focus,
.survey-flex-block-before-signin .btn-primary:not(:disabled):not(.disabled):active:focus,
.survey-flex-block .btn-primary:focus,
.survey-flex-block .btn-primary:not(:disabled):not(.disabled):active:focus{
  /* ボタン影 */
  box-shadow: 0 0 0 0.2rem rgba(0, 48, 99, 0.5);
}






/* ▼チャット：ボタン▼ */
#open-chat-room {
  /* ボタン色 */
  background-color: #014a9a;
  /* 枠線色 */
  border-color: #014a9a;
}

/* ▼チャット：ボタン（マウスオーバー）▼ */
#open-chat-room:hover, #open-chat-room:active {
  /* ボタン色 */
  background-color: #003063!important;
  /* 枠線色 */
  border-color: #003063!important;
}

/* ▼チャット：ボタン（フォーカス）▼ */
#open-chat-room:focus,
#open-chat-room:not(:disabled):not(.disabled):active:focus{
  /* ボタン影 */
  box-shadow: 0 0 0 0.2rem rgba(0, 48, 99, 0.5);
}


/* ▼チャットエリア：ヘッダ▼ */
.chat-modal-header{
  /* 背景色 */
  background-color: #014a9a!important;
  /* 文字色 */
  color: #FFF!important;
}