@media screen and (max-width: 1500px) {
    .btn_primary a {
        gap: 2.27vw;
    }

    .btn_primary .circle {
        width: 5.27vw;
        height: 5.27vw;
    }

    .btn_primary .circle .icon {
        width: 1.67vw;
        height: 1.13vw;
    }

    #footer .footer_banner .banner_title {
        font-size: 2vw;
    }

    #footer .footer_banner .banner_title span {
        font-size: 4vw;
    }

    #footer .footer_banner .banner_block:first-child .banner_title {
        font-size: 3.33vw;
    }

    #footer .footer_banner .banner_block:first-child .banner_title span {
        font-size: 6.67vw;
    }

    #footer .footer_banner .btn_primary {
        bottom: 2.33vw;
        right: 2.2vw;
    }
}

@media screen and (max-width: 1350px) {}

@media screen and (min-width: 1025px) {
    .pages .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink):hover {
        color: var(--main-color);
        background: var(--white-color);
    }

    .pages .wp-pagenavi a.previouspostslink:hover,
    .pages .wp-pagenavi a.nextpostslink:hover,
    .pages .btn_back li:not(.special-btn) a:hover,
    .pages #recruit_news .recruit_news_list li a:hover {
        opacity: 0.7;
    }

    .underline:hover::after {
        width: 100%;
    }

    .btn_hover:hover .circle,
    .pages #recruit_mv .link_group li a:hover .circle {
        transform: scale(1.1);
    }

    .btn_hover:hover .circle .icon,
    .pages #recruit_mv .link_group li a:hover .circle .icon {
        animation: arrowright .5s ease-out forwards;
    }

    .btn_hover:hover .txt {
        transform: translate(5px, 0);
    }

    .pages #recruit_news .btn_primary a:hover .txt {
        transform: translate(-5px, 0);
    }

    .pages #recruit_info .info_item a:hover .info_desc {
        opacity: 1;
        transform: translateY(0);
    }

    .pages #recruit_works .works_list li:hover::before,
    .pages #recruit_info .info_item a:hover .info_img::before,
    #footer .footer_banner .btn_hover:hover::before {
        opacity: 1;
    }

    .pages #recruit_info .info_item a:hover .info_img img,
    #footer .footer_banner .btn_hover:hover .banner_image img {
        transform: scale(1.08) translateZ(0);
    }

    .btn_second a:hover::before,
    .pages #join_us .join_us_btn a:hover::before {
        transform: scaleX(1);
        transform-origin: left;
    }

    .pages #join_us .join_us_btn a:hover span {
        color: var(--white-color);
    }

    .pages .anchor_fixed li a:hover {
        color: var(--main-color);
    }
}

