@charset "utf-8";
.indexBG{
	position:absolute; z-index:10;
	width:100%; height:350px;
	background-size:contain;background-image: url(img/index_BG.png);background-repeat: repeat-x;background-position: center top;	
}
.title{
	position:absolute; z-index:20;
	left:5px;top:55px;height:45%;width:auto;
	display:inline;
}
.title2{
	display:none;
}
.indexTOPimg{
	position:absolute; z-index:10; margin:0 auto; 
	width:100%;max-width:1200px; height:350px;top:0px;
	background-size:auto 350px;background-image: url(img/indexTOPimg1.png);background-repeat: no-repeat;background-position: center top;
}
.colorTXTbg{
	position:relative;
	background-color:#F2EFE1;
	width:100%;	
	text-align: center;vertical-align: top;
	padding-top: 330px;padding-bottom:20px;
	margin-bottom: 5px;
	z-index:8;
}
@media screen and (min-width: 641px){
.indexBG{ height:400px;}
.title{ display:none;}
.title2{
	position:absolute; z-index:20;
	left:1%;top:110px; 
	display:inline;
}
.indexTOPimg{ height:400px; background-size:auto 400px ;background-image: url(img/indexTOPimg2.png);}
.colorTXTbg{padding-top: 360px; font-size: 20px;line-height: 28px;}
}
@media screen and (min-width: 1000px){
.title2{left:8%;}
.colorTXTbg{padding-top: 360px; font-size: 26px;line-height: 36px;}
}