@charset "utf-8";
/* CSS Document */

@media screen and (min-height: 568px){
	.pro-flist a img{
		width: 25%;
	}
	.pro-flist p{
		padding:32px 0 22px 0;
	}
	.solution-list a img{
		width: 115px;
		height: 69px;
	}

.into .page_0 .txt{
	top: 49%;
}
.into .page_0 .txt p{
	padding:4% 3% 5% 3%;
	font-size: 14px;
}
.into .page_1 .txt{
	top: 55%;
}
.into .page_1 .txt p{
	padding-top: 10px;
}
.into .page_1 .txt p img{
	margin:2% 2%;
}
.into .page_2 .img2 p img{
	margin:4% 2%;
}
.into .page_2 .txt{
	top: 57%;
}
.into .page_2 .txt p{
	font-size: 14px;
	line-height: 2;
}
.into .page_4 .txt{
	font-size: 14px;
	line-height: 2;
	top: 77%;
}
.into .page_4 .img2{
	top: 18%;
}
.into .page_5 .txt{
	font-size: 14px;
	line-height: 2;
	top: 81%;
}
.into .page_5 .txt b{
	font-size: 16px;
}
.into .page_5 .img2{
	top: 22%;
}
}
@media screen and (min-height: 667px){
	.solution-list a img{
		width: 145px;
		height: 87px;
	}
	.solution-list .con .txt{
		height: 43px;
	}

}
@media screen and (min-height: 736px){
	.into .page0 .txt{
		line-height: 2.1;
		bottom: 20%;
	}

}

@media screen and (min-width: 375px){
.into .page_0 .txt{
	top: 51%;
}
.into .page_0 .txt p{
	padding:3% 3% 5% 3%;
	line-height: 2.2;
}

}
@media screen and (min-width: 414px){

.into .page_0 .txt p{
	padding:5% 8% 5% 3%;
	line-height: 2;
}
.into .page_4 .img2{
	top: 19%;
}

}
@media screen and (min-width: 640px){
	footer{
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}
	.pro-menu{
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}
}