@charset "UTF-8";

.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.style img {
    width: 100%;
    height: auto;
}

.style .pc_only {
    display: block !important;
}

.style .sp_only {
    display: none !important;
}

.style .fadeIn {
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 0px);
    transition: all 0.4s;
}

.style .fadeIn.scrollIn {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0px);
    transition-delay: 0.4s;
}

.style .inner {
    max-width: 1060px;
    width: 106rem;
    margin: 0 auto;
    padding-top: 20px;
    font-feature-settings: "falt";
    color: #4D4D4D;
}

.style .inner-bd {
    max-width: 1000px;
    margin: 0 auto;
}

.style {
    margin-bottom: 20rem;
}


.center_text {
    font-size: 3rem;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    letter-spacing: 1px;
    margin: -7.5rem 0 0 59rem;
    width: fit-content;
    color: #fff;
}

.ttl_center {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 0.7rem;
    margin: 0 auto;
    width: 24.5rem;
    margin-top: 20rem;
}

.lp-ttl {
    letter-spacing: 0.1em;
    line-height: 2.3;
    *font-family: "montserrat", sans-serif;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.8rem;
    width: fit-content;
    text-align: center;
}

.number {
    font-family: "palast-variable", sans-serif;
    font-variation-settings: "opsz" 160, "wght" 300;
    font-size: 5.8rem;
    width: fit-content;
    text-align: center;
    margin-top: -1.1rem;
}


.lp-tx {
    letter-spacing: 0.1em;
    line-height: 1.7;
    font-family: "Arial", "メイリオ";
    font-weight: 400;
    font-style: normal;
    font-size: 1.35rem;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    margin-top: 14rem;
}

.code-tx {
    letter-spacing: 0.1em;
    line-height: 1.7;
    font-family: "Arial", "メイリオ";
    font-weight: 400;
    font-style: normal;
    font-size: 1.35rem;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    margin-top: -3rem;
}

.ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 0.5rem;
    margin: 0 auto;
    width: 54.8rem;
}

.lp-ttl_name {
    letter-spacing: 0.01em;
    line-height: 2.3;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 4rem;
    width: fit-content;
    text-align: center;
}

.cm {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    margin-top: -1.3rem;
}

.style .breadcrumbs ul li {
    vertical-align: top;
}

.style .breadcrumbs ul li:not(:last-child)::after {
    vertical-align: top;
}

.style h1 {
    width: 100rem;
    margin: 4.8rem auto 7.5rem auto;
}

.style .item-area {
    margin: 0 auto 7rem auto;
}


.style .credit_box {
    width: 25rem;
    height: 3.7rem;
    text-align: left;
    letter-spacing: 0.2px;
    font-size: 1.4rem;
    z-index: 100;
    position: relative;
    font-family: "Arial", "メイリオ";
}


/***** sec01 *****/

.sec01 .ttl_center {
    column-gap: 0.7rem;
    margin: 0 auto;
    width: 27.3rem;
    margin-top: 28rem;
}

.sec01 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 0.5rem;
    margin: 0 auto;
    width: 31.4rem;
}

.style .item-area .box01 {
    margin: 0 auto;
    margin-top: 6rem;
    width: 60rem;
}


.style .item-area .box01 figure {
    width: 60rem;
    margin: 0 auto;
}

.style .item-area .box01 div {
    margin-bottom: 0rem;
}


.style .item-area .box01_1 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 32rem;
}


.style .item-area .box01_1 figure {
    width: 29.7rem;
    margin: 30rem 0 0 -25rem;
}


.style .item-area .box01_2 {
    margin: 0 auto;
    margin-top: 12rem;
    width: 0rem;
}

.style .item-area .box01_2 figure {
    width: 34.5rem;
    margin: -72.5rem 0 0 6rem;
}


.style .item-area .box01_3 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 0rem;
}

.style .item-area .box01_3 figure {
    width: 37rem;
    margin: 8rem 0 0 -4rem;
}

.box01_credit {
    width: 74rem;
    margin: 0 auto;
    margin-top: 12.5rem;
}

.box01_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: 39.5rem;
    justify-content: start;
}


.style .box01_credit a {
    margin: 0 auto;
    padding: 0.5rem 1.5rem;
    letter-spacing: 0.1em;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: 1.7rem;
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: -0.8rem;
}

