@charset "utf-8";
/* ------------------------------------------------------------------------------
お問い合わせ　contact
------------------------------------------------------------------------------ */

/* PC -------------------------------------------------------------- */

.contactForm{
max-width:600px;
margin:0 auto;
}
.contactForm p{
font-size:160%;
margin-bottom:20px;
}
.contactForm dl > div {
margin-bottom: 25px;
}
.contactForm dt{
float:left;
padding-top:7px;
font-size:160%;
font-weight:bold;
color:#1f1f1f;
}
.contactForm dd{
margin-left: 8em;
font-size:160%;
}
.contactForm dd .cation{
font-size:87.5%;
line-height:1.2;
}
.contactForm.chk dd{
padding-top:7px;
}

.contactForm input[type="text"]{
width:calc(100% - 18px);
padding:7px;
font-size:16px;
line-height:1;
border:solid 2px #223E6E;
}
.contactForm textarea{
width:calc(100% - 18px);
height:250px;
padding:7px;
font-size:16px;
line-height:1.3;
border:solid 2px #223E6E;
}
.contactForBtn{
margin-top:30px;
text-align:center;
}
.contactForBtn input{
padding:13px 25px;
margin:0 10px;
font-size:140%;
line-height:1;
color:#fff;
border:0;
background:#223E6E;
transition:0.3s;
}
.contactForBtn input:hover{
opacity:0.75;
}

.contactForm .necessary{
color:#f00;
}
.contactForm dt .necessary{
font-size:12px;
margin-left:3px;
}

.contactForErrmess{
padding:8px 12px;
color:#f00;
background:#eef3f8;
}

.contactBtn{
margin-top:40px;
text-align:center;
}
.contactBtn a,
.contactBtn a:visited{
display:inline-block;
padding:15px 40px;
font-size:160%;
color:#fff;
text-decoration:none;
text-align:center;
line-height:1.2;
background:#223E6E;
}


/* ----------------------------------------------------------------- */
@media screen and (max-width:750px){
/* SP -------------------------------------------------------------- */

.contactForBtn input:hover{
opacity:1;
}

}

/* ----------------------------------------------------------------- */
@media screen and (max-width:480px){
/* SP -------------------------------------------------------------- */

.contactForm p{
font-size:140%;
margin-bottom:10px;
}
.contactForm dt{
float:none;
padding-top:0;
font-size:140%;
}
.contactForm dd{
margin:0 0 15px 0;
font-size:150%;
}
.contactForm input[type="text"]{
width:calc(100% - 14px);
padding:5px;
font-size:15px;
}
.contactForm textarea{
width:calc(100% - 14px);
height:190px;
padding:5px;
font-size:15px;
}
.contactForBtn{
margin-top:25px;
}

}