@charset "utf-8";

/* ================================
 base
================================ */
a:hover img{
    opacity:0.7;
    transition:all 0.4s ease;
}
section .sectionInner{
    width:1120px;
    margin:0 auto ;
}
.companyInfo{
    padding:70px 0;
    background:rgba(34,34,34,0.85);
}
.companyInfo .inner{
    width:1120px;
    margin:0 auto;
}
.companyInfo .logo{
    float:left;
    margin:5px 0 0 120px;
}
.companyInfo .info{
    float:right;
    margin:0 40px 0 0;
}

/* ================================
 header
================================ */
header{
    background:url(../img/mv.png) no-repeat 50% 0;
    background-size:cover;
}
header .mainVisual{
    width:1120px;
    margin:0 auto;
    padding:100px 0 100px 90px;
}

/* ================================
 main
================================ */
#main table th,
#main table td{
    padding:8px 30px;
    border-bottom:solid 1px #19172d ;
}
#main table tr:first-child th,
#main table tr:first-child td{
    border-top:solid 1px #19172d;
}
#main table th{
    text-align:center;
}
/* work
-------------------------------- */
.work{
    padding:80px 0 375px;
    background:url(../img/work_bg_01.jpg) no-repeat 50% 0;
    background-size:cover;
}
.work h2{
    text-align:center;
    padding:0 0 53px;
    background:url(../img/work_line_01.png) no-repeat 50% 100%;
}
.work ul{
    font-size:0;
    text-align:center;
}
.work ul li{
    display:inline-block;
    margin:0 0 0 40px;
}
.work ul li:first-child{
    margin:0;
}
.work .workItem01{
    margin:50px 0 0;
}
.work .workItem02{
    margin:30px 0 0;
}
.work .text{
    font-size:20px;
    font-size:2.0rem;
    line-height:1.8;
    text-align:center;
    margin:60px 0 0;
}
.work .text p{
    letter-spacing: 0.1em;
}
/* greeting
-------------------------------- */
.greeting{
    background:url(../img/greeting_bg_02.jpg) no-repeat 50% 100%;
    padding:0 0 380px;
}
.greeting .sectionInner{
    width:1016px;
    padding:80px 0;
    background:url(../img/greeting_bg_01.gif) repeat 0 0;
    box-shadow:0 0 3px rgba(0,0,0,0.5);
}
.greeting .greetingBox{
    width:860px;
    margin:0 auto;
}
.greeting .imgRight{
    margin:50px 0 0;
}
.greeting .imgRight .image{
    float:left;
    margin-right: 60px;
}
.greeting .imgRight .text{
    font-size:20px;
    font-size:2.0rem;
    line-height:1.8;
    float:left;
    width:550px;
}
.greeting .imgRight .text p{
    text-align: justify;
    letter-spacing: 0.1em;
    margin:0 50px 50px 0;
}
.greeting .imgRight .text .signature{
    margin: 0 0 0 -20px;
}
/* company
-------------------------------- */
.company{
    padding:80px 0;
    background:url(../img/company_bg_01.jpg) no-repeat 50% 0;
    background-size:cover;
}
.company .sectionInner{
    width:860px;
}
.company table{
    margin:50px 0 0;
}
.company table th{
    background:rgba(25,23,45,0.1);
}
/* recruit
-------------------------------- */
.recruit{
    padding:80px 0;
    background:url(../img/recruit_bg_01.png) no-repeat 50% 0;
    background-size:cover;
}
.recruit .sectionInner{
    width:860px;
}
.recruit table{
    margin:50px 0 0;
}
.recruit table th{
    background:rgba(255,255,255,0.65);
}
#main .recruit table td{
    padding:0;
    border-left:solid 5px transparent;
}
.recruit table td span{
    padding:8px 30px;
    display:block;
    background:rgba(255,255,255,0.9);
}

/* ================================
 footer
================================ */
footer{
    padding:80px 0 40px;
    background:url(../img/footer_bg_01.jpg) no-repeat 50% 0;
    background-size:cover;
}
footer .contactBox{
    width:800px;
    margin:80px auto 0;
    padding:0 30px;
}
footer .contactBox h2{
    text-align:center;
}
footer .contactBox table{
    margin:40px 0 0;
}
footer .contactBox table th{
    text-align:right;
    width:35%;
    padding:0 40px 10px 0;
}
footer .contactBox table th .required{
    float:left;
    color:#fff;
    font-size:14px;
    font-size:1.4rem;
    padding:0 6px;
    background:#9e1327;
}
footer .contactBox table td{
    width:65%;
    padding:0 0 10px;
}
footer .contactBox table td .error{
    color:#f00;
    font-weight:bold;
}
footer .contactBox table input,
footer .contactBox table textarea{
    width:100%;
    padding:14px 10px;
    background:rgba(255,255,255,0.8);
    border:none;
    box-sizing:border-box;
}
footer .contactBox .submit{
    margin:30px 0 0;
}
footer .contactBox .submit ul{
    font-size:0;
    text-align:center;
}
footer .contactBox .submit ul li{
    display:inline-block;
    margin:0 0 0 30px;
}
footer .contactBox .submit ul li:hover input[type="image"]{
    opacity:0.8;
    transition:all 0.4s ease;
}
footer .contactBox .submit ul li:first-child{
    margin:0;
}
footer .contactBox .sended{
    text-align:center;
    font-weight:bold;
    line-height:1.8;
    margin:40px 0 0;
}
footer .privacy{
    width:740px;
    margin:60px auto 0;
}
footer .privacy .ttl{
    font-size:18px;
    font-size:1.8rem;
    text-align:center;
}
footer .privacy .text{
    line-height:1.8;
    margin:20px 0 0;
    padding:15px;
    background:rgba(255,255,255,0.75);
    border:solid 1px #655c52;
    overflow-y:scroll;
    height:150px;
}
footer .privacy .text .head{
    font-weight:bold;
}
footer .copyright{
    color:#fff;
    text-align:center;
    margin:40px 0 0;
    padding:8px 0;
    background:rgba(25,23,45,0.78 );
}

.input01 input{
    width: 364px;
    height: 79px;
    background: url(../img/contact_check.png) no-repeat center / cover;
}
.input02 input{
    width: 364px;
    height: 79px;
    background: url(../img/contact_send.png) no-repeat center / cover;
}
.input03 input{
    width: 364px;
    height: 79px;
    background: url(../img/contact_return.png) no-repeat center / cover;
}