@charset "UTF-8";

.remodal {
  position: relative;
  padding: 25px;
  img {
    display:block;
    width: 350px;
    margin:1.5rem auto 1.0rem;
  }
   .name {
    text-align:center;
    margin-bottom:1.5rem;
    a {
      text-decoration:none;
      color: rgb(37, 78, 134);
    }
  }
}

.remodal .field {
	background:#ddedff;
	padding:1.0rem 1.5rem;
  .notes {
    display:inline-block;
    margin:0;
    width:16px;
    vertical-align:baseline;
  }
  span {
    position:relative;
    display:inline-block;
    background:#254e86;
    color:#fff;
    padding:3px 12px;
    border-radius:3px;
    font-size:0.875rem;
    margin-bottom:0.5rem;
    margin-right:0.2rem;
  }
  span.point {
    padding-left:35px;
    font-weight:bold;
  }
    span.point:after {
    display:block;
    width:20px; height:20px;
    content:" ";
    background:url(../assets/img/icon_point.png) center center no-repeat;
    position:absolute;
    left:5px; top: calc( 50% - 10px );
  } 
}

@media only screen and (max-width: 700px) {
  .remodal {
    position: relative;
    margin-top:30px;
    img {
      width: 100%;
    }
    .field,
    .exp_txt {
      font-size:0.875rem;
    }
  }
}