@charset "utf-8";


div#agreement {
   width: 100%;
   margin: 0 auto;
}

div#agreement h3 {
   font-size: 1.6rem;
   font-weight: bold;
}

div#agreement div {
   height: 300px;
   margin: 15px 0;
   padding: 20px 30px;
   background: #fff;
   border: 1px solid #000;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
}

div#agreement div h2 {
   margin: 30px 0 15px;
   font-weight: bold;
   background: #000;
   color: #fff;
   padding: 10px;
}
div#agreement div h2:first-of-type{
   margin: 0 0 15px;
}

div#agreement div h3 {
   margin-top: 30px;
   margin-bottom: 5px;
   font-weight: bold;
   border-left: 5px solid #000;
   padding: 0 0 0 5px;
}
div#agreement div h4 {
   margin-top: 30px;
   margin-bottom: 5px;
   font-weight: bold;
}
div#agreement div .strong {
   margin-top: 20px;
}

div#agreement div h4:first-child {
   margin-top: 0px;
}

div#agreement input[type="checkbox"] {
   margin-right: 10px;
}


form#mail_form div#agreement span.error_check {
   display: none;
   color: #ff0000;
   margin-top: 3px;
   font-size: 1.4rem;
}