@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;}
.inner1{max-width: 1024px; margin:0 auto;}
.inner2{ max-width: 1280px; margin:0 auto; }

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

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

.inner h2{padding:0;}

.visual{position:fixed; width:46%; height:49vw; left:50%; transform:translate(-50%, 0); top:0; background:url(../img/1.jpg) no-repeat center; background-size:cover; }
.contents{position:relative; padding:3rem 0; background:#fff; z-index:1;}

p{margin: 3rem 0; font-size:1.55rem; line-height:1.6; font-weight:400; }
.qt{ font-size: 1.75rem; font-weight: 600; }

.area01, .area02{position:relative; font-size:0; }
.area01 img, .area02 img{float:left; width:50%;}
.area01 span, .area02 span{ position:absolute; width:50%; right:0; bottom:0; padding: 3.2rem 3.8rem; font-size: 1.42rem; line-height:1.5; background:#3eefef; color:#111; }
.area01 span{ min-height:calc(464px - 311px); }
.area02 span{ min-height:calc(550px - 383px); }
.area03{ max-width: 800px; margin: 3.5rem auto 0 auto; vertical-align: top; }
.area03 div{ float: right; width: 50%; }
.area03 div:nth-child(2){ padding-right: 3rem; }
.area03 div p:first-child{ margin-top: 0; }
/*.area03 div:nth-child(1){ float: right; }
.area03 div:nth-child(2){ float: left; padding-right: 5rem; }*/

.area01::after, .area02::after, .area03::after{ position: relative; display: block; content: ''; clear: both; }

.area01 span em, .area02 span em, .m_title{ font-style: italic; font-weight: 700; }
.logo{ width: 13%; min-width: 120px; }
.fw700{ font-weight: 700; }
.mtm35{ margin-top: -3.5rem; }

@media(max-width:1400px){
    .wrap{padding-top:60vw;}
    .visual{width: 100%; height:60vw; background:url(../img/1.jpg) no-repeat center top;  background-size:contain; }
    br{display:none;}
}    

@media(max-width:1024px){
        
.contents{padding:2rem 0;}
}

@media(max-width:960px){
    h2{padding:0 1rem; font-size:3rem; }
    .inner p{ margin-left: 1rem; margin-right: 1rem; }
    .area03 p { margin-right: 1rem; margin-left: 1rem; }
    .area01 img, .area02 img{ float:none; width: 100%}
    .area01 span, .area02 span{ position:relative; display:block; width:100%; min-height:0; height:auto; }
    .area01 span, .area02 span{ padding: 2.5rem 3rem; }
    .area03{ margin: 4rem auto 0 auto;}
    .area03 div{ float: none; width: 100%; }
    .area03 div p:first-child{ margin-top: 3rem; }
    .area03 div:nth-child(2){ padding-right: 0rem; }
}

@media(max-width:640px){ 
    .wrap{ padding-top: 70vw; }
    .visual{ height: 70vw; }
    .logo{ min-width: 88px; }
 }