/* ===============================
	PC
 =============================== */

/* main-visual */
	
#main-visual {
	width: 100%;
	height: 300px;
	background-image: url(../business/images/h2_bg.jpg);
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

#main-visual .h2_box {
width: 200px;
height: 200px;
border: solid 1px #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

#main-visual h2 {
color: #FFF;
font-weight: normal;
font-size: 3.0rem;
line-height: 3.2rem;
text-align: center;
}

#main-visual h2 span{
	font-size:1.8rem;
	color: #FFF100;
}

#main {
background-image: url(../images/wrapper_bg.jpg);
background-position: center top;
background-repeat: repeat-x;
padding: 80px 0;
}

#main .top_copy {
width: 1020px;
margin:0 auto 70px;
border-left: solid 5px #003366;
}

#main .top_copy h3{
text-align: left;
font-size: 3.0rem;
line-height: 4.0rem;
margin:0 0 20px 30px;
}

#main .top_copy p{
text-align: left;
font-size: 1.6rem;
line-height: 2.6rem;
margin-left: 30px;
}

#main #business {
width: 1020px;
margin: 0 auto 70px;
}

#main #business ul{
overflow:hidden;
}

#main #business li{
width: 480px;
height: 410px;
float: left;
margin: 0 60px 50px 0;
}

#main #business li:nth-child(2n) {
margin-right: 0px;
}

#main #business li .photo{
width: 480px;
height: 300px;
margin: 0 0 10px;
}

#main #business li h4{
font-size: 2.0rem;
line-height: 3.0rem;
margin: 0 0 30px;
position: relative;
}

#main #business li h4:before {
  content: '';
  position: absolute;
  left: 0%;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 1px;
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);/*位置調整*/
  background-color: #333;
}

#main #business li p{
font-size: 1.4rem;
line-height: 2.4rem;
text-align: left;
}

/*  PC ここまで
-------------------------------------------------------------------------------------------------------------------------*/