@charset "UTF-8";

/*=============================================================
#about
=============================================================*/
#about {
position: relative;
}
#about::before {
position: absolute;
content: "";
background: url(../image/about_bg_01.jpg);
width: 500px;
height: 375px;
top: 180px;
left: 0;
z-index: -1000;
}
#about::after {
position: absolute;
content: "";
background: url(../image/about_bg_02.jpg);
width: 300px;
height: 300px;
top: 600px;
left: 20%;
z-index: -1000;
}
#about .bg {
position: relative;
}
#about .bg::before {
position: absolute;
content: "";
background: url(../image/about_bg_03.jpg);
width: 400px;
height: 300px;
top: 150px;
right: 5%;
z-index: -1000;
}
#about .box{
padding: 50px 0 30px;
margin: 0 0 0 auto;
width: 530px;
text-align: left;
z-index: -10;
position: relative;
}
#about .box .btn{
padding: 60px 0;
}
#about .box .btn a{
margin: 0 0 0 auto;
}

/*=============================================================
#service
=============================================================*/
#service {

}
#service ul {
margin: 50px auto;
}
#service li {
height: 625px;
display: flex;
align-items: center;
margin-bottom: 30px;
}
#service li:nth-child(1) {
margin-bottom: 100px;
}
#service li:nth-child(2) {
margin-bottom: 100px;
}
#service .sanhai {
background: url(../image/sanhai_01.jpg);
background-repeat: no-repeat;
background-position: left;
z-index: -1000;
}
#service .denki {
background: url(../image/denki_01.jpg);
background-repeat: no-repeat;
background-position: right;
z-index: -1000;
}
#service .souko {
background: url(../image/souko_01.jpg);
background-repeat: no-repeat;
background-position: left;
z-index: -1000;
}
#service .box {
width: 580px;
padding: 70px;
box-sizing: border-box;
background: #fff;
text-align: left;
}
#service li:nth-child(odd) .box{
margin: 0 0 0 auto;
}
#service .box .btn{
padding: 60px 0 0;
}
#service .box .btn a{
margin: 0 0 0 auto;
}
/*=============================================================
#recruit
=============================================================*/
#recruit .bg{
background: url(../image/recruit_01.jpg);
background-repeat: no-repeat;
background-position: left;
height: 375px;
z-index: -1000;
margin: 50px auto;
}
#recruit .box {
width: 580px;
padding: 70px;
box-sizing: border-box;
background: #fff;
text-align: left;
margin: 0 0 0 auto;
}
#recruit .box {
width: 580px;
padding: 90px 20px;
box-sizing: border-box;
background: #fff;
text-align: left;
margin: 0 0 0 auto;
}
#recruit .box .btn{
padding: 60px 0 0;
}
#recruit .box .btn a{
margin: 0 0 0 auto;
}
#recruit .insta{
margin: 60px auto;
width: 1200px;
}
#recruit .insta h5{
text-align: center;
padding-bottom: 40px;
}
/*=============================================================
#info #contct
=============================================================*/
#info,
#contact {
margin: 160px auto;
}
#info dl,
#contact dl{
display: flex;
justify-content: space-between;
}
#contact dl{
flex-direction: row-reverse;
}
#info dl dt,
#contact dl dt{
width: 170px;
}
#info dl dd,
#contact dl dd{
width: 930px;
}
#info .title,
#contact .title{
padding: 0;
}
#contact .title .tate{
margin: 0 0 0 auto;
}
#info p{
text-align: left;
padding: 10px 0;
}
#info p span{
font-weight: 600;
color: #999;
text-align: left;
}