.box01_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}



/**** sec02 ****/
.sec02 .ttl_center {
    column-gap: 0.7rem;
    margin: 0 auto;
    width: 27.3rem;
    margin-top: 20rem;
}


.sec02 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 0.5rem;
    margin: 0 auto;
    width: 36.6rem;
}

.sec02 .lp-ttl_name {
    letter-spacing: 0.01em;
    line-height: 2.3;
    font-weight: 500;
    font-style: normal;
    font-size: 4rem;
    width: fit-content;
    text-align: center;
}

.style .item-area .box02 {
    margin: 0 auto;
    margin-top: 6rem;
    width: 60rem;
}


.style .item-area .box02 figure {
    width: 60rem;
    margin: 0 auto;
}

.style .item-area .box02 div {
    margin-bottom: 0rem;
}


.style .item-area .box02_1 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 40rem;
}


.style .item-area .box02_1 figure {
    width: 32.2rem;
    margin: 15rem 0 0 -24.4rem;
}


.style .item-area .box02_2 {
    margin: 0 auto;
    margin-top: 12.5rem;
    width: 0rem;
}

.style .item-area .box02_2 figure {
    width: 38.2rem;
    margin: -34rem 0 0 0rem;
}


.style .item-area .box02_3 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 29rem;
}

.style .item-area .box02_3 figure {
    width: 29rem;
    margin: -15.5rem 0 0 -19rem;
}


.box02_credit {
    width: 74rem;
    margin: 0 auto;
    margin-top: 12.5rem;
}

.box02_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: 39.5rem;
    justify-content: start;
}


.style .box02_credit a {
    margin: 0 auto;
    padding: 0.5rem 1.5rem;
    letter-spacing: 0.1em;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: 1.7rem;
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: -0.8rem;
}

.box02_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}



/**** sec03 ****/
.sec03 .ttl_center {
    column-gap: 0.7rem;
    margin: 0 auto;
    width: 27.3rem;
    margin-top: 20rem;
}


.sec03 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 0.5rem;
    margin: 0 auto;
    width: 23.7rem;
}

.sec03 .lp-ttl_name {
    letter-spacing: 0.01em;
    line-height: 2.3;
    font-weight: 500;
    font-style: normal;
    font-size: 4rem;
    width: fit-content;
    text-align: center;
}

.style .item-area .box03 {
    margin: 0 auto;
    margin-top: 6rem;
    width: 60rem;
}


.style .item-area .box03 figure {
    width: 60rem;
    margin: 0 auto;
}

.style .item-area .box03 div {
    margin-bottom: 0rem;
}


.style .item-area .box03_1 {
    margin: 0 auto;
    margin-top: 12rem;
    width: 32rem;
}


.style .item-area .box03_1 figure {
    width: 32rem;
    margin: 34rem 0 0 -20.5rem;
}


.style .item-area .box03_2 {
    margin: 0 auto;
    margin-top: 12rem;
    width: 0rem;
}

.style .item-area .box03_2 figure {
    width: 25rem;
    margin: -68.5rem 0 0 7rem;
}


.style .item-area .box03_3 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 27.7rem;
    z-index: 3;
    position: relative;
}

.style .item-area .box03_3 figure {
    width: 27.7rem;
    margin: 13rem 0 0 25.3rem;
}

.box03_credit {
    width: 74rem;
    margin: 0 auto;
    margin-top: 12.5rem;
}

.box03_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: 39.5rem;
    justify-content: start;
}


.style .box03_credit a {
    margin: 0 auto;
    padding: 0.5rem 1.5rem;
    letter-spacing: 0.1em;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: 1.7rem;
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: -0.8rem;
}

.box03_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}

.box03_credit .comment {
    width: 11.5rem;
    height: 2.7rem;
    text-align: left;
    letter-spacing: 0.2px;
    font-size: 1.4rem;
    z-index: 100;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-left: -4.2rem;
}




/**** sec04 ****/
.sec04 .ttl_center {
    column-gap: 0.7rem;
    margin: 0 auto;
    width: 27.3rem;
    margin-top: 20rem;
}


.sec04 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 0.5rem;
    margin: 0 auto;
    width: 64.5rem;
}

.sec04 .lp-ttl_name {
    letter-spacing: 0.01em;
    line-height: 2.3;
    font-weight: 500;
    font-style: normal;
    font-size: 4rem;
    width: fit-content;
    text-align: center;
}

