@charset "UTF-8";


/*  contact/
------------------------------------------------- */

/*  index.html  */
.contactCont .cont1 p {
    text-align: center;
    margin-bottom: 2em;
    padding-top: 2em;
}
.contactCont .cont1 ul {
    width: 80%;
    margin: 0 auto;
}
.contactCont .cont1 ul li {
    margin-bottom: 1em;
}
.contactCont .cont1 ul li a {
    display: block;
    width: 100%;
    line-height: 5.5;
    background: url("../common/img/icon5.png") 96% center no-repeat #0d347e;
    background-size: 1em auto;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
@media only screen and (max-width:750px){
.contactCont .cont1 p {
    text-align: center;
    margin-bottom: 2em;
    padding-top: 0;
}
.contactCont .cont1 ul {
    width: 93.33%;
}
.contactCont .cont1 ul li {
    margin-bottom: 4vw;
}
.contactCont .cont1 ul li a {
    font-size: 4.4vw;
    height: 21vw;
    line-height: 1.5;
    text-align: right;
    padding-right: 22vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
}


/*  form.html  */
.contactCont .cont2 .box {
    width: 80%;
    margin: 0 auto 3em;
}
.contactCont .cont2 .box .ERR {
    color: #DA080B;
}
.contactCont .cont2 .box p.ERR {
    text-align: center;
    color: #DA080B;
    margin: 1em 0;
}
.contactCont .cont2 .box .headline3 {
    font-weight: 400;
}
.contactCont .cont2 .box .headline3 a {
    color: #005eae;
    text-decoration: underline;
}
.contactCont .cont2 .box dl {
    width: 100%;
    margin-bottom: 1.5em;
}
.contactCont .cont2 .box dl dt {
    width: 100%;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
.contactCont .cont2 .box dl dd {
    width: 100%;
}
.contactCont .cont2 .box input,
.contactCont .cont2 .box textarea,
.contactCont .cont2 .box select {
    width: 100%;
    border: 1px solid #808080;
    line-height: 2;
    padding: 0.2em 1em;
    border-radius: 0.5em;
    box-sizing: border-box;
}
.contactCont .cont2 .box textarea {
    height: 14.5em;
    line-height: 1.5;
}
.contactCont .cont2 .box select {
    width: auto;
    padding: 0.5em 1em;
}
.contactCont .cont2 .box .text1 {
    width: 10.5em;
}
.contactCont .cont2 .box .text2 {
    width: 20em;
}
.contactCont .cont2 .box .text3 {
    width: 18.5em;
}
.contactCont .cont2 .box .text4 {
    width: 27em;
}
.contactCont .cont2 .box .mail {
    padding-left: 5em;
}
.contactCont .cont2 .box .name {
    display: inline-block;
    width: 2em;
    padding-right: 1em;
}
.contactCont .cont2 .box .btnArea {
    padding-top: 3em;
}
.contactCont .cont2 .box .btnArea li {
    width: 25em;
    margin: 0 auto 1em;
}
.contactCont .cont2 .box .btnArea li input {
    width: 100%;
    color: #fff;
    background-color: #005eae;
    border: none;
    border-radius: 0.5em;
    padding: 1.3em 0;
    cursor: pointer;
}
.contactCont .cont2 .box .btnArea li input#back {
    background-color: #999;
    padding: 1em 0;
}
.contactCont .cont2 .box p {
    text-align: center;
    margin-top: 1.5em;
}
.contactCont .cont2 .box .txt1 {
    text-align: left;
    margin: 0 0 1em;
}
@media only screen and (min-width:751px){
.contactCont .cont2 .box .headline3 a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:750px){
.contactCont .cont2 .box {
    width: 93.33%;
}
.contactCont .cont2 .box .headline3 {
    font-size: 3.733vw;
}
.contactCont .cont2 .box input,
.contactCont .cont2 .box textarea,
.contactCont .cont2 .box select {
    font-size: 3.466vw;
    border-radius: 1vw;
}
.contactCont .cont2 .box textarea {
    height: 28vw;
}
.contactCont .cont2 .box select {
    width: auto;
    padding: 0.5em 1em;
}
.contactCont .cont2 .box .text1 {
    width: 34vw;
}
.contactCont .cont2 .box .text2,
.contactCont .cont2 .box .text3,
.contactCont .cont2 .box .text4 {
    width: 100%;
}
.contactCont .cont2 .box span.fo12 {
    font-size: 3vw;
}
.contactCont .cont2 .box .mail {
    padding-left: 0;
    display: block;
}
.contactCont .cont2 .box .name {
    padding-right: 0.5em;
    text-align: right;
}
.contactCont .cont2 .box .btnArea {
    padding-top: 1em;
}
.contactCont .cont2 .box .btnArea li {
    width: 100%;
    margin: 0 auto 1em;
}
.contactCont .cont2 .box .btnArea li input {
    font-size: 4vw;
}
.contactCont .cont2 .box .txt1 {
    line-height: 2;
}
}