@charset "utf-8";
@import url(responsive.css);


/*�����������������������X�|���V�u��������������������*/

@media screen and (max-width:767px){
h1 {
	text-align: left;
	font-size: 130%;
	padding-left: 3%;
}
#contents {
	padding: 5%;
        text-align: left;
}
#product h2 {
	letter-spacing: 3px;
	line-height: 1.5em;
}
#product p{
	font-size: 80%;
	line-height: 2em;
}
#sindou {
	padding: 5%;
	padding-top: 20px;
}
#sindou img{
	padding-top: 3%;
	padding-bottom: 5%
}
#sindou ul {
	padding-left: 0;
}
#sindou ul li {
	letter-spacing: 1px;
	text-align: left;
	list-style: none;
	font-size: 90%;
	margin-bottom: 20px;
	line-height: 1em;
}
.gray img {
	margin:0;
	margin-bottom:30px;
}
.gray p {
	font-size: 80%;
}
.gray h3 {
	line-height: 1.5em;
	font-size: 100%;
}

.flex {
	flex-direction: column;
	justify-content:center;
	padding:5%;
}
.flex .text0 {
	width: 100%;
	margin:0;
}

.flex .text1 {
	width: 100%;
	margin:0;
	text-align: left;
	padding-top: 0;
}
.flex .text2 {
	width: 100%;
	margin:0;
	line-height: 2em;
	font-size: 80%;
}

/* �������|�[�g id:report */
#report h1 {
	text-align: left;
	padding-left: 3%;
}
.purpose{
	margin:0;
	width: 100%;
}
.method{
	margin:0 auto;
}
.m-left{
	width: 100%;
	padding-right: 0;
}
.m-left img{
	width: 100%;
}
.m-right{
	width: 100%;
}
.m-right img{
	width: 100%;	
}
.text{
	font-size: 100%;
	width: 100%;
}
#report h3 {
	font-size: 100%;
}
.summary {
	width: 100%;
}
/********** END **********/
}