*{
text-decoration: none;
}

body{
font-family: "���S�V�b�N��", YuGothic, "���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N", "Yu Gothic", sans-serif;
webkit-text-size-adjust: 100%;
}

p{
margin: 0;

}

#wrap{
font-size: 100%;
line-height: 2;
}


.content_box{
    max-width: 1000px;
    margin: 0 auto;
    line-height: 2;
    padding: 0 15px;
    }

/*    
.content_box .col-xs-12,.col-md-12{
    padding:0;
} 
*/


/*----------------------
service
---------------------- */



.service_content1{
    background: url(../img/service/service_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    /*background-attachment: fixed;*/
    padding-top:300px;
}
.service_content1 div{
    background:rgba(0,0,0,0.9);
    color:#fff;
    text-align:center;
    padding:30px;
}
.service_content1 h4{
    font-size:160%;
    font-weight:600;
    line-height:1.6;
    margin-bottom:30px;
}

.service_content2{
    background:#f4f4f4;
    padding:30px 0;
    text-align:center;
    margin-bottom:60px;
}
.service_content2 h4{
    font-size:160%;
    font-weight:600;
    text-align:center;
}
@media screen and (max-width:767px) {
    .service_content2{
        text-align:left;
    }
}

.security_title{
    border-left:5px solid #e0bf00;
    padding-left:10px;
    margin-bottom:30px;
}
.security_title h4{
    font-size:160%;
    font-weight:600;
    line-height:1;
}
.security_title p{
    color:#000;
    line-height:1;
}
.security_item ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width:100%;
}
.security_item li{
margin-bottom:30px;
}
@media screen and (max-width:767px) {
    .security_item li{
        padding:5px;
        margin-bottom:10px;
    }
}
.security_item p{
    width:100%;
    border-left:5px solid #e0bf00;
    text-align:center;
    padding:30px 0;
    background:#000;
    color:#fff;
    font-weight:600;
}


/*----------------------
title
---------------------- */

