/*====================================================================================================

  TOPPAGE

====================================================================================================*/

/*** MAINIMG ****************************************************************/

#mainimg { overflow: hidden; margin: 0 auto; max-width: 1000px; max-height:570px; position: relative;}
#mainimg img { width:100%; height:auto; aspect-ratio:10/5; object-fit:cover;}

#mainimg .slick-slide.kaeru-box { position:relative;}
#mainimg .slick-slide.kaeru-box li input[type="image"][name="openWin"] { position:absolute; inset:2rem auto auto 0;}

.mainimg_sub {
	width:min(1000px, 100%);
	margin-inline:auto;
	font-size:16px;

	@media(width < 700px){
		font-size:14px;
	}
}

#toppage {}
#toppage:after {/*clearfix*/ display:block; clear:both; content:"";}
#toppage .top_cont { margin:auto; max-width:1000px;}

/* MIDASHI */
#toppage .information h2,
#toppage .news h3 {
	padding: 0 0 15px 15px;
	font-size:130%;
	line-height:95%;
	background:url(../image/tit_bg.png) no-repeat left top;
	border-bottom:1px solid #DDD;
}
#toppage .information h2 small,
#toppage .news h3 small {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
}



/*** INFORMATION ************************************************************/

#toppage .information { position:relative; float:right; margin:70px 0; width:65%;}
#toppage .information .info_box {
	height:500px;
	border-top:3px solid #EEE;
	overflow-y:scroll;
}

#toppage .information .info_box { padding: 2%;}
#toppage .information .info_box .ibox { margin:auto; padding:24px 0; border-bottom:1px solid #DDD;}
#toppage .information .info_box .ibox:after { display:block; clear:both; content:"";}
#toppage .information .info_box .ibox h3 { margin-bottom: 15px; border: none; line-height: 150%;}
#toppage .information .info_box .ibox .photo { float:right; margin-left:20px;}
#toppage .information .info_box .ibox .come { margin-bottom: 15px;}

#toppage .information .b_all { position:absolute; top:0; right:0;}
#toppage .information .b_all a {
	display:block;
	padding:5px 0;
	color:#333;
	width:110px;
	text-decoration:none;
	text-align:center;
	background:#EFEFEF;
	box-sizing:border-box;
	border:1px solid #DDD;
	border-radius:30px;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px;
}


/*** NEWS *******************************************************************/

#toppage .news { float:left; margin:70px 0; width:30%;}
#toppage .news h2 {}
#toppage .news .news_box {
	margin-bottom:15px;
	padding:20px;
	height:245px;
	overflow:auto;
	background:#FCFCFC;
	border-top:3px solid #EEE;
}


/*** BANNER *****************************************************************/

#toppage .banner {}
#toppage .banner p {}
#toppage .banner p+p { margin-top:5px;}
#toppage .banner_text { margin-top:1em; font-size:0.75em;}