@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.business
02-01.transport
02-02.warehouse
02-03.planning
02-04.moving
02-05.designtruck
02-05-01.designtruck-works
03.recruit
03-01.recruit_form
03-02.staff_detail
04.about_us
04-01.access
04-02.iso
04-03.privacy
04-04.actionplan
04-05.local contribution
#local-contribution .title_area_ptn01 {
    background: url(../img/about_us/actionplan/title_bg.jpg) no-repeat center/cover;
}

#local-contribution .cnt_area01 {
    padding: 18px 0 203.9px;
}

#local-contribution .cnt_area01 .breadcrumb {
    margin-bottom: 98px;
}
05.blog
06.contact
07.sdgs
08.sitemap
09.error404
--------------------*/

@media only screen and (max-width: 1280px) {
    /*----------
    01.top 1280
    ----------*/
    #top .mv_area .mv_block .contents_in {
        max-width: 980px;
        width: 92%;
    }

    #top .link_area .link_box {
        min-height: 160px;
        height: 0;
        padding-bottom: calc(100% / 3 * .5625);
    }

}


@media only screen and (max-width: 1024px) {
    /*----------
    01.top 1024
    ----------*/
    #top .mv_area .news_block {
        width: 60%;
        max-width: 540px;
    }

    #top .cnt_area01 .cnt_box .txt_wrp .em_txt {
        font-size: 21px;
    }

    #top .cnt_area01 .cnt_box.moving_box .txt_wrp .sub_txt {
        font-size: 16px;
    }

    #top .cnt_area02 .txt_box .em_txt {
        font-size: 21px;
    }

    #top .cnt_area02 .txt_box p {
        font-size: 16px;
    }

    #top .cnt_area02 .txt_box p .pc {
        display: none;
    }

    #top .cnt_area02 .txt_box .em_item {
        display: block;
        padding: 7% 20px;
    }

    #top .cnt_area02 .txt_box .em_item .txt_g {
        width: 100%;
        padding-top: 0;
    }

    #top .cnt_area02 .txt_box .em_item .txt_g h3 {
        font-size: 21px;
    }

    #top .cnt_area02 .txt_box .em_item .txt_g .en {
        margin-top: 5px;
    }

    #top .cnt_area02 .txt_box .em_item .btn_ptn01 {
        width: 100%;
        margin-top: 20px;
    }


    /*----------
    02-01.transport 1024
    ----------*/
    #transport .cnt_area02 .cnt_box .txt_wrp h3 {
        font-size: 24px;
    }

    #transport .cnt_area03 .cnt_box .txt_wrp h3 {
        font-size: 24px;
    }

    #transport .cnt_area04 .cnt_block .cnt_box .txt_wrp h4 {
        font-size: 18px;
    }

    #transport .cnt_area04 .sub_block .sub_box .txt_wrp h3 {
        font-size: 24px;
    }

    #transport .cnt_area05 .img_wrp {
        width: 160px;
    }

    #transport .cnt_area05 .txt_wrp {
        width: calc(100% - 160px - 25px);
        margin-left: 25px;
    }

    #transport .cnt_area05 .txt_wrp .em_txt {
        font-size: 24px;
    }


    /*----------
    02-02.warehouse 1024
    ----------*/
    #warehouse .title_area_ptn01 .ttl_box .sub_txt {
        font-size: 22px;
    }

    #warehouse .cnt_area02 .cnt_box .text_g .img_box {
        max-width: 125px;
    }


    /*----------
    02-04.moving 1024
    ----------*/
    #moving .cnt_area02 .text {
        font-size: 39px;
    }

    #moving .cnt_area03 .campaing img {
        top: 6px;
    }

    #moving .cnt_area03 .cnt_g01 .title {
        font-size: 34px;
        margin-bottom: 20px;
    }

    #moving .cnt_area03 .cnt_g01 .sub_text {
        font-size: 24px;
    }

    #moving .cnt_area03 .cnt_g01 .blue span {
        font-size: 22px;
    }

    #moving .cnt_area03 .banner a {
        flex-direction: column;
        padding: 20px;
    }

    #moving .cnt_area03 .banner .left {
        width: 100%;
    }

    #moving .cnt_area03 .banner .right {
        width: 100%;
    }

    #moving .cnt_area03 .banner .left .text {
        font-size: 54px;
        line-height: 1.6;
        margin: 30px auto 20px;
        text-align: center;
    }

    #moving .cnt_area03 .banner .text01 {
        width: 50%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }


    /*----------
    02-05.designtruck 1024
    ----------*/
    #designtruck .cnt_area05 .cnt_block .cnt_box .txt_g .st {
        font-size: 24px;
    }

    #designtruck_modal .cnt_block .cnt_box table th {
        font-size: 16px;
    }

    #designtruck_modal .cnt_block .cnt_box table td {
        height: 50px;
    }


    /*----------
    03.recruit 1024
    ----------*/
    #recruit .cnt_area01 .link_box ul {
        justify-content: space-between;
        max-width: 700px;
        margin: 0 auto;
    }

    #recruit .cnt_area01 .link_box ul.count_1 {
        justify-content: center;
    }

    #recruit .cnt_area01 .link_box li {
        width: 48%;
        margin-bottom: 10px;
    }

    #recruit .cnt_area01 .link_box li + li {
        margin-left: 0;
    }

    #recruit .recruit_area .point_area h2 {
        font-size: 32px;
    }

    #recruit .recruit_area .point_area {
        padding: 25px;
    }

    #recruit .recruit_area .point_area .caution {
        font-size: 13px;
    }

    #recruit .reason .bottom {
        flex-direction: column;
    }

    #recruit .reason .bottom ol {
        width: 100%;
        margin-bottom: 20px;
    }

    #recruit .reason .bottom .cnt_img {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }

    #recruit .purple_banner .txt {
        font-size: 18px;
        line-height: 1.6;
    }

    #recruit .purple_banner .txt + span {
        font-size: 14px;
    }

    #recruit .pick_up_area .cnt_box .right {
        padding: 20px;
    }

    #recruit .pick_up_area .cnt_box a::after {
        width: 45px;
        height: 45px;
    }

    #recruit .purple_banner {
        margin-bottom: 45px;
    }

    #recruit .pick_up_area .title::before, #recruit .pick_up_area .title::after {
        width: 25%;
    }


    /*----------
    03-01.recruit_form 1024
    ----------*/
    #recruit_form .cnt_area01 .tel_area .right {
        padding: 15px 20px;
    }

    #recruit_form .cnt_area01 .tel_area .left {
        font-size: 16px;
        line-height: 1.8;
        padding: 15px 20px;
    }

    #recruit_form .cnt_area01 .tel_area .num {
        font-size: 36px;
        line-height: 1.8;
        margin-right: 10px;
    }

    #recruit_form .cnt_area01 .tel_area .num::before {
        width: 23px;
    }

    .flow_area .cnt_box {
        height: 385px;
    }

    .form_wrap .checkboxarea .wpcf7-list-item {
        margin-bottom: 15px;
    }


    /*----------
    03-02.staff_detail 1024
    ----------*/
    .staff_detail #cnt_area01 {
        padding: 20px 0 105px;
    }

    .staff_detail #cnt_area01 .top_g .top_text {
        font-size: 32px;
        line-height: 48px;
        font-weight: 700;
        background: linear-gradient(90deg, rgba(0, 148, 208, 1) 0%, rgba(59, 30, 134, 1) 100%);
        padding: 30px;
        margin: 55px 0 50px;
    }

    .staff_detail #cnt_area01 .faq_g dl dt {
        font-size: 26px;
        line-height: 36px;
        font-weight: 700;
        padding-left: 68px;
        margin-bottom: 40px;
        position: relative;
    }

    .staff_detail #cnt_area01 .faq_g dl dt::after {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/icon_q.png") no-repeat center/contain;
        width: 57px;
        height: 50.7px;
        top: -8px;
        left: 0;
    }

    .staff_detail #cnt_area01 .faq_g dl dd {
        font-size: 17px;
        line-height: 30px;
        padding-left: 68px;
        position: relative;
    }


    .staff_detail #cnt_area01 .faq_g dl dd::after {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/icon_a.png") no-repeat center/contain;
        width: 59px;
        height: 52.5px;
        top: -10px;
        left: 0;
    }

    .staff_detail #cnt_area01 .schedule_g {
        background: linear-gradient(90deg, rgba(159, 255, 241, 1) 0%, rgba(159, 202, 255, 1) 100%);
        padding: 30px 22px;
        max-width: 890px;
        margin: 90px auto 70px;
    }

    .staff_detail #cnt_area01 .schedule_g .cnt_wrap {
        background: #FFFFFF;
        padding: 30px 40px 53px;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box {
        color: #0E498F;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box .en_title {
        font-size: 16px;
        line-height: 1;
        font-weight: 600;
        text-align: center;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box .jp_title {
        font-size: 27px;
        line-height: 46px;
        font-weight: 700;
        text-align: center;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box .jp_title span {
        font-size: 19px;
        margin-right: 6px;
    }

    .staff_detail #cnt_area01 .schedule_g dl div {
        padding: 31px 0;
        position: relative;
    }

    .staff_detail #cnt_area01 .schedule_g dl div::after {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/border_img.png") repeat-x center/contain;
        width: 100%;
        height: 3px;
        bottom: -1.5px;
        left: 0;
    }

    .staff_detail #cnt_area01 .schedule_g dl dt {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 9px;
    }

    .staff_detail #cnt_area01 .schedule_g dl dt .time {
        font-size: 16px;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        padding: 10px 0 10px 21px;
        background: #25C497;
        color: #FFFFFF;
        position: relative;
        min-width: 141px;
        display: inline-block;
        margin-right: 12px;
    }

    .staff_detail #cnt_area01 .schedule_g dl dt .time::before {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/icon_clock.png") no-repeat center/contain;
        width: 23px;
        height: 23px;
        top: 8px;
        left: 8px;
    }

    .staff_detail #cnt_area01 .schedule_g dl dd {
        font-size: 16px;
        line-height: 28px;
    }


    /*----------
    04.about_us 1024
    ----------*/
    #company .cnt_area04 .contents_in {
        max-width: 690px;
    }

    #company .cnt_area04 dt {
        width: 20.4%;
        font-size: 16px;
        line-height: 29px;
        padding: 19px 10px;
        width: 20%;
    }

    #company .cnt_area04 dd {
        width: 80%;
        font-size: 14px;
    }

    #company .cnt_area04 dl::before {
        left: 16%;
        height: 1630px;
    }

    #company .cnt_area04 dt::after {
        right: 22px;
    }


    /*----------
    04-01.access 1024
    ----------*/
    #access .cnt_area01 dt {
        width: 25%;
    }

    #access .cnt_area01 dd {
        width: 75%;
    }


    /*----------
    05.blog 1024
    ----------*/
    .news_wrap .side .bottom {
        padding: 15px;
    }

    .news_wrap .side .sub_ul {
        padding-left: 10px;
    }


    /*----------
    06.contact 1024
    ----------*/
    #contact .cnt_area01 .tel_wrap {
        flex-direction: column;
    }

    #contact .cnt_area01 .tel_wrap .tel_area {
        width: 100%;
        margin-bottom: 20px;
    }

    #contact .cnt_area01 .tel_area .left {
        width: 40%;
        text-align: center;
    }

    #contact .cnt_area01 .tel_area .right {
        width: 60%;
        text-align: center;
    }

    #contact .cnt_area01 .apply {
        width: 100%;
    }

    #contact .cnt_area01 .flow_area .cnt_box {
        padding: 15px;
    }

    #contact .cnt_area01 .flow_area .cnt_box span {
        font-size: 16px;
    }
}


