@charset "utf-8";

.section--worksdetail{
    padding: 88px var(--contentpadding__sp) 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.maintitle--detail{
    font-family: "Zen Kaku Gothic Antique";
    font-size: 2rem;
    font-weight: 500;
}

.works__contents{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.img__pc{
    display: none;
}

.desc{
    display: flex;
    flex-direction: column;
    gap: 32px;
    font-size: 1.6rem;
}

.link__list a{
    text-decoration: underline;
}

.link:first-of-type{
    margin-bottom: 8px;
}

.link::before{
    content:  "";     /* 空の要素作成 */
    width:  8px;               /* 幅指定 */
    height:  8px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: var(--main,#E81C1C);  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin: 0 8px 2px 0;
}

.btn__box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* website-release tub  */
@media screen and (min-width: 769px) {
    .section--worksdetail{
    padding: 0 var(--contentpadding__sp) 0;
    gap: 48px;
    }

    .spbr{
        display: none;
    }

    .maintitle--detail{
        font-size: 3.2rem;
    }

    .desc{
        font-size: 2.4rem;
    }

    .img__sp{
        display: none;
    }

    .img__pc{
        display: block;
    }
}

/* website-release tub  */
@media screen and (min-width: 1279px) {
    .section--worksdetail{
        padding: 48px var(--contentpadding__pc) 0;
        gap: 64px;
    }

    /* .spbr{
        display: none;
    } */

    .maintitle--detail{
        font-size: 3.6rem;
    }

    .works__contents{
        gap: 32px; 
        padding: 0 20% 0;
    }
}