@media screen and (max-width: 1024px) {

    .pages table th,
    .pages table td {
        padding: 7px 10px;
    }

    .pages table th {
        font-size: 18px;
    }

    .pages table td p:not(:last-child) {
        margin-bottom: 15px;
    }

    .btn_primary a {
        gap: 15px;
    }

    .btn_primary .circle {
        width: 55px;
        height: 55px;
    }

    .btn_primary .circle .icon {
        width: 17px;
        height: 12px;
    }

    .btn_second {
        height: 55px;
    }

    .btn_second a .en {
        font-size: 24px;
    }

    .pages h3.under_title {
        font-size: 18px;
    }

    .pages h3.under_title .txt01 {
        font-size: 250%;
        top: 0;
    }

    .pages h3.under_title i {
        max-width: 40px;
        height: 10px;
        margin-left: 8px;
        top: -14px;
    }

    .pages h3.under_title i::before,
    .pages h3.under_title i::after {
        width: 20px;
        height: 5px;
    }

    .pages h3.en {
        font-size: 24px;
    }

    .pages h3.en .txt01 {
        top: 1px;
    }

    .pages h3.en i {
        top: -16px;
    }

    .pages .headline .sub_title {
        margin-left: 10px;
        top: 14px;
    }

    .pages .wp-pagenavi span,
    .pages .wp-pagenavi a {
        font-size: 18px;
        width: 40px;
        height: 40px;
        border-width: 2px;
        padding: 2px 0 0;
        margin: 0 3px 8px;
    }

    .pages .wp-pagenavi .current {
        border-width: 2px;
    }

    .pages .wp-pagenavi a.previouspostslink,
    .pages .wp-pagenavi a.nextpostslink {
        width: 16px;
    }

    .pages .wp-pagenavi a.previouspostslink {
        margin-right: 8px;
    }

    .pages .wp-pagenavi a.nextpostslink {
        margin-left: 8px;
    }

    .pages .wp-pagenavi .pages {
        font-size: 16px;
        margin-right: 5px;
    }

    .pages #header h1 {
        width: 170px;
    }

    .pages #p_mainvisual h2 {
        font-size: 22px;
        top: 6px;
    }

    .pages #p_mainvisual h2 span {
        font-size: 45px;
        margin-top: 8px;
    }

    #footer .footer_banner {
        flex-direction: column;
    }

    #footer .footer_banner .banner_block {
        width: 100%;
        height: 280px;
    }

    #footer .footer_banner .sub_banner {
        width: 50%;
        height: 100%;
    }

    #footer .footer_banner .banner_title {
        font-size: 20px;
    }

    #footer .footer_banner .banner_title span {
        font-size: 35px;
    }

    #footer .footer_banner .sub_banner .banner_title span {
        margin-bottom: 5px;
    }

    #footer .footer_banner .btn_primary {
        bottom: 15px;
        right: 3%;
    }

    #footer .footer_banner .banner_block:first-child .banner_title {
        font-size: 24px;
    }

    #footer .footer_banner .banner_block:first-child .banner_title span {
        font-size: 45px;
    }

    #footer .footer_banner .banner_block:first-child .btn_primary {
        bottom: 15px;
        right: 3%;
    }

    #footer .footer_banner .banner_block:nth-child(2) {
        display: flex;
    }

    #footer .footer_connect {
        padding: 50px 0;
    }

    #footer .footer_connect .footer_info {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-right: 0;
    }

    #footer .footer_connect .footer_info .f_logo {
        margin-bottom: 20px;
    }

    #footer .footer_connect .footer_link {
        display: none;
    }

    #footer address {
        text-align: center;
        margin-top: 35px;
    }
}

@media screen and (max-width: 992px) {}

@media screen and (max-width: 768px) {

    .pages .image_r,
    .pages .image_l {
        float: none;
        text-align: center;
        margin: 0 0 20px;
    }

    /*topic path*/
    .pages #topic_path {
        margin: 0 0 35px;
    }

    .pages #topic_path ul {
        padding: 25px 0 0;
    }

    /*-----table-----*/
    .pages table {}

    .pages table th,
    .pages table td {}

    .pages table th {}

    /*-----table scroll------*/
    .pages .tb_scroll {
        overflow: scroll;
        margin-bottom: 10px
    }

    .pages .tb_scroll > table {
        width: 800px;
        border: 2px solid #118abf;
    }

    .pages #content .txt_note {
        display: block;
        font-size: 12px;
        color: #AFAFAF;
        margin-bottom: 8px;
    }

    /*-----table block-----*/
    .pages #content table.tb_block tr th,
    .pages #content table.tb_block tr td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    .pages table.tb_block tr th,
    .pages table.tb_block tr td {
        border-bottom: none;
    }

    .pages table.tb_block tr:last-child td:last-child {
        border-bottom: 1px solid #04b52e;
    }

    /*tb_cal*/
    .pages .tb_cal th {
        line-height: 1.3;
    }

    .pages .tb_cal td {
        font-size: 15px;
    }

    .pages .headline {
        flex-direction: column;
    }

    .pages .headline .sub_title {
        margin-left: 0;
        top: 0;
    }

    .pages #p_mainvisual {
        height: 280px;
        max-height: inherit;
    }

    .bnr_fixed {
        right: 10px;
        bottom: 10vh;
    }

    .bnr_fixed .bnr_contact {
        width: 60px;
    }

    .bnr_fixed .bnr_entry {
        width: 60px;
        height: 60px;
        margin-top: 1vh;
    }

    .bnr_fixed .bnr_entry .mv_tag_title {
        font-size: 12px;
    }

    .bnr_fixed .bnr_entry .mv_tag_title span {
        font-size: 14px;
    }

    .bnr_fixed .bnr_entry .mv_tag_effect {
        width: 74px;
        height: 74px;
        top: -7px;
        left: -7px;
    }

    #footer .footer_banner .banner_block:nth-child(2) {
        height: auto;
        flex-direction: column;
    }

    #footer .footer_banner .sub_banner {
        width: 100%;
        height: 280px;
    }
}

