@charset "UTF-8";
/* CSS Document */
#contents_interview {
	max-width: inherit;
	padding: 0;
}
/*#contentsInner {
	max-width: 1150px;	
}*/

.mainimage {
	/*width:100%;*/
	width: auto;
}
#contents_right {
  max-width: 1355px;
  float: left;
  margin-left: 245px;
}

#contents_interview h2 {
	float: none;
	line-height: 150%;
	margin-bottom: 20px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: block;	
}
#contBox1 .bx-wrapper .bx-prev {
	left: -40px;
  background: url(../images/interview/bx-prev.png) no-repeat 0 0;
}
#contBox1 .bx-wrapper .bx-next {
	right: -40px;
  background: url(../images/interview/bx-next.png) no-repeat 0 0;
}
/*.button_bottom {
	padding: 0 200px 0 60px;	
}*/


#contBox5 .bx-wrapper .bx-prev {
	left: -40px;
	height: 43px;
  background: url(../images/interview/bx-prev2.png) no-repeat 0 0;
}
#contBox5 .bx-wrapper .bx-next {
	right: -40px;
	height: 43px;
  background: url(../images/interview/bx-next2.png) no-repeat 0 0;
}

.bxslider img {
	width:100%;
	height:auto;
}

.bx-pager {
	display: none;
}
.border_w {
	position: relative;
}


.contBox1w {
	height: 90px;
	padding: 0 30px 0 40px;
}
#contents_work h2 {
	line-height: 150%;
}
#contBox1 {
	width: 640px;	
	position: absolute;
	z-index: 999;
	right: 0;
	top: -50px;
	height: 90px;
}

#contBox2{
	position: relative;
	border-top: 1px solid #004EA1;	
}

.catch {
	position: absolute;
	/*top: 190px;
	left: 60px;	*/
	top: 20%;
	left: 7%;
}
#contBox2 #bx-pager {
	position: absolute;
	bottom: 20px;
	left: 60px;	
}

#contBox3 {
	padding: 30px 60px 30px 60px;
}
#contBox3 img{
	width: 100%;	
}

#contBox4 {
	background: #ffffff;
	padding:30px 60px 30px 60px;
}


#contBox4 .commBox{
	border: 2px solid #666666;
	padding: 20px;
	position:relative;
	margin: 100px 0 0 0;
    border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#contBox4 .commBox p.commTxt{
	width: 70%;
}

#contBox4 .commImg{
	position: absolute;
	bottom: 0;
	/*right: 50px;*/
	right: 0;
}
#contBox4 h3.redtxt{
	line-height: 150%;
	color: #CA4A49;
	margin: 0 0 15px 0;
	font-weight: bold;
}

#contBox4 .floatL,
#contBox4 .floatR {
	width: 50%;
}
contBox4 {
	width: 100%;	
}

#contBox4 .floatL img,
#contBox4 .floatR img {
	width: 95%;
	height:auto;
}

#contBox5 {
	padding: 20px 60px 20px 60px;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}

.breadcrumb {
	padding: 0 0 0 40px;	
}

.com1,
.com2 {
	overflow: hidden;
}
.com1 .floatR,
.com2 .floatL {
	width:60%;
}
.com1 .floatL,
.com2 .floatR {
	width:30%;
}
.com1 .floatL,
.com2 .floatL {
	/*margin: 0 3% 0 0;*/
}
.com1 h3,
.com2 h3 {
	color: #004ea2;
	font-weight: bold;
	margin: 0 0 3% 0;
	line-height: 150%;
}
.com1,
.com2 {
	margin: 0 0 5% 0;
}
h2.mid{
  font-size: 20px;
  font-weight: bold;	
}