.style .item-area .box04 {
    margin: 0 auto;
    margin-top: 6rem;
    width: 60rem;
}


.style .item-area .box04 figure {
    width: 60rem;
    margin: 0 auto;
}

.style .item-area .box04 div {
    margin-bottom: 0rem;
}


.style .item-area .box04_1 {
    margin: 0 auto;
    margin-top: 12rem;
    width: 26rem;
}


.style .item-area .box04_1 figure {
    width: 26rem;
    margin: 30rem 0 0 -28rem;
}


.style .item-area .box04_2 {
    margin: 0 auto;
    margin-top: 12rem;
    width: 0rem;
}

.style .item-area .box04_2 figure {
    width: 33rem;
    margin: -58rem 0 0 1rem;
}


.style .item-area .box04_3 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 26.5rem;
    z-index: 3;
    position: relative;
}

.style .item-area .box04_3 figure {
    width: 26.5rem;
    margin: -2.5rem 0 0 5rem;

}

.style .item-area .box04_4 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 0rem;
    z-index: 0;
}

.style .item-area .box04_4 figure {
    width: 35rem;
    margin: -32rem 0 0 1rem;
}


.box04_credit {
    width: 74rem;
    margin: 0 auto;
    margin-top: 12.5rem;
}

.box04_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: 39.5rem;
    justify-content: start;
}


.style .box04_credit a {
    margin: 0 auto;
    padding: 0.5rem 1.5rem;
    letter-spacing: 0.1em;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: 1.7rem;
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: -0.8rem;
}

.box04_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}

.box04_credit .comment {
    width: 11.5rem;
    height: 2.7rem;
    text-align: left;
    letter-spacing: 0.2px;
    font-size: 1.4rem;
    z-index: 100;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-left: -4.2rem;
}



/**** sec05 ****/
.sec05 .ttl_center {
    column-gap: 0.7rem;
    margin: 0 auto;
    width: 27.3rem;
    margin-top: 20rem;
}


.sec05 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 0.5rem;
    margin: 0 auto;
    width: 23.7rem;
}

.sec05 .lp-ttl_name {
    letter-spacing: 0.01em;
    line-height: 2.3;
    font-weight: 500;
    font-style: normal;
    font-size: 4rem;
    width: fit-content;
    text-align: center;
}

.style .item-area .box05 {
    margin: 0 auto;
    margin-top: 6rem;
    width: 60rem;
}


.style .item-area .box05 figure {
    width: 60rem;
    margin: 0 auto;
}

.style .item-area .box05 div {
    margin-bottom: 0rem;
}


.style .item-area .box05_1 {
    margin: 0 auto;
    margin-top: 12rem;
    width: 37rem;
}


.style .item-area .box05_1 figure {
    width: 37rem;
    margin: 0rem 0 0 -24rem;
}


.style .item-area .box05_2 {
    margin: 0 auto;
    margin-top: 12rem;
    width: 0rem;
}

.style .item-area .box05_2 figure {
    width: 33rem;
    margin: -34rem 0 0 7.6rem;
}


.style .item-area .box05_3 {
    margin: 0 auto;
    margin-top: 11rem;
    width: 33.7rem;
    z-index: 3;
    position: relative;
}

.style .item-area .box05_3 figure {
    width: 33.7rem;
    margin: -14rem 0 0 -10.5rem;

}



.box05_credit {
    width: 74rem;
    margin: 0 auto;
    margin-top: 12.5rem;
}

.box05_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: 39.5rem;
    justify-content: start;
}


.style .box05_credit a {
    margin: 0 auto;
    padding: 0.5rem 1.5rem;
    letter-spacing: 0.1em;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: 1.7rem;
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: -0.8rem;
}

.box05_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}




.style .btn-area {
    display: flex;
    margin: 20rem auto 17rem auto;
}

.style .btn-area a {
    margin: 0 auto;
    padding: 1.2rem 4.4rem;
    letter-spacing: 0.1em;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    border: 1px solid #19191E;
    color: #19191E;
}

.btn-area a:hover {
    background-color: #f5f5f5;
}


