@media screen and (min-width: 768px) {
    .only_sp {
        display: none!important;
    }
    .only_pc {
        display: block!important;
        }
    .main_inner {
        width: 100%;
        max-width: 992px;
        margin: auto;
        padding: 20px 16px 60px;
        display: flex;
        flex-flow: wrap;
    }
    main {
        margin-top: 80px;
        min-height: calc(100vh - 239px);
    }
    .main_contents {
        max-width: 670px;
        width: calc(100% - (240px + 5%));
        margin-right: 5%;
    }
    .main_contents.column01 {
        max-width: 992px;
        margin-right: 0;
    }
    .main_contents.column01 {
        width: 100%;
    }
    .side_contents {
        width: 240px;
        margin-left: auto;
    }
    .side_contents>section {
        padding-top: 30px;
    }
    .side_contents>section:first-child {
        padding-top: 0;
    }
    /* -----------------------------------
    hover
    ----------------------------------- */
    a:hover,
    button:hover {
        opacity: 0.6;
    }
    .favorite_btn:hover {
        opacity: 1;
        transition: 0s;
    }
    .custom-options li:hover {
        opacity: 0.6;
    }
    .slick-prev:hover,
    .slick-next:hover{
        background-color: #fff;
    }
    .js_modal-trigger:hover {
        opacity: 0.6;
    }
    /* -----------------------------------
    hover(jQueryプラグイン)-jquery-ui.css
    ----------------------------------- */
    .ui-button:hover {
        text-decoration: none;
    }
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: 8px;
        height: 8px;
        border-width: 4px;
        border-style: solid;
    }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }
        html .ui-button.ui-state-disabled:hover {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b;
    }
    .ui-state-hover a:hover,
    .ui-state-focus a:hover,
    a.ui-button:hover {
        color: #2b2b2b;
        text-decoration: none;
    }
    .ui-button.ui-state-active:hover {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #ffffff;
    }
    .ui-button:hover .ui-icon,
    .ui-button:focus .ui-icon {
        background-image: url("../job_carousel/images/ui-icons_555555_256x240.png");
    }
    /* -----------------------------------
    hover(jQueryプラグイン)-slick-theme.css
    ----------------------------------- */
    .slick-prev:hover,
    .slick-next:hover {
        color: transparent;
        outline: none;
        background: transparent;
    }
    .slick-prev:hover:before,
    .slick-next:hover:before {
        opacity: 1;
    }
    .slick-dots li button:hover {
        outline: none;
    }
    .slick-dots li button:hover:before {
        opacity: 1;
    }
    /* -----------------------------------
    header
    ----------------------------------- */
    header {
        height: 80px;
    }
    .header_inner {
        height: 100%;
        width: 100%;
        max-width: 992px;
        margin: auto;
        padding: 0 16px;
    }
    .header_link>*:not(:first-child),
    .header_link > .header_text {
        margin-left: 40px;
    }
    .header_link {
        display: flex;
        margin-left: 0;
        height: 100%;
        align-items: center;
        justify-content: flex-end;
    }
    .header_logo {
        left: 16px;
        transform: translateY(-50%);
        width: 18%;
    }
    .header_logo img {
        width: 100%;
    }
    .header_logined,
    .header_registration,
    .header_login,
    .header_favorite {
        display: flex;
        margin-top: 0;
    }
    .header_favorite {
        position: inherit;
        right: 0;
    }
    .header_text {
        display: inline-flex;
        font-size: 12px;
        align-items: center;
        margin-top: 0;
        margin-left: 10px;
        white-space: nowrap;
    }
    .header_menu {
        display: none;
    }


    /* -----------------------------------
    見出し
    ----------------------------------- */
    .h1_pink_line>span {
        margin: auto;
        display: block;
    }
    /* -----------------------------------
    chatbot_btn
    ----------------------------------- */
    .chatbot_btn {
        bottom: 130px;
        right: 40px;
    }
    .page_top {
        right: 40px;
    }

    /* -----------------------------------
    footer
    ----------------------------------- */
    .breadcrumb {
      margin-left: -20px;
      font-size: 16px;
      line-height: 1.7;
    }
    .breadcrumb ul {
        width: 100%;
        max-width: 992px;
        margin: auto;
    }
    .breadcrumb li {
        font-size: 12px;
    }
    .footer_link-area {
        width: 100%;
        max-width: 992px;
        display: flex;
        margin: auto;
        flex-direction: row-reverse;
        align-items: center;
        padding: 40px 16px 4px;
    }
    .footer_link-list {
        margin: 0;
        padding: 0;
    }
    .footer_link-list li {
        font-size: 12px;
        transform: inherit;
        color: #4F4F4F;
        margin-right: 20px;
    }
    .footer_link-list li:last-child {
        margin-right: 0;
    }
    .footer_copyright {
        text-align: right;
        width: 100%;
        max-width: 992px;
        padding: 0 16px;
        margin: auto;
        transform-origin: right;
        transform: scale(1);
        font-size: 12px;
    }
    .footer_logo.only_pc {
        display: inline-flex;
        margin: 0;
        margin-right: auto;
        width: 34%
    }
    .l-footer__body {
      max-width: 1288px;
      margin: 0 auto;
      padding: 0 40px;
    }
    .l-footer__middle .l-footer__heading {
      display: flex;
      align-items: center;
      flex-basis: 110px;
      font-size: 12px;
    }
    .l-footer__middle .l-footer__wrapper {
      flex: 1;
      padding-left: 13px;
      box-shadow: inset 1px 0 0 0 #D9D9D6;
    }

    /* -----------------------------------
    side_menu
    ----------------------------------- */

    .side_menu-block,
    .side_menu-mask{
        display: none;
    }



    /* -----------------------------------
    link
    ----------------------------------- */
    .link_panel {
        padding: 16px 24px 16px 16px;
        height: 225px;
        background-position: center bottom 16px;
    }



    /* -----------------------------------
    box
    ----------------------------------- */
    .box_block {
        padding: 16px;
    }



    /* -----------------------------------
    registration_block
    ----------------------------------- */
    .registration_block-title {
        text-align: left;
    }
    .registration_block-text {
        margin-bottom: 20px;
    }



    /* -----------------------------------
    accordion
    ----------------------------------- */
    .job-information_acc-block {
        padding: 0 0 50px;
    }
    .job-information_acc-block .acc_list {
        border: 0;
        border-top: 1px solid #F2F1F8;
        border-bottom: 1px solid #F2F1F8;
    }
    .job-information_acc-block .acc_title::before,
    .job-information_acc-block .acc_title::after {
        display: none;
    }
    .job-information_acc-block .acc_list>li {
        max-width: 992px;
        margin: auto;
        padding: 0 16px;
    }
    .job-information_acc-block .acc_list>li:not(:last-child) {
        border: 0;
    }
    .job-information_acc-block .acc_detail {
        display: block!important;
        padding: 0 8px 16px 16px;
    }
    .job-information_acc-block .acc_list li:last-child .acc_detail {
        padding: 0 8px 32px 16px;
    }
    .job-information_acc-block .acc_title {
        padding: 30px 0 16px;
        font-size: 14px;
        pointer-events: none;
    }
    .job-information_acc-block .list_full li {
        width: auto;
        margin-right: 42px;
    }



    /* -----------------------------------
     table
    ----------------------------------- */
    .table01 th {
        font-size: 14px;
        width: 220px;
    }
    .table01 td {
        width: calc(100% - 220px);
    }



    /* -----------------------------------
     modal
    ----------------------------------- */
    .modal {
        transition: all .8s;
    }
    .modal_inner {
        position: relative;
    }
    .modal_slide-box {
        width: 670px;
        height: calc(100vh - 200px);
    }
    #modal_work-location.is-show .modal_inner,
    #modal_job-type.is-show .modal_inner {
        width: 670px;
        height: calc(100vh - 200px);
        top: calc(50% + -45px);
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .modal_floating_area,
    .slide_work-location,
    .slide_job-type {
        left: 0;
    }
    .slide_area {
        height: 100%;
    }
    .slide_area-inner {
        padding: 64px 16px 40px;
    }
    .slide_header {
        top: 0;
    }
    .modal_floating_area-inner {
        height: 90px;
        width: 800px;
        margin: auto;
    }
    .modal .page_top {
        bottom: 20px;
        right: 16px;
    }
    .modal_btn-area .btn_green01 {
        width: 200px;
    }
    .modal_floating_area.add_conditions .btn_pink01,
    .modal_btn-area .btn_pink01 {
        width: 240px;
        margin-left: 40px;
    }
    .slide_work-location01 .checkbox_list02 li:not(:first-child) {
        width: 33%;
        padding-left: 0;
        padding-right: 10px;
    }

    /* -----------------------------------
     error
    ----------------------------------- */
    .h1_pink_line + .error_text {
        max-width: 960px;
        margin: 20px auto 0;
    }

    /* -----------------------------------
     icon_badge
    ----------------------------------- */
    .icon_badge img {
        display: block;
    }
    .badge{
        top: -2px;
    }
}