@charset "UTF-8";
/* CSS Document */
#mainVisual{background:url(../img/top/main_bg.jpg) no-repeat top center; text-align:center;}

#voice{max-width:920px; margin:0 auto 60px;}
#voice .tit{width:260px; float:left;}
#voice .txt{width:calc(100% - 270px); float:right; box-sizing:border-box; line-height:1.5;}
#voice .txt ul { height:90px; width:100%; padding:15px 15px; box-sizing:border-box; overflow:auto; overflow-x:hidden; border:1px solid #74acb1}
#voice .txt ul li { display:block; margin:0 0 0.5em 0; font-size:14px; position:relative; padding:0 0 0 7em; }
#voice .txt ul li a { color:#333; text-decoration:none;}
#voice .txt ul li time { position:absolute; left:0; top:0; }

#eventBnr { display:block; margin:0 auto 40px auto; }

#bnr{text-align:center;}
#bnr a{display:inline-block; margin:0 0 30px; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);}
#bnr a:nth-of-type(1){max-width:460px; width:50%;}
#bnr a:last-of-type{margin:0;}
#bnr a:hover{opacity:.8;}

.infoBox { margin:0 auto 40px auto; }

/* ----------------------------
			MEDIA
---------------------------- */
@media screen and (max-width:980px){
#mainVisual{background-size:auto 100%;}
}

@media screen and (max-width:767px){
mainVisual{margin:9.5vw 0 0 0;}

#voice .tit{float:none; background:#74acb1; width:100%; text-align:center;}
#voice .tit img{max-width:260px; margin:0 auto; width:65%;}
#voice .txt{width:100%; float:none; height:auto; padding:0;}
#voice .txt ul { height:auto; max-height:180px;}

#bnr a:nth-of-type(1){width:100%;}
}

@media screen and (max-width:480px){
#voice{margin:0 auto 40px;}

#bnr a{margin:0 0 15px;}
}