#mail_and_unipa {
    display: flex;
    flex-wrap: wrap;
}
#mail_and_unipa li {
    width: 100%;
    max-width: 400px;
    border: 1px solid var(--main-purple);
    margin-bottom: .5rem;
}
#mail_and_unipa li a {
    display: block;
    text-align: center;
    color: var(--main-purple);
    padding: 1rem;
}
#mail_and_unipa li a.new-tab::after {
    content: "\e89e";
    font-family: "Material Symbols Outlined";
    font-size: 16px;
    color: var(--main-purple);
    height: fit-content;
}
ul#infoContainerUl li {
    position: relative;
    line-height: 157%;
    padding-left: 3rem;
    border-bottom: 1px dashed #DDD;
}
ul#infoContainerUl li::before {
    position: absolute;
    width: 2.9rem;
    content: "ご案内";
    text-align: center;
    font-size: .7rem;
    left: -.5rem;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #e5c8dc;
    background: #FFF;
}
ul#infoContainerUl li.imp::before {
    content: "重要";
    border: 1px solid #d69bc3;
    background: #d69bc3;
}
ul#infoContainerUl li a {
    display: block;
    padding: 10px 3px 10px 0;
    font-size: 14px;
}

.content .disc {
    padding-left: 1em;
}
.content .disc > li {
    list-style-type: disc;
}
.content .disc > li a {
    color: var(--main-purple);
    border-bottom: 1px solid;
    font-weight: 500;
}
.content .disc > li a.pdf::after {
    content: "\e415";
    font-family: "Material Symbols Outlined";
    font-size: 14px;
    margin-left: .25em;
}

.content p.important {
    font-weight: 500;
    color: var(--h3-glay);
}

.recruit .content p {
    font-size: 16px;
    line-height: 1.8;
}
.recruit .blocklink {
    width: 100%;
    text-align: center;
    max-width: 400px;
    padding: 1em 3em;
    display: block;
    margin: 1em 0;
    background: var(--main-purple);
    box-shadow: 5px 5px 0 #ffdef4;
}
.recruit .blocklink span {
    color: #fff;
}
.recruit .blocklink::after {
    content: "\e89e";
    font-family: "Material Symbols Outlined";
    font-size: 18px;
    margin-left: .25em;
    color: #fff;
}
.recruit .content .disc {
    margin: 1em 0;
}
.recruit .content .disc li {
    margin-bottom: .5em;
}
.recruit li a.excel::after {
    content: "\f090";
    font-family: "Material Symbols Outlined";
    margin-left: .25em;
    color: var(--main-purple);
    position: relative;
    top: .2em;
}
.recruit .ContactBlock {
    margin: 2em auto;
}
.recruit .content section.ContactBlock a {
    margin: .5em auto;
}

@media screen and (min-width: 1024px) {
    #mail_and_unipa li { margin-right: 1rem;}
    ul#infoContainerUl li a,
    table { font-size: 15px;}
    .content .disc > li:has(a) br { display: none;}
}