/*
Theme name:honesty
Author:FurutaRyotaro
Description:This is my original theme.
Version: 1.0
*/

.career-page .mv:before {
    content: 'CAREER';
    font-size: 484px;
    bottom: -70px;
    z-index: -1;
}
@media screen and (max-width:768px) {
    .career-page .mv:before {
        font-size: 160px;
        bottom: -10px;
    }
}

.career-page .section01 {
    background: none;
    padding-bottom: 40px;
}
.career-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 32px;
}
@media screen and (max-width:768px) {
    .career-title {
        font-size: 26px;
        margin-bottom: 30px;
        text-align: left;
        max-width: 94%;
    }
    .career-page .section01 {
        padding-bottom: 0;
    }
}

.career-text {
    font-size: 20px;
    margin-bottom: 64px;
}
@media screen and (max-width:768px) {
    .career-text {
        margin-bottom: 94px;
    }
}

.career-container {
    max-width: 892px;
    margin: 0 auto;
}

.career-boxes {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:768px) {
    .career-boxes {
        flex-direction: column;
        gap: 48px;
        max-width: 264px;
        margin: 0 auto;
    }
}

.career-box {
    max-width: 284px;
    text-align: center;
    padding: 24px 18px;
    border-radius: 24px;
    border: 1px solid #3DA3CA;
}

.career-box>img {
    width: 251px;
}

.career-box-title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 18px;
    height: 123px;
}
@media screen and (max-width:768px) {
    .career-box-title {
        font-size: 24px;
        height: auto;
    }
    .career-box,.career-boxes {
        width: 100%;
        max-width: initial;
    }
}

.career-box-text {
    font-size: 14px;
    text-align: left;
}

.career-page .contact-btn {
    margin-top: 77px!important;
}

.cm-table td .ls-none {
    list-style: none!important;
    margin-left: -20px;
}

.contact-btn-rec {
    margin-top: 120px;
    margin-bottom: 200px;
}
@media screen and (max-width:768px) {
    .contact-btn-rec {
        margin-bottom: 160px;
    }
}

.recruit-page .mv:before {
    content: 'recruit';
}

.c-white-space {
    white-space: nowrap;
}

.news-page .mv:before {
    content: 'news';
    right: initial;
    z-index: -1;
}

.news__container {
    max-width: 1019px;
    margin: 0 auto 184px;
}
@media screen and (max-width:768px) {
    .news__container {
        margin: 0 auto 120px;
    }
}

.news__year-box>ul {
    display: flex;
    gap: 24px;
    margin-bottom: 19px;
}
@media screen and (max-width:768px) {
    .news__year-box>ul {
        margin-bottom: 29px;
    }
}

.news__year-box>ul>li {
    font-size: 25px;
    font-weight: 700;
    color: #757575;
}
.news-ymd span:first-of-type{
    background: #fff;
    color: #827E7C;
    border: 1px solid #827E7C;
    padding: 3px 18px 4px;
    border-radius: 20px;
    line-height: 1;
    margin-right: 8px;
    font-size: 75%;
}
.news-ymd span.category-honesty{
    background: #3DA3CA;
    color: #fff;
    padding: 3px 18px 4px;
    border-radius: 20px;                                
    line-height: 1;
    margin-right: 8px;
    font-size: 85%;
    border: 1px solid #3DA3CA;
}    
@media screen and (max-width:768px) {
    .news__year-box>ul>li {
        font-size: 18px;
    }
}

.c-blue {
    color: #3DA3CA!important;
}

.news-ymd {
    font-size: 20px;
    color: #757575;
}
.news-ymd span:last-of-type{
    padding-left: 30px;
}
.news-title {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    max-width: 63%;
}
@media screen and (max-width:768px) {
    .news-title {
        font-size: 18px;
        max-width: 84.7%;
    }
}

.news__box {
    display: flex;
    gap: 75px;
    align-items: center;
    padding-top: 33px;
    padding-bottom: 33px;
    border-bottom: 1px solid #C4C4C4;
    position: relative;
}
@media screen and (max-width:768px) {
    .news__box {
        gap: 5px;
        position: relative;
        padding-top: 32px;
        padding-bottom: 32px;
        flex-direction: column;
        align-items: baseline;
    }
}

.news__box::before {
    content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 28px;
        width: 28px;
        height: 100%;
        background-image: url(./images/arrow.png);
        background-size: 100%;
        background-repeat: no-repeat;
}
@media screen and (max-width:768px) {
    .news__box::before {
        right: 10px;
    }
}

.news__boxes>a {
    text-decoration: none;
}

