@charset "utf-8";

.sec.bg-white{
    background: #e4e4e3;
}
.sec.bg-blue{
    background: #97afc2;
}
.sec.bg-purple{
    background: #c297bd;
}
.sec.bg-white + .sec.bg-white{
    padding-top: 0;
}
.Ebisuta-main .Contact:last-child{
    padding-bottom: 50px;
}

@media screen and (max-width: 680px){

    .Ebisuta-main .Contact:last-child{
        padding-bottom: 0;
    }
    
}



/* ----- 導入 ----- */
.Message{
    text-align: center;
}
.Message__title{
    font-size: 32px;
    margin-bottom: 60px;
    font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.Message__text{
    font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media screen and (max-width: 680px){

    .Message__title{
        font-size: 32px;
        margin-bottom: 60px;
    }

}



/* ----- イベント内容 ----- */
.Result-block-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Result-block{
    width: calc((100% - 20px) / 2);
}
.Result-block-wrap:has(.Result-block:only-child){
    justify-content: center;
}
.Result-block__title{
    width: 100%;
    height: 64px;
    font-size: 20px;
    line-height: 1.2;
    padding-left: .35em;
    letter-spacing: .7em;
    border: 1px solid #000;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all ease-in-out;
}
a.Result-block__title:hover{
    color: #fff;
    background: #97AFC2;
}
.Result-block__image__inner{
    width: 100%;
    margin-bottom: 20px;
    display: block;
    mask-image: url(../image2024/ebisuta/about/mask_message.svg);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: 0% 0%;
}
.Result-block__image__inner img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.Result-block__image__caption{
    line-height: 1.5;
    text-align: center;
}
.Result-block__movie{
    margin-top: 60px;
}
.Result-block__movie__title{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;
}
.Result-block__movie iframe{
    width: 100%;
    height: 180px;
    vertical-align: middle;
}
.Result-block__price{
    margin-top: 60px;
    text-align: center;
}
.Result-block__price a{
    text-decoration: underline;
}
/* 3分割 */
.Result-block-wrap.-medium .Result-block{
    width: calc((100% - 40px) / 3);
}

@media screen and (max-width: 680px){

    .Result-block-wrap{
        flex-direction: column;
    }
    .Result-block{
        width: 100%;
    }
    .Result-block:not(:last-child){
        margin-bottom: 10vw;
    }
    .Result-block__title{
        height: auto;
        font-size: 5vw;
        padding: 3.5vw 0 3.5vw .35em;
        margin-bottom: 5vw;
    }
    .Result-block__image__inner{
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.5vw;
    }
    .Result-block__image__inner img{
        height: auto;
    }
    .Result-block__image__caption{
        line-height: 1.5;
    }
    .Result-block__movie{
        margin-top: 7.5vw;
    }
    .Result-block__movie__title{
        font-size: 4vw;
        margin-bottom: 3.5vw;
    }
    .Result-block__movie iframe{
        height: 50vw;
    }
    .Result-block__price{
        margin-top: 2.5vw;
    }
    /* 3分割 */
    .Result-block-wrap.-medium .Result-block{
        width: 100%;
    }

}



/* ----- 使用例 ----- */
.Example-block-wrap{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Example-block{
    width: calc((100% - 40px) / 3);
    padding: 20px;
    border: 1px solid #000;
    background: #e4e4e3;
}
.Example-block:not(:nth-last-of-type(-n+3)){
    margin-bottom: 60px;
}
.Example-block__image{
    width: 100%;
    margin-bottom: 20px;
}
.Example-block__image img{
    width: 100%;
    height: 183px;
    object-fit: cover;
}
.Example-block__title{
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.2;
    height: 50px;
    text-align: center;
}
.Example-block__text{
    line-height: 1.2em;
    letter-spacing: 0;
}

@media screen and (max-width: 680px){

    .Example-block-wrap{
        flex-direction: column;
    }
    .Example-block{
        width: 100%;
        padding: 5vw;
    }
    .Example-block:not(:last-child){
        margin-bottom: 5vw;
    }
    .Example-block__image{
        width: 65%;
        margin-bottom: 5vw;
        margin-left: auto;
        margin-right: auto;
    }
    .Example-block__image img{
        height: 37.5vw;
    }
    .Example-block__title{
        font-size: 4vw;
        margin-bottom: 2.5vw;
        line-height: 1.5;
        height: auto;
    }
    .Example-block__text{
        line-height: 1.5;
    }

}



/* ----- 機材 ----- */
.Equipment-block-wrap{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Equipment-block{
    width: calc((100% - 40px) / 3);
}
.Equipment-block:not(:nth-last-of-type(-n+3)){
    margin-bottom: 60px;
}
.Equipment-block__image{
    width: 100%;
    margin-bottom: 20px;
}
.Equipment-block__image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.Equipment-block__title{
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.Equipment-block__title__en{
    font-size: 26px;
    line-height: 1;
    letter-spacing: 0;
    display: block;
    font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.Equipment-block__title__jp{
    margin-top: 5px;
    line-height: 1;
    display: block;
    font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.Equipment-block__text{
    line-height: 1.5;
    text-align: center;
}
.Equipment-block-wrap + .ebisuta2024-part__button_old{
    margin-top: 60px;
}
.Equipment-price{
    margin-top: 60px;
    margin-bottom: 60px;
}
.Equipment-price .ebisuta2024-part-table__header{
    background: #97afc2;
}

@media screen and (max-width: 680px){

    .Equipment-block-wrap{
        flex-direction: column;
    }
    .Equipment-block{
        width: 100%;
    }
    .Equipment-block:not(:last-child){
        margin-bottom: 10vw;
    }
    .Equipment-block__image{
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5vw;
    }
    .Equipment-block__image img{
        height: auto;
    }
    .Equipment-block__title{
        margin-bottom: 3.5vw;
        padding-bottom: 3.5vw;
    }
    .Equipment-block__title__en{
        font-size: 5vw;
    }
    .Equipment-block__title__jp{
        margin-top: 2.5vw;
        font-size: 3.5vw;
    }
    .Equipment-block__text{
        line-height: 1.5;
    }
    .Equipment-block-wrap + .ebisuta2024-part__button_old{
        margin-top: 10vw;
    }
    .Equipment-price{
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

}



/* ----- 料金 ----- */
.Price-big-title{
    font-size: 40px;
    margin-bottom: 120px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .2em;
    text-align: center;
}
.Price-list:not(:last-child){
    margin-bottom: 60px;
}
.Price-list__title{
    font-size: 24px;
    margin-bottom: 30px;
    line-height: calc(30 / 24);
    border: 1px solid #000;
    background: #000;
    color: #fff;
    text-align: center;
}
.Price-list__item:not(:last-child){
    margin-bottom: 30px;
}
.Price-list__item__title{
    font-size: 24px;
    margin-bottom: 30px;
    line-height: calc(30 / 24);
    border: 1px solid #000;
    text-align: center;
}
.ebisuta2024-part-table__hosoku{
    line-height: 1.5;
}
.ebisuta2024-part-table__hosoku + .ebisuta2024-part-table__hosoku{
    margin-top: 30px;
}
.ebisuta2024-part-table__hosoku.-big{
    font-size: 24px;
}

/* カメラマン */
.Price-camera{
    margin-bottom: 120px;
}

/* ----- 動画撮影・制作用 */
/* ポイント */
.Price-point{
    margin-bottom: 120px;
}
.Price-point-block-wrap{
    margin-bottom: 120px;
}
.Price-point-block:not(:last-child){
    margin-bottom: 60px;
}
.Price-point-block__title{
    margin-bottom: 20px;
    font-size: 32px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Price-point-block__text{
    text-align: center;
    line-height: 1.5;
}
.Price-point-block__text + .Price-point-block__text{
    margin-top: 20px;
}
.Price-point-last__title{
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: center;
}
.Price-point-last__text{
    text-align: center;
}
/* 多様な活用方法 */
.Price-utilize{
    margin-bottom: 120px;
}
.Price-utilize-block-wrap{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Price-utilize-block{
    width: calc((100% - 40px) / 3);
    padding: 38px 22px 65px;
    border: 1px solid #000;
    background: #e4e4e3;
}
.Price-utilize-block:not(:nth-last-of-type(-n+3)){
    margin-bottom: 20px;
}
.Price-utilize-block__image{
    width: 186px;
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Price-utilize-block__image svg{
    width: 100%;
    height: 147px;
}
.Price-utilize-block__title{
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.Price-utilize-block__text{
    line-height: 1.5;
    text-align: justify;
}

/* 効果 */
.Price-impact{
    margin-bottom: 120px;
}
.Price-impact-block:not(:last-child){
    margin-bottom: 60px;
}
.Price-impact-block__title{
    font-size: 32px;
    letter-spacing: .1em;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    border-bottom: 2px solid #000;
    line-height: 1;
}
.Price-impact-block__text{
    line-height: 1.5;
}

/* 料金 */
.Price-price-block-wrap{
    margin-bottom: 60px;
}
.Price-price-block{
    width: 100%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #e4e4e3;
}
.Price-price-block:not(:last-child){
    margin-bottom: 20px;
}
.Price-price-block__title{
    width: 271px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Price-price-block__plan{
    width: calc(100% - 542px);
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 8px 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Price-price-block__plan__item{
    width: 70px;
    height: 70px;
    margin-bottom: 8px;
    border-radius: 50%;
    line-height: 1.2;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.16);
    color: #646464;
    text-align: center;
}
.Price-price-block__plan__item.-active{
    background: #c297bd;
    color: #000;
}
.Price-price-block__text{
    width: 271px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1.5;
}
.Price-price__hosoku{
    text-align: center;
}

@media screen and (max-width: 680px){

    .Price-big-title{
        font-size: 5vw;
        margin-bottom: 10vw;
        line-height: 1.2;
    }
    .Price-list:not(:last-child){
        margin-bottom: 10vw;
    }
    .Price-list__title{
        font-size: 5vw;
        padding: 2vw 2.5vw;
        margin-bottom: 2.5vw;
    }
    .Price-list__item:not(:last-child){
        margin-bottom: 2.5vw;
    }
    .Price-list__item__title{
        font-size: 5vw;
        padding: 2vw 2.5vw;
        margin-bottom: 2.5vw;
    }
    .ebisuta2024-part-table__hosoku{
        font-size: 3.5vw;
        line-height: 1.5;
    }
    .ebisuta2024-part-table__hosoku + .ebisuta2024-part-table__hosoku{
        margin-top: 2.5vw;
    }
    .ebisuta2024-part-table__hosoku.-big{
        font-size: 4vw;
    }
    
    /* カメラマン */
    .Price-camera{
        margin-bottom: 10vw;
    }
    
    /* ----- 動画撮影・制作用 */
    /* ポイント */
    .Price-point{
        margin-bottom: 10vw;
    }
    .Price-point-block-wrap{
        margin-bottom: 10vw;
    }
    .Price-point-block:not(:last-child){
        margin-bottom: 10vw;
    }
    .Price-point-block__title{
        margin-bottom: 5vw;
        font-size: 5vw;
        line-height: 1.2;
        padding: 2.5vw;
        text-align: center;
    }
    .Price-point-block__text{
        line-height: 1.5;
    }
    .Price-point-block__text + .Price-point-block__text{
        margin-top: 2.5vw;
    }
    .Price-point-last__title{
        font-size: 5vw;
        margin-bottom: 5vw;
    }
    /* 多様な活用方法 */
    .Price-utilize{
        margin-bottom: 10vw;
    }
    .Price-utilize-block-wrap{
        flex-direction: column;
    }
    .Price-utilize-block{
        width: 100%;
        padding: 5vw;
    }
    .Price-utilize-block:not(:last-child){
        margin-bottom: 5vw;
    }
    .Price-utilize-block__image{
        width: 42.5%;
        margin: 0 auto 5vw;
    }
    .Price-utilize-block__image svg{
        width: 100%;
        height: auto;
    }
    .Price-utilize-block__title{
        font-size: 5vw;
        margin-bottom: 2.5vw;
    }
    .Price-utilize-block__text{
        line-height: 1.5;
    }
    
    /* 効果 */
    .Price-impact{
        margin-bottom: 10vw;
    }
    .Price-impact-block:not(:last-child){
        margin-bottom: 10vw;
    }
    .Price-impact-block__title{
        font-size: 5vw;
        padding-bottom: 5vw;
        margin-bottom: 5vw;
    }
    .Price-impact-block__text{
        line-height: 1.5;
    }
    
    /* 料金 */
    .Price-price-block-wrap{
        margin-bottom: 2.5vw;
    }
    .Price-price-block{
        flex-direction: column;
    }
    .Price-price-block:not(:last-child){
        margin-bottom: 5vw;
    }
    .Price-price-block__title{
        width: 100%;
        font-size: 5vw;
        padding: 2.5vw;
    }
    .Price-price-block__plan{
        width: 100%;
        padding: 5vw 5vw 0;
        border-left: none;
        border-right: none;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    .Price-price-block__plan::before,
    .Price-price-block__plan::after{
        content: "";
        display: block;
        width: calc((100% - (2.5vw * 3)) / 4);
        order: 99;
    }
    .Price-price-block__plan__item{
        width: calc((100% - (2.5vw * 3)) / 4);
        height: auto;
        margin-bottom: 2.5vw;
        line-height: 1;
        position: relative;
    }
    .Price-price-block__plan__item::before{
        content: "";
        display: block;
        padding-top: 100%;
    }
    .Price-price-block__text{
        width: 100%;
        font-size: 5vw;
        padding: 2.5vw;
    }

}



/* ----- ご相談・お問い合わせ */
.Contact__inner > *:not(:last-child){
    margin-bottom: 60px;
}
.Contact__title{
    font-size: 32px;
    text-align: center;
}
.Contact__text{
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
}

@media screen and (max-width: 680px){

    .Contact__inner > *:not(:last-child){
        margin-bottom: 7.5vw;
    }
    .Contact__title{
        font-size: 5vw;
    }
    .Contact__text{
        font-size: 3.5vw;
        line-height: 1.5;
    }

}