@import url("../../css/cssreset.css");
@import url("../../css/common.css");
@import url("../../css/header.css");
@import url("../../css/footer.css");


/* recruit page */
section:not(#head-title) {
    padding: 45px 0 60px;
    letter-spacing: -0.01em;
}

section h2 {
    position: relative;
    margin-bottom: 2em;
    text-align: center;
    line-height: 1.2;
    font-size: 2.0em;
    font-weight: bold;
}
section h2 span {
    display:block;
    font-size:0.5em;
    color:#e51937
}

section h3 {
    position: relative;
    margin-bottom: 2.5em;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
}
section h3:after {
    position: absolute;
    left: 0;
    right:0;
    bottom:-0.5em;
    width: 45px;
    height: 5px;
    background-color: #cd1944;
    margin: auto;
    content:"";
}

section p {
    margin-bottom: 1em;
}

dl.list {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #999999;
    font-size: 1.2em;
}
dl.list div {
    display: flex;
    justify-content: space-between;
    padding: 1em 1em;
    border-bottom: 1px solid #999999;
}
dl.list dt {
    width: 8em;
}
dl.list dd {
    width: calc(100% - 8em);
}


a.btn-contact {
    display: block;
    width: 84%;
    max-width: 360px;
    background-color: #e51937;
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-image: url("../../images/common/arrow_contact.png");
    margin: 0 auto;
    padding: 0.25em;
    border-radius: 6px;
    font-size: 1.4em;
    font-weight: bold;
    color:#ffffff;
    text-decoration: none;
}


ul.flex-wrap {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}
ul.flex-wrap li {
    width: 32%;
    text-align: center;
}


/* - 1080px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1080px) {



}
/* - 1080px end */


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

ul.flex-wrap {
    display: flex;
}


}
/* - 750px end */


/* - 430px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 430px) {

dl.list div {
    display: block;
}
dl.list dt {
    width: 100%;
    font-weight: bold;
}
dl.list dd {
    width: 100%;
}

ul.flex-wrap {
    display: block;
}
ul.flex-wrap li {
    width: 100%;
    margin: 0 auto 3%;
}

}
/* - 430px end */


/* - 320px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 320px) {




}
/* - 320px end */