@charset "UTF-8";
/* CSS Document */

#contactMain dl#contactItems{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: -40px;
}
#contactMain dl#contactItems dt{
width: 240px;
border-right: 2px solid #1d2086;
margin-top: 40px;
}
#contactMain dl#contactItems dt.optional::after{
content: '任意';
display: inline-block;
font-size: 10px;
padding: 5px 10px;
line-height: 100%;
color: #ffffff;
background-color: #1d2086;
border-radius: 3px;
margin-left: 10px;
}
#contactMain dl#contactItems dd{
width: calc(100% - 280px);
margin-top: 40px;
}
#agree{
max-width: 600px;
margin: 50px auto 0;
}
#agree label{
border: 1px solid #cdcdcd;
border-radius: 5px;
padding: 20px 20px 20px 50px;
}
#agree label::before, #agree label::after{
top: 20px;
left: 20px;
}





@media screen and (max-width: 999px){
#contactMain dl#contactItems{
display: block;
margin-top: -30px;
}
#contactMain dl#contactItems dt{
width: auto;
border-right: none;
border-left: 2px solid #1d2086;
padding-left: 10px;
margin-top: 30px;
}
#contactMain dl#contactItems dd{
width: auto;
margin-top: 0.5em;
font-weight: 700;
}
#agree{
margin: 30px auto 0;
}
}/*999*/





#thanksMain{
text-align: center;
}
#thanksMain h2{
font-size: 187.5%;
font-weight: 700;
line-height: 1.5;
}
#thanksMain p{
margin-top: 2em;
}
#thanksMain p.btn{
max-width: 300px;
margin: 30px auto;
}





@media screen and (max-width: 999px){
#thanksMain{
text-align: left;
}
}/*999*/