@charset "utf-8";

.wrap{ max-width: 1280px; margin:0 auto; padding-bottom: 3rem; }

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:3.3rem; font-weight:800; line-height:1.25; font-family: 'Domine', serif;}
h2 i{font-style: italic;}

.inner h2{padding:0;}

p{margin: 3rem 0; font-size:1.55rem; line-height:1.6; font-weight:400; }
.m_title{ font-style: italic; font-weight: 700; }
.fw700{ font-weight: 700; }
.logo{ width: 13%; min-width: 120px; }

.area01>div{ float: left; width: 50%; }
.area01::after, .area02::after, .area03>div.line{ position: relative; display: block; content: ''; clear: both; }
.area02{ display: block; min-height: 417px; }
.area02>div{ float: left; width: 55%; }
.area02>div:first-child{ width: 45%; padding: 0 3rem 0 0; }
.area03{ width: 90%; margin-top: 1rem; margin-left: 10%; border-top: 14px solid #196051; }
.area03>div { float: left; }
.area03>div:nth-child(1){ width: 36%; padding-right: 5%; }
.area03>div:nth-child(2){ width: 64%; }
.area04{ width: 100%; }
.area04>div{ float: left; }
.area04>div:nth-child(1){ width: 55%; padding: 1rem 5rem 0 0; }
.area04>div:nth-child(2){ width: 45%; padding: 5rem 0; }


p.blue{ width: 58%; margin: 0; padding: 3rem 4rem 2rem 5rem; font-size: 6.5rem; font-family: 'Open Sans'; font-weight: 700; font-style: italic; border-bottom: 14px solid #518ab6; line-height: 1.2; text-align: left; }
p.blue + p{ width: 80%; padding: 0.5rem 5rem; } 
.sky{ display: inline-block; width: 100%; padding: 0; background: #86acc8; text-align: center; }
.sky .line{ display: inline-block; min-width: 500px; width: 50%; height: 14px; background: #fff; }
.sky p{ display: inline-block; width: 100%; margin: 0; padding: 2rem 2rem 3rem 2rem; color: #fff; font-size: 4rem; font-family: 'Open Sans'; font-weight: 700; line-height: 1.2; }

.green{ margin: 11.5rem 0 5.5rem 0; font-size: 6.5rem; font-family: 'Open Sans'; font-weight: 700; font-style: italic; line-height: 1.2; }



@media(max-width:1024px){ 

    .area01>div{ float: none; width: 100%; }
    .area01>div>img{ width: 100%; }
    p.blue{ width: 90%; margin-left: -1rem; font-size: 5.5rem; }
    p.blue + p{ width: 100%; }    
    .area03>div{ float: none;}
    .area03>div:nth-child(1), .area03>div:nth-child(2){ width: 100%; }
    .green{ margin: 3rem 0 0 0; font-size: 5.5rem;  text-align: right; }
    .inner p{ padding: 0 1rem; }
    .area02>div, .area02>div:first-child{ float: none; width: 100%; padding: 0; }
    .area04>div:nth-child(1), .area04>div:nth-child(2){ float: none; width: 100%; padding: 0; }
    .wrap{ padding-bottom: 2rem; }

}

@media(max-width:960px){ 
    p.blue{ border-bottom-width: 9px; font-size: 4rem; }
    .area03{ border-top-width: 9px; }
    .green{ font-size: 4rem; }
    .sky .line{ min-width: 100px; height: 9px; }
    .sky p{ font-size: 3.2rem; }
}

@media(max-width:640px){ 
    
    .logo{ min-width: 88px; }

}