@media screen and (max-width: 576px) {}

@media screen and (max-width: 490px) {}

@media screen and (max-width: 390px) {}

@media screen and (max-width: 320px) {}

/* ------------------------------------------------------
p_recruit
------------------------------------------------------ */
@media screen and (max-width: 1500px) {
    .pages #recruit_mv .recruit_mv_link {
        padding-left: 3%;
    }

    .pages #recruit_mv .recruit_mv_link .mv_banner {
        bottom: 1.93vw;
        right: 1.87vw;
    }

    .pages #recruit_mv .recruit_mv_link .mv_banner_title {
        font-size: 2.53vw;
        margin-left: 1.6vw;
    }
}

@media screen and (max-width: 1350px) {
    .pages #recruit_mv .recruit_mv_component .recruit_mv_title {
        font-size: 2.96vw;
    }

    .pages #recruit_mv .link_group li:not(:last-child)::after {
        width: 8.15vw;
        left: 5.41vw;
    }

    .pages #recruit_mv .link_group li a .txt {
        font-size: 1.78vw;
    }
}

@media screen and (max-width: 1024px) {
    .pages #recruit_mv {
        height: auto;
        flex-direction: column;
    }

    .pages #recruit_mv .recruit_mv_component {
        width: 100%;
        height: 450px;
    }

    .pages #recruit_mv .recruit_mv_component .recruit_mv_title {
        font-size: 20px;
    }

    .pages #recruit_mv .recruit_mv_component .recruit_mv_title .mvchar {
        margin-bottom: 20px;
    }

    .pages #recruit_mv .recruit_mv_component .sub_title {
        font-size: 22px;
        bottom: -6px;
        left: -4px;
    }

    .pages #recruit_mv .recruit_mv_component .sub_title span {
        font-size: 45px;
        margin-top: 10px;
    }

    .pages #recruit_mv .recruit_mv_link {
        width: 100%;
        padding: 0 0;
    }

    .pages #recruit_mv .link_group {
        width: 100%;
        display: flex;
    }

    .pages #recruit_mv .link_group li {
        width: 50%;
        height: 75px;
    }

    .pages #recruit_mv .link_group li a {
        width: 100%;
        height: 100%;
        justify-content: center;
        gap: 10px;
        padding: 0 10px;
    }

    .pages #recruit_mv .link_group li:not(:last-child) {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .pages #recruit_mv .link_group li:not(:last-child)::after {
        width: 1px;
        height: 100%;
        right: 0;
        top: 0;
        bottom: auto;
        left: auto;
    }

    .pages #recruit_mv .link_group li a .txt {
        width: auto;
        max-width: inherit;
        font-size: 14px;
    }

    .pages #recruit_mv .link_group li a .circle {
        width: 40px;
        height: 40px;
    }

    .pages #recruit_mv .link_group li a .circle .icon {
        width: 15px;
        height: 10px;
    }

    .pages #recruit_mv .recruit_mv_link .mv_banner {
        display: none;
    }

    .pages #recruit_news {
        padding: 50px 0 55px;
    }

    .pages #recruit_news .recruit_news_list {
        margin-bottom: 35px;
    }

    .pages #recruit_news .recruit_news_list li a {
        padding: 0 55px 10px 10px;
    }

    .pages #recruit_news .recruit_news_list li a::after {
        right: 10px;
        bottom: 15px;
    }

    .pages #recruit_news .btn_primary {
        text-align: center;
        padding: 0 0;
    }

    .pages #recruit_news .btn_primary .txt {
        font-size: 20px;
    }

    .pages #recruit_works .works_list li h4 {
        font-size: 20px;
        margin-bottom: 35px;
    }

    .pages #recruit_info {
        padding: 55px 0;
    }

    .pages #recruit_info .info_item {
        height: auto;
        min-height: inherit;
        margin-bottom: 35px;
    }

    .pages #recruit_info .info_item a {
        padding: 45px 3%;
    }

    .pages #recruit_info .info_block {
        flex-direction: column;
    }

    .pages #recruit_info .info_title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 25px;
    }

    .pages #recruit_info .info_title span {
        font-size: 16px;
    }

    .pages #recruit_info .info_desc {
        max-width: 100%;
        opacity: 1;
        transform: translateY(0);
    }

    .pages #recruit_info .info_img::before {
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .pages #recruit_news .recruit_news_list li .recruit_news_title {
        -webkit-line-clamp: 2;
    }

    .pages #recruit_works {
        flex-direction: column;
    }

    .pages #recruit_works .works_wrap {
        width: 100%;
    }

    .pages #recruit_works .works_headline {
        height: 150px;
        max-height: inherit;
    }

    .pages #recruit_works .works_list {
        height: 220px;
        max-height: inherit;
    }

    .pages #recruit_works .works_image {
        width: 100%;
        line-height: 0;
    }
}

