@charset "utf-8";
/* CSS Document */
@import url(../common/css/base.css);
#works_contents {
	padding-top: 50px;
	margin-left: -61px;
	position: relative;
	width: 1123px;
	background: #f1f1f1;
}
.bg_1, .bg_2, .bg_3, .bg_4 {
	position: relative;
	width: 1123px;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.81);
	color:#FFF;
}

.bg_1 p, .bg_2 p, .bg_3 p, .bg_4 p{
	line-height:40px;
		font-size: 20px;
	position: absolute;
	
}
.bg_2 p, .bg_3 p, .bg_4 p{
left: 281px;
    position: absolute;
    top: 235px;    text-align: center;

}

.bg_1 {
	background: url(img/bg_1.jpg) no-repeat center;
	height: 931px;
}
.bg_b section .bg_1 h1 {
	position: absolute;
	top: 130px;
	left: 90px;
	font-size: 37px;
	font-weight: 100;
}
.bg_b section .bg_1 p {
	top: 190px;
	left: 90px;
}
.bg_b section .bg_1 p img{
 left: 608px;
    position: absolute;
    top: 9px;
}
.bg_2 {
	background: url(img/bg_2.jpg) no-repeat center;
	height: 932px;
}

.bg_g .bg_b section .title_wrapper h1{
color: #fff;
   font-size: 60px;
    letter-spacing: 20px;
    text-align: center;
}

.bg_b section .title_wrapper span{
color: #0086d1;
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
    margin-left: -21px;
    margin-top: -10px;
	font-weight:bold;
}


.title_wrapper{
left: 485px;
    position: absolute;
    top: 85px;
}




.bg_3 {
	background: url(img/bg_3.jpg) no-repeat center;
	height: 933px;
}
.bg_4 {
	background: url(img/bg_4.jpg) no-repeat center;
	height: 937px;
}
.bg_b {
	padding-top: 0;
}
.bg_g section {
	margin-bottom: 0;
}
@media only screen and (max-width : 1120px) {
#works_contents img{
	width:100%;
	height:auto;
}
#works_contents {
    margin-left: 0;
	background:#FFF;
	width:100%;
}
.bg_1, .bg_2, .bg_3, .bg_4 {
    color: #fff;
    position: relative;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.81);
    width: 100%;
}
}