@charset "UTF-8";
/* CSS Document */
#mailform dl dt{
  width:100%;
  font-size:1.4rem;
  font-weight:bold;
  text-align: left;
  margin: 0 0 10px;
}
#mailform dl dt span{
  margin-left: 10px;
  padding: 4px 5px;
  background:#c00;
  border-radius: 4px;
  color:#fff;
  font-size:1.0rem;
}
#mailform dl dd{
  width:100%;
  font-size:1.4rem;
  text-align: left;
  margin: 0 0 20px;
}
#mailform dl dd input,
#mailform dl dd textarea{
  width:100%;
  padding:10px;
  font-size:1.6rem;
  border-radius: 8px;
  box-shadow: none;
  border:1px #999 solid;
  margin-bottom: 20px;
}
#mailform dl dd select{
  width:100%;
  padding:10px;
  font-size:1.6rem;
  border-radius: 8px;
  box-shadow: none;
  border:1px #999 solid;
  margin-bottom: 20px;
}
#mailform dl dd #birth_year{
  width:20%;
}
#mailform dl dd #birth_month{
  width:20%;
}
#mailform dl dd #birth_day{
  width:20%;
}
#mailform dl dd #ex_year{
  width:20%;
}
#mailform dl dd #ex_detail{
  width:calc(100% - 5em);
}
#mailform .caution {
  width: 100%;
}
#mailform .caution p a {
  text-decoration: underline;
  color:  #0000ff;
  font-weight: 500;
}
#mailform dl dd input.zip{
  width:30%;
}
#mailform .form_privacy{
  border:1px solid #ccc;
  padding: 10px;
  text-align: left;
  height:200px;
  overflow-y: scroll;
  margin-bottom: 40px;
}
#mailform .form_privacy h4{
  font-size: 1.4rem;
  font-weight:bold;
  margin-bottom: 10px;
  
}
#mailform .form_privacy h5{
  font-size: 1.2rem;
  font-weight:bold;
  margin-bottom: 10px;
  
}
#mailform .form_privacy article p{
  font-size: 1.2rem;
  margin-bottom: 10px;
  
}
#mailform .form_privacy article{
  margin-bottom: 20px;
  
}
#mailform .form_send button{
  width:80%;
  max-width:400px;
  padding: 10px 0;
  text-align: center;
  height:40px;
  border-radius: 20px;
  background:#f3ca44;
  color:#222;
  font-size:1.4rem;
  border:none;
  font-weight:bold;
}
#mailform .form_send button:hover{
  cursor: pointer;
  opacity: 0.8;
}