@media screen and (max-width: 576px) {
    .pages #recruit_works .works_list {
        height: auto;
        flex-direction: column;
    }

    .pages #recruit_works .works_list li {
        width: 100%;
        height: 220px;
    }

    .pages #recruit_works .works_list li:first-child::after {
        position: absolute;
        content: '';
        width: 70%;
        height: 1px;
        background: #e0e004;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* ------------------------------------------------------
p_working
------------------------------------------------------ */
@media screen and (max-width: 1500px) {
    .pages #company_environment::before {
        font-size: 9.33vw;
        top: -12vw;
        left: 2vw;
    }

    .pages #company_environment .environment_title {
        font-size: 2.67vw;
    }

    .pages #company_environment .environment_component {
        margin-left: 5.67vw;
    }

    .pages #company_environment .environment_link .btn_primary:first-child {
        margin: 0 5.33vw 0 0;
    }

    .pages #company_environment .environment_wrap figure {
        margin-top: -11.07vw;
    }

    .pages #join_us .special_title {
        font-size: 13.33vw;
        top: -12.53vw;
    }
}

@media screen and (max-width: 1024px) {
    .pages #about_workplace {
        padding: 50px 0 55px;
    }

    .pages #about_workplace .under_title {
        margin-bottom: 35px;
    }

    .pages #company_environment .environment_title {
        font-size: 24px;
    }

    .pages #company_environment .environment_component h4 {
        font-size: 22px;
    }

    .pages #company_environment .environment_txt {
        margin-bottom: 35px;
    }

    .pages #company_environment .environment_txt p:not(:last-child) {
        margin-bottom: 20px;
    }

    .pages #join_us {
        padding-bottom: 55px;
    }

    .pages #join_us .join_us_gallery {
        margin-bottom: 45px;
    }

    .pages #join_us h4 {
        font-size: 20px;
    }

    .pages #join_us .join_us_txt {
        font-size: 20px;
        margin-bottom: 35px;
    }

    .pages #join_us .join_us_btn a {
        font-size: 22px;
    }

    .pages #systems_benefits {
        padding: 50px 0 0;
    }

    .pages #systems_benefits .block_contents {
        margin-bottom: 0;
    }

    .pages #systems_benefits .block_contents h4 {
        font-size: 20px;
    }

    .pages #systems_benefits .benefits_list li {
        min-width: 180px;
    }

    .pages #systems_benefits .benefits_list li::before {
        width: 125px;
        height: 125px;
    }

    .pages #systems_benefits .benefits_list li figure {
        width: 100%;
        max-width: 80px;
        margin: 0 auto;
    }

    .pages #systems_benefits .benefits_list li h5 {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .pages #company_environment .environment_cover {
        height: 320px;
        max-height: inherit;
        padding-bottom: 10.68vw;
    }

    .pages #company_environment .environment_title {
        font-size: 20px;
    }

    .pages #company_environment .environment_wrap {
        flex-direction: column;
    }

    .pages #company_environment .environment_component {
        padding-top: 0;
        margin: 0 0 0;
    }

    .pages #company_environment .environment_wrap figure {
        width: 60.29vw;
        margin: 0 auto 35px;
    }

    .pages #join_us .special_title {
        font-size: 75px;
        top: -70px;
    }
}

