@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*-- 基本 --*/
	body{
		margin:0px;
		padding:0px;
		background:none repeat scroll 0% 0%;
		background-attachment:scroll;
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* ゴシック */
		/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */ /* 明朝体 */
		line-height:1.6;
		letter-spacing:0.8px;
		font-size:14px;
		font-weight:400;
		color:#333;
	}
	.red{color:#ff0000;}
	a{
		color:#1111cc;
		/* text-decoration:none; */
		-webkit-transition:all 1s ease;
		-moz-transition:all 1s ease;
		-o-transition:all 1s ease;
		transition:all 1s ease;
	}
		a:hover{
			color:#1111cc;
			text-decoration:underline;
		}
	a img{
		display:block;
		transition:0.5s;
	}
		a img:hover{
			opacity:0.7;
			transition:0.5s;
		}
	
	.content_inner{
		max-width:1000px;
		min-width:768px;
		width:96%;
		margin-left:auto;
		margin-right:auto;
	}
	
	/*-- ヘッダー --*/
	header{
		width:100%;
		padding:28px 0 15px;
		background-color:#209bb6;
	}
	header h1 a{
		display:block;
		width:354px;
		margin:0 auto;
	}
	
	/*-- メインコンテンツ --*/
	.page_ttl{
		font-size:24px;
	}
	
	/*-- フッター --*/
	footer{
		width:100%;
		padding:30px 0;
		background-color:#209bb6;
	}
	#copyright{
		margin-top: 15px;
		text-align:center;
	}
	#copyright small{
		font-size:12px;
		color:#fff;
	}
	
	#tokutei,
	#operator{
		text-align:center;
	}

	#tokutei a,
	#operator a{
		text-align:center;
		color: #FFF;
		font-size: 12px;
	}
	
	#operator {
		margin-top: 15px;
	}
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	/*-- 基本 --*/
	body{
		margin:0px;
		padding:0px;
		background:none repeat scroll 0% 0%;
		background-attachment:scroll;
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* ゴシック */
		/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */ /* 明朝体 */
		line-height:1.6;
		letter-spacing:0.8px;
		font-size:16px;
		font-weight:400;
		color:#333;
	}
	img{
		width:100%;
		height:auto;
	}
	.red{color:#ff0000;}
	a{
		color:#1111cc;
		/* text-decoration:none; */
		-webkit-transition:all 1s ease;
		transition:all 1s ease;
	}
	
	/*-- ヘッダー --*/
	header{
		width:100%;
		padding:28px 0 15px;
		background-color:#209bb6;
	}
	header h1{
		display:block;
		width:80%;
		margin:0 auto;
	}
	
	/*-- メインコンテンツ --*/
	.page_ttl{
		font-size:22px;
	}
	
	/*-- フッター --*/
	footer{
		width:100%;
		padding:30px 0;
		background-color:#209bb6;
	}
	#copyright{
		width:95%;
		line-height:1.4;
		margin:15px auto 0;
		text-align:center;
	}
	#copyright small{
		font-size:12px;
		color:#fff;
	}
	
	#tokutei,
	#operator{
		text-align:center;
	}

	#tokutei a,
	#operator a{
		text-align:center;
		color: #FFF;
		font-size: 12px;
	}
	
	#operator {
		margin-top: 15px;
	}

}/* End SP */