body{
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  line-height: 1.7;
  color: #323232;
  font-size: 1.2rem;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}

@media(min-width:1400px){
  .container{
    max-width: 1300px;
  }
}

.h-main{
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}
.h0{
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.bg-icad{
  background-color: #C92026;
}
.text-icad{
  color: #C92026;
}

.card-img-top{
  border-radius: 0;
}

a{
  color: #c70000; 
}
a:hover{
  color: #950000;
  /*transform: scale(1.02,1.02);*/
}


/* ▼共通ヘッダー：ここから▼ */


/* ヘッダメニュー */
#oatnd-header-wrapper{
  height: 110px;
}
#oatnd-header-fixed{
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 100;
}
.navbar{
  padding-top: 0;
}
#oatnd-header-wrapper .navbar-brand img{
  height: 63.5px;
  width: auto;
}
@media(min-width:1200px){
  #oatnd-header-wrapper .container-fluid{
    padding-left: 45px;
  }
}
.header-menu{
  font-size: 1rem;
  text-align: right;
}
.header-menu a{
  color: #323232;
}
.header-menu a:hover{
  color: #B2B2B2;
}
#headerLink1 .header-menu{
  margin-left: 10px;
}
#headerLink1 a{
  display: inline-block;
  border: solid 1px #C92026;
  border-radius: 1.5rem;
  padding: .25rem 20px;
  background-color: #FFF;
  min-width: 170px;
  font-size: 14px;
  text-align: center;
  height: 32px;
}
#headerLink1 a:hover{
  text-decoration: none;
  color: #5A5A5A;
  transition: all 0.2s;
}
#headerLink1 .catalog a:before{
  content: "";
  display: inline-block;
  background-image: url("https://assets.oatnd.com/brskz7hjm4yxlj5xxywyyb3p568u");
  background-repeat: no-repeat;
  width: 16px;
  height: 19px;
  background-size: contain;
  vertical-align: bottom;
  margin-right: 10px;
}
#headerLink1 .catalog a{
  font-size: 0;
}
#headerLink1 .catalog a:after{
  font-size: 14px;
  content: "資料ダウンロード";
}
#headerLink1 .trial a:before{
  content: "";
  display: inline-block;
  background-image: url("https://assets.oatnd.com/u1g361hn3r17vh0kiws9jzsj2pcp");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  vertical-align: bottom;
  margin-right: 8px;
}
#headerLink2 .header-menu{
  font-weight: 700;
  font-size: 16px;
}
#headerLink2 .header-menu:nth-of-type(n+2){
  margin-left: 20px;
}
@media(min-width:992px){
  #headerLink1{
    margin-top: 6px;
    margin-bottom: 14.5px;
  }
}
@media(min-width:1400px){
  #headerLink2 .header-menu:nth-of-type(n+2){
    margin-left: 50px;
  }
}
#headerLink1 a:hover, #headerLink1 a:active,
#headerLink1 a:not(:disabled):not(.disabled):active{
  background-color:#C00000;
  border-color:#C00000;
  color: #fff;
  /*transform: scale(1.02,1.02);*/
}
#headerLink1 a:focus,
#headerLink1 a:not(:disabled):not(.disabled):active:focus{
  background-color:#C00000;
  border-color:#C00000;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(149, 0, 0, 0.5);
}
#headerLink1 .catalog a:hover:before, #headerLink1 .catalog a:active:before,
#headerLink1 .catalog a:not(:disabled):not(.disabled):active:before{
  background-image: url("https://assets.oatnd.com/yzunz0n7tl1ci75s7ii6tkkfgahs");
}
#headerLink1 .trial a:hover:before, #headerLink1 .catalog a:active:before,
#headerLink1 .trial a:not(:disabled):not(.disabled):active:before{
  background-image: url("https://assets.oatnd.com/wzf462gi01csmi23gdble6yx6gow");
}


/*SPサイズ調整*/
@media(max-width:991px){
  #oatnd-header-wrapper{
    height: 55px;
  }
  #oatnd-header-fixed > .container-fluid,
  #oatnd-header-wrapper .navbar{
    padding-left: 0;
    padding-right: 0;
  }
  #oatnd-header-wrapper .navbar-brand{
    margin-left: 15px;
  }
  #oatnd-header-wrapper .navbar-brand img{
    height: 35px;
    margin-left: 5px;
  }
  #navbarSupportedContent{
    background-color: #c91f26;
  }
  #navbarSupportedContent .ul-wrap{
    width: 70%;
    margin: 0 auto;
    padding: 2rem 0;
  }
  #navbarSupportedContent li{
    background-color: #c91f26;
    padding: .5rem 5rem;
  }
  #navbarSupportedContent li:hover, #navbarSupportedContent li a:hover{
    transform: none!important;
  }
  #headerLink1{
    margin: 10px auto;
  }
  #headerLink1 li{
    text-align: center;
    padding-left: 0!important;
    padding-right: 0;
    margin: 0 auto!important;
    height: 44px;
  }
  #headerLink1 li:first-child{
    padding-bottom: 0!important;
  }
  #headerLink1 a{
    border-radius: 0;
    width: 300px;
    text-align: center;
    padding: .5rem 0;
    font-size: 14px;
    display: block;
    height: 40px;
    margin-right: 5px;
  }
  #headerLink1 .catalog a{
    font-size: 0;
  }
  #headerLink1 .catalog a:after{
    font-size: 14px;
  }
  #headerLink1 a:hover{
    background-color: #E8E8E8;
    color: #5A5A5A;
  }
  #headerLink2{
    margin-bottom: .5rem;
  }
  #headerLink2 .header-menu{
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding: .75rem 0;
    font-size: 16px;
    margin-left: 0!important;
  }
  #headerLink2 .header-menu a{
    color: #fff;
    font-size: 1.2rem;
  }
  #headerLink2 .header-menu a:hover{
    font-weight: 500;
  }
}
@media(max-width:575px){
  #navbarSupportedContent .ul-wrap{
    width: 100%;
  }
  #headerLink1 .header-menu.catalog a:after,
  #headerLink1 .header-menu.trial a{
    font-size: 11.375px;
  }
  #headerLink2 .header-menu{
    padding: 0;
    margin: 0px auto 12px auto!important;
  }
  #headerLink2 .header-menu a{
    font-size: 12.25px;
  }
}

