@charset "utf-8";
/* 会社概要 */
/* ------------------------------------------------------- */
#company-about {
  margin: 0 auto;
  max-width: 920px;
  width: 100%;
}

#company-about h4 {
  color: #000;
  font-size: 200%;
  line-height: 150%;
  margin: 0 0 30px;
  text-align: center;
}

#company-about h4 span {
  color: #0068b7;
}

#company-about ol {

}

#company-about ol li {
  border-bottom: 1px #E7E7E7 solid;
  font-size: 140%;
  font-weight: bold;
  padding: 15px 3em 10px;
}

#company-about ol li span {
  color: #0068b7;
  font-size: 200%;
  font-style: italic;
  
}

#company-information {
  padding: 70px 5% 50px;
}

#company-information .list {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

#company-information .list dl dt {
  width: 13em;
}

#company-history {
  padding: 60px;
}

#company-history .history-box {
  float: left;
  width: 48%;
}

#company-history .history-box:nth-child(even) {
  float: right;
}


#company-history dl {
  display: block;
  padding: 10px 0;
  
}

#company-history dl {
  zoom: 1;
}

#company-history dl:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
}

#company-history dl dt {
  float: left;
  width: 30%;
}

#company-history dl dd {
  border-left: 1px #7b838d solid;
  float: right;
  width: 70%;
}

#company-history dl dt,
#company-history dl dd {
  display: block;
  padding: 5px 1em;
}


#company-history dl:nth-child(odd) {
  background: #7b838d;
}


#company-history dl:nth-child(odd) dt,
#company-history dl:nth-child(odd) dd {
  color: #fff;
}

#company-history dl:nth-child(odd) dd {
  border-left: 1px #fff solid;
}

#office-tab {

}

#office-tab ul {

}

#office-tab ul li {
  background: #134990;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
  margin: 0 2.5% 0 0;
  padding: 15px 1em;
  text-align: center;
  width: 18%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

#office-tab ul li:nth-child(5n) {
  margin-right: 0;
}

#office-tab ul li.on {
  background: #fff;
  color: #134990;
}

#company-office {
  padding: 60px 60px 1px;
}

#company-office .office-box {
  margin: 0 0 100px;
}

#company-office .office-box h4 {
  margin: 0 auto 60px;
  max-width: 880px;
  width: 100%;
}

.company-gallery {

}

.company-gallery .bx-wrapper {
  overflow: hidden;
}

.company-gallery .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	margin-top: -54px;
	width: 50px;
	height: 108px;
	text-indent: -9999px;
	z-index: 90;
}

.company-gallery .bx-wrapper .bx-prev {
	left: 5px;
	background: url(../img/bt-prev-ptn2.png) no-repeat 0 0;
	background-size: 50px 108px;
}

.company-gallery .bx-wrapper .bx-next {
	right: 5px;
	background: url(../img/bt-next-ptn2.png) no-repeat 0 0;
	background-size: 50px 108px;
}

#company-office .office-box .list {
  margin: 0 auto 50px;
  max-width: 750px;
  width: 100%;
}

#company-office .office-box .list dl dt {
  text-align: center;
  width: 12em;
  vertical-align: top;
}

#company-office .office-box .map-wrap {
  margin: 0 auto;
  max-width: 830px;
  width: 100%;
}



/* ------------------------------------------------------- */
@media (max-width: 980px){
	#company-history dl dt {
	  width: 35%;
	}
	
	#company-history dl dd {
	  width: 65%;
	}

}

@media (max-width: 870px){
	#company-history .history-box {
	  float: none;
	  width: 100%;
	}
	
	#company-history dl dt {
	  width: 30%;
	}
	
	#company-history dl dd {
	  width: 70%;
	}
	

}


@media (max-width: 780px){
	#company-about ol li {
	  padding: 15px 1em 10px;
	}
	
	#company-information {
	  padding: 35px 5% 25px;
	}
	
	#company-history {
	  padding: 30px 5%;
	}
	
	#company-office {
	  padding: 30px 5% 1px;
	}
	
	#company-office .office-box {
	  margin: 0 0 50px;
	}
	
	#company-office .office-box h4 {
	  margin: 0 auto 15px;
	}
	
	#company-office .office-box .list {
	  margin: 0 auto 30px;
	}
	
	#company-office .office-box .list dl dt {
	  text-align: left;
	  width: 100%;
	}
	
	
	
	
}

@media (max-width: 640px){
	
	.deco-point img {
	  max-height: 16px;
	}
	
	#company-about h4 {
	  font-size: 150%;
	  margin: 0 0 10px;
	}
	
	#company-about ol li {
	  font-size: 14px;
	}
	
	#company-about ol li span {
	  font-size: 150%;
	}
	
	#company-information {
	  padding: 20px 5% 15px;
	}
	
	#company-history {
	  padding: 20px 5%;
	}
	
	#office-tab ul li {
	  float: left;
	  font-size: 100%;
	  line-height: 150%;
	  margin: 0 2.5% 0 0;
	  padding: 10px 1em;
	  width: 18%;
	}
	
	#company-office {
	  padding: 20px 5% 1px;
	}
	
	#company-office .office-box {
	  margin: 0 0 30px;
	}
	
	#company-office .office-box h4 {
	  margin: 0 auto 15px;
	}
	
	.company-gallery .bx-wrapper .bx-controls-direction a {
		margin-top: -27px;
		width: 25px;
		height: 54px;
	}
	
	.company-gallery .bx-wrapper .bx-prev {
		left: 5px;
		background: url(../img/bt-prev-ptn2.png) no-repeat 0 0;
		background-size: 25px 54px;
	}

	.company-gallery .bx-wrapper .bx-next {
		right: 5px;
		background: url(../img/bt-next-ptn2.png) no-repeat 0 0;
		background-size: 25px 54px;
	}
	
	#company-office .office-box .list {
	  margin: 0 auto 15px;
	}
	
	
}
/* ------------------------------------------------------- */