/* Sass Document */


body,p,h1,h2,h3{margin:0;padding:0}
body{font-family: "Source Sans Pro",sans-serif;}

.outBody{margin:0;padding:0; text-align:center;width:100%;backround-color:black; background-color:black}
.logo{margin-top:20px;margin-bottom:120px;cursor:pointer;border:0}
.outBox{margin:0 auto;width: 1060px;
	padding:0}
.topBox{
	height:500px; 
	background:black url(topBG.jpg) no-repeat top right; text-align:left }

.outBox h1, .outBox h2{color:white; margin-left:20px}


.contentsBody{
	margin:0;padding:0;margin:0 auto;
	width: 1060px;
	text-align: center; position:relative
}


h1{
	font-size:60px;line-height:20px;margin:15px 0
}
h2{ 
	font-size: 25px;
	font-weight: 500;
	line-height: 40px; margin-top:30px;
	color:#555;
}
h3 { font-size: 40px;line-height:40px}

.blockGroup {
	position: relative; margin-bottom:55px
}

.blockDivider::before{
	content: "";
  	display: block;
  	position: absolute;
  	top: 12px;
  	width: 100%;
  	border-top: 1px solid rgba(0,0,0,0.15);
}
.blockDivider{margin-bottom:50px;}
.bt-latest{
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.44);
	background: #fff;
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 8px 2px 12px;
	letter-spacing: .3em;
	color:$primary-color;
	position: relative;}
 .textBoxBody{
	 width:100%;margin-top:20px;
}
 .textBox{
	 width:28%;float:left;margin:20px 0;padding:0 23px;border-right:1px dotted #777;
}
 .textBox:last-child{border:none}

.textBox p{font-size:16px;height:140px;line-height:25px;font-family:"Noto Serif",serif;font-weight:400;color:#333}
 .textBoxBody::after{
	 content:"";display: block;
	 clear:both
}
button{border:1px #FF8C8E solid; cursor:pointer;
	letter-spacing:1px;
	text-transform:uppercase;
	background-color:white; color:red;padding:13px 50px;font-size:14px; font-weight:bold;

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color:white; background-color:#FF8C8E;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
button:hover, button:focus, buttonactive {
  color: white;
}
button:hover:before, button:focus:before, button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



.gray{border-color:#666; color:#666}
.gray:before{background-color:#666}
.bottomBox{padding:30px 0 55px 0;text-align:left;color:white;position:relative;margin-top:70px;background-color:black;font-size:14px;line-height:22px; font-weight:100; text-align:justify}

.companyInfo h3{font-size:18px}