/*ハンバーガーメニュー*/
.navbar-toggler{
  border: none!important;
  margin-left: 4.3px;
  outline: none !important;
  padding-left: 0;
  padding-right: 5.5px;
  padding-bottom: 5px;
}
.navbar-light .navbar-toggler-icon{
  background-image: none;
  transform: scale(0.61, 0.79);
}
.navbar-toggler-icon{
  position: relative;
  width: 40px;
  height: 40px;
  background: none;
  appearance: none;
  cursor: pointer;
}
.navbar-toggler-icon span{
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.navbar-toggler-icon span{
  position: absolute;
  left: 5px;
  width: 80%;
  height: 1px;
  background-color: rgba(165, 165, 165, 1);
  border-radius: 1px;
}
.navbar-toggler-icon span:nth-of-type(1){
  top: 8px;
  background-color: #c70000;
}
.navbar-toggler-icon span:nth-of-type(2) {
  top: 20px;
  background-color: #c70000;
}
.navbar-toggler-icon span:nth-of-type(3) {
  top: 32px;
  background-color: #c70000;
}
.HBmenu1{
  transform: translateY(12px) rotate(-315deg);
}
.HBmenu2{
  opacity: 0;
}
.HBmenu3{
  transform: translateY(-12px) rotate(315deg);
}

/* 新規登録/ログイン */
.header-auth-btns{
  /*margin-left: 1rem;*/
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-auth-btns-not-signed-in{
  display: flex;
}
.header-auth-btns-not-signed-in button{
  border-radius: 0;
  margin: 0!important;
  height: 110px;
  width: 90px;
  font-feature-settings: "palt";
}
.oatnd-header-auth-signin{
  order: 2;
}
.oatnd-header-auth-signin.btn-outline-primary{
  background-color:#3d3d3d;
  border-color:#3d3d3d;
  color:#ffffff;
}
.oatnd-header-auth-signin.btn-outline-primary:hover, .oatnd-header-auth-signin.btn-outline-primary:active,
.oatnd-header-auth-signin.btn-outline-primary:not(:disabled):not(.disabled):active{
  background-color:#0b0b0b;
  border-color:#0b0b0b;
  color: #ffffff;
}
.oatnd-header-auth-signin.btn-outline-primary:focus,
.oatnd-header-auth-signin.btn-outline-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(11, 11, 11, 0.5);
}
.oatnd-header-auth-signup.btn-outline-primary,
.header-contact-btn .btn-primary{
  background-color:#C92026;
  border-color:#C92026;
  color:#ffffff;
}
.oatnd-header-auth-signup.btn-outline-primary:hover, .oatnd-header-auth-signup.btn-outline-primary:active,
.oatnd-header-auth-signup.btn-outline-primary:not(:disabled):not(.disabled):active,
.header-contact-btn .btn-primary:hover, .header-contact-btn .btn-primary:active,
.header-contact-btn .btn-primary:not(:disabled):not(.disabled):active{
  background-color:#970007;
  border-color:#970007;
  color: #ffffff;
}
.oatnd-header-auth-signup.btn-outline-primary:focus,
.oatnd-header-auth-signup.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.header-contact-btn .btn-primary:focus,
.header-contact-btn .btn-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(151, 0, 7, 0.5);
  text-decoration: none;
}
#signIn___BV_modal_body_ .btn-sign-up{
  background-color:#c70000;
  border-color:#c70000;
  color:#ffffff;
  border-radius: 0;
}
#signIn___BV_modal_body_ .btn-sign-up:hover, #signIn___BV_modal_body_ .btn-sign-up:active,
#signIn___BV_modal_body_ .btn-sign-up:not(:disabled):not(.disabled):active{
  background-color:#950000;
  border-color:#950000;
  color: #ffffff;
}
#signIn___BV_modal_body_ .btn-sign-up:focus,
#signIn___BV_modal_body_ .btn-sign-up:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(149, 0, 0, 0.5);
}
.btn-go-sign-in{
  background-color:#3d3d3d!important;
  border-color:#3d3d3d!important;
  color:#ffffff!important;
  border-radius: 0;
}
.btn-go-sign-in:hover, .btn-go-sign-in:active,
.btn-go-sign-in:not(:disabled):not(.disabled):active{
  background-color:#0b0b0b!important;
  border-color:#0b0b0b!important;
  color: #ffffff!important;
}
.btn-go-sign-in:focus,
.btn-go-sign-in:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(11, 11, 11, 0.5)!important;
}
/* ログイン中 */
#header-authed__BV_toggle_ i{
  color: #C92026;
}
#header-authed__BV_toggle_ i{
  color: #970007;
}
/*新規登録をお問い合わせに変更*/
.header-auth-wrapper{
  display: flex;
}
.oatnd-header-auth-signup{
  display: none!important;
}
.header-contact-btn{
  margin-left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-contact-btn a{
  display: block;
  height: 100%;
}
.header-contact-btn button{
  border-radius: 0;
  width: 90px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*XLサイズ調整*/
@media(min-width:1200px){
  .header-auth-btns-not-signed-in button,
  .header-contact-btn button{
    width: 160px;
  }
  .header-auth-wrapper {
    margin-left: 21px!important;
  }
}
/*LGサイズ調整*/
@media(min-width:992px){
  .header-auth-btns-not-signed-in button,
  .header-contact-btn button{
    font-size: 16px;
    font-weight: 700;
  }
}
/*SPサイズ調整*/
@media(max-width:991px){
  .header-auth-btns,
  .header-contact-btn{
    height: 55px;
  }
  .header-auth-btns-not-signed-in button,
  .header-contact-btn button{
    font-weight: 700;
    height: 55px;
    width: 90px;
    font-size: 12px;
  }
}
@media(max-width:575px){
  .header-auth-btns-not-signed-in button,
  .header-contact-btn button{
    width: 65px;
    padding: .5rem;
  }
}

/* ▲共通ヘッダー：ここまで▲ */





/* ▼ページ下部メニュー：ここから▼ */
#oatnd-bottomMenu-wrapper .bottomMenu-lead{
  font-size: 26px;
  font-weight: 600;
}
#oatnd-bottomMenu-wrapper .oatnd-tagged-bottomMenuWrap{
  /*background: linear-gradient(45deg, #E0012A, #AA241B);*/
  background: linear-gradient(90deg, rgb(225, 0, 42) 0%, rgb(170, 37, 26) 100%);
}
#oatnd-bottomMenu-wrapper .card{
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#oatnd-bottomMenu-wrapper .card >div:first-child {
  background-color: #fff;
}
#oatnd-bottomMenu-wrapper .card >img {
  background-color: #fff;
}
#oatnd-bottomMenu-wrapper .menuType-link:nth-of-type(2) .card >div:first-child{
  background-color: #000;
}
#oatnd-bottomMenu-wrapper .menuType-link:nth-of-type(1) .card-title{
  font-size: 0;
}
#oatnd-bottomMenu-wrapper .menuType-link:nth-of-type(1) .card-title:after{
  font-size: 16px;
  content: "資料ダウンロード";
}
#oatnd-bottomMenu-wrapper .card-title,
#oatnd-bottomMenu-wrapper .card-abst{
  color: #fff;
}
#oatnd-bottomMenu-wrapper .card-abst{
  font-weight: 400;
  margin-bottom: .75rem;
}
#oatnd-bottomMenu-wrapper .card-abst ul{
  line-height: 1.5;
  padding-left: 2rem;
}
@media(min-width:576px){
  #oatnd-bottomMenu-wrapper .card-title{
    font-size: 26px;
    padding: 0 .5rem;
  }
  #oatnd-bottomMenu-wrapper .menuType-link:nth-of-type(1) .card-title:after{
    font-size: 26px;
  }
}
@media(min-width:768px){
  #oatnd-bottomMenu-wrapper .bottomMenu-lead{
    font-size: 31px;
  }
}
/* SP調整 */
@media(max-width:767px){
  #oatnd-bottomMenu-wrapper .bottomMenu-lead{
    font-size: 4.75vw;
    margin-bottom: 7.5vw;
    padding: 0!important;
  }
  
  #oatnd-bottomMenu-wrapper .card-body{
    padding: 3.75vw 2.5vw 7.5vw 2.5vw;
  }
  #oatnd-bottomMenu-wrapper .menuType-link:nth-of-type(1) .card-title:after,
  #oatnd-bottomMenu-wrapper .card-title{
    font-size: 3.5vw;
    margin-bottom: 2.5vw;
  }
  #oatnd-bottomMenu-wrapper .card-abst ul{
    font-size: 3vw;
    margin: 0 0 0 -1em;
  }
  #oatnd-bottomMenu-wrapper .tagged-bottomMenuWrap{
    padding: 10vw 6.25vw 2.5vw 6.25vw;
    margin: 0!important;
  }
}


