@import url("/common/css/cssreset.css");
@import url("/common/css/base.css");
@import url("/common/css/header.css");
@import url("/common/css/contents.css");
@import url("/common/css/print.css") print;


/* recruit style.css */
/*--------------------------------------*/

#contents p {
    margin-bottom:1em;
}

section {
    background-color:#ededed;
    margin-bottom:65px;
    padding: 65px 120px;
}


#contents h3 {
    background-color:#2a4fba;
    margin-bottom:1em;
    padding-bottom:0;
    border-bottom:0;
    text-align:center;
    line-height:1.6;
    font-size:1.4em;
    color:#ffffff;
}
#contents h3.gray {
    background-color:#666666;
}


/* block */
.block {
    margin-bottom:40px;
}

.block dl {
    
}
.block dl div {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    border-bottom:1px solid #c3b4af;
}
.block dl dt {
    width:25%;
    padding:1.5em 0;
    font-weight:bold;
}
.block dl dd {
    width:75%;
    padding:1.5em 0;
}


/* contact */
.contact-block {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    background-color:#2a4fba;
    border:2px solid #2a4fba;
}
#contents .contact-block h4 {
    width:23%;
    background-color:#2a4fba;
    text-align:center;
    line-height:1.6;
    font-size:1.1em;
    color:#ffffff;
}
.contact-block .detail {
    width:77%;
    background-color:#ffffff;
    padding:2% 4%;
}

#contents img.img-email {
    display:inline-block;
    width:auto;
    height:1.6em;
}


/* 2022/11 added */
.requirement-block {
    background-color: #ffffff;
    padding: 3% 6%;
}
.requirement-block dl div {
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid #c3b4af;
    padding:1.5em 0;
}
.requirement-block dl div:last-child {
    border-bottom:0;
}
.requirement-block dl dt {
    width:10em;
    font-weight:bold;
}
.requirement-block dl dd {
    width:calc(100% - 10em);
}

dl.faq-block {
    margin-bottom: 30px;
}
dl.faq-block.bottom {
    margin-bottom:65px;
}
dl.faq-block dt,
dl.faq-block dd {
    position: relative;
    padding: 0.5em 1em 0.5em 3.5em;
    border:3px solid #d0eaff;
    font-size: 1.2em;
}
dl.faq-block dt span,
dl.faq-block dd span {
    display: block;
    position: absolute;
    top: 0.05em;
    left: 1em;
    font-size: 1.4em;
    font-weight: bold;
    color:#2a4fba;
}
dl.faq-block dt {
    font-weight: bold;
}
dl.faq-block dd {
    background-color: #d0eaff;
}


#contents p.link {
    margin-left: 2em;
    margin-bottom: 2.5em;
}
p.link a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}
p.link a span {
    color:#1b8354;
}
p.link a:hover span {
    opacity: 0.7;
}

.info .block {
    margin-bottom:0;
}
.info .block dl div:first-child {
    border-top:1px solid #c3b4af;
}

.info .block dl.mail div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 1em;
    padding: 0;
    border-bottom: 0;
}
.info .block dl.mail div:first-child {
    border-top: 0;
}
.info .block dl.mail dt {
    width: 4.5em;
    padding: 0;
    font-weight: normal;
}
.info .block dl.mail dd {
    width: calc(100% - 4.5em);
    padding: 0;
}




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

section {
    padding:10%;
}



}
/* - 1100px end */



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






}
/* - 768px end */



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

section {
    padding:6%;
}


/* contact */
.contact-block {
    display:block;
    flex-wrap:wrap;
    align-items:center;
    background-color:#2a4fba;
    border:2px solid #2a4fba;
}
#contents .contact-block h4 {
    width:100%;
    padding: 0.15em 0.5em 0.25em;
}
.contact-block .detail {
    width:100%;
}



.requirement-block dl div {
    display:block;
}
.requirement-block dl dt,
.requirement-block dl dd {
    width:100%;
}


.info .block dl.mail div {
    display: block;
    margin-left: 1em;
}
.info .block dl.mail dt {
    width: 100%;
}
.info .block dl.mail dd {
    width: 100%;
}


}
/* - 750px end */



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

.block dl div {
    display:block;
}
.block dl dt {
    width:auto;
    padding:1.5em 0 0;
}
.block dl dd {
    width:100%;
    width:auto;
    padding:0 0 1.5em;
}


}
/* - 375px end */