.navbar{
  background-color: #31a2f7;
  padding: 25px 0px;
  font-family:'nis_s10';
}

.consultant .navbar{
  background-color: #e79393;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover{
  color: #fff;
  font-family:'nis_s10';
  font-size: 1.5em;
  margin: auto;
}

body{
  background-image: url("../images/bg-user.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Noto Sans JP";

}

body.consultant{
  background-image: url("../images/bg-consultant.jpg");
}

.copyright{
  color:#fff;
}

.card.art-bottom{
  min-height: 60vh;
}

.art-bottom{
  background-image: url("../images/card-art-bottom.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 70%;
}

.art-bottom-2{
  background-image: url("../images/card-art-bottom-2.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 70%;
}

.art-top{
  background-image: url("../images/card-art-bottom.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 70%;
}

.art-top-bottom{
  background-image: url("../images/card-art-bottom.png"), url("../images/card-art-bottom-2.png");
  background-position: center top, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 70%, 70%;
}

.btn{
  font-weight: bold;
}

.bg-yellow{
  background-color: #e8ff40;
}

.bg-blue{
  background-color: #91E6FF;
}

.bg-blue-1{
  background-color: #31a2f7;
}

.bg-orange{
  background-color: #e79393;
}

.border-orange{
  border: 1px solid #e79393;
}
.border-blue{
  border: 1px solid #91E6FF;
}
.border-gray{
  border: 2px solid #ddd;
}
.txt-blue{
  color: #31a2f7;
}
.text-shadow-blue{
  font-weight: bold;
  text-shadow: -5px 0 #018af1, 0 5px #018af1, 5px 0 #018af1, 0 -5px #018af1  ;
  letter-spacing: 0;
  font-family:'nis_s10';

}
.border-white{
  border: 1px solid #edebeb;
}
.msg{
  position: relative;
}
.sb1:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #91E6FF;
  border-right: 10px solid transparent;
  border-top: 10px solid #91E6FF;
  border-bottom: 10px solid transparent;
  right: -18px;
  top: 8px;
}

.sb2:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-right: 10px solid #d1d9df;
  border-left: 10px solid transparent;
  border-top: 10px solid #d1d9df;
  border-bottom: 10px solid transparent;
  left: -20px;
  top: 8px;
}

.sb3:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #e79393;
  border-right: 10px solid transparent;
  border-top: 10px solid #e79393;
  border-bottom: 10px solid transparent;
  right: -18px;
  top: 8px;
}

.sb4:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-right: 10px solid #d1d9df;
  border-left: 10px solid transparent;
  border-top: 10px solid #d1d9df;
  border-bottom: 10px solid transparent;
  left: -20px;
  top: 8px;
}

.user-max-width{
  max-width: 600px;
  margin: auto;
  margin-top: 1rem;
}

@media (max-width: 650px) {
  .user-max-width{
    margin: 1rem;
  }
}