/*新規登録*/
#oatnd-bottomMenu-wrapper .menuType-auth{
  position: relative;
}
#oatnd-bottomMenu-wrapper .menuType-auth .bottomMenu-authbtn-area{
  position: absolute;
  width: 100%;
  height: 100%;
}
#oatnd-bottomMenu-wrapper .menuType-auth .bottomMenu-authbtn-area > div{
  height: 100%;
}
#oatnd-bottomMenu-wrapper .menuType-auth .bottomMenu-authbtn-area > div .m-auth-signup-btn-panel-before-signin{
  height: 100%;
}
#oatnd-bottomMenu-wrapper .menuType-auth .m-auth-signup-btn-before-signin{
  margin: 0 !important;
  display: block;
  width: 100%;
  height: 100% !important;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#oatnd-bottomMenu-wrapper .menuType-auth .btn-primary:hover, #oatnd-bottomMenu-wrapper .menuType-auth .btn-primary:active,
#oatnd-bottomMenu-wrapper .menuType-auth .btn-primary:not(:disabled):not(.disabled):active{
  background-color: transparent;
  border: none;
  color: transparent;
  background-color: rgba(255, 255, 255, .2);
}
#oatnd-bottomMenu-wrapper .menuType-auth .btn-primary:focus,
#oatnd-bottomMenu-wrapper .menuType-auth .btn-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow: none;
}
/*リンク・資料*/
#oatnd-bottomMenu-wrapper .menuType-link{
  position: relative;
}
#oatnd-bottomMenu-wrapper .menuType-link .bottomMenu-linkbtn-area{
  position: absolute;
  width: 100%;
  height: 100%;
}
#oatnd-bottomMenu-wrapper .menuType-link .bottomMenu-linkbtn-area > div{
  height: 100%;
}
#oatnd-bottomMenu-wrapper .menuType-link .bottomMenu-linkbtn-area > div > div:first-child{
  height: 100%;
}
#oatnd-bottomMenu-wrapper .menuType-link .bottomMenu-linkbtn-area button{
  font-size: 0;
  color: transparent;
  margin: 0 !important;
  display: block;
  width: 100%;
  height: 100% !important;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
