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

  TOPPAGE

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

#toppage {
	margin: 0;
	padding: 0;
}
#toppage h3 {
	text-align:center;
	font-family:"Noto Sans JP";
	font-size:156%;
	font-weight:500!important;
	color: #000;
}
#toppage .box_main { max-width:1000px; margin:0 auto; }
#toppage .box_main::after { display:block; clear:both; content:""; }



/*** MAINIMG *******************************************************************/
#toppage .mainimg { background: #6ECEFF url("../../image/top/mainimg.jpg") no-repeat center center;}
#toppage .mainimg .sakuralink {}
#toppage .mainimg .sakuralink ul { position: relative; margin: auto; width:1000px; height: 581px;}
#toppage .mainimg .sakuralink ul li {position:absolute !important; z-index: 999;}
#toppage .mainimg .sakuralink ul li,
#toppage .mainimg .sakuralink ul li a { display: block; width: 150px; height: 150px;}
#toppage .mainimg .sakuralink ul li a:hover img { opacity:1; filter: alpha(opacity=100); -moz-opacity:1;}
#toppage .mainimg .sakuralink ul li a { color: #000; font-weight: bold; text-decoration: none; text-align:center; line-height: 100%;}
#toppage .mainimg .sakuralink ul li a b { position: absolute; top:50px; left: 0; display: block; width: 100%; line-height: 100%; }
#toppage .mainimg .sakuralink ul li:nth-child(1) { left:269px; top:44px;}
#toppage .mainimg .sakuralink ul li:nth-child(2) { left:421px; top:79px;}
#toppage .mainimg .sakuralink ul li:nth-child(3) { left:570px; top:35px;}
#toppage .mainimg .sakuralink ul li:nth-child(4) { left:175px; top:175px;}
#toppage .mainimg .sakuralink ul li:nth-child(5) { left:314px; top:186px;}
#toppage .mainimg .sakuralink ul li:nth-child(6) { left:484px; top:189px;}
#toppage .mainimg .sakuralink ul li:nth-child(7) { left:682px; top:167px;}
#toppage .mainimg .sakuralink ul li:nth-child(8) { left:241px; top:314px;}
#toppage .mainimg .sakuralink ul li:nth-child(9) { left:609px; top:308px;}


/*** ABOUT *******************************************************************/
#toppage .about { margin: 105px auto 0; text-align: center; }
#toppage .about h3 { font-size: 100%; letter-spacing: 0.1em; }
#toppage .about h3 b { font-size: 155.5%; display: block; font-weight:500!important; }
#toppage .about h3 small { font-size: 55.5%; font-weight:normal; color: #878788; }
#toppage .about .come {
	font-family: "Noto Sans JP";
	font-size:100%;
	font-weight: 300;
	max-width: 700px;
	margin: 25px auto 30px;
}
#toppage .about p.b_more {
	background: #e85b94;
	width: 300px;
	height: 54px;
	margin: auto;
	border-radius: 30px;
	border: 2px solid #e85b94;
}
#toppage .about p.b_more a {
	text-decoration: none;
	color: #fff;
	display: block;
	background: url(../image/arrow_right-wh.png) no-repeat 95% center;
	padding: 7px 0 11px;
	letter-spacing: 0.1em;
}
#toppage .about p.b_more:hover { background: #fff; }
#toppage .about p.b_more:hover a { 
	color: #e85b94; 
	background: url(../image/arrow_right-pnk.png) no-repeat 95% center; 
}


/*** RECRUIT *******************************************************************/
#toppage .recruit { width: 100%; max-width: 700px; margin: 50px auto 100px; }
#toppage .recruit a:hover { opacity:0.7; }
#toppage .recruit img { width: 100%; }

/*** NEWS *******************************************************************/
#toppage .news { font-family:"Noto Sans JP"; background:rgba(232, 91, 148, 0.05); padding:100px 0; }
#toppage .news h3 { margin-bottom:65px; }
#toppage .news .news_list {
	float:left;
	width:490px;
	height:250px;
	overflow-y:scroll;

}
#toppage .news .news_list::-webkit-scrollbar { display: none; }
#toppage .news .news_list ul { width:100%; padding:9px 0; }
#toppage .news .news_list ul:nth-child(odd) { background:#FFF; }
#toppage .news .news_list ul::after { display:block; clear:both; content:""; }
#toppage .news .news_list ul li { float:left; color:#000; }
#toppage .news .news_list ul li:nth-child(1) { font-size:100%; font-weight:300; width:25%; text-align:center; }
#toppage .news .news_list ul li:nth-child(2) { width:72%; padding-left: 3%; background:url(../image/arrow_right-blk.png) no-repeat -7px center;
 }
#toppage .news .news_list ul li a {
	display:block;
	text-decoration:none;
	color: #000;

	font-size:100%;
	font-weight:300;
}
#toppage .news .news_list ul li a:hover { text-decoration:underline; opacity:0.7; }

#toppage .news .news_link { float:right; box-shadow:rgb(0 0 0 / 30%) 0px 0px 10px; }
#toppage .news .news_link:hover { opacity:0.7; }


/*** LINKS *******************************************************************/
#toppage .links { font-family:"Noto Sans JP"; padding:100px 0 105px; }
#toppage .links .box { float:left; width:32%; text-align:center;}
#toppage .links .box+.box { margin-left:2%; }
#toppage .links .box a:hover { opacity:0.7; }

#toppage .links .box .caption {
	font-size:100%;
	font-weight:bold;
	padding:10px 0;	
	background:url(../image/arrow_right-bl.png) no-repeat;
	background-position:right center;

}
#toppage .links .box .caption a {
	color: #000;
	display:block;
	width:100%;
	text-decoration: none;
}




/*** ACCESS / CONTACT *******************************************************************/
#toppage .access { padding:100px 0; border-top:1px solid #E0E0E0; }
#toppage .access h3 {}
#toppage .access .map { margin-top:50px; }
#toppage .access .map iframe { width:100%; height:400px; }