@charset "utf-8";
@media screen and (min-width:1366px){
    /* contents style
    -------------------------------- */
    .cw-type1,
    .cw-type3,
    .cw-type4 {
        width: 83.4%;
    }
    .cw-type2,
    #top-cont5 .cw-type2 {
        width: 91.7%;
    }
    .cw-type5 {
        width: 56.4%;
    }
    .cw-type6 {
        width: 73.2%;
    }
    .cw-type7 {
        width: 57.6%;
    }
    .cw-type8,
    .cw-type9 {
        width: 66.6%;
    }
    .cw-type10 {
        width: 79.8%;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: calc(30 / 1366 * 100vw);
        margin-bottom: calc(30 / 1366 * 100vw);
    }
    .kzk500 {
        letter-spacing: 2px;
    }
    .cont-mb1 {
        margin-bottom: calc(100 / 1366 * 100vw) !important;
    }
    .cont-mb2 {
        margin-bottom: calc(120 / 1366 * 100vw) !important;
    }
    .cont-mb3 {
        margin-bottom: calc(140 / 1366 * 100vw) !important;
    }
    .cont-mb4 {
        margin-bottom: calc(100 / 1366 * 100vw) !important;
    }
    .cont-mb5 {
        margin-bottom: calc(40 / 1366 * 100vw) !important;
    }
    .cont-mb6 {
        margin-bottom: calc(25 / 1366 * 100vw) !important;
    }
    .cont-mb7 {
        margin-bottom: calc(50 / 1366 * 100vw) !important;
    }
    .page-sub-title3 {
        margin-bottom: calc(10 / 1366 * 100vw) !important;;
    }
    .page-sub-title4 {
        margin-bottom: calc(30 / 1366 * 100vw) !important;
    }
    .pt-type2 {
        padding-top: calc(80 / 1366 * 100vw);
    }

    /* font-size */
    .box-num {
        font-size: calc(60 / 1366 * 100vw);
    }
    .inner-f-big {
        font-size: calc(50 / 1366 * 100vw);
    }
    .page_header_title {
        font-size: calc(48 / 1366 * 100vw);
    }
    .f-elem {
        font-size: calc(45 / 1366 * 100vw);
    }
    .slide-catch {
        font-size: calc(36 / 1366 * 100vw);
    }
    .common-title1,
    .common-title3,
    .flow-num,
    .page-title1 {
        font-size: calc(34 / 1366 * 100vw);
    }
    .kv-ttl__slide-inner,
    .f-letter,
    .sub-r-txt,
    .fs2 {
        font-size: calc(30 / 1366 * 100vw);
    }
    .page-title2 {
        font-size: calc(26 / 1366 * 100vw);
    }
    .common-title2,
    .c2-inner-title,
    .title-type3,
    .common-tel,
    .mm-inner-title,
    .fs3 {
        font-size: calc(24 / 1366 * 100vw);
    }
    .ot-title,
    .ot-item.ot-item1 .ot-title {
        font-size: calc(22 / 1366 * 100vw);
    }
    .sub-txt1,
    .temperature,
    #top-cont1 .sub-txt1,
    .page-sub-title2,
    .button-wrap div input,
    .button-wrap div input a,
    .home-btn a,
    .c-page-annotation .common-title2,
    .fs1 {
        font-size: calc(20 / 1366 * 100vw);
    }
    .t-small1,
    .table-style1 tr:first-of-type th {
        font-size: calc(18 / 1366 * 100vw);
    }
    body.home,
    .t-small2,
    .flow-txt,
    .top-info-title h3,
    .top-info-time,
    .exp-txt,
    body.search,
    body.page,
    body.single,
    body.error404,
    body.archive,
    .fs4,
    .item-exp1 p {
        font-size: calc(16 / 1366 * 100vw);
    }
    .ot-detail {
        font-size: calc(15 / 1366 * 100vw);
    }
    .address,
    .required,
    .domain-cancel,
    .m-answers-a {
        font-size: calc(14 / 1366 * 100vw);
    }
    .logos p,
    #menu-f_menu li,
    #menu-fix_header_menu li a,
    #breadcrumb {
        font-size: calc(13 / 1366 * 100vw);
    }
    .s-txt {
        font-size: calc(12 / 1366 * 100vw);
    }
    .copy-wrap a {
        font-size: calc(11 / 1366 * 100vw);
    }
    .lity-container {
        font-size: 1rem;
    }
    /* title */
    .t-note {
        margin-bottom: calc(15 / 1366 * 100vw);
    }
    #page .t-note {
        margin-bottom: calc(35 / 1366 * 100vw);
    }
    .slide-c-wrap {
        top: calc(65 / 1366 * 100vw);
    }
    .page-sub-title2 {
        margin-bottom: calc(10 / 1366 * 100vw);
        margin-top: calc(50 / 1366 * 100vw);
    }
    .page-title1 {
        margin-bottom: calc(20 / 1366 * 100vw);
        padding-left: calc(20 / 1366 * 100vw);
        padding-right: calc(20 / 1366 * 100vw);
    }
    /* ページ内リンク */
    .il-space1 {
        padding-top: calc(100 / 1366 * 100vw) !important;
        margin-top: calc(-100 / 1366 * 100vw) !important;
    }

    /* common-btn
    -------------------------------- */
    .slide-btn,
    .slide-btn-wrap .slide-btn,
    .slide-btn-wrap {
        width: calc(260 / 1366 * 100vw)!important;
    }
    .slide-btn a::after {
        left: calc(12 / 1366 * 100vw);
        top: calc(-5 / 1366 * 100vw);
        height: calc(38 / 1366 * 100vw);
    }
    .slide-btn a::before {
        left: calc(12 / 1366 * 100vw);
        bottom: calc(-5 / 1366 * 100vw);
        height: calc(38 / 1366 * 100vw);
    }
    .slide-btn a {
        padding-top: calc(14 / 1366 * 100vw);
        padding-bottom: calc(14 / 1366 * 100vw);
    }

    /* header
    -------------------------------- */
    .bread {
        margin-bottom: calc(95 / 1366 * 100vw) !important;
        padding-top: calc(35 / 1366 * 100vw);
    }
    #menu-fix_header_menu li a {
        padding-top: calc(18 / 1366 * 100vw);
        padding-bottom: calc(18.5 / 1366 * 100vw);
    }
    #fix-menu-wrap {
        height: calc(77 / 1366 * 100vw);
    }
    #head-back {
        height: calc(77 / 1366 * 100vw);
    }
    .site_header_logo a img {
        width: calc(190 / 1366 * 100vw);
    }
    #loader img {
        width: calc(300 / 1366 * 100vw);
    }
    .menu-fix_header_menu-container {
        width: calc(1060 / 1366 * 100vw);
    }
    .site_header_logo {
        margin-bottom: calc(15 / 1366 * 100vw);
        padding-top: calc(15 / 1366 * 100vw);
    }
    /* グローバルメニュー 検索フォーム */
    .searchform-wrap {
        width: calc(130 / 1366 * 100vw);
    }
    .search-icon {
        height: calc(77 / 1366 * 100vw);
    }
    #searchform {
        width: calc(609 / 1366 * 100vw);
    }
    #searchform input {
        width: calc(489 / 1366 * 100vw);
    }
    #searchform button {
        width: calc(120 / 1366 * 100vw);
    }

    /* top
    -------------------------------- */
    /* cont1 */
    .g-parent1 {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .g-child1-1 {
        grid-area: 1 / 1 / 3 / 4;
    }
    .g-child1-2 {
        grid-area: 1 / 4 / 2 / 6;
    }
    .g-child1-3 {
        grid-area: 2 / 4 / 3 / 6;
    }
    #about-service1 {
        max-width: none;
        width: calc(738 / 1366 * 100vw);
    }
    #about-service2 {
        max-width: none;
        width: calc(425 / 1366 * 100vw);
        margin-left: 1.8%;
    }
    #about-service3 {
        max-width: none;
        margin-top: 0.5em;
        height: calc(210 / 1366 * 100vw);
        width: calc(425 / 1366 * 100vw);
        margin-left: 1.8%;
    }
    #about-service4 {
        max-width: calc(600 / 1366 * 100vw);
        padding-right: calc(63 / 1366 * 100vw);
    }
    .ver-line {
        left: calc(50 / 1366 * 100vw);
        height: calc(160 / 1366 * 100vw);
        padding-left: calc(20 / 1366 * 100vw);
        padding-top: calc(43 / 1366 * 100vw);
    }
    .bes-line {
        padding-top: calc(20 / 1366 * 100vw);
        width: calc(380 / 1366 * 100vw);
        padding-bottom: calc(30 / 1366 * 100vw);
        padding-left: calc(90 / 1366 * 100vw);
    }
    #top-cont1 .sub-txt1 {
        margin-bottom: calc(17 / 1366 * 100vw);
    }
    .f-elem2 {
        padding-bottom: calc(25 / 1366 * 100vw);
        padding-right: calc(20 / 1366 * 100vw);
    }
    .f-elem3 {
        top: calc(23 / 1366 * 100vw);
        left: calc(15 / 1366 * 100vw);
    }
    #about-service4 {
        margin-top: calc(-55 / 1366 * 100vw);
    }
    #about-service3 .sub-txt1-wrap {
        padding-left: calc(18 / 1366 * 100vw);
        padding-bottom: calc(16 / 1366 * 100vw);
        line-height: 1rem;
    }
    /* cont2 */
    .c2-inner-title {
        width: calc(100 / 1366 * 100vw);
        margin-top: calc(30 / 1366 * 100vw);
        padding-bottom: calc(8 / 1366 * 100vw);
        margin-bottom: calc(40 / 1366 * 100vw);
    }
    #item1-1 .item-exp1 img,
    #item1-2 .item-exp1 img {
        margin-bottom: calc(40 / 1366 * 100vw);
    }
    .item-exp1 img {
        width: calc(100 / 1366 * 100vw);
    }
    .item-exp1 p {
        line-height: 1.5;
    }
    .item-list1 li {
        height: calc(315 / 1366 * 100vw);
    }
    /* cont3 */
    .lity-container {
        line-height: 1.7rem;
    }
    .item-list2 {
        height: calc(404 / 1366 * 100vw);
    }
    .item-list2 li,
    .item-list2 li:after {
        height: calc(407 / 1366 * 100vw);
    }
    .pop-link-wrap .title-type3 {
        margin: 0 0 100px;
    }
    /* cont4 */
    .pickup-link1,
    .pickup-link1 .zoom-box,
    .pickup-link1 .zoom-box a,
    .pickup-link1 .zoom-box p {
        height: calc(440 / 1366 * 100vw);
        width: 100%;
    }
    .pickup-link2,
    .pickup-link2 .zoom-box,
    .pickup-link2 .zoom-box a,
    .pickup-link2 .zoom-box p,
    .pickup-link3,
    .pickup-link3 .zoom-box,
    .pickup-link3 .zoom-box a,
    .pickup-link3 .zoom-box p {
        height: calc(220 / 1366 * 100vw);
    }
    /* cont5 */
    .flow-num {
        padding-right: 2em;
    }
    .flow::before,
    .flow::after {
        left: calc(93 / 1366 * 100vw);
    }
    .flow {
        padding-top: calc(20 / 1366 * 100vw);
        padding-bottom: calc(20 / 1366 * 100vw);
        padding-left: calc(35 / 1366 * 100vw);
        padding-right: calc(35 / 1366 * 100vw);
        height: calc(670 / 1366 * 100vw);
    }
    #top-cont5-inner {
        height: calc(670 / 1366 * 100vw);
    }
    .blue-back {
        height: calc(440 / 1366 * 100vw);
    }
    #top-cont5-inner .cont-right {
        height: calc(560 / 1366 * 100vw);
    }
    /* cont6 */
    .top-info-item {
        padding-top: calc(3 / 1366 * 100vw);
        padding-bottom: calc(4 / 1366 * 100vw);
        padding-left: calc(24 / 1366 * 100vw);
    }
    .top-info-time {
        width: calc(165 / 1366 * 100vw);
    }
    .top-info-list {
        margin-bottom: calc(40 / 1366 * 100vw);
    }
    /* cont7 */
    #top-cont7-inner {
        height: calc(520 / 1366 * 100vw);
    }
    .slide-c-wrap {
        left: 78%;
        top: calc(65 / 1366 * 100vw);
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #top-cont7 {
        height: calc(520 / 1366 * 100vw);
    }
    .top-slider .swiper-wrapper {
        padding-top: calc(50 / 1366 * 100vw) !important;
        padding-bottom: calc(50 / 1366 * 100vw) !important;
    }
    .top-slider .swiper-wrapper,
    .top-slider .swiper-slide,
    .top-slider .swiper-slide img {
        height: calc(420 / 1366 * 100vw) !important;
    }
    .group-cont p,
    .logos {
        width: calc(540 / 1366 * 100vw);
    }
    .group-cont > p {
        margin-bottom: calc(50 / 1366 * 100vw);
    }
    .group-cont p,
    .logos {
        width: calc(540 / 1366 * 100vw);
    }
    .ts-logo img,
    .r-logo img {
        width: calc(260 / 1366 * 100vw);
        margin-bottom: calc(35 / 1366 * 100vw);
    }
    .snsi-logo img {
        width: calc(120 / 1366 * 100vw);
    }
    .logos p {
        text-align: center;
        width: calc(260 / 1366 * 100vw);
    }

    /* footer
    -------------------------------- */
    address {
        margin-bottom: calc(25 / 1366 * 100vw);
    }
    .common-tel {
        padding-right: calc(45 / 1366 * 100vw);
        margin-right: calc(45 / 1366 * 100vw);
        height: calc(58 / 1366 * 100vw) !important;
        line-height: calc(58 / 1366 * 100vw);
    }
    .footer-catch img {
        width: calc(340 / 1366 * 100vw);
    }
    .footer-catch {
        height: calc(340 / 1366 * 100vw);
    }
    .g-logo {
        width: calc(160 / 1366 * 100vw);
    }
    #page-top a {
        width: calc(60 / 1366 * 100vw);
        height: calc(60 / 1366 * 100vw);
        line-height: calc(60 / 1366 * 100vw);
    }
    #page-top a::before {
        left: calc(29.5 / 1366 * 100vw);
        top: calc(20 / 1366 * 100vw);
        width: calc(10 / 1366 * 100vw);
        height: calc(22 / 1366 * 100vw);
    }
    #page-top a::after {
        left: calc(21 / 1366 * 100vw);
        top: calc(20 / 1366 * 100vw);
        width: calc(10 / 1366 * 100vw);
        height: calc(22 / 1366 * 100vw);
    }
    .comma-top {
        top: calc(-60 / 1366 * 100vw);
        right: calc(-25 / 1366 * 100vw);
        font-size: calc(45 / 1366 * 100vw);
    }
    .comma-bottom {
        bottom: calc(-15 / 1366 * 100vw);
        right: calc(102 / 1366 * 100vw);
        font-size: calc(45 / 1366 * 100vw);
    }

    /* 固定ページ
    -------------------------------- */
    /* header */
    .page_header_wrap {
        height: calc(430 / 1366 * 100vw);
    }
    /* 404 */
    .pt-type3 {
        padding-top: calc(85 / 1366 * 100vw);
    }
    /* 事業内容 */
    #service-cont1-inner1,
    #service-cont1-inner2,
    #service-cont1-inner3 {
        height: calc(612 / 1366 * 100vw);
    }
    .page-cont3 {
        padding-left: calc(40 / 1366 * 100vw);
        padding-right: calc(40 / 1366 * 100vw);
        padding-bottom: calc(20 / 1366 * 100vw);
        padding-top: calc(20 / 1366 * 100vw);
        height: calc(432 / 1366 * 100vw);
    }
    .mutual-cont {
        top: calc(-310 / 1366 * 100vw);
    }
    .page-cont2 {
        top: calc(100 / 1366 * 100vw);
    }
    .bk-blue,
    .bk-white {
        width: calc(150 / 1366 * 100vw);
        height: calc(150 / 1366 * 100vw);
        margin-right: calc(25 /1366 * 100vw);
    }
    .ot-title {
        margin-top: calc(60 / 1366 * 100vw);
    }
    .ot-img {
        width: calc(240 /1366 * 100vw);
        margin-bottom: calc(30 / 1366 * 100vw);
    }
    .ot-detail {
        padding-bottom: calc(10 / 1366 * 100vw);
    }
    .ot-item .plan,
    .ot-item1 .plan {
        border-top-width: calc(96 / 1366 * 100vw);
        border-right-width: calc(96 / 1366 * 100vw);
    }
    .ot-item .ot-txt,
    .ot-item1 .ot-txt {
        left: calc(3 / 1366 * 100vw);
        top: calc(20 / 1366 * 100vw);
    }
    .table-style1 td {
        width: 58%;
    }
    .g-logo-wrap {
        width: calc(480 / 1366 * 100vw);
        height: calc(70 / 1366 * 100vw);
        top: calc(12 / 1366 * 100vw);
    }
    .g-logo-kon {
        width: calc(347 / 1366 * 100vw);
    }
    .circle-img img {
        width: 84.5%;
        margin-bottom: calc(20 / 1366 * 100vw);
        margin-top: calc(40 / 1366 * 100vw);
    }
    .service-cont5-inner1 {
        padding-top: calc(50 / 1366 * 100vw);
        margin-bottom: calc(80 / 1366 * 100vw);
    }
    .page-logos li:not(:last-of-type) {
        width: calc(360 / 1366 * 100vw);
        margin-bottom: calc(40 / 1366 * 100vw);
    }
    .page-logos li:last-of-type {
        width: calc(240 / 1366 * 100vw);
    }
    .page-logos {
        width: calc(760 / 1366 * 100vw);
        padding-top: calc(80 / 1366 * 100vw);
    }
    /* スライダ― */
    #service-cont3-inner1 .swiper-button-prev,
    #service-cont3-inner1 .swiper-rtl .swiper-button-next {
        left: calc(258 / 1366 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-rtl .swiper-button-prev {
        right: calc(260 / 1366 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-button-prev {
        width: calc(13 / 1366 * 100vw);
        height: calc(19 / 1366 * 100vw);
        top: 43% !important;
    }
    #service-cont3-inner1 .swiper-button-next:after,
    #service-cont3-inner1 .swiper-button-prev:after {
        font-size: calc(22 / 1366 * 100vw);
    }
    .slider-caption-wrap {
        width: calc(700 / 1366 * 100vw);
        margin-top: calc(-80 / 1366 *100vw);
    }
    .slider-caption {
        padding: calc(20 / 1366 * 100vw);
        height: calc(175 / 1366 * 100vw);
    }
    #service-cont3-inner1 .swiper-container {
        height: calc(577 / 1366 * 100vw);
    }
    #service-cont3-4 {
        margin-bottom: calc(130 / 1366 * 100vw);
    }

    /* 車両案内 */
    .table-style2 th,
    .table-style2 tr td {
        width: calc(320 / 1366 * 100vw);
    }
    .table-style2 th:first-of-type,
    .table-style2 tr td:first-of-type {
        width: calc(180 / 1366 * 100vw);
    }
    .lu-one {
        width: calc(750 / 1366 * 100vw);
    }
    .lu-two {
        width: calc(360 / 1366 * 100vw);
    }
    .lu-two .lu-img:first-of-type {
        margin-bottom: calc(22 / 1366 * 100vw);
    }

    /* 安全への取り組み */
    .page-desc-txts {
        width: calc(800 / 1366 * 100vw);
    }
    .tc-item1 p {
        width: calc(590 / 1366 * 100vw);
    }
    .tc-item1 img {
        width: calc(500 / 1366 * 100vw);
    }

    /* 採用情報 */
    .table-style3 th {
        width: calc(212 / 1366 * 100vw);
    }
    /* 会社案内 */
    .tc-item-exc .exc-imgs {
        width: calc(400 / 1366 * 100vw);
    }
    .tc-item-exc .exc-txts,
    .tc-item1.tc-item-exc p {
        width: calc(650 / 1366 * 100vw);
    }
    .table-style4 th {
        width: calc(300 / 1366 * 100vw);
    }
    .inner-tc1 .slide-btn {
        width: calc(190 / 1366 * 100vw) !important;
    }
    .inner-tc1 .slide-btn a {
        padding-top: calc(5 / 1366 * 100vw);
        padding-bottom: calc(5 / 1366 * 100vw);
    }
    .inner-tc1 .slide-btn a::after {
        left: calc(7.5 / 1366 * 100vw);
        top: calc(-3 / 1366 * 100vw);
        height: calc(25 / 1366 * 100vw);
    }
    .inner-tc1 .slide-btn a::before {
        left: calc(7.5 / 1366 * 100vw);
        bottom: calc(-3 / 1366 * 100vw);
        height: calc(25.5 / 1366 * 100vw);
    }
    .president {
        padding-left: calc(30 / 1366 * 100vw);
    }
    .about-logo {
        width: calc(588 / 1366 * 100vw);
    }

    /* 投稿一覧ページ
    -------------------------------- */
}

@media screen and (min-width:1480px){
    /* font-size */
    .page_header_title {
        font-size: calc(45 / 1480 * 100vw);
    }

    /* 事業内容 */
    /* スライダ― */
    #service-cont3-inner1 .swiper-button-prev,
    #service-cont3-inner1 .swiper-rtl .swiper-button-next {
        left: calc(280 / 1480 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-rtl .swiper-button-prev {
        right: calc(280 / 1480 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-button-prev {
        width: calc(13 / 1480 * 100vw);
        height: calc(19 / 1480 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next:after,
    #service-cont3-inner1 .swiper-button-prev:after {
        font-size: calc(22 / 1480 * 100vw);
    }
}