@charset "UTF-8";

.sec_01 {
    margin: 0 auto 150px;
    padding: 175px 14% 0;
}
.sec_01 .heading_03 {
    text-align: center;
    margin: 0 0 71px;
}
.sec_01 .heading_03__ruby {
    display: block;
    font-family: ryo-text-plusn, serif;
    font-size: 1.6rem;
    margin: 4px 0 15px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.sec_01 .heading_04 {
    font-family: linotype-didot, serif;
    letter-spacing: 0;
    font-weight: 100;
    font-size: 2.2rem;
    border-bottom: solid 1px #121212;
    padding: 0 0 4px 1%;
    margin: 0 0 29px;
}
.sec_01 .heading_04 a, .link_box a {
    transition: .5s;
}
.sec_01 .heading_04 a:hover, .link_box a:hover {
    opacity: .4;
}
.sec_01 .col_container {
    display: flex;
    justify-content: space-between;
}
.sec_01 .col_container .link_container {
    margin-bottom: 50px;
}
.sec_01 .link_container {
    width: 30%;
    margin-bottom: 58px;
}
.sec_01 .link_box {
    padding-left: 0;
    font-size: 1.3rem;
}
.sec_01 .link_box li {
    letter-spacing: 2px;
    padding-left: 13px;
    position: relative;
    margin: 0 0 10px 7%;
}
.sec_01 .link_box li::before {
    content: "-";
    position: absolute;
    top: 0%;
    left: 0;
}
.sec_01 .link_under_box {
    padding-left: 0;
}
.sec_01 .link_under_box li {
    position: relative;
    margin: 9px 0 0 2%;
    padding-left: 15px;
}
.sec_01 .link_under_box li::before {
    content: ">";
    position: absolute;
    top: 0%;
    left: 0;
}


/* ----------------------------------
SP
----------------------------------- */
@media screen and (max-width:767px){

    .sec_01 {
        margin: 0 auto 120px;
        padding: 110px 9% 0;
    }
    .sec_01 .heading_03 {
        margin: 0 0 40px;
    }

    .sec_01 .col_container {
        display: block;
    }
    .sec_01 .link_container {
        width: 100%;
        margin-bottom: 50px;
    }

}