@media screen and (max-width: 767px) {
    .style .pc_only {
        display: none !important;
    }

    .style .sp_only {
        display: block !important;
    }

    .style .inner {
        max-width: none;
        width: 100%;
        padding-top: calc(40* (100vw / 750));
        overflow-x: hidden;
    }

    .style .inner-bd {
        max-width: none;
        width: 100%;
    }

    .style {
        margin-bottom: 80px;
    }

    .style .backbg {
        top: calc(28* (100vw / 750));
        max-width: none;
        width: calc(750* (100vw / 750));
        background: url(../../Page/Feature/210816_style/img/sp.jpg) no-repeat;
        background-size: 100%;
    }

    .style h1 {
        width: 100%;
        margin: calc(50* (100vw / 750)) auto calc(90* (100vw / 750)) auto;
    }


    .ttl_center {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        column-gap: calc(20*(100vw/750));
        margin: 0 auto;
        margin-top: calc(100* (100vw / 750));
    }
    
    .lp-ttl {
        letter-spacing: 0px;
        line-height: 2.3;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: calc(28* (100vw / 750));
        width: fit-content;
        text-align: center;
    }
    
    .number {
        font-family: "palast-variable", sans-serif;
        font-variation-settings: "opsz" 160, "wght" 300;
        font-size: calc(60* (100vw / 750));
        width: fit-content;
        text-align: center;
        margin-top: calc(-9* (100vw / 750));
        margin-left: calc(5*(100vw/750));
    }
    
    .center_text {
        font-size: calc(25* (100vw / 750));
        font-family: "Arial", "メイリオ";
        font-weight: 300;
        font-style: normal;
        letter-spacing: 0.5px;
        margin: calc(-70* (100vw / 750)) 0 0 calc(405* (100vw / 750));
        width: fit-content;
    }
    
    .lp-tx {
        letter-spacing: 0px;
        line-height: 1.7;
        font-family: "Arial", "メイリオ";
        font-weight: 400;
        font-style: normal;
        font-size: calc(15* (100vw / 750));
        width: fit-content;
        margin: 0 auto;
        text-align: center;
        margin-top: calc(90* (100vw / 750));
    }
    
    .code-tx {
        letter-spacing: 0px;
        line-height: 1.7;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: calc(15* (100vw / 750));
        width: fit-content;
        margin: 0 auto;
        text-align: center;
        margin-top: calc(-120* (100vw / 750));
        padding-left: calc(12*(100vw/750));
    }
    
    .ttl_center_staff {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        column-gap: calc(10* (100vw / 750));
        margin: 0 auto;
        width: calc(200* (100vw / 750));
        margin-top: calc(20* (100vw / 750));
    }
    
    .lp-ttl_name {
        letter-spacing: 0px;
        line-height: 2.3;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: calc(35* (100vw / 750));
        width: fit-content;
        text-align: center;
    }
    
    .cm {
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: calc(20* (100vw / 750));
        width: fit-content;
        text-align: center;
        margin: 0 auto;
        margin-top: calc(-12* (100vw / 750));
    }
    
    
    .style .item-area {
        width: 100%;
        margin: 0 auto calc(166* (100vw / 750)) auto;
    }

    .style .credit_box {
        width: calc(266* (100vw / 750));
        height: 18px;
        text-align: left;
        letter-spacing: 0.2px;
        font-size: calc(13* (100vw / 750));
        z-index: 100;
        position: relative;
        font-family: "Arial", "メイリオ";
    }
    
    .style .btn-area {
        margin: calc(230* (100vw / 750)) auto calc(50* (100vw / 750)) auto;
    }
    
    .style .btn-area a {
        padding: calc(22* (100vw / 750)) calc(42* (100vw / 750));
        font-size: calc(18* (100vw / 750));
    }


/***** sec01 *****/

.sec01 .ttl_center {
    column-gap: 0px;
    margin: 0 auto;
    margin-top: calc(170* (100vw / 750));
    width: calc(255*(100vw/750));
}


.sec01 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 5px;
    margin: 0 auto;
    width: calc(310*(100vw/750));
    margin-top: calc(-5*(100vw/750));
}

.style .item-area .box01 {
    margin: 0 auto;
    margin-top: calc(45* (100vw / 750));
    width: 100%;
}


.style .item-area .box01 figure {
    width: calc(420* (100vw / 750));
    margin: 0 auto;
}

