@charset "UTF-8";

/* sub contact */
.sub-top-cover.contactimg {
    background-image: url("../img/cover/cv_contact04.webp");
}
.sub-contact {
    padding: 50px 0;
}
.sub-contact-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sub-contact-body.bottom {
    margin-top: 50px;
}
.sub-contact-body p{
    margin: 10px 0;
}
.sub-contact-body .mail,
.sub-contact-body  .tel {
    width: 250px;
    height: 70px;
}
.contact-mail {
    margin-bottom: 50px;
}


/* ------- TABLET ------- */
/* ------- 768px以上1023px以下 ------- */
@media (min-width: 768px) and (max-width: 1024px) {
.sub-contact-body .mail,
.sub-contact-body  .tel {
    width: 350px;
    height: 100px;
}

}

/* ------- PC ------- */
/* ------- 1024px以上 ------- */
@media (min-width: 1024px) {
.sub-contact {
    padding: 50px 0 150px;
}
.sub-contact-body {
    margin-top: 30px;
}
.sub-contact-text {
    margin-bottom: 30px;
}
.sub-contact-body p {
    margin: 0;
}
.sub-contact-body.bottom {
    margin-top: 100px;
    max-width: 100%;
}
.contact-mail,
.contact-tel  {
    max-width: 900px;
}
.contact-mail p,
.contact-tel p {
    margin-bottom: 20px;
}
.sub-contact-body .mail,
.sub-contact-body .tel {
    width: 550px;
    height: 110px;
    margin: auto;

}

}