/*====================================================================================================
  TOPPAGE 
====================================================================================================*/
#toppage {}

/* MAINIMG */
#toppage .mainimg { max-width:1000px; width:100%; margin:20px auto; }


/* BANNER */
ul.bana { clear:both; max-width:1000px; width:100%; margin:auto auto 10px; }
ul.bana::after { clear:both; content:""; display:block; }
ul.bana li img { width:100%; }
ul.bana li.bana01 { float:left; width:630px; }
ul.bana li.bana02 { float:right; width:330px; }


/* WHAT'S NEW */
#toppage .new { max-width:1000px; margin:0 auto; }
#toppage .new::after { display:block; clear:both; content:""; }
#toppage .new a { display:block; text-decoration:none; color:#FFF; }
#toppage .new a:hover { opacity:0.7; }
#toppage .new .new_box {
	float:left;
	width:31.33%;
	height:189px;
	text-align:center;
	position:relative;
	margin:50px 0 90px;
}
#toppage .new .new_box.box1 {
	background:url(../../image/top/new_01.png) no-repeat;
	background-size:cover;	
}
#toppage .new .new_box.box2 {
	background:url(../../image/top/new_02.png) no-repeat;
	background-size:cover;
	margin:50px 30px;
}
#toppage .new .new_box.box3 {
	background:url(../../image/top/new_03.png) no-repeat;
	background-size:cover;
}
#toppage .new .new_box h4 {
	position:absolute;
	top:-38px;
	z-index:1;
	background:#004098;
	width:100%;
	font-size:150%;
	font-weight:400;
	padding:5px 0;
}
#toppage .new .new_box .caption {
	position: relative;
	top: 200px;
	text-align:left;
	font-size:90%;
	font-weight:bold;
	color:#231916;
	line-height:120%;
}

.sonpo { display:flex; justify-content:space-between; row-gap:20px; max-width:1000px; margin:20px auto;}
.sonpo img { width:auto; height:85px;}

.sonpo_text {
	width:fit-content;
	margin:20px auto 40px;
	line-height:1.2;
	font-size:14px;
}