@charset "utf-8";

/* ベース　～767px
-------------------------------------------------------------------------------------------*/	


#contents-contact{
	margin: 100px auto 100px ; 
	
}
#contents-contact:after{
	content:"";
	display: block;
	clear:both;
}
#contact-sec{
background-color: #ccc;
	padding: 50px 0;
	
}
.con-txt{
	padding:0 10px;
	text-align:left;
}
.contact_main{
max-width:600px;
margin:0 auto;
	

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

#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;
}



/* 768px～960px
-------------------------------------------------------------------------------------------*/	
@media only screen and (min-width: 768px) {


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

#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;
}
}