/* CSS Document */

/*main*/
.main{ position: relative; width:1280px; display:block; padding:60px 0 0; margin: 0 auto; overflow: hidden; }
.bird02, .man01, .man02, .man03, .man04{ position: absolute;}

.bird02{top:230px; right:140px;width:41px; height:43px; display: block;background:url(../images/bird02.png) center no-repeat; background-size:cover;}
.man01{bottom:90px; left:10px;width:211px; height:275px; display: block;background:url(../images/man01.png) center no-repeat; background-size:cover;}
.man02{top:366px; left:0;width:211px; height:275px; display: block;background:url(../images/man01.png) center no-repeat; background-size:cover;}
.man03{bottom:60px; left:40px;width:136px; height:96px; display: block;background:url(../images/man03.png) center no-repeat; background-size:cover;}
.man04{bottom:320px; right:10px;width:100px; height:108px; display: block;background:url(../images/man04.png) center no-repeat; background-size:cover;}
/*eventBox*/
.eventBox{ width: 900px; padding: 0 0 60px; margin: 0 auto; box-sizing: border-box;}
.eventBox h2{font-size:2.0rem; color:#593100; margin:0 0 40px; }
.eventBox h2 img{ display:inline-block; margin: 0 20px 0 0;}
.eventBox h3.in{ color:#1290c4;font-size:1.250rem; font-weight: normal; display: flex; justify-content: space-between; align-items: center; margin: 0 0 30px;}
.eventBox h3.in span{ width:158px; height:64px; padding: 0 48px 0 0; box-sizing: border-box; text-align: center; line-height: 64px; display: inline-block; color:#f8ff3a;  background: url(../images/in04_h3_in.png) no-repeat;}
.eventBox h4{ color:#8c4b00;font-size:1.625rem; font-weight: normal; line-height: 2;}
.eventBox h5{ color:#8c4b00;font-size:1.375rem; font-weight: normal; margin: 0 0 10px;}
.eventBox p{ font-size:1.125rem; color:#5b3100;line-height: 2; margin: 0 0 30px;}
/*eventList*/
.eventList{display: flex; justify-content: space-between; flex-wrap: wrap;margin: 0 0 20px; }
.eventList li{ position: relative; width: 380px; height: 270px; margin: 0 0 40px; display: flex; justify-content:center; flex-wrap: wrap;}
.eventList li .pic{ margin: 0 0 4px;}
.eventList li .pic img{ width: 100%; height: auto;}
.eventList h3{ font-size:1.375rem; color:#5b3100; margin:0 auto; padding: 10px 5px; text-align: center;  width:auto; background: url(../images/in04_h3.png)  center bottom repeat-x;transition: color 0.3s;}
.eventList li:hover >  h3{color: #ee7b1c; }
.eventList li a{ position: absolute; top:0; left: 0; width:100%; height:100%; display: block; }
/*eventBn*/
.eventBn{}
.eventBn img{ width:100%; height: auto; margin: 0 0 30px;}
/*contentImg*/
.contentImg{}
.contentImg img{ width:600px; height: auto; margin: 0 0 30px;}
@media screen and (max-width: 1279px){
	
	/*main*/
	.main{width:100%;}
	.man01{bottom:0; left:-70px;width:155px; height:202px;}
	.bird02{top:200px; right:20px;}
}
@media screen and (max-width: 1000px){
	/*main*/
	.main{ padding:50px 0 0;}
	.man02{top:366px; left:-90px;}
	.man03{bottom:0; left:10px;}
	.man04{bottom:320px; right:-20px;}
	/*eventBox*/
	.eventBox{ width: 100%; padding: 0 80px;}
    /*eventBox*/
	.eventBox{padding: 0 30px;}
	.eventBox h3.in{ position: relative; display: block; padding: 20px 0 0 0; }
	.eventBox h3.in span{ position: absolute; top:-50px; left:0; }
	
}
@media screen and (max-width: 969px){
	
	/*eventList*/
	.eventList li{ width: 280px; margin: 0 0 50px; }
	
}
@media screen and (max-width: 767px){

	/*main*/
	.main{ padding:50px 0 0;}
	.man01{bottom:0; left:-90px;width:155px; height:202px;}
	.man02{top:240px; left:-100px;width:155px; height:202px;}
	.man03{bottom:0; left:10px;width:78px; height:55px;}
	.man04{bottom:60px; right:10px;width:82px; height:80px;}
	.bird02{top:360px; right:30px;width:23px; height:24px;}
	/*eventBox*/
	.eventBox{padding: 0 30px;}
	.eventBox h3.in{ position: relative; display: block; padding: 20px 0 0 0; }
	.eventBox h3.in span{ position: absolute; top:-50px; left:0; }
	.eventBox h4{ color:#8c4b00;font-size:1.375rem; font-weight: normal; line-height: 2;}
	.eventBox h5{ color:#8c4b00;font-size:1.375rem; font-weight: normal; margin: 0 0 10px;}
	.eventBox p{ font-size:1rem; color:#5b3100;line-height: 2; margin: 0 0 30px;}
	/*eventList*/
	.eventList li{ width: 100%; height: 227px;margin: 0 auto 40px; }
	.eventList li .pic{ margin: 0 ;}
	.eventList h3{font-size:1.250rem; }
    /*contentImg*/
    .contentImg{}
    .contentImg img{ width:90%; height: auto; margin: 0 0 30px;}
	
}
@media screen and (max-width: 359px){
	/*eventBox*/
	.eventBox{padding: 0 15px;}
	.eventList li{height: 212px;}
	.man02{display:none;}
	.man03{bottom:0; left:-10px;width:78px; height:55px;}
}