@charset "utf-8";
/*=============================
Article header section--story
=============================*/
.article__header{
    margin-top: 80px;
}

.title{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
}

.title img{
    width: 77px;
    height: auto;
}

.section{
    margin-top: 90px;
}

.section--story{
    margin-top: 40px;
}

.story,
.movieStory,
.title__movie,
.sns__creations{
    max-width: 1440px;
}

.story,
.movieStory,
.title__movie,
.sns__creations{
    margin: 40px auto 0;
}

.story__solidCastle,
.story__castle{
    display: flex;
    text-align: start;
    align-items: center;
    margin-right: var(--margin-pc);
    justify-content: space-between;
}

.story__knitting,
.story__solidKnitting{
    display: flex;
    text-align: start;
    align-items: center;
    margin-left: var(--margin-pc);
    justify-content: space-between;
}

.story__knitting,
.story__castle,
.story__solidKnitting{
    margin-top: 60px;
}

.storyImg{
    width: 47.4%;
    height: auto;
    box-shadow: 6px 6px 7px 0px rgba(74, 38, 32, 0.15);
}

.txt__solidCastle{
    align-items: center;
}

.story__txt{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.77;
}

.story__sub{
    margin-top: 15px;
    font-weight: 400;
    line-height: 2.5;
    margin-left: 16.3%;
}

.first{
    margin-top: 90px;
}

.movieStory{
    color: var(--primary-title);
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.33;
    text-align: center;
}

.movieStory span{
    font-size: 2.4rem;
}

.firstMovie{
    margin: 20px 25.2% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background-color: transparent;
    box-shadow: 6px 6px 4px 0 rgba(74, 38, 32, 0.15);
    border:7px solid var(--primary-pink);
    border-radius: 30px;
    aspect-ratio: 16 / 9;
}

.firstMovie iframe{
    border-radius: 22px;
    width: 100%;
    height: 100%;
}

.title__movie{
    margin-top: 20px;
    text-align: center;
    font-weight: 500;
}

.sns__creations{
    text-align: center;
}

.sns__creations p{
    margin-top: 40px;
    color: var(--primary-title);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
}

.sns{
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.icon{
    width: 5.69%;
    height: auto;
    transition: all 0.4s ease-in-out;
}

/*=========================
section--media
==========================*/
.titleSubMedia{
    display: block;
    text-align: center;
}

.subTxt{
    margin-top: 30px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2;
}

.media{
    margin: 60px var(--margin-pc) 0;
    max-width: 1120px;
}

/* 1441px以上の横幅でも、コンテンツを中央にする↓ */
@media screen and (min-width: 1441px){
    .media{
        margin: 60px auto 0;
    }
}


.media__name{
    color: var(--primary-title);
    text-align: center;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.16;
}

.media__imgTxt{
    display: flex;
    align-items: center;
}

.mediaImg{
    width: 49.1%;
    height: auto;
    margin-right: 25px;
}

.media__imgTxt p{
    font-weight: 500;
    line-height: 1.87;
    width: 48.6%;
}

.half,
.solid,
.gif,
.stamp{
    margin-top: 100px;
}

.btn__stamp{
    margin: 20px auto 0;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.2;
    border-radius: 40px;
    width: 530px;
    height: 70px;
    padding: 10px 0;
}

.btn__stamp span{
    font-size: 1.6rem;
    font-weight: 500;
}

.btn__stamp::after{
    content: '';
    display: inline-block;
    width: 5.09%;
    height: 22px;
    background-image: url(../images/about/pc_line_polygon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 3.58%;
    transform: translateY(-50%);
}

/*=========================
section--song
==========================*/
.section--song{
    position: relative;
    max-width: 1440px;
}

/* 1441px以上の横幅でも、コンテンツを中央にする↓ */
@media screen and (min-width: 1441px){
    .section--song{
        margin: 90px auto 0;
    }
}

.txt__song{
    margin-top: 90px;
    text-align: center;
}

.songName{
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
}

.songName,
.credit,
.lyrics p{
    -webkit-text-stroke: 6px var(--primary-back);
    paint-order: stroke;
    z-index: 10;
    position: relative;
}

.credit{
    margin-top: 20px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.33;
}

.lyrics{
    margin-top: 40px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.75;
}

.lyrics p{
    margin-top: 35px;
}

.lyrics p:first-child{
    margin-top: 40px;
}

.songimg__sheep,
.songimg__king,
.songimg__shavedSheep{
    z-index: 1;
}

.songimg__sheep{
    position: absolute;
    width: 170px;
    height: auto;
    top: 53px;
    right: 71.1%;
}

.songimg__king{
    position: absolute;
    width: 229px;
    height: auto;
    top: 289px;
    left: 67.2%;
}

.songimg__shavedSheep{
    position: absolute;
    width: 156px;
    height: auto;
    top: 597px;
    right: 67.8%;
}