#oatnd-bottomMenu-wrapper .menuType-link .btn-primary:hover, #oatnd-bottomMenu-wrapper .menuType-link .btn-primary:active,
#oatnd-bottomMenu-wrapper .menuType-link .btn-primary:not(:disabled):not(.disabled):active{
  background-color: transparent;
  border: none;
  color: transparent;
  background-color: rgba(255, 255, 255, .2);
}
#oatnd-bottomMenu-wrapper .menuType-link .btn-primary:focus,
#oatnd-bottomMenu-wrapper .menuType-link .btn-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow: none;
}
/* ▲ページ下部メニュー：ここまで▲ */





/* ▼共通フッター：ここから▼ */
#oatnd-footer{
  background-color: #F8F8F8;
}
.footerLogo img{
  max-width: 170px;
  margin-bottom: 25px;
  width: 100%;
  margin-left: 8px;
}
@media(min-width:992px){
  .footerLogo{
    text-align: left!important;
  }
}
/*.footerOfficial:hover{*/
/*  background-color: #fff;*/
/*}*/
.footerOfficial a{
  background-color: #fff;
  color: #323232;
  padding: .25rem 1rem;
  font-size: 1rem;
}
.footerOfficial a:hover{
  text-decoration: none;
  color:#707070;
  opacity: .8;
}
.footerOfficial a:after{
  display: inline-block;
  content: "\f105";
  color: #c70000;
  font-family: "Font Awesome 5 Pro";
  margin-left: .5rem;
}

.footerBadgeLink ul{
  list-style-type: none;
  padding: 0;
}
.footerBadgeLink li{
  margin-left: .5rem;
  background-color: transparent;
}
.footerBadgeLink li{
  width: 360px;
  height: 60px;
  margin-bottom: 20px;
  text-align: center;
  white-space: nowrap;
}
@media(min-width:992px){
  .footerBadgeLink li{
    width: auto;
  }
}
.footerBadgeLink li:nth-of-type(1) a:before{
  content: "";
  display: inline-block;
  background-image: url("https://assets.oatnd.com/h8ajvuzo08mpanuglswcm2tyrz7o");
  background-repeat: no-repeat;
  width: 24px;
  height: 23px;
  background-size: contain;
  vertical-align: bottom;
  margin-right: 1rem;
}
.footerBadgeLink li:nth-of-type(2) a:before{
  content: "";
  display: inline-block;
  background-image: url("https://assets.oatnd.com/sljslvbzcwhw2dpeajictp9zh8il");
  background-repeat: no-repeat;
  width: 23px;
  height: 25px;
  background-size: contain;
  vertical-align: bottom;
  margin-right: 1rem;
}
.footerBadgeLink a{
  display: block;
  border: solid 1px #C92026;
  border-radius: 2rem;
  padding: 14px 40px 14px 43px;
  width: 100%;
  color: #323232;
  font-size: 16px;
  font-weight: 700;
}
.footerBadgeLink a:hover, .footerBadgeLink a:active,
.footerBadgeLink a:not(:disabled):not(.disabled):active{
  background-color:#C00000;
  border-color:#C00000;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s;
}
.footerBadgeLink li:nth-of-type(1) a:hover:before{
  background-image: url("https://assets.oatnd.com/upo34zrpz4zbd0uqq99l13mbchq7");
}
.footerBadgeLink li:nth-of-type(2) a:hover:before{
  background-image: url("https://assets.oatnd.com/gy82eo2j24f4sl7z8ou5nsg1uhc3");
}
.footerBadgeLink a:focus,
.footerBadgeLink a:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(149, 0, 0, 0.5);
}


.footerCopy{
  font-size: 13px;
}
@media(min-width:992px){
  .footerOfficial{
    width: 100%;
  }
  .footerCopy{
    text-align: left!important;
  }
  .footerLink{
    width: 84%;
    margin-left: auto;
    margin-top: -5.75rem;
  }
}


@media(min-width:1200px){
  /*.footerOfficial{*/
  /*  width: auto;*/
  /*}*/
  .footerLink{
    width: 87%;
    margin-top: -5.7rem;
  }
}
@media(min-width:1360px){
  .footerOfficial{
    width: auto;
  }
  .footerLink{
    margin-top: -3.5rem;
  }
}
.footerLink ul{
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
#FL-tag1 li:nth-of-type(n+2){
  margin-left: 30px;
}
#FL-tag1 li:hover{
  opacity: .7;
}
#FL-tag1 a{
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
#FL-tag1 a:hover{
  color: #333333;
  text-decoration: none;
}
#FL-tag1 a:before{
  display: inline-block;
  content: "\f105";
  color: #c70000;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 17px;
  margin-right: .5rem;
  border: solid 1px #A8A8A8;
  border-radius: 1.5rem;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-left: .1rem;
}

#FL-tag2  li:nth-of-type(n+2){
  margin-left: 1rem;
}
#FL-tag2 a {
  font-size: 1rem;
  color: #333333;
}
#FL-tag2 a:hover{
  opacity: .8;
  text-decoration: none;
}


