@charset "utf-8";

/* ----- メッセージ */
.Message{
    background: #e4e4e3;
}
.Message__image{
    width: 460px;
    margin: 0 auto 60px;
	/*
    mask-image: url(../image2024/ebisuta/about/mask_message.svg);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: 0% 0%;
	*/
}
.Message__image img{
    width: 100%;
}
.Message__text{
    font-size: 20px;
    line-height: calc(33 / 20);
    text-align: justify;
}

@media screen and (max-width: 680px){
	.videobloc iframe { max-height: 200px!important; }
	.videobloc .ebisuta2024-part__title_old__en { font-size: 20px; }
    .Message__image{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.5vw;
		mask-image: none;
    }
    .Message__image img{
        height: 65vw;
        object-fit: cover;
    }
    .Message__text{
        font-size: 3.5vw;
        line-height: calc(30 / 16);
    }

}



/* ----- 機材 ----- */
.Equipment{
    background: #97afc2;
}

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

}



/* ----- ​図面​​／遮音設計​​／ピアノ配置​​／照明​​／​コンセント​​​​／​コネクタ​パネル​​​ ----- */

.Drawing_base{
    background: #e4e4e3;
}
.Drawing_base__image-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Drawing_base__image{
    width: 100%;
}
.Drawing_base__image img{
    width: 100%;
}
.Drawing_base + .Drawing_base{
    padding-top: 0;
}

/* ----- ピアノ配置 */
.Drawing_base.Piano .Drawing_base__image{
    width: 50%;
    position: relative;
}
.Drawing_base.Piano .Drawing_base__image img:nth-of-type(2){
    width: 116px;
}
.Drawing_base.Piano .Drawing_base__image:nth-of-type(1) img:nth-of-type(2){
    position: absolute;
    right: 120px;
    bottom: 40px;
}
.Drawing_base.Piano .Drawing_base__image:nth-of-type(2) img:nth-of-type(2){
    position: absolute;
    right: 125px;
    bottom: 65px;
    transform: rotate(15deg);
}

/* ----- 証明 */
.Drawing_base.Lighting .Drawing_base__image:nth-of-type(1){
    width: calc(100% - 308px);
}
.Drawing_base.Lighting .Drawing_base__image:nth-of-type(2){
    width: 226px;
}

/* ----- コネクタパネル */
.Drawing_base.Connectorpanel .Drawing_base__image-wrap{
    align-items: flex-end;
}
.Drawing_base.Connectorpanel .Drawing_base__image:nth-of-type(1){
    width: calc(100% - 400px);
}
.Drawing_base.Connectorpanel .Drawing_base__image:nth-of-type(2){
    width: 400px;
}

/*----- 詳しい図面はこちら */
.Ebisuta-main .Drawing-button:last-child{
    padding-bottom: 50px;
}
.Drawing-button{
    padding-top: 0;
    background: #e4e4e3;
}
.Drawing-button__icon{
    margin-bottom: 20px;
}
.Drawing-button__icon svg{
    width: 88px;
    height: 121px;
    line-height: 1;
    margin: 0 auto;
    display: block;
}
.Drawing-button__icon path{
    fill: #000;
}
.Drawing-button__button{
    width: 450px;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
}
.Drawing-button__button a{
    width: 100%;
    height: 100%;
    font-size: 24px;
    border: 1px solid #000;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all ease-in-out;
}
.Drawing-button__button a:hover{
    color: #fff;
    background: #97AFC2;
}

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

    .Drawing_base__image-wrap{
        flex-direction: column;
    }
    
    /* ----- ピアノ配置 */
    .Drawing_base.Piano .Drawing_base__image{
        width: 100%;
    }
    .Drawing_base.Piano .Drawing_base__image:nth-of-type(1){
        margin-bottom: 5vw;
    }
    .Drawing_base.Piano .Drawing_base__image img:nth-of-type(2){
        width: 20vw;
    }
    .Drawing_base.Piano .Drawing_base__image:nth-of-type(1) img:nth-of-type(2){
        right: 20.5vw;
        bottom: 7.5vw;
    }
    .Drawing_base.Piano .Drawing_base__image:nth-of-type(2) img:nth-of-type(2){
        right: 20.5vw;
        bottom: 11vw;
    }
    
    /* ----- 証明 */
    .Drawing_base.Lighting .Drawing_base__image:nth-of-type(1){
        width: 100%;
        margin-bottom: 5vw;
    }
    .Drawing_base.Lighting .Drawing_base__image:nth-of-type(2){
        width: 100%;
    }
    
    /* ----- コネクタパネル */
    .Drawing_base.Connectorpanel .Drawing_base__image:nth-of-type(1){
        width: 100%;
        margin-bottom: 5vw;
    }
    .Drawing_base.Connectorpanel .Drawing_base__image:nth-of-type(2){
        width: 100%;
    }
    
    /*----- 詳しい図面はこちら */
    .Ebisuta-main .Drawing-button:last-child{
        padding-bottom: 0;
    }
    .Drawing-button__icon{
        margin-bottom: 5vw;
    }
    .Drawing-button__icon svg{
        width: 18.75vw;
        height: 25.625vw;
    }
    .Drawing-button__button{
        width: 100%;
        height: 11.333333vw;
    }
    .Drawing-button__button a{
        font-size: 3.5vw;
    }

}