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

.titleSubMaking{
    display: block;
    text-align: center;
}

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

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

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

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

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


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

.circleImgTxt{
    margin-right: 3.48%;
}

.circleImgTxt:last-child{
    margin-right: 0;
}

.circleStep{
    margin-top: 25px;
    display: flex;
    align-items: center;
}

.circleImg{
    width: 100%;
    height: auto;
}

.circleTxt{
    margin-top: 10px;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
}

.img__yazirushi{
    margin-right: 3.48%;
    width: 2.41%;
    height: auto;
}

.making__list{
    margin-top: 90px;
}

.making__item{
    margin-top: 100px;
    text-align: center;
}

.making__item:first-child{
    margin-top: 90px;
}

.img__Step{
    width: 15.6%;
    height: auto;
}

.stepTitle{
    margin-top: 10px;
    color: var(--primary-title);
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
}

/* img */
.stepImg img{
    margin-top: 10px;
    width: 66.9%;
    height: auto;
}

/* movie */
.makingVideo{
    margin-top: 20px;
    width: 66.9%;
    height: auto;
    background-color: transparent;
    box-shadow: 6px 6px 4px 0 rgba(74, 38, 32, 0.15);
    border:7px solid var(--primary-pink);
    border-radius: 30px;
}

.stepTxt{
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.87;
    text-align: start;
}

.br__middlenone{
    display: block;
}