.single-news__title {
    font-size: 40px;
    margin-bottom: 18px;
}
@media screen and (max-width:768px) {
    .single-news__title {
        font-size: 24px;
        margin-bottom: 32px;
    }
}

.single-news__ymd {
    font-size: 20px;
    color: #757575;
    margin-bottom: 48px;
}

.single-news__text {
    font-size: 18px;
    color: #000;
}
.single-news__text img{
    margin: 20px 0;
    display: block;
}
.select-contact__container {
    max-width: 1020px!important;
    margin-bottom: 200px;
}
@media screen and (max-width:768px) {
    .select-contact__container {
        margin-bottom: 160px;
    }
}

.select-contact__text {
    font-size: 16px;
    margin-bottom: 64px;
    color: #000;
}

.select-contact__boxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media screen and (max-width:768px) {
    .select-contact__boxes {
        flex-direction: column;
        gap: 32px;
    }
}

.select-contact__box {
    text-align: center;
    width: 490px;
    height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    position: relative;
    text-decoration: none!important;
}
@media screen and (max-width:768px) {
    .select-contact__box {
        width: 100%;
        margin-bottom: 0;
    }
}
.select-contact__box::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background-image: url(./common_img/pagetop.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(90deg);
}
/* .select-contact__box:hover::before {
    background-image: url(./common_img/pagetop-hover.png);
} */
.select-contact__box:hover {
    opacity: .7;
}

.select-contact__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}

.select-contact__box-text {
    color: #fff;
    font-size: 18px;
}