@media screen and (max-width: 576px) {
    .pages #systems_benefits .benefits_list {
        flex-direction: column;
        align-items: center;
    }

    .pages #systems_benefits .benefits_list li {
        margin: 0 0 50px;
    }

    .pages #join_us h4 {
        font-size: 18px;
    }

    .pages #join_us .join_us_txt {
        font-size: 18px;
    }

    .pages #join_us .join_us_btn a {
        font-size: 20px;
    }
}

/* ------------------------------------------------------
p_production, p_operation
------------------------------------------------------ */
@media screen and (max-width: 1500px) {
    .pages #production_features {
        padding-bottom: 21.07vw;
    }

    .pages #production_features::before {
        bottom: -16vw;
    }

    .pages #production_features::after {
        bottom: -15.33vw;
    }

    .pages #production_voice .voice_item {
        padding: 90px 5.33vw 70px;
    }
}

@media screen and (max-width: 1024px) {
    .pages #production_features {
        padding-top: 50px;
    }

    .pages #production_features .under_title {
        margin-bottom: 50px;
    }

    .pages #production_features .features_frame {
        padding: 60px 20px;
    }

    .pages #career_path {
        min-height: 550px;
        padding: 50px 0 0;
    }

    .pages #career_path .headline {
        margin-bottom: 35px;
    }

    .pages #career_path .career_path_txt {
        font-size: 16px;
    }

    .pages #career_path .career_path_txt p:not(:last-child) {
        margin-bottom: 25px;
    }

    .pages .catcher_contents {
        padding: 50px 0 55px;
    }

    .pages .catcher_contents .catcher_title {
        font-size: 24px;
    }

    .pages .catcher_contents .catcher_frame .catcher_col {
        padding: 40px 20px 25px;
    }

    .pages .catcher_contents .catcher_frame h5 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .pages .catcher_contents .style_msz,
    .pages .catcher_contents .catcher_frame h6,
    .pages .catcher_contents .catcher_style01 .style01_title {
        font-size: 18px;
    }

    .pages #production_voice {
        padding: 50px 0 55px;
    }

    .pages #production_voice .under_title {
        margin-bottom: 35px;
    }

    .pages #production_voice .voice_item {
        padding: 50px 20px;
    }

    .pages #production_voice .item_component h4 {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .pages #production_voice .item_component dl {
        margin-bottom: 20px;
    }

    .pages #production_voice .item_profile dl dt,
    .pages #production_voice .item_profile dl dd {
        font-size: 18px;
    }

    .pages #recruit_requirements {
        padding: 50px 0 55px;
    }

    .pages #recruit_requirements table {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 768px) {
    .pages #production_voice .voice_item {
        flex-direction: column-reverse;
    }

    .pages #production_voice .item_component {
        margin: 35px 0 0;
    }

    .pages #production_voice .item_profile {
        width: 100%;
        max-width: 100%;
    }

    .pages #production_voice .item_profile .photo {
        width: 80vw;
        max-width: 544px;
        height: 55vw;
        margin: 0 auto 20px;
    }

    .pages #production_voice .item_profile h5 {
        margin-bottom: 20px;
    }

    .pages table.tb_block tr:last-child td:last-child {
        border-bottom-color: #04aae0;
    }
}

/* ------------------------------------------------------
p_entry
------------------------------------------------------ */
@media screen and (max-width: 1024px) {
    .pages #entry_form {
        padding: 50px 0 30px;
    }

    .pages #entry_form .headline {
        margin-bottom: 35px;
    }

    .pages #form_contents {
        padding-bottom: 55px;
    }

    .pages .p_entry table.tb_block tr td {
        border-bottom: 1px solid #eef5fb !important;
    }

    .pages table.tb_contact th label {
        display: block;
    }

    .pages table.tb_contact .required {
        margin-left: 10px;
        position: relative;
        top: -2px;
    }

    .pages table.tb_contact .field_radio .wpcf7-list-item {
        margin-left: 25px;
    }

    .pages #form_contents .field_policy {
        padding: 20px 10px;
    }

    .pages #form_contents .field_policy h4 {
        font-size: 18px;
    }

    .pages #form_contents .field_policy p:not(:last-child) {
        margin-bottom: 20px;
    }
}

