@charset "UTF-8";

.links{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5rem;

    width: 65%;
    margin: 5% auto 2.5% auto;
    padding: 2.5% 2.5%;

    font-family: "Roboto", "Noto Sans JP", sans-serif;
    font-weight: normal;

    background-color: #f7f7f8;

    border-radius: 25px;

    filter: drop-shadow(var(--backdropfilterDropShadow));

    transform: scale(1);
    transition: all .3s;

    color: #1c1c1d;
    text-decoration: none;
    text-align: justify;
    line-height: 2;
}

.links .link-lead h5{
    display: inline-block;
    font-weight: 600;
    font-size: 2.3rem;
}

.links .link-lead p{
    display: inline-block;
    margin-left: 2.5%;
    font-size: 1.7rem;
}

.links a{
    color: #1c1c1d;
    text-decoration: underline solid #f7a80a 7px;
    text-underline-offset: 0.7rem;
    font-size: 2.2rem;
    font-weight: 400;

    transition: all .3s;
}

.links a:hover{
    font-size: 2.3rem;
}

.link-to-latest{
    text-decoration: none;
    color: #1c1c1d;
}

.link-to-latest-h3{
    display: block;
    width: 60%;
    margin: 5% auto 2.5% auto;
    padding: 2% 5%;

    font-family: "Roboto", "Noto Sans JP", sans-serif;
    font-weight: normal;

    background-color: #bed555;

    border-radius: 25px;

    filter: drop-shadow(var(--backdropfilterDropShadow));

    transform: scale(1);
    transition: all .3s;

    color: #1c1c1d;;
    text-decoration: none;
    font-size: 2.3rem;
    text-align: center;
}

.link-to-latest-h3:hover{
    transform: scale(1.02);
}
/*==================================================*/

/*==================================================*/
/*タブレット用*/
@media screen and (max-width: 959px){

}
/*==================================================*/

/*==================================================*/
/*スマホ用*/
@media screen and (max-width: 480px){
}
/*==================================================*/