@charset "utf-8";
/******** 共通 ********/
/* meta */
/* header */
/* contentArea */
#contentArea #main .logo{ display:block; position:absolute; left:50%; /*transform: translateX(-50%);*/}
#contentArea h2{  margin:0; padding:0;}
#contentArea h2 img{ display:block; margin:0 auto;}
#contentArea .section section{ display:block; position:relative; clear:both; margin:0 auto;  }
#contentArea .section section ul{ display:block; clear:both; margin:0 auto;  }
#contentArea .section ul{ display:block; position:relative; list-style:none; margin:0; padding:0; overflow:hidden; }
#contentArea .section ul li{ display:block; overflow:hidden; }
#contentArea .section ul li span{ display:block; position:relative; }
#contentArea .section ul li a.map{ display:block; position:relative;  }
#contentArea .section ul li a.map img{ display:block; position:relative;  }
#contentArea div #section01 ul li { border:1px #DCE4EB solid;}
#contentArea div #section02 ul li a.map{ background:#88B9E1;  }
#contentArea div #section02 ul li .text{ display:block; position:relative; background:#0953A0;  color:#FFF; overflow:hidden; }
#contentArea div #section02 ul li .office strong{ font-size:1.3em; font-weight:normal;  }
#contentArea div #section02 ul li .image{ display:block; position:relative;  }
#contentArea div #section02 ul li .comment{ font-size:0.8em;  }
/* モーダル */
div#glayLayer{ background:#000; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
div#overLayer{ width:96%!important; max-height:100%; position:absolute; top:0px; }
div#overLayer iframe{ width:100%; }
div#overLayer .close{ display:block; position:absolute; right:0; bottom:0; background:url(../images/map_close.jpg) no-repeat; background-size:contain;}

.mv-ttl{
	position:absolute;
	left:0;
	top:0;
	font-size:64px;
	color:#FFF;
	text-align:center;
	letter-spacing:2px;
}
.mv-ttl span{
	font-size:20px;
}
/******** PC用 ********/
@media screen and (min-width:980px){
	#contentArea h2.f50{
		font-size:50px;
		text-align:center;
	margin:78px auto 30px auto;
	}
	div#overLayer .close{ width:60px; height:60px;}
	#contentArea #main{ height:900px;}
	#contentArea #main .logo{ top:35px; }
	#contentArea h2{  margin:78px auto 10px auto;}
	#contentArea div #section01 ul{ width:980px;}
	#contentArea div #section01 ul li { margin-bottom:10px; }
	#contentArea div #section01 ul li .office{ float:left; width:150px; padding:20px 0px 00px 25px; font-weight:bold;  }
	#contentArea div #section01 ul li .address{ float:left; width:370px;  padding-top:20px; }
	#contentArea div #section01 ul li .tel{ float:left;  padding-top:20px;  }
	#contentArea div #section01 ul li a.map{ float:right; width:188px; height:85px; background:url(../images/pc/section01_btn_map_bg.png) no-repeat;  }
	#contentArea div #section01 ul li a.map img{ top:31px; left:73px;  }
	#contentArea div #section02 ul{ width:1200px; padding:0 0 50px 0;}
	#contentArea div #section02 ul li { margin-bottom:10px; }
	#contentArea div #section02 ul li .text{ width:450px; height:400px; }
	#contentArea div #section02 ul li .image{ width:750px;}
	#contentArea div #section02 ul li a.map{ ; width:180px; height:42px;  }
	#contentArea div #section02 ul li a.map img{ top:9px; margin:0 auto;  }
	#contentArea div #section02 ul li.list01 .text{ float:left; }
	#contentArea div #section02 ul li.list01 .image{ float:right; }
	#contentArea div #section02 ul li.list02 .text{ float:right; }
	#contentArea div #section02 ul li.list02 .image{ float:left; clear:left; }
	#contentArea div #section02 ul li.list03 .text{ float:left; }
	#contentArea div #section02 ul li.list03 .image{ float:right; clear:right; }
	#contentArea div #section02 ul li .office{ margin: 40px 42px 20px 34px;  }
	#contentArea div #section02 ul li .comment{ margin: 0 42px 0 34px;  line-height: 150%;}
	#contentArea div #section02 ul li.list01 a.map{ margin: 20px 34px;  }
	#contentArea div #section02 ul li.list02 a.map{ margin: 40px 34px;  }
	#contentArea div #section02 ul li.list03 a.map{ margin: 40px 34px;  }


}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:979px){
.nextSection{
	display:block;
	position:fixed;
	top:48%;
	left:50%;
	width:66px;
	margin-left:-33px;
	z-index:400;
}
	#contentArea h2.f50{
		font-size:60px;
		text-align:center;
		line-height:110%;
	margin:70px auto 30px auto;
	}
	div#overLayer .close{ width:60px; height:60px;}
	#contentArea #main{ height:770px;}
	#contentArea #main .logo{ top:40px; }
	#contentArea h2{  margin:70px auto 0px auto;}
	#contentArea div #section01 ul li { padding:30px 20% 0 20%; margin-bottom:40px; }
	#contentArea div #section01 ul li .office{ margin: 0 auto; text-align:center; font-size:1.3em; }
	#contentArea div #section01 ul li a.map{ width:168px; height:85px; margin: 25px auto; background:#0953A0;  }
	#contentArea div #section01 ul li a.map img{ top:33px; margin:0 auto;  }
	#contentArea div #section02 ul li .text{ margin-bottom:80px; }
	#contentArea div #section02 ul li .image{ width:100%;  }
	#contentArea div #section02 ul li .office{ margin: 30px 2% 15px 2%;  }
	#contentArea div #section02 ul li .comment{ margin: 0 2%;  }
	#contentArea div #section02 ul li a.map{ width:168px; height:85px; margin: 25px auto;  }
	#contentArea div #section02 ul li a.map img{ top:35px; margin:0 auto;  }
}

#contentArea #main h1{
	margin:0;
	padding:0;
	position:relative;
	width: 100%;
}
#contentArea #main img{
	display:block;
	position:absolute;
}
#contentArea .section{
	position:relative;
	margin:0 auto 5px auto;
	overflow:hidden;
	background:#FFF;
}
#contentArea #main{
	display:block;
	overflow:hidden;
	margin-bottom:5px;
}

#contentArea #main{
	z-index:100!important;
}
#main h1{
	z-index:100!important;
}