*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#000;
    font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
}

.hero{
    position:relative;
    height:100vh;
}

.hero img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

.message{
    position:absolute;

    left:22%;
    bottom:10%;

    width:300px;
    height:200px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    color:#fff;
    z-index:10;
}

.line1{
    width:100%;

    font-family:"Cormorant Garamond",serif;
    font-weight:400;

    font-size:clamp(2.0rem,2vw,1.5rem);
    line-height:1.5;
    letter-spacing:.02em;
}

.line2{
    width:100%;

    margin-top:12px;

    font-family:"Cormorant Garamond",serif;
    font-weight:400;

    font-size:clamp(1rem,2vw,1.5rem);
    letter-spacing:.08em;
}

.jp{
    font-family:"游明朝","Yu Mincho","YuMincho",serif;
    letter-spacing:.08em;
    line-height:1.8;
}

.fade{

    opacity:0;

    filter:blur(14px);

    transform:translateY(10px);

    transition:
        opacity 1.6s ease,
        filter 1.6s ease,
        transform 1.8s ease;
}

.show{

    opacity:1;

    filter:blur(0);

    transform:translateY(0);

}