@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 .copy{ display:block;  max-width:95%; text-align:center; padding:0; margin:0 auto;}
#contentArea #section01 #list{ clear:both; position:relative; width:100%; overflow:hidden; margin:0 auto; background-color:#134A84; color:#FFF;  }
#contentArea #section01 #list h3{ display:block; position:absolute; margin:0 auto; padding:0; }
#contentArea #section01 #list .page{ display:block; position:absolute; margin:0 auto; padding:0; }
#contentArea #section01 #list .btn{ display:block; position:absolute; margin:0 auto; padding:0; }
#contentArea #section01 #list section{ position:absolute; width:100%; height:100%; }
#contentArea #section01 #list section h4{ display:block; position:relative; margin:0 auto; padding:0; }
#contentArea #section01 #list section p{ display:block; position:relative; margin:0 auto; padding:0; }
.autograph{ display:block; text-align:right;}
/******** about-us用 ********/
@media screen and (min-width:980px){
	.f50{
		font-size:36px;
		text-align:center;
	}
	#contentArea .subCatch{  
	margin:0 auto 30px auto;
	text-align:center;
	}
	#contentArea #main{ height:900px;}
	#contentArea #main .logo{ top:35px; }
	#contentArea h2{  margin:78px auto 10px auto;}
	#contentArea .copy{ padding-bottom:40px;}
	#contentArea #section01 #list h3{ top:68px; left:120px; z-index:99;}
	#contentArea #section01 #list .page{ top:94px; left:344px; z-index:99;}
	#contentArea #section01 #list{ width:1140px; /* height:660px; base.jsで調整 */ margin-bottom:80px; }
	#contentArea #section01 #list section#page01{ background:url(../../images/about-us/page01_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page02{ background:url(../../images/about-us/page02_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page03{ background:url(../../images/about-us/page03_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page04{ background:url(../../images/about-us/page04_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page05{ background:url(../../images/about-us/page05_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page06{ background:url(../../images/about-us/page06_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page07{ background:url(../../images/about-us/page07_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page08{ background:url(../../images/about-us/page08_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page09{ background:url(../../images/about-us/page09_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page10{ background:url(../../images/about-us/page10_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page11{ background:url(../../images/about-us/page11_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page12{ background:url(../../images/about-us/page12_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page13{ background:url(../../images/about-us/page13_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page14{ background:url(../../images/about-us/page14_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section h4{ top:160px; width:900px; font-size:1.7em;}
	#contentArea #section01 #list section p{ top:180px; width:900px; font-size:0.9em; line-height:205%; }
	#contentArea #section01 #list .btn{ width:50px; height:50px; }
	#contentArea #section01 #list .btn a{ display:block; width:100%; height:100%; }
	#contentArea #section01 #list .btn.prev{ top:305px; left:20px;}
	#contentArea #section01 #list .btn.next{ top:305px; right:20px;}
	#contentArea #section01 #list .btn.prev a{ background:url(../../images/about-us/btn_prev.png) no-repeat; }
	#contentArea #section01 #list .btn.next a{ background:url(../../images/about-us/btn_next.png) no-repeat; }
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:979px){
.nextSection{ 
	display:block; 
	position:fixed; 
	top:48%; 
	left:50%; 
	width:66px;
	margin-left:-33px;
	z-index:400;
}
	.f50{
		font-size:60px;
		text-align:center;
		line-height:110%;
	}
	#contentArea .subCatch{  
	margin:0 auto 30px auto;
	text-align:center;
	}
	#contentArea #main{ height:770px;}
	#contentArea #main .logo{ top:40px; }
	#contentArea h2{  margin:70px auto 1px auto;}
	#contentArea .copy{ padding-bottom:30px;}
	#contentArea #section01 { margin-bottom:0px; }
	#contentArea #section01 #list h3{ top:66px; left:3%; z-index:99; max-width:50%; }
	#contentArea #section01 #list .page{ top:90px; left:3%; margin-left:220px; z-index:99;}
	#contentArea #section01 #list{ width:100%; }
	#contentArea #section01 #list section{ width:100%; background-size:cover!important;}
	#contentArea #section01 #list section#page01{ background:url(../../images/sp/page01_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page02{ background:url(../../images/sp/page02_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page03{ background:url(../../images/sp/page03_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page04{ background:url(../../images/sp/page04_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page05{ background:url(../../images/sp/page05_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page06{ background:url(../../images/sp/page06_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page07{ background:url(../../images/sp/page07_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page08{ background:url(../../images/sp/page08_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page09{ background:url(../../images/sp/page09_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page10{ background:url(../../images/sp/page10_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page11{ background:url(../../images/sp/page11_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page12{ background:url(../../images/sp/page12_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page13{ background:url(../../images/sp/page13_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section#page14{ background:url(../../images/sp/page14_bg.jpg) center top no-repeat;}
	#contentArea #section01 #list section h4{ top:150px; width:94%; font-size:1.5em;}
	#contentArea #section01 #list section p{ top:199px; width:94%; padding-bottom:250px;}
	#contentArea #section01 #list .btn{ width:80px; height:80px; }
	#contentArea #section01 #list .btn a{ display:block; width:100%; height:100%; }
	#contentArea #section01 #list .btn.prev{ bottom:80px; left:3%;}
	#contentArea #section01 #list .btn.next{ bottom:80px; right:3%;}
	#contentArea #section01 #list .btn.prev a{ background:url(../../images/about-us/btn_prev.png) no-repeat; }
	#contentArea #section01 #list .btn.next a{ background:url(../../images/about-us/btn_next.png) no-repeat; }
}
@media screen and (max-width:639px){
	#contentArea #section01 #list .page{ margin-left:200px;}
}
#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;
}
.about-usmode{
		display:block;
	}
	.spmode{
		display:none;
	}


#slider {
  position:relative;
  width:1140px;
  height:660px;
  margin:0 auto;
  overflow: hidden;
}

#wrapper {
  background: #fff;
  width: 100%;
  height: auto;
  min-height:660px;
  overflow: hidden;
}
#carousel li {
  float: left;
  position:relative;
}



#carousel li .pos-txt h4{
	font-size:1.5em;
	margin-bottom:10px;
}
.ttl{
	color:#FFF;
}

#prev, #next {
  background-color: #fff;
  opacity:0.7;
  filter: alpha(opacity=70);/* ie 6 7 */
  -ms-filter: "alpha(opacity=70)";/* ie 8 */
  zoom:1;
  display: block;
  height: 50px;
  width: 50px;
  top: 50%;
  position: absolute;
}
#prev:hover, #next:hover {
  opacity:0.4;
  filter: alpha(opacity=40);/* ie 6 7 */
  -ms-filter: "alpha(opacity=40)";/* ie 8 */
  zoom:1;
}
#prev {
  left: 20px;/* スライドする画像の横半分の値 */
  background:#fff url( ../../images/about-us/arrow-left.png ) 95% center no-repeat;
}
#next {
  right: 20px;/* スライドする画像の横半分の値 */
  background:#fff url( ../../images/about-us/arrow-right.png ) 5% center no-repeat;
}
#prev img ,
#prev img {
  right:20px;
  top:120px;
  position:absolute;
}
#next img {
  left:20px;
  top:120px;
  position:absolute;
}
#pager {
  text-align:center;
  padding:10px;
  display:none!important;
}
#pager a {
  border: 2px solid #ccc;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 5px 0 0;
}
#pager a:hover {
  background:#eee ;
}
#pager a span {
  display: none;
}
#pager a.selected {
  background-color: #ccc;
}