/* SP調整 */
@media(max-width:991px){
  .footerOfficial{
    margin-bottom: 25px!important;
  }
}
@media(max-width:575px){
  .footer-icad{
    justify-content: center;
  }
  .footerBadgeLink li{
    width: 300px;
    height: 50px;
  }
  .footerBadgeLink li a{
    font-size: 12px;
  }
}
/* ▲共通フッター：ここまで▲ */


/* ▼推奨環境について：ここから▼ */
.recommendedViewingLink:hover{
  color: #B2B2B2;
  text-decoration: underline;
  cursor: pointer;
}
/* ▲推奨環境について：ここまで▲ */
/* ▼利用規約▼ */
#oatnd-recommended-viewing a{
  color:#C92026;
}
#oatnd-recommended-viewing a:hover{
  color:#8B0000;
}
/* ▲利用規約▲ */


/* ▼フォーム：ここから▼ */
.privacy-statement{
  line-height: 1.5;
}
/*SP調整*/
@media(max-width:575px){
  #signUp___BV_modal_title_{
    font-size: 4vw;
  }
  #signUp___BV_modal_title_:after,
  /*#signUp___BV_modal_body_ form label,*/
  form label,
  form .privacy-statement .font-weight-bold,
  form .wrapper-go-sign-up >p{
    font-size: 3.5vw;
  }
  form .input-guide,
  form .privacy-statement{
    font-size: 3vw;
  }
}
/* ▲フォーム：ここまで▲ */


/* ▼トップに戻る：ここから▼ */
#page-top{
  display: inline-block;
  position: fixed;
  bottom: 36%;
  right: 0;
  z-index: 100;
}
#page-top a{
  display: inline-block;
  position: relative;
  content: "";
  width: 50px;
  height: 50px;
  background-color: #333;
}
#page-top a:after{
  position: absolute;
  display: inline-block;
  color: #efefef;
  content: "\f077";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* ▲トップに戻る：ここまで▲ */










/* ▼ページ固有：ここから▼ */
/* パンくず */
.breadcrumb{
  background-color: transparent;
  padding: 40px 0 20px 0;
  font-size: 13px;
}
.breadcrumb-item.active a{
  pointer-events: none;
  color: #6c757d;
  text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: #a8a8a8;
  content: ">";
}


/* ページタイトル */
/* SP調整 */
.pageAbst-title{
  font-size: 42px;
  font-weight: 700;
  white-space: pre-wrap;
  color:#c92026;
  line-height: 1.45;
  margin-bottom: 40px!important;
}
.pageAbst-desc{
  font-size: 1.2rem;
  /*font-weight: 600;*/
}
@media(max-width:767px){
  .pageAbst-title{
    font-size: 5.25vw;
  }
  .pageAbst-desc{
    font-size: 3.5vw;
  }
}





/* ▼申込み、案内状ボタン▼ */
.pageLink-btn{
  text-align: center;
  font-weight: 700;
}
.pageLink-btn a{
  display: flex;
  background-color: #C92026;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  font-size: 1.2rem;
  width: auto;
  max-width: 380px;
  position: relative;
  margin: 0 auto;
  height: 60px;
  align-items: center;
  justify-content: center;
}
.pageLink-btn a:hover, .pageLink-btn a:active,
.pageLink-btn a:not(:disabled):not(.disabled):active{
  background-color:#fff;
  border: solid 1px #C92026;
  color: #C92026;
  text-decoration: none;
  transition: all 0.2s;
}
.pageLink-btn a:focus,
.pageLink-btn a:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(136, 0, 0, 0.5);
  border-color:#C92026;
}
.pageLink-btn a:after {
  display: flex;
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  color: #000;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  justify-content: center;
  align-items: center;
}
.pageLink-btn a:hover:after{
  color: #C92026;
  background-color: #fff;
  transition: all 0.2s;
}



.invitation-btn{
  text-align: center;
  font-weight: 700;
}
.invitation-btn a, .textbtn-white a{
  display: flex;
  background-color: #fff;
  color: #C92026;
  text-align: center;
  padding: .5rem 3.25rem .5rem 2.75rem;
  border-radius: 0;
  border: solid 1px #C92026;
  font-size: 1.2rem;
  width: auto;
  max-width: 380px;
  height: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
}
.invitation-btn a:hover, .invitation-btn a:active,
.invitation-btn a:not(:disabled):not(.disabled):active,
.textbtn-white a:hover, .textbtn-white a:active,
.textbtn-white a:not(:disabled):not(.disabled):active{
  background-color:#C92026;
  border: solid 1px #C92026;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s;
}
.invitation-btn a:focus,
.invitation-btn a:not(:disabled):not(.disabled):active:focus,
.textbtn-white a:focus,
.textbtn-white a:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(136, 0, 0, 0.5);
  border-color:#C92026;
}
.invitation-btn a:after,
.textbtn-white a:after {
  display: flex;
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  color: #C92026;
  background-color: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  justify-content: center;
  align-items: center;
}
.invitation-btn a:hover:after,
.textbtn-white a:hover:after{
  color: #fff;
  background-color: transparent;
  transition: all 0.2s;
}

