@charset "utf-8";
/* CSS Document */

.pc{display: block;}
.sp{display: none;}
#main{width: 100%;height: 720px;background: URL("../img/mainbg.png") no-repeat center bottom;background-size: cover;background-position: bottom;position: relative;}
#main h1{width:60%;max-width:800px; margin:0 auto;position: absolute;left:0;right:0;top:7%;}
#main h1 img{width:100%;}
#main .date{position: absolute;bottom: 0;width: 100%;padding: 15px 0;background-color: rgba(0, 0, 0, .4);}
#main .date img{max-width: 1000px;width: 90%;margin: 0 auto;}

#contentsInner, #contents .inner {
    max-width: 1000px;
	width:90%;
    margin: 0 auto;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#contentsInner h2{background-image: linear-gradient(90deg, #17d24a, #29aeff);color: #FFF;padding:7px 0 7px 13px;border-radius: 8px;margin-top:10%;}
#contentsInner h2:first-of-type{margin-top:2%;}
#contentsInner h3{color:#313131;display: flex;align-items: center;}
#contentsInner h3 span{padding: 7px;}
#contentsInner h3 span:first-of-type{color:#fffa6c;background:#226105;flex: 0 0 auto;border-radius:3px 0 0 3px;}
#contentsInner h3 span:nth-of-type(2){background:#66b632;flex: 1;border-radius:0 3px 3px 0;}
#contentsInner .pdfbtn{}
#contentsInner .pdfbtn a{display: block;width: 70%;margin: 0 auto;background:url("../img/icon_pdf.webp") no-repeat right 10px center #233b62;border-radius: 9px;color: #FFF;text-decoration: none;text-align: center;padding: 15px 3rem 15px 1rem;box-sizing: border-box;font-weight: bold;font-size: 1.3rem;    margin-bottom: 8%;}
#contentsInner p{padding:1rem;}
#contentsInner p a{color:mediumblue;font-weight: bold;}
#contentsInner .camp_txt{color: #ff6000;font-size: 1.5rem;text-align: center;font-weight: bold;margin: 5% 0;}
#contentsInner .btn_area{}
#contentsInner .btn_area a{float: left;width: calc((100% - 30px) / 2);margin-right: 30px;display: block;}
#contentsInner .btn_area a:nth-of-type(2){margin-right:0;}
#contentsInner .btn_area a img{width:100%;}



@media screen and (max-width:768px){
.sp{display: block;}
.pc{display: none;}

#main{height:60vh;}
#main h1{width:90%;max-width:100%;top:7%;}
#main .date img{max-width:100%;width:60%;}

#contentsInner .pdfbtn a{width:90%;}

#contentsInner .btn_area a{float:none;width:90%;margin:0 auto 3%;}
#contentsInner .btn_area a:nth-of-type(2){margin-right:auto;}


}