/*Worksページ*/

#naka_wrap01{
            width: 800px;
            margin: 0 auto;
            padding-top: 80px;
}

.naka_works_video{
             width: 560px;
             height: 315px;
             margin: 0 auto;
}

.naka_basis_wrap{
                width: 800px;
                margin: 0 auto;
}

table.naka_basis{
                width: 800px;
                height: auto;
                border-collapse: collapse;
                border-radius:2px;
}

table.naka_basis td{
                   width: 640px;
                   padding-bottom: 10px;
                   padding-top: 10px;
                   padding-right: 10px;
                   border-bottom: 1px solid #e8e8e8;
}


table.naka_basis th{
                   width: 150px;
                   padding-right: 10px;
                   padding-bottom: 10px;
                   padding-top: 10px;
                   border-bottom: 1px solid #e8e8e8;

}


.naka_staff_wrap{
                width: 800px;
                height: auto;
                margin: 0 auto;
}

.naka_staff{
        width: 775px;
        height: auto;
        border: 2px solid #e8e8e8;
        border-radius:2px;
        background-color: #f1f1f1;
}

.naka_staff_l{
          width: 200px;
          height: 200px;
          float: left;
}

.naka_staff_r{
          width: 540px;
          height: auto;
          float: left;
}

.naka_staff_title{
                  font-size: 1.2em;
                  color: #1c7793;
                  font-weight: bold;
}

#naka_list_wrap{
               width: 840px;
               height: auto;
               margin: 0 auto;
               padding-left: 8px;
               padding-top: 70px;  
}

.works_list{
           width: 250px;
           height: 250px;
           float: left;
           border-radius:2px;
           margin-right: 15px;
           margin-bottom: 30px;
           margin-left: 10px;
           border: solid 2px #e8e8e8;
        background-color: #f1f1f1;
}

.works_l{
        border-bottom: 1px solid red;
        display: inline;
}

/*企業案内ページ*/
.naka_title{
        border-bottom: solid 3px #9cd4e2;
        font-size: 1.4em;
        padding-bottom: 5px;
        position: relative;
}

.naka_title:after {
         position: absolute;
         content: " ";
         display: block;
         border-bottom: solid 3px #1c7793;
         bottom: -3px;
         width: 20%;

}


table.company_p th{
                   width: 100px;
                   padding: 2px;
                   background-color:  #1c7793;
                   border-bottom: 5px solid #ffffff;
                   color: #ffffff;
}

table.company_p td{
                   padding-left: 15px;
}




/*sales agent wanted*/

.bosyu {
    font-weight: bold;
    color: #006a94;
}






/*contact*/

.contact {
    width: 100%;
    margin: auto;
}


.contact_table {
    width: 100%;
    margin: auto;
    border: dotted 3px #1c7793;
    padding: 50px 0px 70px ;
    border-radius: 50px;
}

.contact_table p {
    width: 400px;
}

.contact_table .ttl {
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    color: #065066;
}

.contact_table input[name="your-name"] {
    width: 100%;
    height: 25px;
    border-radius: 5px;
}

.contact_table input[name="your-email"] {
    width: 100%;
    height: 25px;
    border-radius: 5px;
}

.contact_table input[name="your-subject"] {
    width: 100%;
    height: 25px;
    border-radius: 5px;
}

.contact_table textarea[name="your-message"] {
    width: 100%;
    height: 250px;
    border-radius: 5px;
}

.necessary {
    color: #f00;
    font-size: 16px;
}

.submit {
    width: 100%;  
    margin-top: 20px;
}

.submit input[type="submit"] {
width:20%;
padding:10px;

border-radius:5px;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;
border: none;
background: #1c7793;
transition: 0.3s;
color: #fff;
margin: auto;
display: block;
}

.submit:hover {
opacity: 0.5;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}







/*works*/

.works_list {
    margin-top: 35px;
}