#mainbody #title {
background-color: #241763;
}
#mainbody #title dl:after {
}
@media screen and (min-width: 641px),print {
#mainbody #title dt {
max-width: 1200px;
width: 100%;
font-family: ryo-display-plusn, serif;
font-weight: 600;
font-style: normal;
padding: 50px 1em 0 0;
box-sizing: border-box;
}
#page {}

#contact {
padding: 0px 0 30px 0;
}
#contact dl {
border: 1px solid #e0699f;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 70%;
margin: 40px auto 0 auto;
}
#contact dd {
border: none;
width: 100%;
padding: 30px 0 30px 0;
text-align: center;
}

#form {
text-align: left;
width: 90%;
max-width: 1000px;
margin: 100px auto 150px auto;
padding: 0 1em 0 1em;
box-sizing: border-box;
}
#form p {
font-family: ryo-display-plusn, serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.813rem, 0.744rem + 0.34vw, 1rem);
line-height: 1.8em;
text-align: center;
}


#mainbody p.bt {
font-size: clamp(1rem, 0.636rem + 1.82vw, 2rem);
line-height: 1.8em;
font-family: ryo-gothic-plusn, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 560px;
width: 60%;
margin: 0px auto 0 auto;
height: auto;
}
#mainbody p.bt a {
color: #FFF;
background-color: #463C69;
display: block;
border-radius: 0;
text-align: center;
text-decoration: none;
padding: 0.7em 0 0.7em 0;
position: relative;
}
#mainbody p.bt a:after {
content: '';
display: inline-block;
width: 38px;
height: 30px;
background-image: url("../image/icon_mail.png");
background-size: contain;
vertical-align: middle;
position: absolute;
border-style: none;
transform: rotate(0);
top: 35%;
right: 5%;
}
#mainbody p.bt a:hover {
background-color: #830324;
}
#mainbody p.bt a:hover:after {
right: 5%;
border-color: none;
}

}

@media screen and (min-width: 0px) and (max-width: 640px) {
#form {
text-align: left;
width: 90%;
margin: 20px auto 50px auto;
padding: 0 0em 0 0em;
box-sizing: border-box;
}
#form h3 {
margin-bottom: 2em;
}
#form p {
font-family: ryo-display-plusn, serif;
font-weight: 500;
font-style: normal;
font-size: clamp(0.813rem, 0.744rem + 0.34vw, 1rem);
line-height: 1.3em;
text-align: center;
}

#contact dl {
border: 1px solid #e0699f;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 20px auto 40px auto;
padding: 0;
}
#contact dd {
width: 100%;
padding: 20px 0 0px 0;
text-align: center;
}
}