.sub_title{
    padding-top:80px;
}
.sub_title h2{
    display:block;
    padding:60px 0;
    font-size:200%;
    font-weight:600;
    color:#fff;
    margin:0;
    text-align:center;
}
.sub_title_bg1{
    background: url(../img/top/company_img.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.sub_title_bg2{
    background: url(../img/top/works_img.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.sub_title_bg3{
    background: url(../img/top/service_img.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.sub_title_bg4{
    background: url(../img/top/contact_img.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.sub_title_bg5{
    background: url(../img/top/recruit_img.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

.sub_title2{
    text-align:center;
    margin-bottom:30px;
}
.sub_title2 h3{
    font-size:200%;
    font-weight:600;
}


/*----------------------
パンくず
---------------------- */

.pan{
    max-width:1000px;
    margin:0 auto;
    padding:15px 30px;
}
@media screen and (max-width:767px) {
    .pan{
        padding:15px 15px;
    }
}
.pan ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
.pan li::after {
    content: ">";
    padding:0 10px;
} 
.pan li:last-child::after {
    content: "";
}
.pan a{
    color:#000;
}

/*----------------------
コンタクトフォーム
---------------------- */
.contact-form{
    padding:0;
    margin-bottom:30px;
}
.contact-form li{
    list-style: none;
    margin: 0 0 10px 0;
    padding: 15px;
    background:#f4f4f4;
}
.contact-form li:last-child{
    margin-bottom:0;
}
.contact-form input,textarea{
    border:1px solid #e2e2e2;
}
.contact-form p{
    margin-bottom:1rem;
}
.contact-form span{
    padding:3px 10px;
    margin-right:10px;
    background:#d60000;
    color:#fff;
    border-radius: 30px;
}
.contact_submit{
    margin:0 auto;
    text-align:center;
}
.contact_submit input{
    background:#d60000;
    transition-property:background;
    transition-duration:0.3s;
    transition-timing-function:ease;
    transition-delay:0.1s;
    width:250px;
    height:60px;
    border:none;
    color:#fff;
    border-radius: 30px;
}
.contact_submit input:hover{
    background:#494949;
    transition-property:background;
    transition-duration:0.3s;
    transition-timing-function:ease;
    transition-delay:0.1s;
}

/*----------------------
table
---------------------- */


#table_style{
    width: 100%;
    }
    
    #table_style table{
    border-bottom: 1px solid #d3d3d3;
    width: 100%;
    }
    
    #table_style th{
    background: #efefef;
    border: 1px solid #d3d3d3;
    border-width: 1px 0 0 1px;
    padding: 10px 15px;
    max-width:225px;
    }
    @media screen and (max-width:767px) {
    #table_style th{
    max-width:90px;
    padding: 5px 10px;
    white-space: nowrap;
    }
    }
    @media screen and (max-width:767px) {
        #recruti_table th{
            max-width:110px;
        }
    }
    
    #table_style td{
    background: #ffffff;
    border: 1px solid #d3d3d3;
    border-width: 1px 1px 0 1px;
    padding: 10px 15px;
    }
    @media screen and (max-width:767px) {
        #table_style td{
            padding: 5px 10px;
            white-space: nowrap;
        }
    }

    @media screen and (max-width:767px) {
        #recruti_table td{
            white-space: normal;
        }
    }



/*----------------------
footer
---------------------- */
.pagetop{
border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    display: block;
    height: 50px;
    position: relative;
}
.pagetop a{
width: 100%;
display: block;
}
.pagetop a::after {
    content: url(../img/common/top_arrow.svg);
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 18px;
    transition: none;
}
.address{
width: 100%;
background: #f4f4f4;
text-align: center;
padding: 30px 0;
line-height: 2;
}
.copy{
padding: 30px 0;
width: 100%;
background: #e0bf00;
}
@media screen and (max-width:767px) {
.copy{
padding: 15px 0;
width: 100%;
background: #e0bf00;
}
}
.copy p{
margin: 0 auto;
font-size: 60%;
max-width: 1000px;
padding:0 2%;
}
.tel{
text-align: center;
padding: 60px 0;
}
.tel img{
max-width: 300px;
}


/*----------------------
header
---------------------- */
header{
width:100%;
padding:10px 0;
background:rgba(224,191,0,0.9);
position: fixed;
z-index:9999;
}
.header_box{
margin: 0 auto;
max-width:1200px;
display:flex;
justify-content:space-between;
padding:0 2%;
align-items:center;
top:0;
left:0;
�@position:fixed;
}
.header_box ul{
    display:flex;
    list-style:none;
    margin: 0;
}
.header_box li{
    margin-left:40px;
}
.header_box a{
    text-decoration:none;
    color:#333;
    font-weight: 600;
}
.header_box nav{
    margin-left:auto;
}
.header_box a:hover{
    opacity: 0.5;
}

.header_box h1{
margin: 0;
}

.pc_menu{
display: block;
}
@media screen and (max-width:767px) {
.pc_menu{
display: none;
}
}





/*----------------------
top contact
---------------------- */

.closing-flex {
    background: #050505;
    color: #ffffff;
    padding: 5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
a.linkButton {
    position: relative;
    z-index: 2;
    background-color: #050505;
    border: 1px solid #ffffff;
    color: #ffffff;
    line-height: 50px;
    margin: 0 auto;
    display: block;
    font-family: 'Montserrat';
    font-size: 20px;
    letter-spacing: 0.1rem;
    line-height: 1.3;
    text-align: center;
    display: block;
    padding: 2rem;
    box-sizing: border-box;
    text-decoration:none;
}

a.linkButton span{
    display:block;
    font-size:60%;
}

a.linkButton:hover {
	background-color: #1e1e1e;
	border-color: #111111;
	color: #ffffff;
}

a.linkButton i {
    color: #e60012;
    font-size: 14px;
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
}

a.linkButton, a.linkButton::before, a.linkButton::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.top_contact{
max-width:1200px;
background:#000;
margin:0 auto;
color:#fff;
padding:30px;
margin-top:-120px;
}
@media screen and (max-width:767px) {
    .top_contact{
        max-width:1200px;
        background:#000;
        margin:0 auto;
        color:#fff;
        padding:15px;
        margin-top:-180px;
        }   
}

@media screen and (max-width:767px) {
.top_contact h3{
margin-bottom:15px;
}
}
.top_contact p{
    margin-bottom:30px;
    }




    .top_contact2{
        max-width:100%;
        background:#000;
        margin:0 auto;
        color:#fff;
        }
        @media screen and (max-width:767px) {
            .top_contact2{
                max-width:1000px;
                background:#000;
                margin:0 auto;
                color:#fff;
                padding:15px;
                }   
        }
        
        @media screen and (max-width:767px) {
        .top_contact2 h3{
        margin-bottom:15px;
        }
        }
        .top_contact2 p{
            margin-bottom:30px;
            }    

/*----------------------
top
---------------------- */
.top_catch{
    text-align: center;
    padding: 60px 0 180px;
    color:#fff;
    }
@media screen and (max-width:767px) {
.top_catch{
    text-align: center;
    padding: 60px 0 240px;
    color:#fff;
}
}
.top_catch h2{
    font-weight: 600;
    font-size: 160%;
}
.top_catch .sub{
    font-weight: 400;
    font-size: 120%;
    margin-bottom:30px;
}
.top_catch .text{
    line-height:2;
    padding:0 15px;
}



.banner {
position: relative;
overflow: hidden;
max-width: 100%;
height: 240px;
background: #000;
}
.banner1:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/top/service_img.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.banner2:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/top/company_img.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.banner3:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/top/works_img.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.banner:hover:after {
opacity: .4;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.banner a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
height: 100%;
text-decoration: none;
color: #fff;
}
.banner div{
margin: 0 auto;
width: 940px;
padding-left: 1%;
}
@media screen and (max-width:767px) {
.banner div{
padding-left: 10%;
}
}
.banner h3{
font-size: 200%;
font-weight: 600;
color: #fff;
}
.banner p{
font-weight: 600;
color: #e0bf00;
}



.f_size_s{
font-size:100%;
}
@media screen and (max-width:767px) {
    .f_size_s{
font-size:80%;
    }
}






.sm_i_none{
    display:inline;
}

@media screen and (max-width:767px) {
    .sm_i_none{
        display:none;
    }
}



@media screen and (max-width:767px) {
}

.br_none_pc{
    display: none;
    }
@media screen and (max-width:767px) {
    .br_none_pc{
    display: inline;
    }
    }


@media screen and (max-width:767px) {
.br_none{
display: none;
}
}



.sm_none{
display: block;
}
@media screen and (max-width:767px) {
.sm_none{
display: none;
}
}



.pd_tb60{
padding: 60px 0;
}

.bold{
font-weight: bold;
font-size: 120%;
}

.bold2{
font-weight: bold;
}


.t_center{
text-align: center;
}
.t_right{
text-align: right;
}
.t_left{
text-align: left;
}
.p_lr15{
padding: 0 15px;
}
.ml30{
margin-left: 30px;
}
.m_auto{
margin: 0 auto;
}
.mb10{
margin-bottom: 10px;
}
.mb15{
margin-bottom: 15px;
}
.mb20{
margin-bottom: 20px;
}
.mb30{
margin-bottom: 30px;
}
.mb40{
margin-bottom: 40px;
}
.mb50{
margin-bottom: 50px;
}
.mb60{
margin-bottom: 60px;
}