/* CSS Document */

html{
	}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-khtml-user-select:none;
		-webkit-user-drag:none;
		-khtml-user-drag:none;

	}

.footer ul li{ 
	list-style:none;
	float:left;	
	}

.footer ul li a{
	color:#D9D9D9;
	}


img{padding:5px}

.footer ul li a{
	color:#818181;
		}
.footer ul li a:hover{
	color:#E3DEDE;
	}

.headimg{
	}
.index_li{
	background-color: #D3D3D3;
	width: 80%;
	margin-left: 15%;
	padding-top: 2%;
	padding-bottom: 2%;
	border: 1px;
	border-color: #000000;
	border-style: solid;
}

.index_li li{ 
	list-style:none;
	font-size:24px;
}
.index_li li+li{ margin-top:10px;}
.index_li li a{ color:#000000;}



@media (max-width: 479px) { 
.footer ul{
		margin-right:5%;
		margin-left:5%;
		}
		
	.footer ul li{
		font-size:12px;
		}

	.footer ul li+li{
		padding-left:20px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:16px;
		line-height:2em;
		margin-left:15px;
		}
	
	.navbar-inverse ul li+li{
	
		}
	
	.logo{
		width:200px;
		margin-top:-5%;
		}
	.index_li{
		width: 90%;
		margin-left: 5%;
	}
	
	.index_li li{
		font-size:18px;
	}

	h1{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h1::before{
		display:none;
	
	}	


	h2{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h2::before{
		display:none;
	
	}
	.desc{
		font-size:20px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:20px;
	}
} 
@media (min-width: 480px) and (max-width: 591px) { 
	.footer ul{
		margin-right:5%;
		margin-left:5%;
		}
		
	.footer ul li{
		font-size:12px;
		}

	.footer ul li+li{
		padding-left:20px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:16px;
		line-height:2em;
		margin-left:15px;
		}
	
	.navbar-inverse ul li+li{
	
		}
	
	.logo{
		width:200px;
		margin-top:-5%;
		}

	.index_li{
		width: 90%;
		margin-left: 5%;
	}
	
	.index_li li{
		font-size:18px;
	}


	h1{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h1::before{
		display:none;
	
	}	


	h2{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h2::before{
		display:none;
	
	}
	.desc{
		font-size:20px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:20px;
	}

} 
@media (min-width: 592px) and (max-width: 691px) { 
	.footer ul{
		margin-right:5%;
		margin-left:5%;
		}
		
	.footer ul li{
		font-size:12px;
		}

	.footer ul li+li{
		padding-left:40px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:16px;
		line-height:2em;
		margin-left:15px;
		}
	
	.navbar-inverse ul li+li{
	
		}
	
	.logo{
		width:200px;
		margin-top:-4%;
		}
	.index_li{
		width: 90%;
		margin-left: 5%;
	}
	
	.index_li li{
		font-size:18px;
	}

	h1{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h1::before{
		display:none;
	
	}	


	h2{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h2::before{
		display:none;
	
	}
	.desc{
		font-size:20px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:20px;
	}

} 
@media (min-width: 692px) and (max-width: 767px) { 
	.footer ul{
		margin-right:10%;
		margin-left:10%;
		}
		
	.footer ul li{
		font-size:18px;
		}

	.footer ul li+li{
		padding-left:40px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:16px;
		line-height:2em;
		margin-left:15px;
		}
	
	.navbar-inverse ul li+li{
	
		}
	
	.logo{
		width:200px;
		margin-top:-4%;
		}
	.index_li{
		width: 90%;
		margin-left: 5%;
	}
	
	.index_li li{
		font-size:18px;
	}



	h1{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h1::before{
		display:none;
	
	}	


	h2{
	  font-size:24px;
	  padding-left:5%;
	  margin-top:38px;
		padding: 0.25em 0.5em;/*上下 左右の余白*/
		color: #494949;/*文字色*/
		background: transparent;/*背景透明に*/
		border-left: solid 5px #7db4e6;/*左線*/	
	
	}h2::before{
		display:none;
	
	}
	.desc{
		font-size:20px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:20px;
	}

} 
@media (min-width: 768px) and (max-width: 991px) { 
	.footer ul{
		margin-right:10%;
		margin-left:10%;
		}
		
	.footer ul li{
		font-size:14px;
		}

	.footer ul li+li{
		padding-left:40px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:14px;
		line-height:2em;
		}
	
	.navbar-inverse ul li+li{
		}
	
	.logo{
		width:180px;
		margin-top:-6%;
		}
	.index_li{
	}
	
	.index_li li{
		font-size:20px;
	}

	h1{
		font-size:28px;
		position:relative;
		padding-right:28px;
		padding-left:55px;
	}h1::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
	}h2{
		font-size:28px;
		position:relative;
		top:0;
		left:0;
		padding-right:28px;
		padding-left:55px;
	}h2::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
		}
	.desc{
		font-size:20px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:20px;
	}


} 
@media (min-width: 992px) and (max-width: 1199px) { 
	.footer ul{
		margin-right:10%;
		margin-left:10%;
		}
		
	.footer ul li{
		font-size:18px;
		}

	.footer ul li+li{
		padding-left:40px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:16px;
		line-height:2em;
		}
	
	.navbar-inverse ul li+li{
		}
	
	.logo{
		width:200px;
		margin-top:-6%;
		}
	.index_li li{
		font-size:20px;
	}

	h1{
		font-size:28px;
		position:relative;
		padding-right:28px;
		padding-left:55px;
	}h1::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
	}h2{
		font-size:28px;
		position:relative;
		top:0;
		left:0;
		padding-right:28px;
		padding-left:55px;
	}h2::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
		}
	.desc{
		font-size:20px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:30px;
	}



} 
@media (min-width: 1200px) and (max-width: 1599px) {
	.footer ul{
		margin-right:20%;
		margin-left:20%;
		}
		
	.footer ul li{
		font-size:18px;
		}

	.footer ul li+li{
		padding-left:40px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:18px;
		line-height:2em;
		}
	
	.navbar-inverse ul li+li{
		}
	
	.logo{
		width:250px;
		margin-top:-6%;
		}
	h1{
		font-size:36px;
		position:relative;
		padding-right:28px;
		padding-left:55px;
	}h1::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
	}h2{
		font-size:36px;
		position:relative;
		top:0;
		left:0;
		padding-right:28px;
		padding-left:55px;
	}h2::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
		}
	.desc{
		font-size:25px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:30px;
	}


 } 
@media (min-width: 1600px) and (max-width: 1899px) { 
	.footer ul{
		margin-right:20%;
		margin-left:20%;
		}
	
	.footer ul li{
		font-size:22px;
		}

	.footer ul li+li{
		padding-left:80px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:22px;
		line-height:2em;
		}
	
	.navbar-inverse ul li+li{
		}
	
	.logo{
		width:300px;
		margin-top:-6%;
		}
			h1{
		font-size:36px;
		position:relative;
		padding-right:28px;
		padding-left:55px;
	}h1::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
	}h2{
		font-size:36px;
		position:relative;
		top:0;
		left:0;
		padding-right:28px;
		padding-left:55px;
	}h2::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
		}
	.desc{
		font-size:25px;
		line-height:1.6em;
		margin-left:20px;
		margin-right:20px;
		padding-bottom:30px;
	}


} 
@media (min-width: 1900px) and (max-width: 2000px) { 
	.footer ul{
		margin-right:20%;
		margin-left:20%;
		}
	
	.footer ul li{
		font-size:25px;
		}

	.footer ul li+li{
		padding-left:80px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:25px;
		line-height:2em;
		}
	
	.navbar-inverse ul li+li{
		}
	
	.logo{
		width:300px;
		margin-top:-5%;
		}
	h1{
		font-size:36px;
		position:relative;
		padding-right:28px;
		padding-left:55px;
	}h1::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;

	}h2{
		font-size:36px;
		position:relative;
		top:0;
		left:0;
		padding-right:28px;
		padding-left:55px;
	}h2::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
		}
	.desc{
		margin-left:10%;
		margin-right:10%;
		font-size:26px;
		line-height:1.8em;
		padding-bottom:30px;
	}
	.c_img{
		width:90%;
	}

} 
@media (min-width: 2001px) { 
	.footer ul{
		margin-right:20%;
		margin-left:20%;
		}
	
	.footer ul li{
		font-size:25px;
		}

	.footer ul li+li{
		padding-left:80px;
		}
	
	.footerbg{
		background-color:#222222;
		padding-top:3%;
		padding-bottom:3%;
		}
		
	.navbar-inverse{
		padding-top:3%;
		padding-bottom:3%;
		}
	
	.navbar-inverse ul li{
		font-size:25px;
		line-height:2em;
		}
	
	.navbar-inverse ul li+li{
		}
	
	.logo{
		width:300px;
		margin-top:-5%;
		}
	h1{
		font-size:36px;
		position:relative;
		padding-right:28px;
		padding-left:55px;
	}h1::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
	}h2{
		font-size:36px;
		position:relative;
		top:0;
		left:0;
		padding-right:28px;
		padding-left:55px;
	}h2::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		margin-left:5px;
		border-top:24px solid transparent;
		border-left:24px solid #87ceeb;
		border-right:10px solid transparent;
		border-bottom:10px solid #87ceeb;
		}
	.desc{
		margin-left:10%;
		margin-right:10%;
		font-size:26px;
		line-height:1.8em;
		padding-bottom:30px;
	}
	.c_img{
		width:90%;
	}

}