@charset "UTF-8";

/*=============================================================
#about
=============================================================*/
#about {
position: relative;
}
#about::before {
position: absolute;
content: "";
background: url(../image/about_bg_01.jpg);
background-size: cover;
width: 150px;
height: 113px;
top: 100px;
left: 0;
z-index: -1000;
}
#about::after {
position: absolute;
content: "";
background: url(../image/about_bg_02.jpg);
background-size: cover;
width: 100px;
height: 100px;
top: 260px;
left: 10%;
z-index: -1000;
}
#about .bg {
position: relative;
}
#about .bg::before {
position: absolute;
content: "";
background: url(../image/about_bg_03.jpg);
background-size: cover;
width: 150px;
height: 113px;
top: 150px;
right: 0;
z-index: -1000;
}
#about .box{
padding: 100px 0 30px;
margin: 0 0 0 auto;
text-align: left;
z-index: -10;
position: relative;
}
#about .box .btn{
padding: 30px 0;
}
#about .box .btn a{
margin: 0 0 0 auto;
}

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

}
#service ul {
margin: 50px auto;
z-index: -1000;
position: relative;
}
#service li {
margin-bottom: 30px;
}
#service li:nth-child(1) {
margin-bottom: 60px;
}
#service li:nth-child(2) {
margin-bottom: 60px;
}
#service .box {
background: #fff;
text-align: left;
}
#service .box .btn{
padding: 30px 0 0;
}
#service .box .btn a{
margin: 0 0 0 auto;
}
/*=============================================================
#recruit
=============================================================*/
#recruit {

}
#recruit .box {
margin: 50px auto;
text-align: left;
z-index: 1000;
}
#recruit .box .btn{
padding: 30px 0 0;
}
#recruit .box .btn a{
margin: 0 0 0 auto;
}
#recruit .insta{
margin: 30px auto;
width: 90%;
}
#recruit .insta h5{
text-align: center;
padding-bottom: 20px;
}
/*=============================================================
#info #contct
=============================================================*/
#info,
#contact {
margin: 50px auto;
}
#info dl,
#contact dl{
}
#info dl dt,
#contact dl dt{
margin-bottom: 50px;
}
#info dl dd,
#contact dl dd{
}
#info p{
text-align: left;
padding: 10px 0;
}
#info p span{
font-weight: 600;
color: #999;
text-align: left;
}