@charset "utf-8";

.wrap{margin:0 auto; padding-top:50vw;}

mark{color:#6902b9;}

.rowfull{display:inline-block; width:100%; vertical-align:top;}
.inner{max-width:800px; margin:0 auto;}


img{display:inline-block; vertical-align:top;}

h2{max-width:1024px; margin:3rem auto; padding:0 7rem; font-size:4.4rem; font-weight:800; line-height:1.25; font-family: 'Domine', serif;}
h2 i{display:block; margin-top:1rem; font-style: italic; font-size:2rem;}

.inner h2{padding:0;}

p{margin:2.5rem 0; font-size:1.4rem; line-height:1.6; font-weight:400;}


sub{display:block; margin:0.5rem 0; font-style:italic;}


.visual{position:fixed; width:70%; height:50vw; left:50%; transform:translate(-50%, 0); top:0; background:url(../img/1.jpg) no-repeat center; background-size:cover;}


.contents{position:relative; padding:5rem 0; background:#fff; z-index:1;}


@media(max-width:1400px){
    .wrap{padding-top:60vw;}
    .visual{width:100%; height:60vw;}
}


@media(max-width:1400px){
    h2{margin:3rem 1rem; padding:0; font-size:3.8rem;}
    .inner{max-width:100%; margin:0 1rem;}

    .contents{padding:3rem 0;}
}