@media only screen and (max-width: 768px) {
    /*----------
    01.top 768
    ----------*/
    .truckContainer .truck.truck_top {
        top: 310px;
    }

    #road_sp.road_sp_top {
        top: 530px;
        height: calc(100% - 530px);
    }

    #top .mv_area {
        min-height: 540px;
        padding-bottom: 20px;
    }

    #top .mv_area .mv_block .contents_in {
        width: calc(100% - 30px);
        max-width: 345px;
        padding: 0;
    }

    #top .mv_area .mv_block .mv_item.item01::before {
        background-image: url(../img/top/mv_img01_sp.jpg);
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt {
        padding-top: 5px;
        font-size: 38px;
        letter-spacing: .015em;
        line-height: 1.27;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(2) {
        transition-delay: 0.06s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(3) {
        transition-delay: 0.12s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(4) {
        transition-delay: 0.18s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(5) {
        transition-delay: 0.24s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(6) {
        transition-delay: 0.30s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(7) {
        transition-delay: 0.36s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(8) {
        transition-delay: 0.42s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(9) {
        transition-delay: 0.48s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(10) {
        transition-delay: 0.54s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(11) {
        transition-delay: 0.60s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(1) span:nth-child(12) {
        transition-delay: 0.66s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(1) {
        transition-delay: 0.40s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(2) {
        transition-delay: 0.46s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(3) {
        transition-delay: 0.52s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(4) {
        transition-delay: 0.58s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(5) {
        transition-delay: 0.64s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(6) {
        transition-delay: 0.70s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(7) {
        transition-delay: 0.76s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(8) {
        transition-delay: 0.82s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(9) {
        transition-delay: 0.88s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(2) span:nth-child(10) {
        transition-delay: 0.94s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(1) {
        transition-delay: 0.80s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(2) {
        transition-delay: 0.86s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(3) {
        transition-delay: 0.92s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(4) {
        transition-delay: 0.98s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(5) {
        transition-delay: 1.04s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(6) {
        transition-delay: 1.10s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(7) {
        transition-delay: 1.16s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(8) {
        transition-delay: 1.22s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(9) {
        transition-delay: 1.28s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(10) {
        transition-delay: 1.34s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(11) {
        transition-delay: 1.40s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(12) {
        transition-delay: 1.46s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(13) {
        transition-delay: 1.52s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(14) {
        transition-delay: 1.58s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(15) {
        transition-delay: 1.64s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(16) {
        transition-delay: 1.70s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(3) span:nth-child(17) {
        transition-delay: 1.76s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(1) {
        transition-delay: 1.20s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(2) {
        transition-delay: 1.26s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(3) {
        transition-delay: 1.32s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(4) {
        transition-delay: 1.38s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(5) {
        transition-delay: 1.44s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(6) {
        transition-delay: 1.50s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(7) {
        transition-delay: 1.56s;
    }

    #top .mv_area .mv_block .mv_item.item01 .catch_txt.sp .wrap:nth-child(4) span:nth-child(8) {
        transition-delay: 1.62s;
    }

    #top .mv_area .mv_block .mv_item.item02::before {
        background-image: url(../img/top/mv_img02_sp.jpg);
    }

    #top .mv_area .mv_block .mv_item.item03::before {
        background-image: url(../img/top/mv_img03_sp.jpg);
    }

    #top .mv_area .mv_block .mv_item.item04::before {
        background-image: url(../img/top/mv_img04_sp.jpg);
    }

    #top .mv_area .mv_block .deco_text {
        top: calc(80px + 22%);
        width: 75%;
    }

    #top .mv_area .news_block {
        bottom: 60px;
        left: 15px;
        width: calc(100% - 30px);
        max-width: none;
    }

    #top .mv_area .news_block .news_box {
        padding: 10px 15px 25px 35px;
        transform: translateY(50px);
    }

    #top .mv_area .news_block .news_box .st {
        left: 17px;
    }

    #top .mv_area .news_block .news_box .news_list li a {
        padding: 6px 0;
    }

    #top .mv_area .news_block .news_box .news_list li a:hover .wrap {
        transform: translateX(0);
    }

    #top .mv_area .news_block .news_box .news_list li a .date {
        width: 80px;
    }

    #top .mv_area .news_block .news_box .news_list li a .ttl {
        width: calc(100% - 80px);
    }

    #top .mv_area .news_block .more_btn {
        top: calc(100% - 10px);
        right: auto;
        left: 50%;
        transform: translate(-50%, 50px);
        width: 140px;
        height: 37px;
    }

    #top .mv_area .news_block.is_on .more_btn {
        right: auto;
        transform: translateX(-50%);
    }

    #top .mv_area .road_wrapper {
        height: 250px;
    }

    #top .link_area .flex_box {
        display: block;
    }

    #top .link_area .flex_box::before {
        background: -webkit-linear-gradient(250deg, #3B1E86, #0094D0);
        background: linear-gradient(200deg, #3B1E86, #0094D0);
    }

    #top .link_area .link_box.business {
        background-position: center 65%;
    }

    #top .link_area .link_box.recruit {
        background-position: center 28%;
    }

    #top .link_area .link_box.company {
        background-position: center 20%;
    }

    #top .link_area .link_box {
        width: 100%;
        min-height: auto;
        height: 100px;
        padding-bottom: 0;
    }

    #top .link_area .link_box a {
        font-size: 18px;
    }

    #top .movie_area {
        padding-top: 60px;
    }

    #top .movie_area .road_wrapper {
        padding: 0;
    }

    #top #introduce {
        scroll-margin-top: 88px;
    }

    #top .cnt_area01 {
        padding: 60px 0;
    }

    #top .cnt_area01 .road_wrapper {
        padding: 0;
    }

    #top .cnt_area01 .road_wrapper + .road_wrapper:not(:last-of-type) {
        margin-top: 50px;
    }

    #top .cnt_area01 .road_wrapper:last-of-type {
        padding-top: 50px;
    }

    #top .cnt_area01 .ttl_ptn02 {
        margin-bottom: 30px;
    }

    #top .cnt_area01 .cnt_box {
        display: block;
        padding: 0;
        transform: translateY(50px);
    }

    #top .cnt_area01 .cnt_box.is_on {
        transform: translateY(0);
    }

    #top .cnt_area01 .cnt_box .img_wrp {
        width: 100%;
    }

    #top .cnt_area01 .cnt_box .txt_wrp {
        width: 100%;
        margin-top: 30px;
    }

    #top .cnt_area01 .cnt_box .txt_wrp .ttl_g h3 {
        font-size: 26px;
    }

    #top .cnt_area01 .cnt_box .txt_wrp .ttl_g .en {
        font-size: 14px;
    }

    #top .cnt_area01 .cnt_box .txt_wrp .em_txt {
        font-size: 18px;
    }

    #top .cnt_area01 .cnt_box.moving_box .img_wrp {
        width: 100%;
    }

    #top .cnt_area01 .cnt_box.moving_box .txt_wrp {
        width: 100%;
    }

    #top .cnt_area01 .cnt_box.moving_box .txt_wrp .sub_txt {
        margin-bottom: 10px;
        font-size: 14px;
    }

    #top .cnt_area01 .cnt_box.moving_box .txt_wrp h3 {
        max-width: 315px;
        margin-bottom: 15px;
    }

    #top .cnt_area02 {
        padding: 60px 0;
    }

    #top .cnt_area02 .road_wrapper {
        padding: 0;
    }

    #top .cnt_area02 .txt_box {
        width: 100%;
    }

    #top .cnt_area02 .txt_box .ttl_ptn02 {
        margin-bottom: 30px;
    }

    #top .cnt_area02 .txt_box .img {
        position: relative;
        z-index: 2;
        /* width: calc(100% + 45px); */
        margin-bottom: 20px;
    }

    #top .cnt_area02 .txt_box .em_txt {
        margin-bottom: 15px;
        font-size: 18px;
    }

    #top .cnt_area02 .txt_box p {
        font-size: 14px;
    }

    #top .cnt_area02 .txt_box .em_item {
        margin-top: 30px;
        padding: 20px;
    }

    #top .cnt_area02 .txt_box .em_item + .em_item {
        margin-top: 15px;
    }

    #top .cnt_area02 .txt_box .em_item .txt_g h3 {
        font-size: 18px;
    }

    #top .cnt_area02 .txt_box .em_item .btn_ptn01 {
        margin-top: 15px;
    }

    #top .cnt_area03 {
        padding: 60px 0;
    }

    #top .cnt_area03 .road_wrapper {
        padding: 0;
    }

    #top .cnt_area03 .ttl_ptn02 {
        margin-bottom: 30px;
    }

    #top .cnt_area03 .blog_list {
        display: block;
    }

    #top .cnt_area03 .blog_list li {
        width: 100%;
        margin-left: 0;
    }

    #top .cnt_area03 .blog_list li + li {
        margin-top: 30px;
    }

    #top .cnt_area03 .blog_list li .txt_box p {
        margin-top: 7px;
    }


    /*----------
    02-01.transport 768
    ----------*/
    #transport .cnt_area01 {
        padding: 60px 0;
    }

    #transport .cnt_area01 .road_wrapper {
        padding: 0;
    }

    #transport .cnt_area01 .ttl_ptn01 .main_ttl {
        font-size: 24px;
    }

    #transport .cnt_area01 p {
        line-height: 1.8;
    }

    #transport .cnt_area02 {
        padding: 60px 0;
    }

    #transport .cnt_area02 .road_wrapper {
        padding: 0;
    }

    #transport .cnt_area02 .cnt_box .txt_wrp {
        margin-top: 12px;
    }

    #transport .cnt_area02 .cnt_box .txt_wrp h3 {
        font-size: 18px;
    }

    #transport .cnt_area02 .cnt_box .txt_wrp p {
        margin-top: 6px;
    }

    #transport .cnt_area02 .flex_box {
        display: block;
        margin-top: 40px;
    }

    #transport .cnt_area02 .flex_box .cnt_box {
        width: 100%;
        max-width: none;
    }

    #transport .cnt_area02 .flex_box .cnt_box + .cnt_box {
        margin-top: 40px;
    }

    #transport .cnt_area03 {
        padding: 60px 0;
    }

    #transport .cnt_area03 .road_wrapper {
        padding: 0;
    }

    #transport .cnt_area03 .ttl_ptn01 {
        margin-bottom: 30px;
    }

    #transport .cnt_area03 .ttl_ptn01::before {
        top: -32px;
    }

    #transport .cnt_area03 .cnt_box {
        display: block;
    }

    #transport .cnt_area03 .cnt_box + .cnt_box {
        margin-top: 40px;
    }

    #transport .cnt_area03 .cnt_box .img_wrp {
        width: 100%;
    }

    #transport .cnt_area03 .cnt_box .txt_wrp {
        width: 100%;
        max-width: none;
        margin-top: 15px;
    }

    #transport .cnt_area03 .cnt_box .txt_wrp h3 {
        font-size: 18px;
    }

    #transport .cnt_area03 .cnt_box .txt_wrp p {
        margin-top: 7px;
        line-height: 1.8;
    }

    #transport .cnt_area04 {
        padding: 60px 0;
        background: url(../img/business/transport/education_bg01.jpg) no-repeat center / cover;
    }

    #transport .cnt_area04 .road_wrapper {
        padding: 0;
    }

    #transport .cnt_area04::before {
        z-index: unset;
        top: 0;
        height: 100%;
    }

    #transport .cnt_area04::after {
        content: none;
    }

    #transport .cnt_area04 .ttl_ptn01 {
        margin-bottom: 40px;
    }

    #transport .cnt_area04 .cnt_block h3 {
        margin-bottom: 20px;
        font-size: 24px;
    }

    #transport .cnt_area04 .cnt_block .flex_box {
        display: block;
    }

    #transport .cnt_area04 .cnt_block .cnt_box {
        width: 100%;
    }

    #transport .cnt_area04 .cnt_block .cnt_box + .cnt_box {
        margin-top: 40px;
    }

    #transport .cnt_area04 .sub_block {
        margin-top: 60px;
    }

    #transport .cnt_area04 .sub_block .sub_box {
        display: block;
    }

    #transport .cnt_area04 .sub_block .sub_box + .sub_box {
        margin-top: 40px;
    }

    #transport .cnt_area04 .sub_block .sub_box .img_wrp {
        width: 100%;
    }

    #transport .cnt_area04 .sub_block .sub_box .txt_wrp {
        width: 100%;
        max-width: none;
        margin-top: 15px;
    }

    #transport .cnt_area04 .sub_block .sub_box .txt_wrp p {
        margin-top: 6px;
    }

    #transport .cnt_area04 .sub_block .sub_box.box02 .img_wrp {
        width: 60%;
        max-width: 189px;
        margin: 0 auto;
    }

    #transport .cnt_area04 .sub_block .sub_box.box02 .txt_wrp {
        width: 100%;
        max-width: none;
        padding-bottom: 0;
    }

    #transport .cnt_area05 {
        padding: 60px 0 40px;
    }

    #transport .cnt_area05 .road_wrapper {
        padding: 0;
    }

    #transport .cnt_area05 .map {
        padding-bottom: 300px;
    }

    #transport .cnt_area05 .map::before {
        top: -15px;
    }

    #transport .cnt_area05 .flex_box {
        display: block;
        margin-top: 30px;
    }

    #transport .cnt_area05 .txt_wrp {
        width: 100%;
        margin-left: 0;
    }

    #transport .cnt_area05 .txt_wrp .em_txt {
        font-size: 18px;
    }

    #transport .cnt_area05 .txt_wrp p {
        margin-top: 10px;
        line-height: 1.8;
    }

    #transport .cnt_area05 .img_wrp {
        margin: 40px auto 0;
    }

    /*----------
    02-02.warehouse 768
    ----------*/
    #warehouse .cnt_area02 .cnt_box {
        display: block;
        margin-bottom: 40px;
    }

    #warehouse .cnt_area03 .flex_box {
        flex-direction: column;
    }

    #warehouse .cnt_area03 .cnt_box {
        width: 100%;
        margin-bottom: 20px;
    }

    #warehouse .cnt_area03 .cnt_img {
        margin-bottom: 10px;
    }

    #warehouse .cnt_area03 h3 {
        font-size: 20px;
        line-height: 1.6;
        margin: 0 0 5px;
    }

    #warehouse  #road_sp {
        top: 269px;
    }

    #warehouse .cnt_area03 .road_wrapper {
        padding: 50px 0 100px;
    }

    #warehouse .cnt_area03 .road_wrapper::after {
        right: auto;
        left: -6px;
        width: 50px;
        background-position: center bottom;
        background-size: contain;
    }

    #warehouse .cnt_area02 .road_wrapper .contents_in {
        padding: 0 15px 50px 45px;
    }

    #warehouse .cnt_area02 .road_wrapper .ttl_ptn01 {
        padding-bottom: 30px;
    }

    #warehouse .cnt_area02 .cnt_box .cnt_img {
        width: 100%;
    }

    #warehouse .cnt_area02 .cnt_box .text_g {
        flex-direction: column;
        width: 100%;
        margin-top: 15px;
    }

    #warehouse .cnt_area02 .cnt_box:nth-child(odd) .text_g .text_box {
        max-width: none;
        margin-left: 0;
    }

    #warehouse .cnt_area02 .cnt_box h3 {
        font-size: 20px;
        line-height: 1.6;
        margin: 0 0 10px;
    }

    #warehouse .cnt_area02 .cnt_box .text_g .img_box {
        max-width: 160px;
        margin: 15px auto 0;
    }

    /*----------
    02-03.planning 768
    ----------*/
    #planning .cnt_area01 .contents_in {
        padding-left: 30px;
    }

    #planning .cnt_area01 .ttl_ptn01 .sub_txt {
        font-size: 18px;
        line-height: 1.6;
    }

    #planning .cnt_area02 .road_wrapper {
        padding: 50px 0;
    }

    #planning .cnt_area02 .fukidashi {
        padding: 20px 15px;
        margin: 0 auto 30px;
    }

    #planning .cnt_area02 .fukidashi .txt {
        font-size: 24px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    #planning .cnt_area02 .fukidashi span {
        font-size: 16px;
        line-height: 1.6;
    }

    #planning .cnt_area02 .cnt_box {
        padding: 20px 15px;
    }

    #planning .cnt_area02 .cnt_box .txt {
        font-size: 20px;
        line-height: 1.6;
    }

    #planning .cnt_area03 .road_wrapper {
        padding: 50px 0;
    }

    .flow_g .flex_box {
        padding: 15px;
        margin-bottom: 45px;
        flex-direction: column;
    }

    .flow_g .flex_box .left, .flow_g .flex_box .right {
        width: 100%;
    }

    .flow_g .flex_box .opacity_box {
        padding: 15px;
        margin: 0 auto 20px;
    }

    #planning .cnt_area04 .road_wrapper {
        padding: 50px 0;
    }

    #planning .cnt_area04::after {
        content: none;
    }

    #planning .cnt_area04 .ttl_ptn01 .main_ttl {
        font-size: 28px;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    #planning .cnt_area04 .txt {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    #planning .cnt_area04 .flex_box {
        flex-direction: column;
    }

    #planning .cnt_area04 .cnt_box {
        width: 100%;
        margin-bottom: 20px;
    }

    #planning .cnt_area04 .flex_box {
        margin-bottom: 30px;
    }

    #planning .cnt_area04 .flex_box:last-of-type {
        margin-bottom: 0;
    }


    /*----------
    02-04.moving 768
    ----------*/
    #moving .cnt_area01 .road_wrapper {
        padding: 84.5px 0 65.2px;
    }

    #moving .cnt_area01 .ttl_ptn01 .sub_txt {
        font-size: 18px;
        line-height: 1.6;
    }

    #moving .cnt_area02 .road_wrapper {
        padding: 50px 0;
        font-size: 24px;
        line-height: 1.6;
    }

    #moving .cnt_area02 .text {
        font-size: 22px;
    }

    #moving .cnt_area02 .text::after {
        width: 100%;
        height: 15px;
        bottom: 11px;
    }

    #moving .cnt_area02 .text02 {
        font-size: 34px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    #moving .cnt_area02 .text02 span {
        font-size: 24px;
        margin-right: 5px;
    }

    #moving .cnt_area02 .flex_box {
        flex-direction: column;
        margin: 0 auto 30px;
    }

    #moving .cnt_area02 .flex_box .cnt_img {
        width: 100%;
        max-width: 150px;
        margin: 0 auto 20px;
    }

    #moving .cnt_area02 .flex_box p {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .road_wrapper {
        padding: 50px 0 80px;
    }

    #moving .cnt_area03 .first_box {
        display: block;
        margin-bottom: 80px;
    }

    #moving .cnt_area03 .first_box .cnt_box {
        width: 100%;
    }

    #moving .cnt_area03 .first_box .cnt_box + .cnt_box {
        margin-top: 30px;
    }

    #moving .cnt_area03 .flex_box01 {
        flex-direction: column;
        margin-bottom: 50px;
    }

    #moving .cnt_area03 .flex_box01 .cnt_box {
        width: 100%;
        margin-bottom: 20px;
    }

    #moving .cnt_area03 .flex_box01 .title {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 5px;
    }

    #moving .cnt_area03 .campaing {
        padding: 70px 0 49px;
        margin-bottom: 50px;
    }

    #moving .cnt_area03 .campaing .title {
        font-size: 24px;
    }

    #moving .cnt_area03 .campaing .title::before {
        margin-right: 15px;
    }

    #moving .cnt_area03 .campaing .title::after {
        margin-left: 15px;
    }

    #moving .cnt_area03 .campaing .yellow {
        font-size: 22px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .campaing .text {
        font-size: 24px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .campaing .green {
        font-size: 24px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .campaing .sub {
        font-size: 14px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .campaing img {
        width: 45%;
        transform: rotate(0deg);
        left: 50%;
        transform: translateX(-50%);
    }

    #moving .cnt_area03 .cnt_g01 .title {
        font-size: 24px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    #moving .cnt_area03 .cnt_g01 .sub_text {
        font-size: 18px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .cnt_g01 .sub_text span::after {
        height: 15px;
        bottom: 0px;
    }

    #moving .cnt_area03 .cnt_g01 .flex_box {
        flex-direction: column;
        margin-bottom: 50px;
    }

    #moving .cnt_area03 .cnt_g01 .flex_box .cnt_img {
        width: 100%;
    }

    #moving .cnt_area03 .cnt_g01 .flex_box .text_g {
        width: 100%;
    }

    #moving .cnt_area03 .cnt_g01 .sub {
        font-size: 14px;
        line-height: 1.6;
        margin-top: 0;
    }

    #moving .cnt_area03 .cnt_g01 .blue span {
        font-size: 20px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .cnt_g01 .blue {
        font-size: 18px;
        line-height: 1.6;
    }

    #moving .cnt_area03 .banner {
        margin-bottom: 80px;
    }

    #moving .cnt_area03 .banner .text01 {
        width: 80%;
    }

    #moving .cnt_area03 .banner .left .text {
        font-size: 24px;
        line-height: 1.6;
        margin: 64px auto 20px;
        text-align: center;
    }

    #moving .cnt_area03 .linkBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 590px;
        margin: 20px auto 0;
        font-size: clamp(20px, 5.3vw, 26px);
        line-height: 36px;
        font-weight: 700;
        padding: 13px 15px 15px 0;
        border-radius: 5px;
        position: relative;
    }

    #moving .cnt_area03 .linkBtn::after {
        content: "";
        display: inline-block;
        width: 10.15px;
        height: 17.62px;
        position: absolute;
        right: 15px;
    }

    .contact_area .contact__moving {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px 15px;
        max-width: inherit;
        height: auto;
    }

    .contact_area .contact__moving a {
        max-width: 409px;
        height: 52px;
    }

    /****** サービス ******/
    .movingServiceArea {
        margin-top: 40px;
        width: 100%;
        max-width: 800px;
        margin-inline: auto;
    }

    .movingService__ttl {
        text-align: center;
        font-weight: bold;
        font-size: 26px;
        margin-bottom: 20px;
    }

    .movingServiceList {

    }

    .movingServiceList__item {

    }

    .movingServiceList__item + .movingServiceList__item {
        margin-top: 10px;
    }

    .movingServiceList__txt {
        padding-left: 1em;
        text-indent: -1em;
        font-size: 16px;
        line-height: 1.6;
    }


    /*----------
    02-05.designtruck 768
    ----------*/
    #designtruck .cmn_flex {
        display: block;
    }

    #designtruck .cmn_flex .cnt_box {
        width: 100%;
    }

    #designtruck .cmn_flex .cnt_box.reverse {
        flex-direction: row;
    }

    #designtruck .cmn_flex .cnt_box:nth-of-type(n + 2) {
        margin-top: 20px;
    }

    #designtruck .cmn_flex .cnt_box .img_wrp {
        width: 100px;
        padding-bottom: 100px;
    }

    #designtruck .cmn_flex .cnt_box .txt_wrp {
        width: calc(100% - 100px - 15px);
    }

    #designtruck .cmn_flex .cnt_box .txt_wrp h3 {
        font-size: 18px;
    }

    #designtruck .mv_area {
        height: 540px;
        min-height: auto;
    }

    #designtruck .mv_area .mv_block {
        padding-bottom: 60px;
    }

    #designtruck .mv_area .mv_block .txt_box h1 {
        font-size: 32px;
    }

    #designtruck .mv_area .mv_block .txt_box .sub {
        margin-top: 15px;
        font-size: 20px;
    }

    #designtruck .mv_area .mv_block .txt_box .handwriting {
        width: 280px;
        bottom: -40px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    #designtruck .mv_area .mv_block .truck {
        width: 80%;
        max-width: 307px;
        /* margin-top: 90px; */
        margin-top: 70px;
        margin-bottom: 0;
    }

    #designtruck .cnt_area01 .flex_box {
        display: block;
    }

    #designtruck .cnt_area01 .cnt_box .em_txt {
        font-size: 22px;
    }

    #designtruck .cnt_area01 .cnt_box .txt01 {
        margin-top: 30px;
        font-size: 16px;
    }

    #designtruck .cnt_area01 .cnt_box.box01 {
        width: 100%;
        padding: 30px 15px;
    }

    #designtruck .cnt_area01 .cnt_box.box01::after {
        top: 100%;
        left: calc(50% - 10px);
        border-top: 16px solid rgba(48, 125, 217, 0.79);
        border-right: 10px solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: 10px solid rgba(0, 0, 0, 0);
    }

    #designtruck .cnt_area01 .cnt_box.box02 {
        width: 100%;
        margin-top: 20px;
        padding: 30px 15px;
    }

    #designtruck .cnt_area01 .btn_ptn02 {
        margin-top: 30px;
    }

    #designtruck .cnt_area01 .em_btn {
        max-width: 384px;
        height: 65px;
        margin-top: 40px;
    }

    #designtruck .cnt_area01 .em_btn a {
        padding-right: 20px;
        font-size: 16px;
    }

    #designtruck .cnt_area01 .em_btn a::after {
        right: 20px;
        border-width: 7px;
        border-left-width: 12px;
    }

    #designtruck .cnt_area01 .em_btn a:hover::after {
        right: 20px;
    }

    #designtruck .cnt_area02 {
        padding-top: 60px;
    }

    #designtruck .cnt_area03 {
        padding: 60px 0 80px;
    }

    #designtruck .cnt_area03 .ttl_ptn01 {
        margin-bottom: 40px;
    }

    #designtruck .cnt_area03 .ttl_ptn01 .main_ttl {
        font-size: 26px;
    }

    #designtruck .cnt_area04 .gradient_bg {
        padding-bottom: 80px;
    }

    #designtruck .cnt_area04 .ttl_ptn01 {
        margin-bottom: 40px;
    }

    #designtruck .cnt_area05 {
        padding: 60px 0 80px;
    }

    #designtruck .cnt_area05 .ttl_ptn01 {
        margin-bottom: 40px;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 100%;
        margin-left: auto;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box::before {
        right: auto;
        left: -.5px;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box:first-of-type::before {
        height: calc(100% - 38px);
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box:last-of-type::before {
        height: calc(20px + 38px);
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box + .cnt_box {
        padding-top: 20px;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box .ico {
        width: 76px;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box .txt_g {
        width: calc(100% - 76px);
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box .txt_g .st {
        height: 38px;
        font-size: 18px;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box .txt_g .st,
    #designtruck .cnt_area05 .cnt_block .cnt_box:nth-of-type(even) .txt_g .st {
        padding: 0 15px 5px;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box .txt_g .st::before,
    #designtruck .cnt_area05 .cnt_block .cnt_box:nth-of-type(even) .txt_g .st::before {
        right: auto;
        bottom: -8px;
        left: -8px;
        width: 16px;
        height: 16px;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box:first-of-type .txt_g .st {
        border-left: 0;
    }

    #designtruck .cnt_area05 .cnt_block .cnt_box .txt_g p,
    #designtruck .cnt_area05 .cnt_block .cnt_box:nth-of-type(even) .txt_g p {
        padding: 5px 15px 0;
    }

    #designtruck .cnt_area06 .gradient_bg {
        padding-bottom: 80px;
    }

    #designtruck .cnt_area06 .ttl_ptn01 {
        margin-bottom: 40px;
    }

    #designtruck .cnt_area06 .cnt_block {
        padding: 30px 20px;
    }

    #designtruck .cnt_area06 .cnt_block table tr th {
        font-size: 15px;
    }

    #designtruck .cnt_area06 .cnt_block table tr td {
        font-size: 15px;
    }

    #designtruck .cnt_area06 .cnt_block table tr td .cost {
        font-size: 18px;
    }

    #designtruck .cnt_area06 .cnt_block dl .wrap {
        display: block;
    }

    #designtruck .cnt_area06 .cnt_block dl .wrap + .wrap {
        margin-top: 25px;
    }

    #designtruck .cnt_area06 .cnt_block .st {
        margin-bottom: 30px;
        font-size: 24px;
    }

    #designtruck .cnt_area06 .cnt_block dl dt {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        padding-right: 0;
        font-size: 16px;
    }

    #designtruck .cnt_area06 .cnt_block dl dd {
        width: 100%;
    }

    #designtruck .cnt_area06 .cnt_block dl dd .select {
        height: 50px;
    }

    #designtruck .cnt_area06 .cnt_block dl dd .select::before {
        right: 15px;
        border-width: 4.4px;
        border-top-width: 8px;
    }

    #designtruck .cnt_area06 .cnt_block dl dd select {
        padding: 0 35px 0 15px;
        font-size: 16px;
    }

    #designtruck .cnt_area06 .cnt_block dl dd .small {
        margin-top: 8px;
        font-size: 13px;
    }

    #designtruck .cnt_area06 .cnt_block .label {
        margin-top: 35px;
        padding: 20px 0 15px;
    }

    #designtruck .cnt_area06 .cnt_block .label .result {
        padding-left: 26px;
    }

    #designtruck .cnt_area06 .cnt_block .label .result .num {
        font-size: 38px;
    }

    #designtruck .cnt_area06 .cnt_block .label .result .yen {
        margin-left: 8px;
        font-size: 18px;
    }

    #designtruck .cnt_area06 .cnt_block .label .text {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 20px;
        font-size: 18px;
    }

    #designtruck .cnt_area06 .cnt_g {
        padding: 20px;
        text-align: left;
    }

    #designtruck .cnt_area06 .cnt_g .txt {
        font-size: 16px;
    }

    #designtruck .cnt_area06 .cnt_g .btn_ptn02 {
        right: 10px;
        height: 38px;
    }

    #designtruck .cnt_area06 .cnt_g .btn_ptn02 a {
        padding: 0 20px;
    }

    #designtruck .cnt_area06 .cnt_g .btn_ptn02 a::before {
        right: 8px;
    }

    #designtruck .cnt_area07 {
        padding-bottom: 60px;
    }

    #designtruck .cnt_area07 .ttl_ptn01 {
        margin-bottom: 40px;
    }

    #designtruck .cnt_area07 .cnt_block .cnt_box .q_wrp {
        padding: 10px 40px;
        font-size: 16px;
    }

    #designtruck .cnt_area07 .cnt_block .cnt_box .a_wrp {
        padding: 10px 10px 10px 40px;
    }

    #designtruck .cnt_area08 {
        padding-bottom: 80px;
    }

    #designtruck .cnt_area08 .ttl_ptn01 {
        margin-bottom: 40px;
    }

    #designtruck_modal .cnt_block .inner {
        padding: 60px 15px 40px;
    }

    #designtruck_modal .cnt_block .cnt_box + .cnt_box {
        margin-top: 40px;
    }

    #designtruck_modal .cnt_block .cnt_box .head {
        margin-bottom: 15px;
        font-size: 16px;
    }

    #designtruck_modal .cnt_block .cnt_box .img {
        width: 100%;
        margin: 15px auto 20px;
    }

    #designtruck_modal .cnt_block .cnt_box .table {
        position: relative;
        width: calc(100% + 15px);
        padding-right: 15px;
        overflow: scroll;
    }

    #designtruck_modal .cnt_block .cnt_box .table + .table {
        margin-top: 15px;
    }

    #designtruck_modal .cnt_block .cnt_box .table::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #0E498F;
    }

    #designtruck_modal .cnt_block .cnt_box table tr > *:first-child {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1;
        left: 0;
    }

    #designtruck_modal .cnt_block .cnt_box table th {
        padding: 10px 0;
        font-size: 14px;
    }

    #designtruck_modal .cnt_block .cnt_box table th:first-child::before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border-top: 1px solid #0E498F;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #0E498F;
        border-left: 1px solid #0E498F;
    }

    #designtruck_modal .cnt_block .cnt_box table td {
        height: 45px;
        padding: 10px 0;
        font-size: 14px;
    }

    #designtruck_modal .cnt_block .cnt_box table td:first-child::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        width: 100%;
        height: 100%;
        border-right: 1px solid #0E498F;
        border-left: 1px solid #0E498F;
    }

    #designtruck_modal .cnt_block .close_btn {
        width: 45px;
        height: 45px;
    }

    #designtruck_modal .cnt_block .close_btn::before,
    #designtruck_modal .cnt_block .close_btn::after {
        top: calc(50% + 2px);
        left: calc(50% - 2px);
    }

    #designtruck_modal .cnt_block .cnt_box .tbl_ptn01 table {
        min-width: 600px;
    }

    #designtruck_modal .cnt_block .cnt_box .tbl_ptn01 th:first-child {
        width: 20.8%;
    }

    #designtruck_modal .cnt_block .cnt_box .tbl_ptn01 th:not(:first-child) {
        width: 13.2%;
    }

    #designtruck_modal .cnt_block .cnt_box .tbl_ptn02 table {
        min-width: 490px;
    }

    #designtruck_modal .cnt_block .cnt_box .tbl_ptn03 th:first-child {
        width: 37%;
    }

    #designtruck_modal .cnt_block .cnt_box .tbl_ptn03 th:not(:first-child) {
        width: 21%;
    }


    /*----------
    02-05-01.designtruck-works
    ----------*/
    #dtworks .title_area_ptn01 .contents_in {
        padding: 0 20px;
    }

    #dtworks .cnt_area01 {
        padding-bottom: 80px;
    }

    #dtworks .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #dtworks .cnt_area01 .first_block {
        margin-bottom: 50px;
    }

    #dtworks .cnt_area01 .first_block .main_txt {
        font-size: 18px;
    }

    #dtworks .cnt_area01 .cnt_block .works_list li {
        width: 48%;
        margin-left: 4%;
    }

    #dtworks .cnt_area01 .cnt_block .works_list li:nth-child(3n +1) {
        margin-left: 4%;
    }

    #dtworks .cnt_area01 .cnt_block .works_list li:nth-child(odd) {
        margin-left: 0;
    }

    #dtworks .cnt_area01 .cnt_block .works_list li:nth-child(n + 3) {
        margin-top: 25px;
    }

    #dtworks .cnt_area01 .cnt_block .works_list li .ttl {
        margin-top: 7px;
        font-size: 14px;
    }

    #dtworks .cnt_area01 .cnt_block .works_list li .sub_txt {
        margin-top: 2px;
        font-size: 12px;
    }

    #dtworks .cnt_area01 .cnt_block .page_nav {
        margin-top: 40px;
    }

    #dtworks .cnt_area01 .bnr_block {
        display: block;
        margin-top: 60px;
    }

    #dtworks .cnt_area01 .bnr_block .bnr_box {
        width: 100%;
        max-width: 384px;
        margin: 0 auto;
        padding: 18px 0 20px;
    }

    #dtworks .cnt_area01 .bnr_block .bnr_box + .bnr_box {
        margin-top: 25px;
    }

    #dtworks .cnt_area01 .bnr_block .bnr_box .st {
        font-size: 22px;
    }

    #dtworks .cnt_area01 .bnr_block .bnr_box .sub_txt {
        margin-top: 15px;
        font-size: 14px;
    }

    #dtworks .cnt_area01 .bnr_block .bnr_box.instagram .st {
        padding-left: 45px;
    }

    #dtworks .cnt_area01 .bnr_block .bnr_box.instagram .st::before {
        width: 35px;
        height: 35px;
    }

    #dtworks_modal .cnt_block .inner {
        padding: 30px 20px 40px;
    }

    #dtworks_modal .cnt_block .head {
        padding-left: 12px;
        border-left-width: 6px;
        font-size: 18px;
    }

    #dtworks_modal .cnt_block .sub_txt {
        margin-top: 5px;
    }

    #dtworks_modal .cnt_block .img_box {
        padding: 0;
    }

    #dtworks_modal .cnt_block .img_box .img .wrap {
        padding-bottom: 75%;
    }

    #dtworks_modal .cnt_block .img_box .slick-arrow {
        right: -20px;
        width: 50px;
    }

    #dtworks_modal .cnt_block .img_box .slick-arrow.prev {
        left: -20px;
    }

    #dtworks_modal .cnt_block .img_box .slick-arrow::before {
        width: 10px;
        height: 10px;
        border-width: 3px;
    }

    #dtworks_modal .cnt_block .img_box .slick-arrow:hover::before {
        right: 5px;
    }

    #dtworks_modal .cnt_block .img_box .slick-dots {
        margin-bottom: 0;
    }

    #dtworks_modal .cnt_block .img_box .slick-dots li + li {
        margin-left: 8px;
    }

    #dtworks_modal .cnt_block .img_box .slick-dots li::before {
        border-width: 3px;
    }

    #dtworks_modal .cnt_block .img_box .slick-dots li span {
        width: 105px;
        height: 72px;
    }

    #dtworks_modal .cnt_block .close_btn {
        width: 50px;
        height: 50px;
    }

    #dtworks_modal .cnt_block .close_btn::before,
    #dtworks_modal .cnt_block .close_btn::after {
        width: 50%;
    }


    /*----------
    03.recruit 768
    ----------*/
    #recruit .cnt_area01 .link_box .txt {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    #recruit .cnt_area01 .link_box li {
        width: 100%;
    }

    #recruit .cnt_area01 .link_box li a {
        font-size: 16px;
        padding: 10px 15px;
    }

    #recruit .cnt_area01 + .recruit_area {
        padding-top: 30px;
    }

    #recruit .recruit_area {
        padding: 80px 0;
    }

    #recruit .recruit_area .cnt_box h2 {
        font-size: 28px;
        line-height: 1.6;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    #recruit .recruit_area .cnt_box p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    #recruit .recruit_area .cnt_box .big_text span::after {

    }

    #recruit .recruit_area .cnt_box p span {

    }

    #recruit .recruit_area .cnt_box .small {
        font-size: 14px;
        line-height: 1.6;
    }

    #recruit .recruit_area .cnt_box .big_text {
        font-size: 18px;
        line-height: 1.6;
        font-weight: 700;
        margin-bottom: 40px;
    }

    #recruit .recruit_area .point_area span {
        font-size: 14px;
    }

    #recruit .recruit_area .point_area h2 {
        font-size: 20px;
        line-height: 1.6;
    }

    #recruit .recruit_area .point_area h2 + p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    #recruit .recruit_area .point_area .flex_box {
        flex-direction: column;
    }

    #recruit .recruit_area .point_area .cnt_box {
        width: 100%;
        padding: 15px 20px;
        margin-bottom: 20px;
    }

    #recruit .reason .title {
        font-size: 18px;
    }

    #recruit .reason .bottom {
        padding: 15px;
        font-size: 14px;
        line-height: 1.6;
        margin: 0 0 30px;
    }

    #recruit .reason .bottom ol {
        font-size: 14px;
        line-height: 1.6;
    }

    #recruit .pick_up_area .cnt_box a {
        flex-direction: column;
    }

    #recruit .pick_up_area .cnt_box .cnt_img {
        width: 100%;
    }

    #recruit .pick_up_area .cnt_box .right {
        width: 100%;
        padding: 20px;
    }

    #recruit .pick_up_area .cnt_box .right .text_box {
        font-size: 18px;
        line-height: 1.6;
    }

    #recruit .pick_up_area .cnt_box .right .text_box + span {
        font-size: 14px;
    }

    #recruit .pick_up_area .staff_blog_link a {
        padding: 20px 45px;
        font-size: 20px;
        line-height: 1.6;
    }

    #recruit .pick_up_area .cnt_box a::after {
        bottom: 15px;
        right: 15px;
    }

    #recruit .requirements .first_text {
        margin-bottom: 20px;
    }

    #recruit .requirements .first_text .em {
        font-size: 18px;
        line-height: 1.6;
        /* padding-left: 20px; */
    }

    #recruit .requirements dl {
        flex-direction: column;
    }

    #recruit .requirements dt {
        width: 100%;
        padding: 10px 15px 0;
        font-size: 16px;
        line-height: 1.6;
    }

    #recruit .requirements dd {
        width: 100%;
        font-size: 14px;
        line-height: 1.6;
        padding: 10px 15px;
    }

    #recruit .recruit_area .cnt_box .cnt_img + .more_appeal {
        margin: 0 auto 30px;
    }

    #recruit .recruit_area .cnt_box .cnt_img + .more_appeal li {
        width: 100%;
        font-size: 15px;
        line-height: 1.6;
        padding: 15px 10px;
        margin-bottom: 10px;
    }

    #recruit #jimu .cnt_box .cnt_img {
        margin-bottom: 20px;
    }


    /*----------
    03-01.recruit_form 768
    ----------*/
    #recruit_form .cnt_area01 .tel_area .left {
        width: 100%;
    }

    #recruit_form .cnt_area01 .tel_area .right {
        width: 100%;
    }

    .tel_area {
        flex-direction: column;
    }

    .tel_area .right {
        padding: 10px 20px;
        width: 100%;
        flex-direction: column;
    }

    .tel_area .left {
        font-size: 14px;
        padding: 10px 20px;
        width: 100%;
        text-align: center;
    }

    .flow_area h2 {
        font-size: 28px;
        line-height: 1.8;
        margin-bottom: 10px;
    }

    .flow_area .flex_box {
        flex-direction: column;
    }

    .flow_area .cnt_box {
        width: 100%;
        height: auto;
        padding: 15px 20px;
    }

    .flow_area .cnt_box span {
        padding-bottom: 12.5px;
    }

    .flow_area .sankaku {
        width: 100%;
        height: 15px;
        margin: 10px 0;
    }

    .flow_area .sankaku::before {
        transform: translate(-50%, -50%) rotate(-180deg);
    }

    .flow_area + ul {
        margin-left: 0;
        margin-bottom: 50px;
    }

    .contact_wrap .blue_title_big {
        font-size: 24px;
        line-height: 1.6;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .contact_wrap .blue_title_big + span {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 5px;
    }

    .contact_wrap .blue_title_big + span + .txt {
        line-height: 1.6;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .form_wrap dl {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .form_wrap dt {
        width: 100%;
        line-height: 1.6;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .form_wrap dd {
        width: 100%;
    }

    .form_wrap input[type="text"], .form_wrap input[type="tel"], .form_wrap input[type="email"] {
        width: 100%;
    }

    .form_wrap input::placeholder, .form_wrap .text_area::placeholder {
        font-size: 14px;
    }

    .form_wrap .caution {
        font-size: 12px;
    }

    .form_wrap .privacy_policy {
        line-height: 1.8;
    }

    .form_wrap input[type="submit"] {
        font-size: 20px;
        padding: 20px 0;
    }

    .form_wrap .checkboxarea .wpcf7-list-item-label {
        font-size: 14px;
        line-height: 27px;
    }

    .form_wrap .submit_btn .wpcf7-spinner {
        top: calc(100% + 10px);
        right: 0;
        margin: 0;
    }


    /*----------
    03-02.staff_detail 768
    ----------*/
    .staff_detail #cnt_area01 {
        padding: 20px 0 80px;
    }

    .staff_detail #cnt_area01 .top_g {
        padding: 0 0 60px;
    }

    .staff_detail #cnt_area01 .top_g .top_text {
        font-size: 24px;
        line-height: 36px;
        font-weight: 700;
        background: linear-gradient(90deg, rgba(0, 148, 208, 1) 0%, rgba(59, 30, 134, 1) 100%);
        padding: 20px;
        margin: 40px 0 30px;
    }

    .staff_detail #cnt_area01 .faq_g dl div {
        margin-bottom: 40px;
    }

    .staff_detail #cnt_area01 .faq_g dl dt {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        padding-left: 62px;
        margin-bottom: 20px;
        position: relative;
    }

    .staff_detail #cnt_area01 .faq_g dl dt::after {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/icon_q.png") no-repeat center/contain;
        width: 50px;
        height: 44.5px;
        top: -8px;
        left: 0;
    }

    .staff_detail #cnt_area01 .faq_g dl dd {
        font-size: 16px;
        line-height: 28px;
        padding-left: 62px;
        position: relative;
    }

    .staff_detail #cnt_area01 .faq_g dl dd::after {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/icon_a.png") no-repeat center/contain;
        width: 50px;
        height: 44.5px;
        top: -6px;
        left: 0;
    }

    .staff_detail #cnt_area01 .faq_g .intro_img {
        margin: 60px 0;
    }

    .staff_detail #cnt_area01 .schedule_g {
        background: linear-gradient(90deg, rgba(159, 255, 241, 1) 0%, rgba(159, 202, 255, 1) 100%);
        padding: 25px 20px;
        max-width: 650px;
        margin: 80px auto 60px;
    }

    .staff_detail #cnt_area01 .schedule_g .cnt_wrap {
        background: #FFFFFF;
        padding: 30px 20px 40px;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box {
        color: #0E498F;
        margin-bottom: 20px;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box .en_title {
        font-size: 13px;
        line-height: 1;
        font-weight: 600;
        text-align: center;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box .jp_title {
        font-size: 21px;
        line-height: 36px;
        font-weight: 700;
        text-align: center;
    }

    .staff_detail #cnt_area01 .schedule_g .title_box .jp_title span {
        font-size: 16px;
        margin-right: 3px;
    }

    .staff_detail #cnt_area01 .schedule_g dl div {
        padding: 25px 0;
        position: relative;
    }

    .staff_detail #cnt_area01 .schedule_g dl div::after {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/border_img.png") repeat-x center/contain;
        width: 100%;
        height: 3px;
        bottom: -1.5px;
        left: 0;
    }

    .staff_detail #cnt_area01 .schedule_g dl dt {
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        margin-bottom: 9px;
    }

    .staff_detail #cnt_area01 .schedule_g dl dt .time {
        font-size: 15px;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        padding: 9px 0 9px 20px;
        background: #25C497;
        color: #FFFFFF;
        position: relative;
        min-width: 126px;
        max-width: 126px;
        display: block;
        margin-right: 12px;
        margin-bottom: 3px;
    }

    .staff_detail #cnt_area01 .schedule_g dl dt .time::before {
        position: absolute;
        content: "";
        background: url("../img/recruit/staff/icon_clock.png") no-repeat center/contain;
        width: 20px;
        height: 20px;
        top: 7px;
        left: 8px;
    }

    .staff_detail #cnt_area01 .schedule_g dl dd {
        font-size: 15px;
        line-height: 24px;
    }


    /*----------
    04.about_us 768
    ----------*/
    #company .title_area_ptn01 .ttl_box {
        padding: 45px 0;
    }

    #company .sub_title_area .contents_in {
        padding: 20px 15px 50px;
    }

    #company .sub_title_area .breadcrumb {
        margin-bottom: 40px;
    }

    #company .sub_title_area .h2_type01 {
        margin: 0 auto 30px;
    }

    #company .sub_title_area .sub_txt {
        font-size: 18px;
        line-height: 1.5;
        margin: 0 0 23px;
    }

    #company .sub_title_area .sub_txt span {
        font-size: 16px;
    }

    #company .sub_title_area p {
        font-size: 14px;
        line-height: 1.5;
    }

    #company .cnt_area02 .contents_in {
        padding: 50px 15px;
    }

    #company .cnt_area02 h2 {
        margin-bottom: 30px;
    }

    #company .cnt_area02 p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    #company .cnt_area03 {
        padding: 50px 0;
    }

    #company .cnt_area03 h2 {
        margin-bottom: 30px;
    }

    #company .cnt_area03 dt {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
        padding: 10px 10px 0;
        border-bottom: none;
    }

    #company .cnt_area03 dd {
        width: 100%;
        padding: 10px 10px;
        line-height: 1.6;
        font-size: 14px;
    }

    #company .cnt_area04 {
        padding: 100px 0;
        background: rgba(42, 118, 214, 0.3);
    }

    #company .cnt_area04 .contents_in {
        max-width: 335px;
    }

    #company .cnt_area04 h2 {
        margin-bottom: 44.5px;
    }

    #company .cnt_area04 dl {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

    #company .cnt_area04 dl::before {
        top: 29px;
        right: 29px;
        left: auto;
        height: 2520px;
    }

    #company .cnt_area04 dt {
        width: 90%;
        font-size: 16px;
        line-height: 1.6;
        padding: 10px;
    }

    #company .cnt_area04 dt::after {
        top: 28px;
        right: -5px;
    }

    #company .cnt_area04 dd {
        width: 90%;
        padding: 10px;
        line-height: 1.6;
        font-size: 14px;
    }

    #company .cnt_area03 ul li {
        flex-direction: column;
        margin-bottom: 20px;
    }

    #company .cnt_area05 {
        padding: 50px 0;
    }

    #company .cnt_area05 h2 {
        margin-bottom: 30px;
    }

    #company .cnt_area05 .cnt_box {
        padding: 20px;
        flex-direction: column;
    }

    #company .cnt_area05 .left {
        width: 100%;
    }

    #company .cnt_area05 .right {
        width: 100%;
    }

    #company .cnt_area05 .company {
        font-size: 16px;
        line-height: 1.6;
    }

    #company .cnt_area05 .txt {
        line-height: 1.8;
        font-size: 14px;
    }

    #company .cnt_area05 a {
        margin: 10px 0 30px;
    }


    /*----------
    04-01.access 768
    ----------*/
    #access .cnt_area01 {
        padding: 20px 0 50px;
    }

    #access .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #access .cnt_area01 h2 {
        margin-bottom: 30px;
    }

    #access .cnt_area01 .map_wrap {
        margin: 0 auto 30px;
    }


    #access .cnt_area01 dl {
        flex-direction: column;
    }

    #access .cnt_area01 dl:first-of-type {
        margin-bottom: 20px;
    }

    #access .cnt_area01 dt {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
        font-weight: 700;
        padding: 25px 10px;
    }

    #access .cnt_area01 dd {
        width: 100%;
        padding: 15px;
    }

    #access .cnt_area01 dd .block {
        line-height: 1.6;
        font-size: 14px;
    }

    #access .cnt_area01 dd .caution {
        padding: 15px;
        margin: 20px 0;
    }

    #access .cnt_area01 dd .caution .txt {
        font-size: 18px;
        line-height: 1.6;
    }

    #access .cnt_area01 dd .caution p {
        line-height: 1.6;
        margin-bottom: 10px;
        font-size: 14px;
    }

    #access .cnt_area01 dl:last-of-type .txt {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    #access .cnt_area01 dl:last-of-type .block:first-of-type {
        margin-bottom: 30px;
    }

    #access .cnt_area01 dl:last-of-type .block span {
        line-height: 1.6;
    }

    #access .cnt_area01 dl:last-of-type .block:first-of-type .txt::before {
        margin-right: 5px;
    }

    #access .cnt_area01 dl:last-of-type .block:last-of-type .txt::before {
        margin-right: 5px;
    }


    /*----------
    04-02.iso 768
    ----------*/
    #iso .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #iso .cnt_area01 {
        padding: 18px 0 50px;
    }

    #iso .cnt_area01 h2 {
        margin-bottom: 20px;
    }

    #iso .cnt_area01 h2 + p {
        line-height: 1.6;
        margin-bottom: 30px;
        font-size: 14px;
    }

    #iso .cnt_area01 h2:last-of-type + p {
        margin-bottom: 20px;
    }

    #iso .cnt_area01 .last_txt {
        line-height: 1.6;
        font-size: 14px;
    }

    #iso .cnt_area01 p + ul {
        line-height: 1.6;
        font-size: 14px;
    }


    /*----------
    04-03.privacy 768
    ----------*/
    #privacy .cnt_area01 {
        padding: 18px 0 50px;
    }

    #privacy .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #privacy .cnt_area01 h2 {
        margin-bottom: 20px;
    }

    #privacy .cnt_area01 h2:not(:first-of-type) {
        margin-top: 30px;
    }

    #privacy .cnt_area01 h2 + p, #privacy .cnt_area01 p + ul {
        line-height: 1.6;
        font-size: 14px;
    }


    /*----------
    04-04.actionplan 768
    ----------*/
    #actionplan .cnt_area01 {
        padding: 18px 0 50px;
    }

    #actionplan .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #actionplan .cnt_area01 h2 {
        margin-bottom: 20px;
    }

    #actionplan .cnt_area01 h2:not(:first-of-type) {
        margin-top: 30px;
    }

    #actionplan .cnt_area01 h2 + .txt, #actionplan .cnt_area01 .first_text {
        line-height: 1.6;
    }

    #actionplan .cnt_area01 .first_text {
        font-size: 14px;
    }

    #actionplan .cnt_area01 h2 + .txt, #actionplan .cnt_area01 p {
        font-size: 14px;
    }

    #actionplan .cnt_area01 .first_text {
        margin-bottom: 20px;
    }

    /*----------
    04-05.local contribution
    ----------*/
    #local-contribution .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #local-contribution .cnt_area01 {
        padding: 18px 0 72px;
    }


    /*----------
    05.blog 768
    ----------*/
    .news_wrap {
        padding: 50px 0 100px;
    }

    .news_wrap .contents_in {
        flex-direction: column;
    }

    .news_wrap .main {
        width: 100%;
    }

    .news_wrap .side {
        width: 100%;
    }

    .news_wrap .main .cnt_box .date_category span {
        width: 100px;
        font-size: 16px;
    }

    .news_wrap .main .cnt_box .date_category .category_g {
        width: calc(100% - 100px);
    }

    .news_wrap .main .cnt_box .date_category .category {
        font-size: 14px;
        padding: 0 20px;
    }

    .news_wrap .main .cnt_box .top h2 {
        font-size: 28px;
        line-height: 1.6;
    }

    .news_wrap .main .cnt_box .bottom {
        font-size: 14px;
        line-height: 1.6;
        padding: 20px;
    }

    .news_wrap .main .cnt_box {
        margin-bottom: 30px;
    }

    .news_wrap .page_nav {
        margin: 30px auto 50px;
    }

    .news_wrap .side .bottom {
        font-size: 14px;
        line-height: 1.6;
    }

    .news_wrap .side_box {
        margin-bottom: 25px;
    }

    .news_wrap .side_box .title {
        font-size: 18px;
        line-height: 1.6;
        padding: 5px 0;
    }

    .news_wrap .side ul li {
        margin-bottom: 10px;
    }


    /*----------
    06.contact 768
    ----------*/
    #contact .cnt_area01 {
        padding: 50px 0 100px;
    }

    #contact .title_area_ptn01 .contents_in {
        padding: 0 20px;
    }

    #contact .cnt_area01 .tel_area .left {
        width: 100%;
        font-size: 16px;
        line-height: 1.8;
        padding: 15px 20px;
    }

    #contact .cnt_area01 .tel_area .right {
        width: 100%;
        padding: 15px 20px;
    }

    #contact .cnt_area01 .tel_area .right .num {
        font-size: 36px;
        line-height: 1.8;
        justify-content: center;
    }

    #contact .cnt_area01 .tel_area .left {
        font-size: 16px;
        line-height: 1.8;
        padding: 15px 20px;
    }

    #contact .cnt_area01 .tel_area .right .num::before {
        width: 23px;
    }

    #contact .cnt_area01 .tel_area .right ul {
        flex-direction: column;
        text-align: left;
        width: 172.4px;
        margin: 0 auto;
    }

    #contact .cnt_area01 .apply a {
        padding: 25px 0;
        font-size: 20px;
        line-height: 24px;
    }

    #contact .cnt_area01 .form_wrap .checkboxarea .wpcf7-list-item {
        min-width: auto;
    }


    /*----------
    07.sdgs 768
    ----------*/
    #sdgs .cnt_area01 {
        padding-bottom: 100px;
    }

    #sdgs .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #sdgs .cnt_area01 .first_text {
        margin-bottom: 40px;
        font-size: 16px;
    }

    #sdgs .cnt_area01 .cnt_block .cnt_box + .cnt_box {
        margin-top: 40px;
    }

    #sdgs .cnt_area01 .cnt_block .cnt_box .head {
        padding: 8px 18px;
        font-size: 22px;
    }

    #sdgs .cnt_area01 .cnt_block .cnt_box .cnt_wrp {
        display: block;
        padding: 20px 15px 25px;
    }

    #sdgs .cnt_area01 .cnt_block .cnt_box .txt_wrp {
        width: 100%;
        padding: 0;
    }

    #sdgs .cnt_area01 .cnt_block .cnt_box .txt_wrp ul li {
        font-size: 14px;
    }

    #sdgs .cnt_area01 .cnt_block .cnt_box .ico_wrp {
        width: calc(100% + 15px);
        margin: 25px -15px -15px 0;
    }

    #sdgs .cnt_area01 .cnt_block .cnt_box .ico_wrp .ico {
        width: calc(100% / 3 - 15px);
        max-width: 108px;
        margin: 0 15px 15px 0;
    }


    /*----------
    08.sitemap 768
    ----------*/
    #sitemap .cnt_area01 {
        padding-bottom: 100px;
    }

    #sitemap .cnt_area01 .breadcrumb {
        margin-bottom: 40px;
    }

    #sitemap .cnt_area01 .nav_block {
        display: block;
    }

    #sitemap .cnt_area01 .nav_block .nav_box {
        width: 100%;
        margin-left: 0;
    }

    #sitemap .cnt_area01 .nav_block .nav_box + .nav_box {
        margin-top: 15px;
    }

    #sitemap .cnt_area01 .nav_block .nav_box .nav_wrp + .nav_wrp {
        margin-top: 15px;
    }

    #sitemap .cnt_area01 .nav_block .nav_box .nav_wrp .em_link a {
        font-size: 14px;
    }

    #sitemap .cnt_area01 .nav_block .nav_box .nav_wrp .sub_links {
        margin-top: 10px;
    }

    #sitemap .cnt_area01 .nav_block .nav_box .nav_wrp .sub_links .sub_links {
        margin-top: 6px;
    }

    #sitemap .cnt_area01 .nav_block .nav_box .nav_wrp .sub_links li + li {
        margin-top: 6px;
    }


    /*----------
    09.error404 768
    ----------*/
    #error404 .title_area_ptn01 .contents_in {
        padding: 0 20px;
    }

    #error404 .cnt_area01 {
        padding: 60px 0 30px;
    }

    #error404 .cnt_area01 .btn_ptn01 {
        margin-top: 40px;
    }

    /*----------
    10.moving-form
    ----------*/
    #moving-form .cnt_area01 {
        padding-top: 50px;
        padding-bottom: 100px;
    }

    #moving-form .movingForm__attention {
        text-align: left;
    }

    #moving-form .form_wrap + .form_wrap {
        margin-top: 70px;
    }

    #moving-form .name .caution {
        margin-bottom: 7px;
    }

    #moving-form .address .caution {
        margin-top: 7px;
    }

    #moving-form input[type="date"] {
        font-size: 15px;
        width: 160px;
        height: 40px;
    }

    .movingForm__note {
        text-align: left;
        line-height: 1.6;
        margin-bottom: 50px;
    }

    .movingFormCont__ttl {
        font-size: 22px;
        border-left: solid 4px #fff;
        color: #fff;
        background-color: #2b4578;
        padding: 17px 15px;
        margin-top: 50px;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .movingChoise__item {

    }

    .movingChoise__item + .movingChoise__item {
        margin-top: 17px;
    }

    .movingChoise__txt {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 10px;
    }


}


@media only screen and (max-width: 360px) {
    /*----------
    02-02.warehouse 360
    ----------*/
    #warehouse .ttl_ptn01 .sub_txt {
        font-size: 13px;
    }


    /*----------
    03.recruit 360
    ----------*/
    #recruit .title_area_ptn01 .ttl_box .main_ttl {
        font-size: 30px;
    }


    /*----------
    04.about_us 360
    ----------*/
    #company .cnt_area02 p {
        font-size: 15px;
    }

    #company .cnt_area04 dl::before {
        right: 25px;
        height: 2615px;
    }


    /*----------
    04-03.privacy 360
    ----------*/
    #privacy .title_area_ptn01 .ttl_box .main_ttl {
        font-size: 28px;
    }


}