@charset "utf-8";

/* ベース　～767px
-------------------------------------------------------------------------------------------*/	
.pc {display: none;}
.sp {display: block;}

#contents-about-01{
	margin: 100px auto 0 ; 
}
#contents-about-01:after{
	content:"";
	display: block;
	clear:both;
}

/* ヘッダー
-----------------------------------------------------------*/	

#top-pic {
	text-align: center;
}
#top-pic img {
	max-width: 100%;
	height: auto;
}
/* コンテンツ
-----------------------------------------------------------*/	
.img-side {
	margin-bottom: 40px;
}
.img-side img {
	width: 100%;
	height: auto;
	
}
.txt-side{
		padding: 0 20px;
}
.txt-side p {
	margin-bottom: 20px;
}
.nozen-name {
	text-align: right;
}
.badman{
padding-right:20px
}
.badman li{
	min-width:70;
	float:right;
	margin: 0 auto;
}



/* 768px～960px
-------------------------------------------------------------------------------------------*/	
@media only screen and (min-width: 768px) {
	
.pc {display: block;}
.sp {display: none;}

/* ヘッダー
-----------------------------------------------------------*/	

#top-pic img {
	min-width: 600px;
	height: auto;
}
/* コンテンツ
-----------------------------------------------------------*/	
.page-cp{
margin: 50px 0 ;	
}
#about-contents {
	width: 750px;
	margin: 0 auto 100px;
}
.ttl {
	padding-bottom: 15px;
	font-size: 21px;
}
.img-side {
	float: left;
	width: 400px;
	margin-left:0px;
}
.txt-side {
	float: right;
	width: 310px;
	margin-right:0px;
	padding: 0px 0px 0 0 ;
	
}
.txt-side p {
	margin-bottom: 30px;
		padding: 0 ;
}
	.nozen-name {
	display:block;
	text-align: right;
	margin-right: 10px ;
}
}

/* 961px～ 
-------------------------------------------------------------------------------------------*/	
@media only screen and (min-width: 961px) {
	
.pc {display: block;}
.sp {display: none;}

/* ヘッダー
-----------------------------------------------------------*/		
#top-pic img {
	min-width: 600px;
	height: auto;
}
/* コンテンツ
-----------------------------------------------------------*/	
.page-cp{
	margin: 80px 0 ;	
}
#about-contents {
	width: 1000px;
	margin: 0 auto 100px;
	padding: 0 0;
}
.ttl {
	margin-bottom: 0px;
	padding-bottom: 15px;
	font-size: 21px;
}
.img-side {
	float: left;
	width: 500px;
	margin:0 0 0 15px;
}
.txt-side {
	float: right;
	width: 400px;
	margin: 0 10px 0 0;

}
.txt-side p {
	margin-bottom: 30px;
		padding: 0 0px;
}
}