.select-contact__box1 {
    background-image: url(./images/select-contact-img1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width:768px) {
    .select-contact__box1 {
        background-size: cover;
    }
    .select-contact__title {
    text-align: center;
    width: 85%;
    font-size: 18px;
    }
}
.select-contact__box2 {
    background-image: url(./images/select-contact-img2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width:768px) {
    .select-contact__box2 {
        background-size: cover;
    }
}

.h-contact__width {
    width: auto!important;
    margin-top: initial!important;
}

.h-contact__width>label {
    color: #000;
}

.h-contact__radio {
    gap: 18px;
}
@media screen and (max-width:768px) {
    .h-contact__radio {
        flex-direction: column;
        align-items: baseline!important;
        gap: 5px;
    }
}

.complete-text {
    font-size: 16px;
    margin-top: 102px;
    margin-bottom: 78px;
    text-align: center;
    color: #000;
}
@media screen and (max-width:768px) {
    .complete-text {
        margin-top: 80px;
        margin-bottom: 120px;
    }
}

label {
    color: #000;
}

/* tab実装 */
.tab-group{
    display: flex;
    justify-content: center;
  }
  .tab{
    flex-grow: 1;
    list-style:none;
    /* border:solid 1px #CCC; */
    text-align:center;
    cursor:pointer;
    font-weight: 700;
    color: #3DA3CA;
    font-size: 20px;
    line-height: 72px;
  }
  @media screen and (max-width:768px) {
    .tab {
        font-size: 12px;
        line-height: 40px;
    }
  }
  .panel-group{
    /* height:100px; */
    /* border:solid 1px #CCC; */
    border-top:none;
    /* background:#eee; */
  }
  .tab.is-active{
    background:#fff;
    transition: all 0.2s ease-out;
  }
  .panel{
    display:block;
  }
  .tab-panel {
    width: 83%;
    margin: auto;
  }
  .tab-group>.tab-A {
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #3DA3CA;
    border-right: 1px solid #3DA3CA;
  }
  .tab-group>.tab-A.is-active {
    border-left: 1px solid #3DA3CA;
    border-top: 1px solid #3DA3CA;
    border-right: 1px solid #3DA3CA;
    border-bottom: none;    
    background: #D8EDF4;    
    color: #3DA3CA;
  }
  .tab-group>.tab-B {
    border-bottom: 1px solid #3DA3CA;
    border-top: none;
    border-right: none;
  }
  .tab-group>.tab-B.is-active {
    border-top: 1px solid #3DA3CA;
    border-right: 1px solid #3DA3CA;
    border-bottom: none;    
    background: #D8EDF4;
  }
  .tab-group>.tab-A a,
  .tab-group>.tab-B a{
    display: block;
    text-decoration: none;
    height: 100%;    
    color: #3DA3CA;
  }
  /* sub-tab */
  .tab-group-B{
    display: flex;
    margin: o auto;
  }
  .tab-group-B{
    display: flex;
    justify-content: center;
    margin: 30px auto;
  }
  .tab-group-B li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 114px;
    color: #3DA3CA;
    text-decoration: none;
    height: 80px;
  }
  .tab-group-B.services-biz li.services-biz a,  
  .tab-group-B.servicerecruit li.servicerecruit a,  
  .tab-group-B.servicestaff li.servicestaff a,  
  .tab-group-B.serviceadv li.serviceadv a,   
  .tab-group-B.servicesns li.servicesns a,  
  .tab-group-B.serviceoutsource li.serviceoutsource a, 
  .tab-group-B li.is-active a,
  .tab-group-B li a:hover{
    color: #3DA3CA;
    border-bottom: #3DA3CA 2px solid;
    font-weight: 700;
  }
  .panel-group {
    background-color: #fff;
    padding-top: 40px;
  }
  @media screen and (max-width:768px) {
    .panel-group {
        padding-top: 0;
        font-size: 12px;
      }
        .tab-group-B.tab-Biz{
        overflow: auto;
        padding-bottom:10px;
        justify-content: flex-start;
        }
      .tab-group-B li a,.tab-group-B li a:hover{
        width: 80px;
        height: 58px;
        font-weight: 700;
      }
  }
/* tab実装 */

.merit-boxes {
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

.merit-box {
    width: 322px;
    height: 484px;
    text-align: center;
    border: 1px solid #d9d9d9;
    padding: 40px 29px 0;
}

.merit-box>img {
    width: 106px;
}

.merit-box__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 41px;
    margin-top: 25px;
    margin-bottom: 16px;
}

.merit-box__text {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}

.service-inner {
    padding: 0 5.5%!important;
}

.nagare-time {
    font-size: 21px!important;
}
@media screen and (max-width:768px) {
    .nagare-time {
        font-size: 18px!important;
    }
}

.timeline-item-nagare::before {
    width: 13px!important;
    height: 13px!important;
    left: -6px!important;
}

.timeline-item-nagare {
    padding-left: 20px!important;
    align-items: baseline!important;
    margin-bottom: 80px;
}

.txt-nagare {
    padding-left: 15px!important;
}

.timeline-nagare::before {
    width: 1px!important;
    background: #3DA3CA!important;
}

.txt-nagare__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.txt-nagare__text {
    font-size: 14px;
    color: #000;
    font-weight: 500!important;
}

.timeline-item-nagare1::before {
    top: 27px!important;
}
.timeline-item-nagare2::before {
    top: 27px!important;
}
.timeline-item-nagare3::before {
    top: 27px!important;
}
.timeline-item-nagare4::before {
    top: 27px!important;
}
.timeline-item-nagare5::before {
    top: 27px!important;
}
.timeline-item-nagare6::before {
    top: 27px!important;
}
.timeline-item-nagare7::before {
    top: 27px!important;
}
.contact-btn-box {
    display: flex;
    margin-top: 24px;
}
.contact-btn-box-right-text {
    color: #3DA3CA;
    font-weight: 700;
    font-size: 20px;
}
.contact-btn-box-right-title {
    font-size: 16px;
    font-weight: 700;
}
.contact-btn-box-right {
    margin-left: 20px;
}
.service-page .timeline:before {
    top: 30px!important;
    height: 89%!important;
}

/* .sec02-bm {
    margin-bottom: 240px;
} */

@media screen and (max-width:768px) {
    .service-page .timeline .timeline-item .txt {
        width: auto;
        padding-left: initial!important;
    }
}
.service-page .timeline .timeline-item:before {
    bottom: initial;
}
@media screen and (max-width:768px) {
    .contact-btn-box {
        display: block;
    }
    .service-inner {
        padding: 0 5.5% 0 0!important;
    }
    .contact-btn a {
        max-width: initial;
        width: 280px;
    }
    .contact-btn-box-right {
        margin-left: initial;
    }
    .contact-btn {
        margin-bottom: 25px;
    }
    .sec02-bm {
        margin-bottom: 80px;
    }
    .timeline-item-nagare {
        margin-bottom: 40px;
    }
    .timeline-item-nagare::before {
        top: 22px!important;
    }
    .txt-nagare__title {
        font-size: 22px;
    }
    .service-page .timeline:before {
        height: 86.5%!important;
    }
}

.style_btn01 .arrow:after {
    left: 35%;
}

.news__year-box>ul>li>a {
    text-decoration: auto;
    transition: .3s;
}
.news__year-box>ul>li>a[aria-current="page"] {
    color: #3DA3CA;
}
.news__year-box>ul>li>a:hover {
    transition: .3s;
    opacity: .7;
}

.news__boxes>a {
    transition: .3s;
}
.news__boxes>a:hover {
    transition: .3s;
    opacity: .7;
}