@charset "UTF-8";

/**/

@media screen and ( max-width: 1400px) {
body {
    font-size: 2rem;
}
.inner {
    padding: 0 5%;
}
.staff {
    right: 5%;
}
.frame {
    left: 10%;
}
.frame img {
    max-height: 75vh;
}
.top-footer {
    height: auto;
}
.top-f-nav .inner-site li {
    width: 25%;
    margin: 0 0 1rem;
}
.top-f-nav .inner-site span li, .top-f-nav .inner-site li:not(:last-of-type) {
    border-right: none;
}
/**/
.main-message-career {
    background-position: 30% 50%;
}
.main-message-area-recruit {
    background-position: 50% 50%;
    background-size: cover;
}
.main-message-foreigner {
    background: url(img/bg-main-message-foreigner.png) no-repeat 0% 10%;
}
/**/
.btn-entry-l p {
    width: 60%;
}
/**/
.guideline-details .treatment th {
    width: 30%;
}
}

@media screen and ( max-width: 768px) {
.pc { display: none; }
.sp { display: block; }
/**/
.wrapper {
    padding-top: 6rem;
}
.g-nav ul li a {
    font-size: 1.6rem;
}
.cd-primary-nav {
    background: #404040;    
}
.top-main {
    position: static;
    height: auto;
    /*padding-top: 12rem;*/
    padding-top:0rem;
}
.frame {
    position: static;
    left: inherit;
    width: 100%;
    text-align: center;
}
.top-footer {
    height: auto;
}
.top-f-nav .inner-site li {
    width: 33.3%;
}
.top-f-nav .inner-site span li, .top-f-nav .inner-site li:not(:last-of-type) {
    border-right: 1px solid #fff;
}
/**/
.sub-main-message-company h3 {
    font-size: 3rem;
}
/**/
.guideline-details .recruit-flow-list {
    width: 100%;
}
/**/
.three-abouts-box > div {
    width: 32%;
}
/**/
.form-table th,.form-table td  {
    width: 100%;
    display: block;
}

}

@media screen and ( max-width: 600px) {
body {
    font-size: 2rem;
}


.top-f-nav {
    max-width: 96%;
    min-width: inherit;
}
    .top-f-nav .inner-site li {
    float: none;
    width: 90%;
    margin: 0 auto 1.5rem;
}
    .top-f-nav .inner-site li:not(:last-of-type), .top-f-nav .other-site li:not(:last-of-type) {
    border-right: none;
}
/**/
.main-message-career {
    background-position: 30% 50%;
}
[class^="main-message"] .btn-entry {
    float: none;
    width: 80%;
    margin: 0 auto;
}
[class^="main-message"] .btn-entry a {
text-indent: 2.5rem;
    padding: .5rem 4rem .3rem;
}

/**company**/
.nav-in-page-company {
    flex-direction: column;
}
.nav-in-page-company li {
    width: 100%;
    margin: 0 0 3rem;
}
.sub-main-message-company {
    width: 90%;
    margin: 0 auto 4rem;
    justify-content: space-between;
}
.sub-main-message-company h3 {
    font-size: 3rem;
}
.img-mr-hojoh {
    float: none;
    margin: 0 0 3rem;
    text-align: center;
}


.company-detail .company-detail-box h3 {
    font-size: 2rem;
}
.company-detail .education .p-and-img p {
    width: 100%;
    padding: 0;
    margin: 0 0 2rem;
    float: none;
}
.company-detail .education .p-and-img figure {
    width: 100%;
    float: none;
    text-align: center;
}

.two-fig {
    flex-direction: column;
    margin: 0 0 2rem;
}


/**/
.each-interview-box-01 figure {
    float: none;
    margin: 0 auto 3rem;
}
[class^="each-interview-box"] h4 {
    font-size: 2rem;
}
/**foreigners**/
.description-work-foreigner {
    width: 90%;
}
.btn-country li {
    width: 96%;
    margin: 0 auto 1rem;
    padding: .8rem 3rem .5rem;
    float: none;
}
/**/
.guideline-details .treatment th, .guideline-details .treatment td {
    padding: 2rem 1rem 1.8rem;
}
/**/
.guideline-details .recruit-flow-list th,.guideline-details .recruit-flow-list td {
    width: 100%;
    display: block;
}
.guideline-details .recruit-flow .notes {
    width: 90%;
}
/**/
.three-btns-box figure {
    width: 100%;
    float: none;
}/**/
.three-treatments figure {
    width: 100%;
    float: none;
}
/**/
.three-abouts-box {
    flex-direction: column;
}
.three-abouts-box > div {
    width: 80%;
    margin: 0 auto 2rem;
}

/**/
.btn-entry-l p {
    width: 80%;
}
/**/
.contact-department p {
    font-size: 1.6rem;
}
.contact-department p:nth-of-type(2) {
    font-size: 2.2rem;
}
/**/   
.f-nav {
    max-width: 100%;
    min-width: auto;
    margin: 0 auto;
}
.f-nav .inner-site li {
    width: 33.3%;
    margin: .5rem 0;
}
.f-nav .other-site li {
    width: 96%;
    margin: .5rem 0;
    border-right: none;
}
.f-nav .inner-site li:not(:last-of-type),.f-nav .other-site li:not(:last-of-type) {
    border-right: none;
}
/**/
.copyright {
    font-size: 1rem;
}
/**/
.form-1-btn input.form-btn {
    width: 75%;
}
.form-2-btn input.form-btn {
    width: 100%;
    margin: 0 auto 2rem;
    float: none;
}
.form-table input[type="text"], .form-table textarea {
    width: 100%;
}

/**adjuster**/
.sole { margin: 0 auto 5rem;}


/*SPナビとmainの調整修正*/
}
@media screen and (max-width: 600px) {
     .top-nav-img {
        padding: 15.6% 0 0 0;
    }
    .top-footer{
      padding: 4.5rem 0 1.5rem 0;
    }
}