@charset "utf-8";

#licorice_wrap{width:950px;text-align: center;position: relative;margin:0px auto;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;min-height:100%;}

@media screen and (max-width: 950px) {
header.header_pc{display: none;}
#drawer-toggle-label{display: block;}
header.header_mobile {display: block;}
#licorice_wrap{width:auto;border-right:0px;}

.interview_header{
height: calc(100vh - 300px);
min-height: 500px;
background-size: cover;
background-position: center top;
}
.interview_header div{
position: absolute;
width:100%;
height: auto;
background-image: url(../img/interview_top_bg.png);
padding:20px;
bottom:0px;
text-align: left;
}
.interview_header div h1{font-size: 30px;font-weight:bold;color:#fff;display: block;}
.interview_header div h2{font-size: 16px;color:#fff;display: block;}
}


@media screen and (max-width: 700px) {
#licorice_wrap{padding-left:0px;}
#drawer-toggle-label{display: block;}
#drawer{right:-300px;width:300px;}
.footer_logo img{width:120px;}
.interview_data h3 img {width: 200px;}
.interview_data {padding: 20px 230px 20px 20px;}

.interview_cta table td {display: block;width: 100%;padding: 0px 10px 0px;}
.interview_cta table td:first-child{padding-top: 20px;}
.interview_cta table td p{border-right:0px;border-bottom:1px solid #ff5b7f;}
.interview_cta table td:first-child p{padding:0px 0px 10px;}
.interview_cta table td:last-child p{border-bottom:0px solid #ff5b7f;}

.interview_cta h3 {
position: static;
background-color: #ff5b7f;
padding: 10px 20px;
color: #fff;
text-align: justify;
}
}


@media screen and (max-width: 550px) {
.exchange_point_img{width:100px;top:40%;}
.exchange_point_desc{padding-left:150px;}
.exchange_point_apply{padding-left:10px;text-align: center;}
.invite_mainvisual span{width:55px;height:55px;padding-top:8px;font-size:24px;}
.btns_invite{display: block;}
.btns_invite div{width: auto;padding:0px 0px 10px;text-align: center;}
.btns_invite div a{max-width: 80%;margin:0px auto;}
.btn_invite_email a{display:block;max-width: 80%;margin:0px auto;}
.footer_logo,.footerMenu,.footerLang {float:none;margin-bottom:20px;width:auto;}
.copyright {margin-top: 20px;}
.interview_data {padding: 20px 20px 20px 20px;}
.interview_data h3 {position: static;text-align: center;display: block;margin-bottom:20px;}
.interview_header div h1 {font-size: 20px;}
.interview_header div h2 {font-size: 14px;margin-top: 10px;}

.interview_picture_wrap{width: 100%;}
.interview_picture_wrap p{width: 100%;}
.interview_picture img{width:100%;}
.interview_picture span{width:100%;}
}

@media screen and (max-width: 575px) {
    .top_mainvisual_copyWrap {
        background-color: #e84c6d;
    }

    .slogan_top_mainvisual_copy {
        background-color: transparent;
        margin-top: 0;
    }

    .slogan_top_mainvisual_copy h2{
        font-size: 16px !important;
    }

    .home-page-title p{
        font-size: 18px;
    }

    .title-card-description span {
        display: block;
    }

    .content-service-title,
    .content-service-title p {
        font-size: 24px !important;
    }

    .card-service .title-card {
        font-size: 16px;
    }

    .introduction-header-text .size-18 {
        font-size: 16px !important;
    }

    .logo-partner img {
        max-width: 75%;
    }
}

@media screen and (min-width: 576px) {
    .top_mainvisual_copyWrap{
        height: calc(100vh - 70px);
        min-height: 774px;
    }

    .home-page-title p{
        font-size: 25px;
    }

    .card-evaluate:after {
        content: '';
        border-left: 50px solid #f5f5f5;
        border-bottom: 20px solid transparent;
        border-top: 20px solid transparent;
        position: absolute;
        right: -50px;
        bottom: 30px;
    }

    .footer_logo_new img{
        width: 100%;
    }

    .introduction-header-text .set-image {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .introduction-left img, .introduction-center img, .introduction-right img{
        max-width: 100%;
    }

    .evaluate span.interview-picture{
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 991px) {
    .slogan_top_mainvisual_copy h2{
        font-size: 28px;
    }

    .card-evaluate .card-evaluate-title,
    .introduction-body {
        font-size: 20px !important;
    }

    .introduction-header-text .size-32 {
        font-size: 18px !important;
    }
}

@media screen and (min-width: 992px){
    .home-page-title p{
        font-size: 37px;
    }

    .category_mainvisual_business{
        background-position: center center;
    }

    .introduction-detail p{
        font-size: 15px;
    }

    .introduction-img-text{
        font-size: 14px;
    }

    .introduction-left-first{
        font-size: 12px;
    }

    .introduction-left hr{
        width: 100px;
    }

    .introduction-right hr{
        width: 100px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1119px) {
    .introduction-header-text .size-32{
        font-size: 26px !important;
    }

    .introduction-body {
        font-size: 30px !important;
    }
}

@media (min-width: 1400px) {
    .sales_figure {
        position: absolute;
        width: 150px;
        right: 300px;
        bottom: 0;
    }
}