@media(min-width:768px){
  .pageLink-btn{
    text-align: right;
  }
  .invitation-btn{
    text-align: left;
  }
}
/*SP調整*/
@media(max-width:767px){
  #oatnd-invitation-wrapper .row > .col-md-6{
    margin: 5vw auto 0 auto!important;
  }
  .pageLink-btn a, .invitation-btn a, .textbtn-white a{
    height: 11.25vw;
    font-size: 3.25vw;
    width: 60vw;
  }
  .pageLink-btn a{
    border-radius: 5.625vw;
  }
  .pageLink-btn a:after,
  .invitation-btn a:after,
  .textbtn-white a:after{
    width: 9.375vw;
    height: 9.375vw;
    right: 0.9375vw;
  }
}





/* ▼ページ内リンク▼ */
#oatnd-contentPagelink-wrapper {
  margin: 6rem 0;
}
#oatnd-contentPagelink-wrapper ul{
  font-size: 2.2rem;
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  justify-content: space-between;
}
#oatnd-contentPagelink-wrapper ul li{
  width: calc((100% - 120px) / 4);
  margin-top: 20px;
}
#oatnd-contentPagelink-wrapper ul li a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 25px;
  position: relative;
  border-bottom: 1px #c92026 solid;
  color: #000;
  font-size: 1.6rem;
  font-weight: 600;
}
#oatnd-contentPagelink-wrapper ul li a:hover{
  text-decoration: none;
}
#oatnd-contentPagelink-wrapper ul li a:before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px #c92026 solid;
  border-bottom: 2px #c92026 solid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  margin: auto;
  transform: rotate(45deg);
}

@media screen and (max-width: 992px) {
  #oatnd-contentPagelink-wrapper ul li {
      width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 767px) {
  #oatnd-contentPagelink-wrapper ul li {
    width: calc((100% - 5vw) / 2);
    margin-top: 2.5vw;
  }
  #oatnd-contentPagelink-wrapper ul li a{
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 575px) {
  #oatnd-contentPagelink-wrapper ul li {
    width: calc((100% - 10px) / 2);
    margin-top: 2.5vw;
  }
  #oatnd-contentPagelink-wrapper{
    margin: 3rem 0;
  }
}







/*コンテンツ概要*/
#oatnd-Contents-wrapper td:empty{
  display: none;
}

.contentsTag-wrap{
  margin-bottom: 120px!important;
}
.contentsTag-label{
  font-size: 42px;
  color: #c92026;
  font-weight: 700;
  line-height: 1.45;
  /*padding-top: 1rem;*/
  white-space: pre-wrap;
  margin-bottom: 40px!important;
}
.contentsTag-desc{
  margin-bottom: 30px;
}
.contentsTag-desc:empty{
  display: none;
}
.table td, .table th{
  padding: 20px;
}
/* SP調整 */
@media(max-width:767px){
  .contentsTag-label{
    /*font-size: 40px;*/
    font-size: 5.25vw;
    margin-bottom: 5vw!important;
  }
  .contentsTag-desc{
    font-size: 3.5vw;
  }
  .table{
    font-size: 14px;
  }
  .table td, .table th{
    padding: 10px 20px;
  }
}


  /*表レイアウト*/
.layout-2col-wrap{
  overflow-x: auto;
}
.layout-2col-wrap .table{
  min-width: 690px;
}

/*.layout-2col-wrap tr{*/
/*  font-weight: 600;*/
/*}*/
.layout-2col-wrap tr:last-child{
  border-bottom: 1px #cfcfcf solid;
}

.layout-2col-wrap th{
  background-color: #C92026!important;
  color: #fff!important;
  text-align: center;
  /*font-size: 1.3rem;*/
  line-height: 1.625;
  /*padding: 20px;*/
}

.layout-2col-wrap td{
  /*padding: 20px;*/
  line-height: 1.625;
}
.layout-2col-wrap td:first-child{
  width: 170px;
  font-weight: 700;
}
@media(min-width:992px){
  .layout-2col-wrap td:first-child {
    width: 200px;
  }
}
.layout-2col-wrap td:last-child {
  white-space: pre-wrap;
  border-left: 1px #cfcfcf solid;
}


.table-bg-white{
  background-color: #FFF!important;
}
.table-bg-gray{
  background-color: #fafafa!important;
}


/*アコーディオン*/
.layout-accordion-wrap .accordion-q{
  color: #cf0037;
  border-bottom: solid 2px #cf0037;
  display: inline-block;
  line-height: 1.1;
  position: relative;
  padding-left: 20px;
  white-space: pre-wrap;
}
.layout-accordion-wrap .accordion-q:hover{
  cursor: pointer;
}
.layout-accordion-wrap .accordion-q:before,
.layout-accordion-wrap .accordion-q:after{
  display: inline-block;
  content: "\f068";
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s;
}
.layout-accordion-wrap .accordion-q.collapsed:before {
  -webkit-transform: translateY(-4px) translateX(-3px) rotate(-270deg);
  transform: translateY(-4px) translateX(-3px) rotate(-270deg);
  transform-origin: 6px 12px;
}

.accordion-a {
  background-color: #f7f7f7;
  padding: 1rem 1.5rem;
  margin-top: .5rem;
  white-space: pre-wrap;
}

/*SP調整*/
@media(max-width:767px){
  .layout-accordion-wrap .accordion-area{
    margin-bottom: 2.5vw!important;
  }
  .layout-accordion-wrap .accordion-q{
    font-size: 3.5vw;
  }
  .layout-accordion-wrap .accordion-q.collapsed:before {
    transform-origin: 1.25vw 2.5vw;
  }
  .layout-accordion-wrap .accordion-a{
    font-size: 3vw;
    line-height: 2;
  }
}
@media(max-width:400px){
  .layout-accordion-wrap .accordion-q.collapsed:before{
    transform-origin: 1.15vw 2.85vw;
  }
  .layout-accordion-wrap .accordion-area{
    margin-bottom: 0.5vw!important;
  }
}






