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

#mainVisual { width:100%; position:relative; margin:0 0 20px 0; }
#mainVisual h3 { position:absolute; width:70%; left:15%; top:40%; }
#mainVisual h3 img { position:relative; z-index:3; width:100%; }
#mainVisual h3::after { content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../img/top/bg_main_05.png) center center / 100% 100% no-repeat; -webkit-filter:blur(2px); filter:blur(2px); display:block; }
.mainVisualBnr { position:absolute; width:20%; bottom:10px; right:10px; }
#photoContainer { display:flex; flex-wrap:wrap; }
#photoContainer .photoBox { flex-basis:50%; }
#photoContainer .photoBox:nth-of-type(1) { background:url(../img/top/bg_main_01.jpg) center center / cover no-repeat; }
#photoContainer .photoBox:nth-of-type(2) { background:url(../img/top/bg_main_02.jpg) center center / cover no-repeat; text-align:right; }
#photoContainer .photoBox:nth-of-type(3) { background:url(../img/top/bg_main_03.jpg) center center / cover no-repeat; }
#photoContainer .photoBox:nth-of-type(4) { background:url(../img/top/bg_main_04.jpg) center center / cover no-repeat; text-align:right; }
#photoContainer .photoBox p { width:4.6vw; margin:2.3vw 2.3vw 16.3vw 2.3vw; display:inline-block; }

#topContent { display: block; width: 100%; box-sizing: border-box; padding: 0 20px 0 20px; max-width: 1000px; margin: 0 auto; }
#topContent h3 {box-sizing: border-box; padding: 1.56%; border-top: #00632a solid 1px; border-bottom: #00632a solid 1px; margin: 0 auto 40px auto; max-width:none;}
#topContent h3 a { display: block;}
#topContent h3 a:hover { opacity: 0.7; }
#topContent h3 .pcOnly { }
#topContent h3 .spOnly { display:none; }
#topContent h3  .kKourigaokaBtn { display:block; background:#00632a; color:#fff; text-align:center; font-size:14px; margin:15px  auto 0 auto; width:320px; max-width:100%; padding:0.5em 0; text-decoration:none; }
/* #topContent h3 a img:nth-of-type(1) { width: 34.19%; float: left;} 
#topContent h3 a img:nth-of-type(2) { width: 63.44%; float: right;} */
#content .bnrBox { line-height: 1; background: #f7f5f0; }
#content .bnrBox ul { display: block; width: 100%; box-sizing: border-box; padding: 40px 20px; max-width: 1000px; margin: 0 auto;}
#content .bnrBox ul li { width: 32.29%; float: left; margin: 0 1.56% 0 0; box-sizing: border-box;}
#content .bnrBox ul li a { position:relative; overflow:hidden; display:block;}
#content .bnrBox ul li a:hover { opacity: 0.7; }
/* #content .bnrBox ul li a::after { content:''; display:block; position:absolute; top:0; left:0; transform:scale(3,3); background:none; width:100%; height:100%; border:rgba(255,255,255,1) solid 5px; border-radius:50%; opacity:0; transition:all 1s ease 0s; }
#content .bnrBox ul li a:hover::after { opacity:1; transform:scale(0,0); border:rgba(255,255,255,0) solid 20px; } */
#content .bnrBox ul li:last-of-type { margin: 0;}
#content .bnrBox .bnr {  display:block; width:960px; max-width:100%; margin:20px auto 0 auto; }



.event { width:100%; max-width:1000px; box-sizing:border-box; padding:0 20px; margin:0 auto 40px auto; }
.event a { display:block; }
.event a:hover { opacity:0.7; transition:opacity 0.7s linear 0s; }

#content #commonInfoBox h3 { margin: 0; width: 260px;}
@media only screen and (max-width:980px){


}


@media screen and (max-width:768px) {
	#mainVisual h3 { width:90%; left:5%; top:42%; }
	#photoContainer .photoBox p { width:12vw; margin:4.6vw 2.3vw 14vw 2.3vw; display:inline-block; }
	
	#topContent h3 .pcOnly { display:none; }
	#topContent h3 .spOnly { display:block; }
	
	#content #commonInfoBox h3 { background:#c3d889; width: 100%; max-width: none;}
	
	#content .bnrBox ul { padding: 20px;}
	#topHeader #headerBox { padding:0; }
	#topHeader #headerBox h1 { display:block; width:40%; }
	#topHeader #headerBox .btnBox { width:40%; padding:5% 0; }
}
@media only screen and (max-width:480px){

#topContent h3  .kKourigaokaBtn { font-size:12px; }

}
@media only screen and (max-width:360px){

}