.style .item-area .box01 div {
    margin-bottom: calc(0* (100vw / 750));
}


.style .item-area .box01_1 {
    margin: 0 auto;
    margin-top: calc(280* (100vw / 750));
    width: calc(0* (100vw / 750));
}


.style .item-area .box01_1 figure {
    width: calc(230* (100vw / 750));
    margin: calc(-50* (100vw / 750)) 0 0 calc(-285* (100vw / 750));
}


.style .item-area .box01_2 {
    margin: 0 auto;
    margin-top: calc(-725* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box01_2 figure {
    width: calc(240* (100vw / 750));
    margin: calc(280* (100vw / 750)) 0 0 calc(40* (100vw / 750));
}


.style .item-area .box01_3 {
    margin: 0 auto;
    margin-top: calc(0* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box01_3 figure {
    width: calc(240* (100vw / 750));
    margin: calc(-85* (100vw / 750)) 0 0 calc(7* (100vw / 750));
}

.box01_credit {
    width: calc(590* (100vw / 750));
    margin: 0 auto;
    margin-top: calc(-50* (100vw / 750));
}

.box01_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: calc(260* (100vw / 750));
    justify-content: start;
}


.style .box01_credit a {
    margin: 0 auto;
    padding: 2px 4px;
    letter-spacing: 1px;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: calc(17* (100vw / 750));
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: calc(-10* (100vw / 750));
}

.box01_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}

.box01_credit .comment {
    width: fit-content;
    height: calc(20* (100vw / 750));
    text-align: left;
    letter-spacing: 0.2px;
    font-size: calc(18* (100vw / 750));
    z-index: 100;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-left: calc(-20* (100vw / 750));
    margin-top: calc(-5*(100vw/750));
}




/***** sec02 *****/

.sec02 .ttl_center {
    column-gap: 0px;
    margin: 0 auto;
    margin-top: calc(200* (100vw / 750));
    width: calc(255*(100vw/750));
}

.sec02 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 5px;
    margin: 0 auto;
    width: calc(355*(100vw/750));
    margin-top: calc(-5*(100vw/750));
}

.sec02 .lp-ttl_name {
    letter-spacing: 0px;
    line-height: 2.3;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(35* (100vw / 750));
    width: fit-content;
    text-align: center;
}


.style .item-area .box02 {
    margin: 0 auto;
    margin-top: calc(45* (100vw / 750));
    width: 100%;
}


.style .item-area .box02 figure {
    width: calc(420* (100vw / 750));
    margin: 0 auto;
}

.style .item-area .box02 div {
    margin-bottom: calc(0* (100vw / 750));
}


.style .item-area .box02_1 {
    margin: 0 auto;
    margin-top: calc(110* (100vw / 750));
    width: calc(380* (100vw / 750));
}


.style .item-area .box02_1 figure {
    width: calc(230* (100vw / 750));
    margin: calc(40* (100vw / 750)) 0 0 calc(-110* (100vw / 750));
}


.style .item-area .box02_2 {
    margin: 0 auto;
    margin-top: calc(-305* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box02_2 figure {
    width: calc(270* (100vw / 750));
    margin: calc(13* (100vw / 750)) 0 0 calc(10* (100vw / 750));
}


.style .item-area .box02_3 {
    margin: 0 auto;
    margin-top: calc(0* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box02_3 figure {
    width: calc(220* (100vw / 750));
    margin: calc(-210* (100vw / 750)) 0 0 calc(-245* (100vw / 750));
}

.box02_credit {
    width: calc(590* (100vw / 750));
    margin: 0 auto;
    margin-top: calc(-50* (100vw / 750));
}

.box02_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: calc(260* (100vw / 750));
    justify-content: start;
}


.style .box02_credit a {
    margin: 0 auto;
    padding: 2px 4px;
    letter-spacing: 1px;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: calc(17* (100vw / 750));
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: calc(-10* (100vw / 750));
}

.box02_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}


/***** sec03 *****/

.sec03 .ttl_center {
    column-gap: 0px;
    margin: 0 auto;
    margin-top: calc(200* (100vw / 750));
    width: calc(255*(100vw/750));
}

.sec03 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 5px;
    margin: 0 auto;
    width: calc(230*(100vw/750));
    margin-top: calc(-5*(100vw/750));
}

.sec03 .lp-ttl_name {
    letter-spacing: 0px;
    line-height: 2.3;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(35* (100vw / 750));
    width: fit-content;
    text-align: center;
}


.style .item-area .box03 {
    margin: 0 auto;
    margin-top: calc(45* (100vw / 750));
    width: 100%;
}


.style .item-area .box03 figure {
    width: calc(420* (100vw / 750));
    margin: 0 auto;
}

.style .item-area .box03 div {
    margin-bottom: calc(0* (100vw / 750));
}


.style .item-area .box03_1 {
    margin: 0 auto;
    margin-top: calc(200* (100vw / 750));
    width: calc(230* (100vw / 750));
}


.style .item-area .box03_1 figure {
    width: calc(230* (100vw / 750));
    margin: calc(0* (100vw / 750)) 0 0 calc(-130* (100vw / 750));
}


.style .item-area .box03_2 {
    margin: 0 auto;
    margin-top: calc(-565* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box03_2 figure {
    width: calc(170* (100vw / 750));
    margin: calc(13* (100vw / 750)) 0 0 calc(60* (100vw / 750));
}


.style .item-area .box03_3 {
    margin: 0 auto;
    margin-top: calc(-70* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box03_3 figure {
    width: calc(190* (100vw / 750));
    margin: calc(0* (100vw / 750)) 0 0 calc(90* (100vw / 750));
}

.style .item-area .box03_4 {
    margin: 0 auto;
    margin-top: calc(-320* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box03_4 figure {
    width: calc(250* (100vw / 750));
    margin: calc(0* (100vw / 750)) 0 0 calc(30* (100vw / 750));
}

.box03_credit {
    width: calc(590* (100vw / 750));
    margin: 0 auto;
    margin-top: calc(-50* (100vw / 750));
}

.box03_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: calc(260* (100vw / 750));
    justify-content: start;
}


.style .box03_credit a {
    margin: 0 auto;
    padding: 2px 4px;
    letter-spacing: 1px;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: calc(17* (100vw / 750));
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: calc(-10* (100vw / 750));
}

.box03_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}

.box03_credit .comment {
    width: calc(100* (100vw / 750));
    height: calc(20* (100vw / 750));
    text-align: left;
    letter-spacing: 0.2px;
    font-size: calc(18* (100vw / 750));
    z-index: 100;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-left: calc(-88* (100vw / 750));
    margin-top: calc(-5*(100vw/750));
}




/***** sec04 *****/

.sec04 .ttl_center {
    column-gap: 0px;
    margin: 0 auto;
    margin-top: calc(200* (100vw / 750));
    width: calc(255*(100vw/750));
}

.sec04 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 5px;
    margin: 0 auto;
    width: calc(620*(100vw/750));
    margin-top: calc(-5*(100vw/750));
}

.sec04 .lp-ttl_name {
    letter-spacing: 0px;
    line-height: 2.3;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(35* (100vw / 750));
    width: fit-content;
    text-align: center;
}


.style .item-area .box04 {
    margin: 0 auto;
    margin-top: calc(45* (100vw / 750));
    width: 100%;
}


.style .item-area .box04 figure {
    width: calc(420* (100vw / 750));
    margin: 0 auto;
}

.style .item-area .box04 div {
    margin-bottom: calc(0* (100vw / 750));
}


.style .item-area .box04_1 {
    margin: 0 auto;
    margin-top: calc(240* (100vw / 750));
    width: calc(0* (100vw / 750));
}


.style .item-area .box04_1 figure {
    width: calc(170* (100vw / 750));
    margin: calc(0* (100vw / 750)) 0 0 calc(-270* (100vw / 750));
}


.style .item-area .box04_2 {
    margin: 0 auto;
    margin-top: calc(-525* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box04_2 figure {
    width: calc(250* (100vw / 750));
    margin: calc(13* (100vw / 750)) 0 0 calc(20* (100vw / 750));
}


.style .item-area .box04_3 {
    margin: 0 auto;
    margin-top: calc(-100* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box04_3 figure {
    width: calc(200* (100vw / 750));
    margin: calc(0* (100vw / 750)) 0 0 calc(-40* (100vw / 750));
}

.box04_credit {
    width: calc(590* (100vw / 750));
    margin: 0 auto;
    margin-top: calc(-50* (100vw / 750));
}

.box04_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: calc(260* (100vw / 750));
    justify-content: start;
}


.style .box04_credit a {
    margin: 0 auto;
    padding: 2px 4px;
    letter-spacing: 1px;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: calc(17* (100vw / 750));
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: calc(-10* (100vw / 750));
}

.box04_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}

.box04_credit .comment {
    width: calc(150* (100vw / 750));
    height: calc(20* (100vw / 750));
    text-align: left;
    letter-spacing: 0.2px;
    font-size: calc(18* (100vw / 750));
    z-index: 100;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-left: calc(-88* (100vw / 750));
    margin-top: calc(-5*(100vw/750));
}




/***** sec05 *****/

.sec05 .ttl_center {
    column-gap: 0px;
    margin: 0 auto;
    margin-top: calc(200* (100vw / 750));
    width: calc(255*(100vw/750));
}

.sec05 .ttl_center_staff {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 5px;
    margin: 0 auto;
    width: calc(230*(100vw/750));
    margin-top: calc(-5*(100vw/750));
}

.sec05 .lp-ttl_name {
    letter-spacing: 0px;
    line-height: 2.3;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(35* (100vw / 750));
    width: fit-content;
    text-align: center;
}


.style .item-area .box05 {
    margin: 0 auto;
    margin-top: calc(45* (100vw / 750));
    width: 100%;
}


.style .item-area .box05 figure {
    width: calc(420* (100vw / 750));
    margin: 0 auto;
}

.style .item-area .box05 div {
    margin-bottom: calc(0* (100vw / 750));
}


.style .item-area .box05_1 {
    margin: 0 auto;
    margin-top: calc(90* (100vw / 750));
    width: calc(0* (100vw / 750));
}


.style .item-area .box05_1 figure {
    width: calc(260* (100vw / 750));
    margin: calc(0* (100vw / 750)) 0 0 calc(-290* (100vw / 750));
}


.style .item-area .box05_2 {
    margin: 0 auto;
    margin-top: calc(-305* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box05_2 figure {
    width: calc(220* (100vw / 750));
    margin: calc(13* (100vw / 750)) 0 0 calc(60* (100vw / 750));
}


.style .item-area .box05_3 {
    margin: 0 auto;
    margin-top: calc(-200* (100vw / 750));
    width: calc(0* (100vw / 750));
}

.style .item-area .box05_3 figure {
    width: calc(230* (100vw / 750));
    margin: calc(0* (100vw / 750)) 0 0 calc(-185* (100vw / 750));
}


.box05_credit {
    width: calc(590* (100vw / 750));
    margin: 0 auto;
    margin-top: calc(-50* (100vw / 750));
}

.box05_credit li {
    display: flex;
    flex-wrap: wrap;
    gap: calc(260* (100vw / 750));
    justify-content: start;
}


.style .box05_credit a {
    margin: 0 auto;
    padding: 2px 4px;
    letter-spacing: 1px;
    font-family: "Arial", "メイリオ";
    font-weight: 300;
    font-style: normal;
    font-size: calc(17* (100vw / 750));
    background-color: #000;
    border: 1px solid #19191E;
    color: #fff;
    margin-top: calc(-10* (100vw / 750));
}

.box05_credit a:hover {
    background-color: #fff;
    border: 1px solid #19191E;
    color: #000;
}

.box05_credit .comment {
    width: fit-content;
    height: calc(20* (100vw / 750));
    text-align: left;
    letter-spacing: 0.2px;
    font-size: calc(18* (100vw / 750));
    z-index: 100;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    margin-left: calc(-20* (100vw / 750));
    margin-top: calc(-5*(100vw/750));
}

}


    .content {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .content .fv img {
        width: 100%;
        vertical-align: top;
    }
    .content .fv .photo {
        opacity: 0;
        transition: opacity 0.8s ease-in;
    }

    /* フェード */
    .content .fv .fade-in {
        opacity: 1;
    }
    
    /* 初期状態 */
    .fade-in-content {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease-out, transform 0.8s ease-out;
    }
  
    /* フェードイン時 */
    .fade-in-content.visible {
        opacity: 1;
        transform: translateY(0);
    }
  

    /* ▽ animation ▽ */
    .js_imgFadeIn {
        opacity: 0;
        transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    }

    .imgAnimated {
        opacity: 1;
    }