@charset "utf-8";
   
/*----#sec1----*/
#sec1 { width: 100%; height: 300px; object-fit: cover; position: relative; overflow: hidden; z-index: 0; display: block; }
#sec1 img { display: block; width: 100%; margin: 0 auto;}

@media screen and (max-width: 950px) {
#sec1 img { width: 980px; height: 200px; margin: 0 auto; object-fit: cover;}
}





/*----#sec2----*/
#sec2 { position: relative; z-index: 0; padding: 90px 0 20px 0; margin-top: -110px;}
#sec2::after{
  content: '';
  position: absolute;
  left:0;
  top: 0;
  transform: skewY(-4deg);
  transform-origin: top right;
  
  z-index: -1;
  width:100%;
  height:100%;
  background:#191970;
}
#sec2 h2 { color:#FFFFFF; font-size: 30px; text-align:center; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-style: normal; letter-spacing: .15em; line-height: 1.9; }

@media screen and (max-width: 950px) {
#sec2 { position: relative; z-index: 0; padding: 40px 0 20px 0; margin-top: -170px;}
#sec2 h2 { font-size: 20px;}

}




/*----#sec3----*/
#sec3 { width:1100px; margin:0 auto; padding:180px 0 80px 0;}
#sec3 div{ width:48%; display: inline-block; padding-right: 4%;}
#sec3 div:last-child{padding-right: 0;}
#sec3 h2{  color: #fff; font-size: 150%; font-weight: bold; background: #6db557; padding:20px; margin-bottom: 50px;}
#sec3 table { width: 100%; border-collapse: collapse;}
#sec3 th,td { border: solid 1px; padding: 10px 20px; }
#sec3 th { background:#DFDFCE; }



@media screen and (max-width: 950px) {
#sec3 { width:85%; padding:80px 0 40px 0;}
#sec3 div{ width:100%; padding:0;}
#sec3 div:last-child{ padding-top: 40px;}
#sec3 th,td { border: solid 1px; padding: 10px 3%; }
#sec3 th { width: 30%;}
}


/*----#sec4----*/
#sec4 { background:#FAFAFA; padding: 80px 0;}
#sec4 .inner { position: relative; width:1100px; margin:0 auto; }
#sec4 .inner:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#sec4 .L_col { width:48%; float:left;}
#sec4 .R_col { width:48%; float:right;}

#sec4 h3 { width:90%; font-family: 'Quicksand', sans-serif; font-size:150%; font-weight:700; padding-bottom: .5em; border-bottom: 3px double #ccc;}
#sec4 h3 span { display:inline-block; font-size:50%; padding-left:10px;}
#sec4 p { padding-top:10px;}
#sec4 p span { font-size:110%;}


@media screen and (max-width: 950px) {
#sec4 { width:100%; padding:40px 0;}
#sec4 .inner { width:85%; margin:0 auto;}
#sec4 .inner div{ width:100%; padding:0; float: none;}
#sec4 .L_col { margin-bottom: 50px;}