/* ▼申し込み方法：下▼ */
.card-apply-auth{
  /*background-color: #C92026;*/
  background-color: #f7f7f7;
  border-radius: 0;
  border: none;
  padding: 2rem 1rem 1rem 1rem;
}
.apply-auth-title {
  font-size: 1.4rem;
  white-space: pre-wrap;
  color: #000;
  line-height: 1.5;
  margin-bottom: 3rem;
}
.apply-auth-message{
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
}
@media(min-width:992px){
  .apply-auth-title{
    font-size: 1.5rem;
  }
  .apply-auth-message{
    font-size: 1.5rem;
  }
}

.card-apply-auth button {
  background-color: #fff;
  color: #c92026;
  text-align: center;
  padding: .5rem 0;
  border-radius: 0;
  font-size: 1.2rem;
  width: 180px;
  position: relative;
  margin-bottom: .5rem;
}
.card-apply-auth button:hover, .card-apply-auth button:active,
.card-apply-auth button:not(:disabled):not(.disabled):active{
  background-color:#880000;
  border-color:#fff;
  color: #ffffff;
}
.card-apply-auth button:focus,
.card-apply-auth button:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(136, 0, 0, 0.5);
}

.apply-auth-btns{
  margin: 0!important;
}

#apply-notice-wrap{
  background-color: #f7f7f7;
  padding: .75rem 2.25rem 4rem 2.25rem;
  font-size: 1.2rem;
}
.notice-lead {
  font-size: 1.35rem;
  text-decoration: underline;
  color: #5B9BD5;
  font-weight: bold;
  white-space: pre-wrap;
}
#oatnd-header-wrapper:has(div.header-auth-btns-not-signed-in)~div#oatnd-applyNotice-wrapper{
  display: block!important;
}
#oatnd-header-wrapper:has(div.header-auth-btns-signed-in)~div#oatnd-applyNotice-wrapper{
  display: none!important;
}
/*SP調整*/
@media(max-width:767px){
  .apply-auth-title{
    font-size: 4vw;
  }
  #apply-notice-wrap,
  .notice-lead{
    font-size: 3.5vw;
  }
  .apply-auth-btns .card-text {
    text-align: center;
  }
  .apply-auth-btns button{
    padding: .5rem 3.25rem .5rem 2.75rem;
    max-width: 380px;
    height: 11.25vw;
    font-size: 3.25vw;
    width: 60vw;
  }
}



/* 申し込み済み */
.card-applied-message{
  /*background-color: #B22222;*/
  background-color: #C92026;
  padding: .75rem 1rem 1rem 1rem;
  color: #fff;
  text-align: center;
}
.card-title.applied-title{
  font-size: 1.75rem;
}
.card-text.applied-message{
  font-size: 1.4rem;
}
.applied-message a{
  display: inline-block;
  background-color: #fff;
  color: #000;
  text-align: center;
  text-decoration: none;
  padding: .5rem 3.25rem .5rem 2.75rem;
  border-radius: 2rem;
  font-size: 1.2rem;
  width: 250px;
  position: relative;
  margin: 0 0 .5rem .5rem!important;
}
.applied-message a:hover, .applied-message a:active,
.applied-message a:not(:disabled):not(.disabled):active{
  background-color:#880000;
  border-color:#fff;
  color: #ffffff;
  text-decoration: none;
}
.applied-message a:focus,
.applied-message a:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(136, 0, 0, 0.5);
}
.applied-message a:after {
  display: inline-block;
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  background-color: #B22222;
  width: 24px;
  height: 23px;
  border-radius: 50%;
  font-size: 80%;
  padding-top: 0.1rem;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.applied-message a:hover:after{
  color: #880000;
  background-color: #fff;
  transition: all 0.3s;
}



/* ▼フォーム▼ */
#oatnd-entry-wrapper {
  padding-top: 1rem;
}
.apply-panel {
  /*background-color: #C92026;*/
  background-color: #f3f3f3;
  /*color: #fff;*/
  padding: 2.5rem 1rem 2rem 1rem;
  text-align: left;
}
.ent-fields-header{
  white-space: pre-wrap;
  text-align: left!important;
  padding: 0 1.25rem;
}
/* SP調整 */
@media(max-width:676px){
  .ent-fields-header{
    font-size: 4vw;
  }
}

.ent-fields-abst{
  text-align: left!important;
  padding: 0 1.25rem;
}
/* SP調整 */
@media(max-width:676px){
  .ent-fields-abst{
    font-size: 3.5vw;
  }
}

.ent-field-group0 {
  max-width: 390px;
  margin: 0 auto!important;
}
.apply-panel .required > label::after, .survey-label.required::after {
  /*color: #000!important;*/
  /*background-color: #fff !important;*/
  content: "※必須項目"!important;
  /* border: solid 1px #880000; */
  padding-bottom: 5px!important;
  vertical-align: middle!important;
}

.apply-panel .btn{
  background-color: #C92026;
  color: #fff;
  text-align: center;
  padding: .5rem 3.25rem .5rem 2.75rem;
  border-radius: 2rem;
  font-size: 1.2rem;
  width: 280px;
  position: relative;
  margin-bottom: .5rem;
  font-weight: 600;
}
.apply-panel .btn:hover, .apply-panel .btn:active,
.apply-panel .btn:not(:disabled):not(.disabled):active{
  background-color:#fff;
  border-color:#C92026;
  color: #C92026;
}
.apply-panel .btn:focus,
.apply-panel .btn:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(136, 0, 0, 0.5);
}
.apply-panel .btn:after {
  display: inline-block;
  content: "\f178";
  font-family: "Font Awesome 5 Pro";
  color: #000;
  background-color: #fff;
  width: 24px;
  height: 23px;
  border-radius: 50%;
  font-size: 80%;
  padding-top: 0.1rem;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: normal;
}
.apply-panel .btn:hover:after{
  color: #C92026;
  background-color: #fff;
  transition: all 0.3s;
}


