@charset "UTF-8";

/* ヘッダー部分固定にするため、bodyの位置を調整 */
body{
    padding-top: 110px;
}

/* Chrome, Safari */
.form-control::-webkit-input-placeholder{
    color: #EEEBEB;
}

/* Firefox */
.form-control::-moz-placeholder{
    color: #EEEBEB;
}

/* Firefox 18以前 */
.form-control:-moz-placeholder{
    color: #EEEBEB;
}

/* IE */
.form-control:-ms-input-placeholder{
    color: #EEEBEB;
}

/* edge */
.form-control::-ms-input-placeholder{
    color: #EEEBEB;
}

/* bpページ用 */
#bpRecruit{
    width: 75%;
}

#bpAgreement{
    width: 75%;
}

.orange{
    color:#ff8c19;
    font-weight:bold;
}

/* header.html用 */
.dropdown:hover>.dropdown-menu {
    display: block;
}
.dropdown-border{
    border-color:#FFFFFF;
}
@media (max-width: 480px) {
  .dropdown-border{
    left: 40%;
    transform: translateX(40%);
  }
}


/* footer.html用 */
#footer-inner{
    position: relative;
    width: 100%;
}

.footerbox{
    width: 100%;
    padding: 3em 0;
    position: absolute;
    margin: 0 auto;
    background-color:#edeff1;
}

.Accesslogo4.png{
    padding-top: 10px;
}

.accessMap{
    width: 100%;
    height: 350px;
}

iframe{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

iframe:hover{
    transition: filter 0.8s ease;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.jumbotron-footer{
    background-color:#edeff1;
}

.auto-footer{
    width: 80%;
    margin: 0 auto;
}

.footer-copy{
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding-top: 15px;
    width: 100%;
}

.hr-footer{
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
}

.sitemapbox {
    //padding: 1em 1em;
    //margin: 2em;
    border: solid 1px #edeff1;
    background-color:#edeff1;
    font-size: small; 
}

.bottomcontents{
    //margin-top: 2em;
    font-size: small; 
    background-color:#edeff1;
}

#comment,#company-profile,#organization {
    padding-top: 110px;
    margin-top: -110px;
}
#crm_solution,#web_solution,#network_solution,#solution_service,#software,#outsourcing {
    padding-top: 110px;
    margin-top: -110px;
}
#ourwork,#syain_voice {
    padding-top: 110px;
    margin-top: -110px;
}
#bpEntry,#bpPrivacy{
    padding-top: 110px;
    margin-top: -110px;
}