@charset "utf-8";

/* スタイルシート　構造モデラー+NBUS7 × 適合確認用応答評価WEBプログラム */

.fs-5 { font-size:1.2rem!important; }
.sticky-top { z-index: 900; }

.nbus7_branding {
  background:linear-gradient(135deg, #0A2540 0%, #1A4F80 100%);
}

.benefits_rre {
  background: rgba(255, 255, 255, 0.15);
  border:1px solid rgba(255, 255, 255, 0.25);
  display:inline-block;
}


.card {
  border-radius: 0;
}


.p-5-pc {
    padding: 3rem!important;
}
.is_scroll {
    padding: 1rem!important;
}
.is_scroll img {
    padding-left: 2rem!important;
}

.is_scroll_btn {
  display:none;
}

.pc-text-center {
  text-align: center!important;
}


.alert-rre {
  color: #000;
  border: 3px solid;
  border-color: #9BBA58;
  padding: 2rem;
  background: #DBE7C2;
}
.alert-rre:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 1px solid;
  border-color: #9BBA58;
}
.alert-rre:hover {
  color: #333;
  border-color: #313D18;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
}
.alert-rre:hover:before {
  border-color: #313D18;
}
div.alert-rre:after {
  position: absolute;
  content: "";
  top: -20px;
  left: 15px;
  background: #FFFFFF;
  font-size: 1.65rem;
  color: #30B1CA;
  padding: 0 10px;
}
div.alert-rre:hover:after {
  color: #FFD12E;
  text-shadow: none;
}
div.alert-rre span.text-attention {
  color: #FF0000;
}
div.alert-rre span.text-attention-marker {
  color: #FF0000;
  background-image: linear-gradient(transparent 70%, #FFD12E 0%);
}




/** media queries **/
@media (max-width: 700px) {


.p-5-pc {
  padding: 1rem!important;
}

.pc-text-center {
  text-align: start!important;
}



}