@charset 'utf-8';

/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	PC
-------------------------------------------------------------------------------- */
@media screen and (min-width: 850px){
	#index{
		padding:0 0 7%;
	}
	
	/********** バナー **********/
	.h-bnr{
		margin:0 0 3.5%;
	}
	.h-bnr img{
		width:100%;
		height:auto;
	}
	
	/********** メインメニュー **********/
	#index .main-menu ul{
		padding:0 0 1%;
	}
	#index .main-menu ul li{
		float:left;
		width:47.5%;
		list-style-type:none;
		margin:0 0 1.75%;
	}
	#index .main-menu ul li.list2,
	#index .main-menu ul li.list4{
		float:right;
	}
	
	/********** お知らせ&リンク **********/
	#index .news-links{
		padding:4.5% 5% 0;
		background:#edf7ff;
	}
	#index .news-links h2{
		font-weight:bold;
		font-size:20px;
		color:#000;
	}
	
	/********** お知らせ **********/
	#index .news-links .news{
		margin:0 0 2.5%;
		padding:20px;
		background:#fff;
	}
	#index .news-links .news .news-box{
		overflow:auto;
		height:120px;
	}
	#index .news-links .news ul li{
		min-height:22px;
		padding:0 0 1.5% 2%;
		font-size:15px;
		background:url(../images/index/pc/icon-arr1.png) no-repeat 0 0.2em;
	}
	#index .news-links .news ul li .date{
		float:left;
		width:120px;
	}
	#index .news-links .news ul li .desc{
		padding:0 0 0 130px;
	}
	
	/********** ボタン詳細 **********/
	#index .news-links .news .btn-info{
		padding:2% 0 0;
	}
	#index .news-links .news .btn-info a{
		float:right;
		display:block;
		padding:0 0 0 2em;
		font-size:15px;
		background:url(../images/index/pc/icon-arr1.png) no-repeat 0 0.2em;
	}
	
	/********** リンク **********/
	#index .links ul li{
		float:left;
		width:23.85%;
		padding:0 1.5% 3% 0;
	}
	#index .links ul li.list4{
		float:right;
		padding:0 0 3% 0;
	}
	#index .links ul li a{
		display:block;
		padding:2.5%;
		text-align:center;
		text-decoration:none;
		color:#000;
		font-size:1.8em;
	}
	#index .links ul li a .label{
		display:block;
		padding:8% 0;
	}
	#index .links ul li a:hover .label,
	#index .links ul li a:active .label{
		border:solid 0.15em #3483e7;
	}
	#index .links ul li a .label span{
		padding:0 0 0 25px;
	}
}

/* --------------------------------------------------------------------------------
	スマホ
-------------------------------------------------------------------------------- */
@media screen and (max-width: 849px){
	/********** バナー **********/
	.h-bnr{
		margin:0 0 4%;
	}
	.h-bnr img{
		width:100%;
		height:auto;
	}
	
	/********** メインメニュー **********/
	#index .main-menu ul{
		padding:0 4% 2.5%;
	}
	#index .main-menu ul li{
		margin:0 0 4.5%;
	}
	
	/********** お知らせ **********/
	#index .news-links{
		padding:4.5% 5% 2%;
		background:#edf7ff;
	}
	
	/********** お知らせ **********/
	#index .news-links h2{
		font-weight:bold;
		font-size:1.95em;
		color:#000;
	}
	#index .news-links .news{
		margin:0 0 35px;
		padding:2%;
		background:#fff;
		-webkit-overflow-scrolling:touch;
	}
	#index .news-links .news .news-box{
		overflow:auto;
		height:18em;
	}
	#index .news-links .news ul li{
		min-height:22px;
		padding:0 0 15px 20px;
		font-size:1.45em;
		background:url(../images/common/sp/icon-arr1.png) no-repeat 0 0.2em;
		background-size:1em auto;
	}
	#index .news-links .news ul li .date{
		float:left;
		width:8em;
	}
	#index .news-links .news ul li .desc{
		padding:0 0 0 8.5em;
	}
	
	/********** ボタン詳細 **********/
	#index .news-links .news .btn-info{
		padding:2% 0 0;
	}
	#index .news-links .news .btn-info a{
		float:right;
		display:block;
		min-height:22px;
		padding:0 0 0.5% 2em;
		font-size:1.45em;
		background:url(../images/common/sp/icon-arr1.png) no-repeat 0 0.2em;
		background-size:1em auto;
	}
	
	/********** リンク **********/
	#index .links ul li{
		float:left;
		width:48.5%;
		padding:0 1.5% 1% 0;
	}
	#index .links ul li:nth-child(odd){
		clear:both;
	}
	#index .links ul li:nth-child(even){
		float:right;
	}
	#index .links ul li a{
		display:block;
		padding:2.5%;
		text-align:center;
		text-decoration:none;
		color:#000;
		font-size:2.15em;
	}
}