@charset "UTF-8";

/*
==========================================================
main
==========================================================
*/

/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
body {
	min-width:800px;
	background-color: #fff;
}

.left{
	float: left;
}
.right{
	float: right;
}
#contents h3{
	text-align: left;
}
#contents h4{
	text-align: left;
}

#contents{
	width: 800px;
	margin: 0px auto 50px auto;
}

#contents p{
	text-align: left;
	font-size: 14px;
	line-height: 150%;
}
}


/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
.left{
	float: left;
}
.right{
	float: right;
}


body {
	width:100%;
	background-color: #fff;
}
#wrapper{
	width:100%;
	overflow: hidden;
}

#contents h2{
	font-size: 30px;
	text-align: center;
}
#contents h3{
	text-align: left;
}
#contents h4{
	text-align: left;
}

#contents{
	width: 100%;
	margin: 0px auto 50px auto;
}

#contents p{
	text-align: left;
	font-size: 14px;
	line-height: 150%;
}

}



/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

body {
	width:100%;
	background-color: #fff;
}
#wrapper{
	width:100%;
	overflow: hidden;
}
}