/* ▼ログインフォーム：ここから▼ */
#signIn___BV_modal_body_ > div:nth-of-type(2) {
    display: block !important;
}
.signin-instruction-header {
    font-size: 0;
}
.signin-instruction-header:after {
    font-size: 1.2rem;
    content: "アカウント登録・ログイン頂くとコンテンツが閲覧可能です";
}
/* ▲ログインフォーム：ここまで▲ */

/* ▼新規登録フォーム：ここから▼ */
#signUp___BV_modal_title_:after {
  margin-top: .5rem;
  content: "本申請により、iCAD技術ポータルサイトの登録も同時に行われます。\A※iCAD技術ポータルサイトはiCAD SXの最新情報やご検討に役立つ情報を提供する会員登録制サイトです。";
  display: block;
  white-space: pre-wrap;
  font-size: 1rem;
}
/* ▲新規登録フォーム：ここまで▲ */




/* ▼お問い合わせ先▼ */
.contactNote-area {
    font-weight: 500;
}
.contactNote-area .h2{
  font-weight: 700;
}
.contactNote-area .h5{
  line-height: 1.4;
}




.status-page-header-container {
  margin-top: 40px;
}


.btn.btn-link {
  color:#B22222;
}

.btn-primary{
  background-color:#B22222;
  border-color:#B22222;;
}

.btn-primary:hover {
  background-color:#8B0000;
  border-color:#8B0000;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #B22222;
  border-color: #B22222;
}

.btn-outline-primary {
  border-color:#B22222;
  color:#B22222;  
}

.btn-outline-primary:hover {
  background-color:#8B0000;
  border-color:#8B0000;  
}

a {
  color:#B22222;
}

a:hover {
  color:#8B0000;
}


/* リンク無効 */
.no-link{
  pointer-events: none;
}


/*.oatnd-header-wrapper, .oatnd-status-page-wrap, .status-page-header-container {*/
/*  background-color: #000;*/
/*}*/

.close-messages {
  color:#B22222;  
}


.text-lg{
  font-size: 120%;  
}
.text-xl{
  font-size: 140%;  
}

.text-red{
  color: #c9171e;
}
.text-black{
  color: #000;
}
.pre-wrap{
  white-space: pre-wrap;
}


/* テキストリンクをボタンリンクに */
.link-TextToBtn a{
  padding: .75rem 3.5rem;
  font-size: 1.6rem;
  border-radius: 0;
  background-color:#c9171e;
  border-color:#c9171e;
  color:#ffffff;
}
.link-TextToBtn a:hover, .link-TextToBtn a:active,
.link-TextToBtn a:not(:disabled):not(.disabled):active{
  background-color:#970007;
  border-color:#970007;
  color: #ffffff;
  text-decoration: none;
}
.link-TextToBtn a:focus,
.link-TextToBtn a:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem rgba(151, 0, 7, 0.5);
}


/* 2025/2/7追加 テンプレート「シンプル申し込みフォーム」修正対応用 */
/*div[id^="apply-form-title-"] {*/
.col-md-10.survey-wrapper .apply-block-0 {
  margin-top: 3rem;
}

div[id^="apply-form-title-"] > p {
  white-space: pre-wrap;
}
/* ここまで2025/2/7追加 テンプレート「シンプル申し込みフォーム」修正調整用 */






/* ページタイトル */
.pageContentTitle-wrap{
  background: linear-gradient(45deg, #E0012A, #AA241B);
  color: #fff;
  font-size: 42px;
  height: 250px;
  display: flex;
  align-items: center;
  font-weight: 600;
}
/* SP調整 */
@media(max-width:575px){
  .pageContentTitle-wrap{
    font-size: 24.5px;
    height: 110px;
    /*text-align: right;*/
  }
}






/* ページ概要 */
.pageAbst-mv {
  margin: 2.75rem 1rem 4rem 1rem;
  text-align: center;
}
.pageAbst-mv img {
  width: 100%;
  max-width: 900px;
}





@media(min-width:992px){
  .invitePagelink-btn-wrap >div:first-child a {
    margin-right: 0;
    margin-left: auto;
  }
  .invitePagelink-btn-wrap >div:last-child a {
    margin-right: auto;
    margin-left: 0;
  }
}







/*コンテンツ概要*/
#noteCheckAdd .contentsTag-label,
#noteCheckAdd .contentsTag-desc {
  display: none;
}
#noteCheck, #noteCheck .layout-accordion-wrap {
  margin-bottom: 2rem !important;
}

#noteApply{
  margin-bottom: 1rem !important;
}
#noteApply a{
  text-decoration: underline;
}
/*SP調整*/
@media(max-width:767px){
  #noteApply .text-abst {
    font-size: 3.5vw;
  }
}







/* ▼フォーム▼ */
.ent-fields-header, .ent-fields-abst {
  max-width: 450px;
  margin: 0 auto .5rem auto;
  padding: 0;
}
.ent-field-group0 {
  max-width: 450px;
  margin: 0 auto !important;
  padding: 0 1rem;
}



/*推奨環境非表示*/
#oatnd-recommended-viewing{
  display: none;
}