@charset "UTF-8";


/*------------------------------------------------------------
    ◆読み込みHTML
    /guidance.html
------------------------------------------------------------*/

.guidanceBox {
    padding: 32px;
    background-color: #F4FAFF;
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.guidanceBox_img {
    width: 240px;
    margin: 0 auto;
}
@media print, screen and (min-width: 770px) {
    .guidanceBox {
        padding: 64px;
        margin-top: 40px;
        flex-direction: row;
        gap: 48px;
    }
    .guidanceBox_img {
        margin: 0;
    }
}

.guidanceBox_list {
    line-height: 1.5;
}
.guidanceBox_list li {
    position: relative;
    padding-left: .9em;
}
.guidanceBox_list li:not(:first-child) {
    margin-top: 1.5em;
}
.guidanceBox_list li::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f054";
    color: var(--main-blue);
    position: absolute;
    top: 1px;
    left: 0;
}
.guidanceBox_list a {
    font-weight: 500;
    color: var(--main-blue);
}
.guidanceBox_list a.blank::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f2d2";
    margin-left: .3em;
}
@media print, screen and (min-width: 770px) {
    .guidanceBox_list li {
        font-size: 2.0rem;
    }
}