@charset "UTF-8";

/* 
   slide
---------------------------------------------------------------------------------------- */

.slide {
  clear:both;
  width: 100%;
  height: 80%;
  height: 450px;
  position: relative;
}
.skippr>div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 62.5%;
  background-repeat:no-repeat;
}

/* 
   CONTENT
---------------------------------------------------------------------------------------- */

#content .box-left,#content .box-right {
	width:425px;
  background-color:#FFFFFF;
  margin:0;
  padding-bottom:20px;
}

#content .box-left {
  float:left;
}
#content .box-left .bg-photo {
  height:150px;
  background-image:url(../img/top/p_company.jpg) ;
  background-repeat:no-repeat;
  background-size: cover;
  background-position:center center;
}

#content .box-right {
  float:right;
}
#content .box-right .bg-photo {
  min-height:150px;
  background-image:url(../img/top/p_recruit.jpg) ;;
  background-repeat:no-repeat;
  background-size: cover;
  background-position:center center;
}

#content .box-left div,
#content .box-right div {
  padding:10px 25px;
}

#content .box-left .txt,
#content .box-right .txt {
  height:210px;
  overflow:auto;
}

#content h2 {
  font-size:160%;
  font-weight:400;
  letter-spacing: 3px;
  margin-top:5px;
  margin-bottom:10px;
}

#content .box-news {
  width:100%;
	/*width:550px;*/
  min-height:200px;
  float:left;
  margin-top:30px;
  margin-bottom:30px;
  background-color:#FFFFFF;
  font-size:100%;
}
#content .box-news div {
  padding:25px;
}
#content .box-news div p{
  padding-bottom:20px;
}
#content .box-news div p.date{
  padding:0;
}


#content .box-fb {
  display:none;
	width:300px;
  height:300px;
  float:right;
  margin-top:30px;
  margin-bottom:30px;
  background-color:#FFFFFF;
}


.line_top img{
 max-width: 100%;
}



/* 
   SP ( BREAK-POINT )
---------------------------------------------------------------------------------------- */

@media (max-width: 768px) {
  
  /* slide */
.slide {
  width: 100%;
  height: 30%;
  min-height: 120px;
  position: relative;
}


/**/
#content .box-left {
  float: none;
  width:100%;
  margin:0 0 30px;
  padding:0 0 20px;
}
#content .box-left .bg-photo {
  background-image:url(../img/top/p_company.jpg) ;
  background-repeat:no-repeat;
  background-size: cover;
}

#content .box-right {
  float:none;
  width:100%;
 padding:0 0 20px;
}

#content .box-right .bg-photo {
  background-image:url(../img/top/p_recruit.jpg) ;
  background-repeat:no-repeat;
  background-size: cover;
}

#content .box-left div,
#content .box-right div {
  padding:15px 25px 20px;
}

#content .box-left .txt,
#content .box-right .txt {
  height:250px;
  overflow:auto;
}

#content .box-left h2,
#content .box-right h2 {
  
}

#content .box-news {
	width:100%;
  float:none;
}
#content .box-news div {
  padding:25px;
}


#content .box-fb {
	width:100%;
  height:300px;
  float:none;
  
}

}