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

#mainVisualWrapper { background:url(../img/top/bg_top_01.jpg) center top / 100% auto no-repeat; padding:20px 0 0 0; position:relative;  max-width:1920px; margin:0 auto; }
#mainVisualWrapper::before { content:''; display:block; background:url(../img/top/img_main_05.png) center center / 100% 100% no-repeat; width:333px; height:128px; left:calc( ( (100% - 960px) / 2) - 100px ); top:0; z-index:2; position:absolute; }
#mainVisual { background:url(../img/top/img_main_01.jpg) center top / auto 100% no-repeat; position:relative; padding:30px 0; width:100%; max-width:1920px; margin:0 auto; }
#mainVisual::before  { content:''; display:block; background:url(../img/top/img_main_03.png) center center / 100% 100% no-repeat; width:510px; height:185px; left:20px ; bottom:0; z-index:2; position:absolute; } 
#mainVisual  h2{ display:block; width:100%; max-width:718px; margin:0 auto; position:relative; z-index:3; }

#infoBar { background:url(../img/top/bg_top_01.jpg) center bottom / 100% auto no-repeat; max-width:1920px; margin:0 auto 100px auto; padding:40px 0 90px 0; }
#infoBar .content { display:flex; flex-wrap:no-wrap; justify-content:space-between; }
#infoBar h3 { flex-grow:0; flex-shrink:1; flex-basis:673px; }
#infoBar .textBox { flex-grow:0; flex-shrink:1; flex-basis:673px; }
#infoBar .textBox p { display:block; position:relative; padding:0 0 0 3.5em; font-size:16px; color:#fff; line-height:1.5em;}
#infoBar .textBox p b { color:#fcc800; font-weight:bold; }
#infoBar .textBox i { display:block; position:absolute; left:0; top:0; color:#fcc800; font-size:3em; } 
#infoBar a { display:block; flex-grow:0; flex-shrink:1; flex-basis:231px ; }

#infoContent { font-size:56px; font-weight:bold; text-align:center; display:block; margin:0 auto 50px auto; }
#infoContent h3 { line-height:1; display:block; padding:0 0 .25em 0;  border-bottom:#000 solid 5px; margin:0 0 5px 0; color:#000; font-weight:bold; font-size: 52px;line-height:1.2; letter-spacing: 1; }
#infoContent p { line-height:1; display:block; padding:0.25em 0 0 0; border-top:#000 solid 1px; color:#000; font-weight:bold; }
#infoContent p.sub_tit {  }
.sp_br { display: none; }

#commonInfoBox h3 { background: #000}
#guideBox { }
#guideBox p { font-size:14px; line-height:24px; text-align:center; margin:0 0 20px 0; }

#gNavi { display:none; }
@media only screen and (max-width:1400px){
#mainVisual::before { left:-160px; }	
}


@media only screen and (max-width:1000px){
#mainVisual h2 { width:70%; }

}

@media screen and (max-width:768px) {
#infoBox { flex-wrap:wrap; }
#infoBox h4 { flex-grow:0; flex-shrink:1; flex-basis:100%; background:#000; text-align:center; font-size:4vw; line-height:1.2; padding:10px 0; color:#fff; }
#infoBox #rss { flex-grow:0; flex-shrink:1; flex-basis:100%; height:200px; }

#mainVisual::before { left:-60px; width:40%; height:0px; padding:16% 0 0 0; bottom:0; }

#infoBar { padding:5% 0 10% 0; }
#infoBar .content { flex-wrap:wrap; justify-content:center; }
#infoBar h3 { flex-basis:100%; margin:0 0 20px 0; }
#infoBar a { flex-basis:231px; }

#infoContent h3,
#infoContent p { font-size:7vw; }
.sp_br { display: block; }

#topNavi { display:none; }
	
	#infoBox #rss ul li time { position: static; display: block; margin: 0 0 10px 0;}
	#infoBox #rss ul li { padding: 0; }
}

@media only screen and (max-width:480px){
#guideBox p { text-align:left;}
#guideBox p br { display:none; }

}