/*====================================================================================================
  TOPPAGE 
====================================================================================================*/
#toppage {}
#toppage .box_main { width:100%; margin:auto; max-width:1000px; clear:both; }
#toppage .box_main::after { clear:both; content:""; display:block; }
#toppage h3 { text-align:center; font-size:100%; line-height:130%; }
#toppage h3 b {
	font-size:157%;
	color:#231815;
	font-weight:700;
}
#toppage h3 small {
	display:block;
	font-family:"Arial";
	font-size:63%;
	font-weight:normal;
	color:#878788;
	letter-spacing:0.1em; 
}



/* ABOUT */
#toppage .about {
	text-align:center;
	padding:175px 0 50px;
	margin-top:-25px;
	background:url(../image/bg_00.png) no-repeat top center;
	background-size:100% auto;
}
#toppage .about h3 { margin-bottom:40px; }
#toppage .about .catch { font-size:125%; margin-bottom:60px; line-height: 170%; }
#toppage .about .b_more a {
	text-decoration:none;
	color: #231815;
	font-weight:700;
}
#toppage .about .b_more a i { margin-left:10px; }
#toppage .about .b_more a:hover { opacity: .7; }

#toppage .about_list { max-width:1300px; margin:0 auto; transition: 1s all; }
#toppage .about_list::after { display:block; clear:both; content:""; }
#toppage .about_list .box { float: left; width:33%; margin:100px 0.3% auto 0; border:5px solid #FFF; }
#toppage .about_list .box:nth-child(3n){ margin-right: 0;}
#toppage .about_list .box::after { content:""; display:block; clear:both; }
#toppage .about_list .box a { display:block; text-decoration:none; color:#231815; }
#toppage .about_list .box div { position:relative; font-size:138%; font-weight: bold; line-height:130%; }
#toppage .about_list .box div.photo { overflow:hidden; }
#toppage .about_list .box div.photo img { width:100%; height: auto; transition: 1s; }
#toppage .about_list .box a:hover div.photo img { transform:scale(1.23, 1.2); }
#toppage .about_list .box div.come { padding:35px 0; }
#toppage .about_list .box div.come i { position:absolute; right: 30px; bottom: 35px; display:none; }

#toppage .about_list .box:hover { border:5px solid #FFBF00; }
#toppage .about_list .box:hover .come { opacity:0.7; }
#toppage .about_list .box:hover div.come i { display:block; }


/* SERVICE */
#toppage .service .bg {}
#toppage .service .box { margin: auto; padding:40px 0; max-width: 1000px; overflow:hidden;}
#toppage .service .box .photo { float:right; max-width:500px;}
#toppage .service .box .photo img { width: 100%; height: auto;}
#toppage .service .box .comment { float:left; width:calc(100% - 550px)}
#toppage .service .box h3 { margin: 20px 0 5px; text-align: left; color:#d05334; font-size:150%;}
#toppage .service .box h4 {}
#toppage .service .box .come {margin:20px 0;}
#toppage .service .box .b_more {width:185px; }
#toppage .service .bg:nth-child(odd) { background:#f7f6f4; }
#toppage .service .bg:nth-child(odd) .photo { float:left;}
#toppage .service .bg:nth-child(odd) .comment { float:right;}



/* INFORMATION */
#toppage .info { background:rgba(237, 231, 226, .20); padding:100px 0 95px; }
#toppage .info h3 { margin-bottom:40px; }
#toppage .info ul { clear:both; width:100%; }
#toppage .info ul::after { clear:both; content:""; display:block; }
#toppage .info ul li { float:left; }

#toppage .info .news { max-width: 960px; line-height:150%; font-size:88%; margin: auto; }
#toppage .info .news dl { clear:both; padding:15px 20px; display: none; }
#toppage .info .news dl::after { content:""; display:block; clear:both; }
#toppage .info .news dl:nth-child(odd) { background:#fff; }
#toppage .info .news dl dt { float:left; width: 10%; font-size: 81.25%; }
#toppage .info .news dl dt .cate{ display: block; margin: 5px 0 0; width: 100px; background:#d05334; color:#fff; text-align:center; }
#toppage .info .news dl dd { float:right; width: 90%;}
#toppage .info .news dl a { text-decoration:none; color:#000; font-size: 88%; }
#toppage .info .news dl a:hover { text-decoration:underline; }
#toppage .info .news dl:nth-child(1),
#toppage .info .news dl:nth-child(2),
#toppage .info .news dl:nth-child(3),
#toppage .info .news dl:nth-child(4),
#toppage .info .news dl:nth-child(5) { display: block; }

#toppage .info .b_more { margin:30px auto 0; text-align:center;}
#toppage .info .b_more a {
	text-decoration:none;
	color: #231815;
	font-weight:700;
}
#toppage .info .b_more a i { margin-left:10px; }
#toppage .info .b_more a:hover { opacity: .7; }



/* INITIATIVES */
#toppage .initiatives { max-width:1000px; margin:0 auto; padding:75px 0; }
#toppage .initiatives::after { display:block; clear:both; content:""; }
#toppage .initiatives h3 { margin-bottom:35px; }
#toppage .initiatives .box { float:left; width:32%; margin: 0 2% 5% 0; }
#toppage .initiatives .box:nth-child(3n) { margin-right: 0;}
#toppage .initiatives .box .photo { width:100%; }
#toppage .initiatives .box .photo img { width:100%; height: auto; }
#toppage .initiatives .box .come {
	font-size:100%;
	/*font-weight:normal;*/
	padding:20px;
}
#toppage .initiatives .b_more { clear:both; width:385px; margin:0 auto;}



/* GROUPLINKS */
#toppage .grouplink { padding:85px 0 115px; }
#toppage .grouplink ul { max-width:1000px; width:100%; margin:35px auto 0; }
#toppage .grouplink ul::after { display:block; clear:both; content:""; }
#toppage .grouplink ul li {
	float:left;
	width:24.25%;
	margin:10px 10px 10px 0;
	box-sizing:border-box;
}
#toppage .grouplink ul li img { width:100%; height:auto;}
#toppage .grouplink ul li:nth-child(4n){ margin-right: 0;}