/* ==================================

    Info - 新着情報一覧

================================== */

.info-box2 {
    margin-top: 64px;
    padding: 0 16px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.info-box2 ul {
    margin-bottom: 16px;
}

.info-box2 ul li:before {
    content: '・';
}

.info-box2 p {
    font-size: 1.5rem;
}

.info-area-box {
    padding: 16px;
    margin: 48px auto;
}

.info-box a {
    color: #22333b;
}

.info-box a:hover,
.info-box ul:hover {
    background-color: #22333b;
    color: #fff;
}

.info-box ul {
    border-bottom: 1px dotted #590004;
    padding: 24px 8px;
}

.info-box ul li:nth-of-type(1) {
    font-size: 1.2rem;
    padding-bottom: 8px;
}

.info-box ul li:nth-of-type(2) {
    display: flex;
    justify-content: space-between;
}

.info-box ul li:nth-of-type(2):after {
    content: '>';
    text-align: right;
}

.info-box .img-box {
    width: 20%;
    max-width: 300px;
    margin: 32px auto;
}