@charset "shift_jis";



/* PC */
@media print, screen and (min-width:769px) {
	
	
#sec1 .sec1_inn{min-width:1200px;
		text-align: center;
		padding: 120px 0 35px;
	}	
	#sec1 .sec1_inn h2 img{width: 380px;}
	#sec1 .sec1_inn p{padding-top: 20px;}
	
#sec2 {
	min-width:1200px;
	/*background: url("../img_2012/top/works_bg.png") no-repeat;
	background-size: cover;*/
	padding: 50px 0 75px;
	text-align: center;}


.map{
	width:90%;
	max-width: 1200px;
	border: none;
	margin: 30px auto;
	cursor: default
}

#mapbase .area{transition: all .3s;}
#mapbase:hover .area:not(:hover){
   opacity: 0;
}
#mapbase:hover .area:hover{
		opacity: 1;
	}
.area-wrap:hover .area-inn:not(:hover){
   opacity: 0;
}
.area-wrap:hover .area-inn:hover{
		opacity: 1
	}
	
.cl-point	{opacity: 1!important;
	cursor: pointer
	}

#sec2 .link .linkarea{
		margin: 0 auto;
	}
}


/* SP */
@media screen and (max-width:768px) {

	
#sec1 .sec1_inn{width:100%;
		text-align: center;
		padding: calc(60px + 10%) 0 5%;
	}	
#sec1 .sec1_inn h2 img{width: 80%;}
#sec1 .sec1_inn p{
	margin-top: 1%;}
	
	
	
#sec2 {width:100%;
	padding: 10% 0 ;
	/*background: url("../img_2012/top/works_bg.png") no-repeat;
	background-size: cover;*/
	text-align: center; }
#sec2 p{ font-size:3.6vw;}

.map{
	width:96%;
	border: none;
	margin:5vw auto;
}

#mapbase:hover .area:hover{
		opacity: 1;
	}
	
.cl-point	{opacity: 1!important;}

#sec2 .link .linkarea{
	width:70%;
	margin: 0 auto;
	}

}