/*fancy*/
.worksCont {
	position: relative;
	background: #ffffff;
	margin: 0;
}
.bg1{
	background: url(../images/fancy/bussiness/soukanzu_bg.jpg) no-repeat 0 bottom #ffffff;
}
.bg2{
	background: url(../images/fancy/bussiness/soukanzu_bg2.jpg) no-repeat 0 bottom #ffffff;
}
.bg3{
	background: url(../images/fancy/bussiness/soukanzu_bg3.jpg) no-repeat 0 bottom #ffffff;
}
.bg4{
	background: url(../images/fancy/bussiness/soukanzu_bg4.jpg) no-repeat 0 bottom #ffffff;
}
.bg5{
	background: url(../images/fancy/bussiness/soukanzu_bg5.jpg) no-repeat 0 bottom #ffffff;
}

.worksCont .detail{
	position: relative;
	min-height: 240px;
}
.worksCont .detail .bg{
	position: absolute;
	bottom: 0;
}
.worksCont .detail .txt{
	position: absolute;
	top: 0;
	padding: 0 7%;
	line-height: 200%;
	font-size: 14px;
	margin: 0;
}
.worksCont .detail img {
	width: 100%;	
}
.worksTtl {
	overflow: hidden;	
	padding: 5% 7% 0% 7%;
}
.worksTtl p{
	padding: 0 15px 0 0;
}
.worksTtl h1{
	font-size: 28px;
	color: #014DA1;
	line-height: 150%;
}
@media all and (max-width:1200px) {
	#contBox1 .bx-wrapper {
		visibility: hidden;
	}
	#contBox2 #bx-pager {
	position: inherit;
	left: 0;
	top: 0;
	padding: 3%;
}
}
@media all and (max-width:980px) {
.contBox1w {
	height: auto;
	padding:0 3%;
	/*padding: 0;*/	
}
	
#contBox1 {
	display: none;	
}
.catch {
	position: absolute;
	top: 13%;
	left: 5%;
}

#contBox4 .floatL,
#contBox4 .floatR {
	float: none;
	width: 100%;	
}

#contBox4 .floatL img,
#contBox4 .floatR img {
	width: 80%;
	height:auto;
}
.button_bottom_sp {
 padding: 0 3%;	
}

#contBox3,
#contBox4 {
	padding: 20px 3%;
	position: inherit;
}
#contBox5 {
	padding: 5% 12%;	
}

#contBox5 .bx-wrapper .bx-prev {
	left: -45px;
	height: 43px;
  background: url(../images/interview/bx-prev2.png) no-repeat 0 0;
}
#contBox5 .bx-wrapper .bx-next {
	right: -45px;
	height: 43px;
  background: url(../images/interview/bx-next2.png) no-repeat 0 0;
}
.com1 .floatR,
.com1 .floatL,
.com2 .floatR,
.com2 .floatL {
	float: none;
	width: 100%;
}

#contents_interview h2 {
	margin:30px 0 10px;
}

}

@media all and (max-width:690px) {
.contBox1w {
	height: auto;
	padding:0 3%;
	/*padding: 0;*/	
}
/*#contBox1 {
	width: auto;	
	padding: 0;
	position: inherit;
	height: auto;
}*/
#contBox1 {
	display: none;	
}
.catch {
	position: absolute;
	top: 13%;
	left: 5%;
}
.catch img{
	width: 60%;
}

#contBox3,
#contBox4 {
	padding: 20px 3%;
	position: inherit;
}
#contBox4 .commBox {
	margin-top: 0;
}
#contBox4 .floatL img,
#contBox4 .floatR img {
	width: 100%;	
}
#contBox4 .commImg {
	right: 0;
}
#contBox4 .commImg img {
	width: 100%;
}
#contBox5 {
	padding: 5% 12%;	
}
#contBox5 .bx-wrapper .bx-prev {
	left: -45px;
	height: 43px;
  background: url(../images/interview/bx-prev2.png) no-repeat 0 0;
}
#contBox5 .bx-wrapper .bx-next {
	right: -45px;
	height: 43px;
  background: url(../images/interview/bx-next2.png) no-repeat 0 0;
}

#contents_interview h2 {
	margin:30px 0 10px;
}

.breadcrumb {
  padding: 0 0 0 15px;
}

.button_bottom_sp {
 padding: 0 3%;	
}

#contBox4 .floatL,
#contBox4 .floatR {
	float: none;	
}


}