overflow: hidden;
	overflow: hidden;
	overflow: hidden;
	overflow: hidden;
	overflow: hidden;@charset "UTF-8";
#intro{
	
}


@media screen and (min-width:981px) {
	#intro{
	width:100%;
	margin:0 auto;
	position:relative;
	background:#fbf7e3 url("../images/intro_bg_pc.jpg") center top no-repeat;
	padding:390px 0 100px 0;
	margin-top:-100px;
	}
}
@media screen and (min-width:641px) and (max-width:980px){
	#intro{
	width:980px;
	margin:3vW auto 0 auto;
	position:relative;
	background:url("../images/intro_bg.jpg") center top -0.5vw no-repeat;
	background-size:245% auto;
	padding:42vw 0 10vw 0;
	margin-top:-4vw;
	}
}
@media screen and (max-width:640px){
	#intro{
	width:100%;
	margin:0;
	position:relative;
	background:#fbf4d7 url("../images/intro_bg.jpg") center top no-repeat;
	background-size:245% auto;
	padding:37vw 0 10vw 0;
	}
}



#intro h2{ display:none; }
#introImg01{float:right;}
#introImg02{ position:absolute;}
#introImg03{ position:absolute;}
#intro p span{
	width: 55px;
 	height: 55px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:6px 8px 8px 0;
}
#intro p span.introh01{
	background:url("../images/intro_h01.png") no-repeat;
}
#intro p span.introh02{
	background:url("../images/intro_h02.png") no-repeat;
}
@media screen and (min-width:981px) {
	#intro h1{
	max-width:731px;
	max-height:385px;
	
	width:731px;
	height:385px;
	background:url("../images/intro_ti.png") no-repeat;
	text-indent:-9999px;
	margin:0 auto 30px auto;
	}
	#intro p{
	width:731px;
	margin:0 auto 0 auto;
	}
	#introImg01{ float:right; margin:0 -200px 0 0 ;}
	#introImg02{ top:700px; right:-120px;}
	#introImg03{ top:700px; left:-120px;}
}

@media screen and (min-width:641px) and (max-width:980px){
	#intro h1{
	
	width:75vW;
	height:42vw;
	background:url("../images/intro_ti.png") no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0 auto;
	}
	#intro p{
	width:62vW;
	margin:0 auto;
	}
	
	#introImg01{ float:right; margin:0 -200px 0 0 ;}
	#introImg02{ top:830px; right:-40px;}
	#introImg03{ top:610px; left:-40px; }
	
	#intro .contents{ overflow:hidden;}
}

@media screen and (max-width:640px){
	#intro h1{
	
	width:100%;
	height:65vw;
	background:url("../images/intro_ti.png") no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0 auto;
	}
	#intro p{
	width:88%;
	margin:0 auto;
	}
	
	#intro .contents{ overflow:hidden;}
	#introImg01{float:right; width:30vw;  margin:0 -9vw 0 0; }
	#introImg02{ position:relative; float:right; margin:0 -8vw 0 0; width:20vw;}
	#introImg03{ position:relative; float:left; margin:2vw 4vw 2vw -8vw; width:21vw;}
}