/* ------------------------------------------------------
p_company
------------------------------------------------------ */
@media screen and (max-width: 1500px) {
    .pages #company_access .access_info {
        padding: 30px 30px;
    }

    .pages #company_access .access_info h4 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .pages #company_intro {
        padding: 55px 0 20px;
    }

    .pages #company_intro .company_intro_title {
        width: 46.67vw;
        max-width: 378px;
        text-align: center;
        margin: 0 auto 45px;
    }

    .pages #company_intro .intro_container {
        flex-direction: column;
        align-items: center;
        gap: 45px;
    }

    .pages #company_intro .intro_container .intro_block {
        width: 100%;
        max-width: 640px;
    }

    .pages #company_intro .intro_container .intro_block:nth-child(1) {
        text-align: center;
        padding-left: 0;
    }

    .pages #company_intro .intro_container .intro_block:nth-child(2) {
        padding-left: 0;
    }

    .pages #company_intro .intro_container h4 {
        text-align: center;
        margin-bottom: 20px;
    }

    .pages #company_intro .intro_container .intro_txt {
        font-size: 18px;
    }

    .pages #company_intro .intro_container .intro_txt .tag {
        padding-left: 3px;
    }

    .pages #company_intro .company_intro_gallery {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .pages #company_message {
        padding: 50px 0 21.48vw;
    }

    .pages #company_message .headline {
        margin-bottom: 65px;
    }

    .pages #company_message .message_title {
        font-size: 28px;
        margin-bottom: 45px;
    }

    .pages #company_message .message_container::before {
        max-width: 150px;
        top: -15vw;
    }

    .pages #company_message .tag_special {
        font-size: 20px;
    }

    .pages #company_movie {
        padding: 55px 0 50px;
    }

    .pages #company_movie::before {
        font-size: 19.53vw;
        top: -12.89vw;
    }

    .pages #company_movie .company_video {
        margin-bottom: 30px;
    }

    .pages #company_movie .movie_note {
        font-size: 15px;
    }

    .pages #company_cover {
        min-height: inherit;
    }

    .pages #company_profile {
        padding: 50px 0 55px;
    }

    .pages #company_access .access_list {
        flex-direction: column;
    }

    .pages #company_access .access_list li {
        width: 100%;
        height: 50vw;
        flex-direction: row !important;
    }

    .pages #company_access .access_list li:nth-child(even) {
        flex-direction: row-reverse !important;
    }

    .pages #company_access .access_list li:nth-child(3) {
        border-bottom: 4px solid #04b52e;
    }

    .pages #company_history {
        padding: 50px 0;
    }

    .pages #company_history .under_title {
        margin-bottom: 45px;
    }

    .pages #company_history .history_list dt {
        left: 10px;
    }

    .pages #company_history .history_list dt span {
        font-size: 22px;
    }

    .pages #company_history .history_list dd {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .pages #company_history .tag {
        font-size: 38px;
    }
}

@media screen and (max-width: 768px) {
    .pages #company_message .message_container {
        flex-direction: column;
    }

    .pages #company_message .message_component {
        max-width: 100%;
        margin: 45px 0 0;
    }

    .pages #company_message .message_photo {
        width: 100%;
        text-align: center;
    }

    .pages #company_message .message_photo .image_effect {
        overflow: hidden;
    }

    .pages #company_profile .tb_profile th,
    .pages #company_profile .tb_profile td {
        padding: 15px 10px;
    }

    .pages #company_profile .tb_profile th {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .pages #company_history .history_list dl {
        margin-bottom: 50px;
    }

    .pages #company_history .history_list dt {
        text-align: center;
        margin-bottom: 55px;
        position: relative;
        top: auto;
        left: auto;
    }
}

@media screen and (max-width: 576px) {
    .pages #company_movie .movie_note span {
        display: block;
    }

    .pages #company_message .message_title {
        padding-left: 0;
    }

    .pages #company_access .access_list li {
        height: auto;
        flex-direction: column !important;
    }

    .pages #company_access .access_list li:nth-child(even) {
        flex-direction: column !important;
    }

    .pages #company_access .access_info {
        width: 100%;
        padding: 45px 3%;
    }

    .pages #company_access .access_map {
        width: 100%;
        height: 299px;
    }
}