section.position .wrapper{
    padding-top: 3.5rem;
    padding-bottom:  5rem;
}

section.position .btn-back-ctn{
    margin-top: 30px;
}

section.position{
    background-color: #f7f7f7;
}

.info-box{
    background-color: white;
    padding: 1.125rem;
}

.position-info{
    background-color: #f7f7f7;
    padding: 1.5rem 2.5rem;

    display: flex;
    flex-wrap: wrap;
}

.info-item{
    flex-basis: calc(100% / 3);
    flex-shrink: 0;
    flex-grow: 0;

    line-height: 1.5em;
    padding: .25rem 0;

    display: flex;
}

.info-key{
    color: #666;
}

.info-key::after{
    content: "："
}

.other-info{
    padding: 2.5rem;
}

.other-info h2{
    font-size: 1.25rem;
    margin-bottom: .75rem;
    color: #111;
}

.other-info .mail{
    color: #111;
    margin-top: 1.25rem;
}

.other-info{
    color: #666666;
}

.other-info ol{
    list-style: decimal inside;
}

.other-info .mail a{
    color: #e31019;
    text-decoration: underline;
    margin-left: .5rem;
}

.info-paragraph{
    margin-bottom: 1.75rem;
}

@media(max-width: 960px){
    section.position{
        font-size: 1.25rem;
    }
}


@media(max-width: 640px){
    .position-info{
        padding: 1.5rem;
    }
    .other-info{
        padding: 1.5rem .5rem;
    }
    .info-item{
        flex-basis: 50%;
    }
}
@media(max-width: 480px){
    .info-item{
        flex-basis: 100%;
    }
}