@charset "UTF-8";

section.content{
    background: #fff;
    padding: 4% 3%;
}
#form dl{
    max-width:100%;
    width: 100%;
}
#form dl.error_messe{
    max-width:900px;
}
#form dl dt{
    border-bottom: 0;
    position: relative;
    width: 20%;
    margin: 0;
    padding: 0;
}
#form dl dd{
    border-bottom: 0;
    width: 80%;
    margin: 0 0 0;
    padding: 0 2.5% 0;
}
#form dl dd span{
    display: block;
    padding: 1% 0 0;
}
#form .radio,#form .checkbox{
    background: #e2e3e7;
    padding: 10px 10px 10px 50px;
}
#form .radio:after,#form .checkbox:after{
    border-radius: 100px;
}
#form .radio:hover:before,#form .checkbox:hover:before,
#form .radio:before,#form .checkbox:before{
    top:15px;
    background: #f00;
}
#form form .tag-h{
    top: 7%;
}
#form input[type="submit"]{
    background: orange;
    color:#fff;
    font-size: 1.2em;
    text-align: center;
    display: block;
    max-width: 500px;
    width: 90%;
    margin: 6% auto 3%;
    padding: 1% 0;
}
#form input[type="button"],
.entry #message.content .inner a.back{
    background: #ccc;
    border-radius: 5px;
    text-align: center;
    display: block;
    max-width: 500px;
    width: 90%;
    margin: 6% auto 3%;
    padding: 1% 0;
}
#form .policy .top{
    text-align: center;
    width: 100%;
    margin: 0 0 2%;
}
#form .policy details summary{
    background: #000080;
    color: #fff;
    text-align: center;
    list-style: none;
    padding: 1.5% 0;
    position: relative;
}
#form .policy details .detail_inner{
    background: rgb(117, 157, 183, 0.1);
    padding: 3% 5%;
}
#form .policy details .detail_inner p,
#form .policy details .detail_inner dl dt,
#form .policy details .detail_inner dl dd{
    font-size: 0.9em;
    margin: 0 0 2%;
}
#form .policy details .detail_inner dl dt{
    width: 30%;
}
#form .policy details .detail_inner dl dd{
    width: 70%;
}
#form .policy details summary:after{
    content: "+";
    font-size: 24px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 42%;
    right: 1rem;
    transform: translate(0,-50%);
}
#form .policy details[open] summary:after {
    content: "−";
}
#form .caption{
    max-width: 900px;
    width: 100%;
    margin: 0 auto 5%;
}
.entry address{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.4em;
    padding: 2% 0;
}
@media screen and (max-width:768px) {
#form dl dt{
    width: 100%;
    padding: 0 0 5% 0;
}
#form dl dd span{
    padding: 4% 0 0;
}
#form input[type="button"],
.entry #message.content .inner a.back{
    padding: 3% 0;
    margin: 0 auto 3%;
}
.entry .margin{
    margin: 0 auto 10%;
}
.entry address{
    margin: 0 auto 10%;
    padding: 2% 0;
}
#form .policy .top{
    text-align: left;
    margin: 0 0 6%;
}
#form .policy .top br{
    display: none;
}
}