@charset "utf-8";

/*
  File Name   : agreement.css
  Description : 未成年（18歳未満）のお客様へのページ
*/

/*main ====================================================*/
h2 {
  text-align:center;
  font-size: 24px;
}
h3 {
  text-align: center;
  background-color: #e94c78;
  color: #FFF;
  line-height: 40px;
  font-size: 18px;
  margin-bottom: 30px;
}

@media only screen and ( min-width : 811px ) {
.container {
  margin: auto;
  width: 860px;
}
}

@media only screen and ( max-width : 811px ) {
/*container ====================================================*/
.container {
  margin: auto;
  width: 100%;
  padding: 0 1rem;
}

h3 {
  font-size: 16px;
}

}

/*01 ====================================================*/
.agreement-caution{
font-weight: bold;
margin-top: 10px;
text-decoration: underline;
padding-left: 1em;
text-indent: -1em;
}

.agreement-btn {
max-width: 360px;
margin: 60px auto 60px;
}

.agreement-btn a{
display: block;
position: relative;
text-align: center;
font-weight: bold;
font-size: 18px;
background: #e94c78;
border-radius: 5px;
padding: 14px 0;
color: #fff;
}
.agreement-btn a::before,
.agreement-btn a::after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 18px;
border-radius: 3px;
border: 2px solid #fff;
top: 22px;
right: 25px;
}
.agreement-btn a::after {
background: #e94c78;
top: 16px;
right: 19px;
}

.agreement-box {
background-color: #F6F6F6;
padding: 20px 25px 30px;
}

.agreement-box h4 {
margin: 10px 0;
}