@charset "utf-8";
@media screen and (min-width:768px){
    /* body
    -------------------------------- */
    body {
        letter-spacing: 1px;
    }
    a[href^="tel:"] {
        pointer-events: none;
    }
    /* font_size */
    .box-num {
        font-size: calc(50 / 768 * 100vw);
    }
    .inner-f-big {
        font-size: calc(40 / 768 * 100vw);
    }
    .page_header_title {
        font-size: calc(29 / 768 * 100vw);
    }
    .f-elem,
    #top-cont1 .sub-txt1,
    .kv-ttl__slide-inner {
        font-size: calc(26 / 768 * 100vw);
    }
    .common-tel,
    .common-title1,
    .common-title3,
    .flow-num,
    .slide-catch,
    .page-title1,
    .sub-r-txt {
        font-size: calc(24 / 768 * 100vw);
    }
    .fs2 {
        font-size: calc(22 / 768 * 100vw);
    }
    .c2-inner-title,
    .temperature,
    .page-title2,
    .f-letter,
    .button-wrap div input,
    .button-wrap div input a,
    .home-btn a,
    .mm-inner-title,
    .fs3 {
        font-size: calc(20 / 768 * 100vw);
    }
    .common-title,
    .common-title2,
    .title-type3,
    .table-style1 tr:first-of-type th,
    .ot-title,
    .ot-item.ot-item1 .ot-title {
        font-size: calc(18 / 768 * 100vw);
    }
    .page-sub-title2,
    .fs1 {
        font-size: calc(16 / 768 * 100vw);
    }
    .required,
    .domain-cancel,
    .m-answers-a {
      font-size: calc(14 / 768 * 100vw);
    }
    .fs4 {
        font-size: calc(13 / 768 * 100vw);
    }
    body,
    .top-info-title h3,
    .ot-item .ot-txt,
    .ot-item.ot-item1 .ot-txt {
        font-size: 0.95rem;
    }
    .t-small1,
    .flow-txt,
    .top-info-time,
    .logos p,
    .sub-txt1,
    .t-small2 {
        font-size: calc(13 / 768 * 100vw);
    }
    .s-txt {
        font-size: calc(12 / 768 * 100vw);
    }
    #menu-f_menu li,
    #menu-fix_header_menu li a,
    .exp-txt,
    #breadcrumb,
    .item-exp1 p {
        font-size: calc(11 / 768 * 100vw);
    }
    .case-txt,
    .copy-wrap a {
        font-size: calc(9 / 768 * 100vw);
    }
      /* title */
    .common-title1 {
        margin-bottom: calc(15 / 768 * 100vw);
        line-height: 1.5;
    }
    .common-title3 {
        margin-bottom: calc(40 / 768 * 100vw);
    }
    .page-sub-title4.left-ver {
        border-left: 0;
        padding-left: 0;
    }
    .page-title1 {
        padding-left: calc(20 / 768 * 100vw);
        padding-right: calc(20 / 768 * 100vw);
    }
    /* ページ内リンク */
    .il-space1 {
        padding-top: calc(110 / 768 * 100vw) !important;
        margin-top: calc(-110 / 768 * 100vw) !important;
    }

    /* contents style
    -------------------------------- */
    .cw-type5 {
        width: 45%;
        margin-left: 5%;
    }
    .cw-type6 {
        width: 90%;
    }
    .cw-type7 {
        width: 90%;
    }
    /* margin */
    .mb_type1 {
        margin-bottom: 25px;
    }
    .mb_type2 {
        margin-bottom: 100px;
    }
    .mb_type3 {
        margin-bottom: 50px;
    }
    .cont-mb1 {
        margin-bottom: calc(80 / 768 * 100vw) !important;
    }
    .cont-mb2 {
        margin-bottom: calc(100 / 768 * 100vw) !important;
    }
    .cont-mb3 {
        margin-bottom: calc(100 / 768 * 100vw) !important;
    }
    .cont-mb4 {
        margin-bottom: calc(80 / 768 * 100vw) !important;
    }
    .cont-mb5 {
        margin-bottom: calc(40 / 768 * 100vw) !important;
    }
    .cont-mb6 {
        margin-bottom: calc(25 / 768 * 100vw) !important;
    }
    .cont-mb7 {
        margin-bottom: calc(50 / 768 * 100vw) !important;
    }
    .t-note {
        margin-bottom: calc(35 / 768 * 100vw);
    }
    #page .t-note {
        margin-bottom: calc(35 /  768 * 100vw);
    }
    .page-sub-title3 {
        margin-bottom: calc(10 / 768 * 100vw) !important;;
    }
    .page-sub-title4 {
        margin-bottom: calc(15 / 768 * 100vw) !important;
    }
    /* padding */
    .pt_type1 {
        padding-top: 80px;
    }
    .pt-type2 {
        padding-top: calc(35 / 768 * 100vw);
    }

    /* table */
    table th,
    table td {
        padding: 1em 1.2em;
        display: table-cell;
    }

    /* text */
    .sp_left_txt {
        text-align: center;
    }

    .item_type2:last-of-type .cont_inner_title1 i {
        height: 52px;
    }
    .mac .cont_inner_title1 i,
    .mac .item_type2:last-of-type .cont_inner_title1 i {
        height: 42px;
    }
    .safari .cont_inner_title1 i,
    .safari .item_type2:last-of-type .cont_inner_title1 i {
        height: 45px;
    }
    .safari .tax_item1 .arrow_txt2 {
        line-height: 1.3em;
    }
    .safari .page_inner_navi .arrow_txt2 {
        line-height: 1.4em;
    }
    .sp_cont {
        display: none;
    }
    .pc_cont {
        display: block;
    }
    .defor-cont {
        display: inline-block;
        margin-bottom: 0;
    }

    /* header
    -------------------------------- */
    #fix-menu-wrap {
        height: 80px;
    }
    #head-back {
        height: 80px !important;
    }
    .bread {
        margin-bottom: calc(95 / 768 * 100vw) !important;
        padding-top: calc(35 / 768 * 100vw);
    }
    .page_header_wrap {
        margin-top: 79px;
    }
    .kv {
        height: calc(100vh - 79px) !important;
        margin-top: 79px !important;
    }
    #loader img {
        width: calc(300 / 768 * 100vw);
    }

    /* page top
    -------------------------------- */
    #page-top {
        right: 30px;
    }

    /* top
    -------------------------------- */
    /* cont1 */
    .bes-line {
        width: calc(250 / 768 * 100vw);
    }
    .ver-line {
        bottom: calc(0 / 768 * 100vw);
        height: calc(90 / 768 * 100vw);
    }
    #about-service3 .temperature {
        padding-left: calc(8 / 768 * 100vw);
    }
    .t-small1 {
        display: inline-block;
    }
    .t-small1 {
        padding-left: calc(15 / 768 * 100vw);
    }
    .f-elem2 {
        padding-bottom: 17px;
        padding-right: 15px;
        width: auto;
    }
    /* cont2 */
    #top-cont2-inner {
        width: 100%;
    }
    .item-list1 {
        display: flex;
        justify-content: space-between;
    }
    .item-list1 li {
        width: 32%;
        margin-bottom: 0;
        height: calc(240 / 768 * 100vw);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .item-list1 li .realistic-bcak1 img {
        display: none;
    }
    #item1-1 {
        background-image: url(../images/top/cont2-img1.jpg);
    }
    #item1-2 {
        background-image: url(../images/top/cont2-img2.jpg);
    }
    #item1-3 {
        background-image: url(../images/top/cont2-img3.jpg);
    }
    .item-exp1 img {
        width: 120px;
    }
    .t-note {
        margin-bottom: 1em;
    }
    #item1-3 .item-exp1 img {
        margin-bottom: 15px;
    }
    .t-note {
        text-align: center;
    }
    .c2-inner-title {
        width: calc(100 / 768 * 100vw);
        margin-top: calc(15 / 768 * 100vw);
        margin-bottom: calc(15 / 768 * 100vw);
        padding-bottom: calc(8 / 768 * 100vw);
    }
    #item1-1 .item-exp1 img
    #item1-2 .item-exp1 img {
        margin-bottom: calc(25 / 768 * 100vw);
    }
    .item-exp1 img {
        width: calc(93 / 768 * 100vw);
    }
    /* cont3 */
    .item-list2 {
        height: calc(256 / 768 * 100vw);
        overflow: hidden;
    }
    .item-list2 li,
    .item-list2 li:after {
        height: calc(260 / 768 * 100vw);
    }
    .item-list2 li {
        width: calc(100% / 3);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }
    .pop-link-wrap {
        z-index: 1;
    }
    .item-list2 li:hover:after {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .item-list2 li:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        top: 0;
    }
    .item2-1:after {
        background-image: url(../images/top/cont3-img1.jpg);
        transition: all .3s ease-out;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        background-size: cover;
    }
    .item2-2:after {
        background-image: url(../images/top/cont3-img2.jpg);
        transition: all .3s ease-out;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        background-size: cover;
    }
    .item2-3:after {
        background-image: url(../images/top/cont3-img3.jpg);
        transition: all .3s ease-out;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        background-size: cover;
    }
    .item-list2 li img {
        display: none;
    }
    .item-exp2 {
        margin-top: 0;
    }
    .item-list2 {
        display: flex;
        justify-content: space-between;
    }
    .pop-inner-txts {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1em;
        width: auto;
        margin: auto;
    }
    .pop-inner {
        max-width: none;
        max-height: none;
        width: 700px;
        padding: 0 3.1em 1em;
        height: 500px;
        margin-left: auto;
    }
    .item-exp2 dt {
        width: 120px;
        height: 30px;
        margin: 0 1em 0 1.5em;
        line-height: 2;
    }
    .item-exp2 dd {
        margin-top: -0.3em;
    }
    .lity-close {
        width: 70px !important;
        height: 70px !important;
    }
    .case {
        border-width: 121px 121px 0 0;
        left: 0;
    }
    .case-txt {
        left: 3px;
        top: 31px;
    }
    .pop-title {
        padding-top: 1em;
    }
    .pop-img {
        margin: 0 0 1.5em;
        display: inline-block;
    }
    .pop-detail {
        letter-spacing: 0;
        width: 100%;
        padding: 0.5em 0.5em 0;
    }
    .lity-close {
        bottom: 20px !important;
    }
    .pop-links {
        position: static;
        height: calc(260 / 768 * 100vw);
    }
    .slide-btn-wrap .slide-btn {
        width: calc(200 / 768 * 100vw)!important;
    }
    .title-type3 {
        line-height: 1.3;
    }
    .pop-links > a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
    }
    .pop-link-wrap .title-type3 {
        margin: 0 0 100px;
    }
    /* cont4 */
    .g-parent2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        -ms-grid-columns: repeat(2, 1fr);
        -ms-grid-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .g-child2-1 {
        grid-area: 1 / 1 / 3 / 2;
    }
    .g-child2-2 {
        grid-area: 1 / 2 / 2 / 3;
    }
    .g-child2-3 {
        grid-area: 2 / 2 / 3 / 3;
    }
    .pickup-link1,
    .pickup-link1 .zoom-box,
    .pickup-link1 .zoom-box a,
    .pickup-link1 .zoom-box p {
        height: calc(240 / 768 * 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(120 / 768 * 100vw);
    }
    /* cont5 */
    #top-cont5-inner .cont-right {
        height: calc(430 / 768 * 100vw);
        background-position: top 0 left 0;
    }
    .flow {
        padding-top: calc(20 / 768 * 100vw);
        padding-bottom: calc(20 / 768 * 100vw);
        padding-left: calc(15 / 768 * 100vw);
        padding-right: calc(20 / 768 * 100vw);
        height: calc(520 / 768 * 100vw);
    }
    .flow::before,
    .flow::after {
        left: calc(50 / 768 * 100vw);
    }
    .blue-back {
        height: calc(325 / 768 * 100vw);
    }
    #top-cont5-inner {
        height: calc(520 / 768 * 100vw);
    }
    address {
        margin-bottom: calc(10 / 768 * 100vw);
    }
    .flow-txt {
        line-height: 1.8;
    }
    .logos li p {
        margin-bottom: 0.3em;
    }
    /* cont6 */
    .info-txt {
        display: flex;
        align-items: center;
    }
    .top-info-txts a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .top-info-time {
        width: 165px;
    }
    .top-info-item {
        padding: 0.2em 1.5em 0.3em;
    }
    .f-item .common-title2 {
        margin-bottom: 0.5em;
    }
    .info-arrow {
        display: block;
    }
    .top-info-list {
        margin-bottom: calc(40 / 768 * 100vw);
    }
      /* cont7 */
    .logos li p {
        margin-bottom: calc(5 / 768 * 100vw);
    }
    .ts-logo img,
    .r-logo img {
        width: calc(300 / 768 * 100vw);
    }
    .snsi-logo img {
        width: calc(120 / 768 * 100vw);
    }
    .group-cont {
        padding-top: calc(10 / 768 * 100vw);
        padding-bottom: calc(35 / 768 * 100vw);
        text-align: center;
    }
    .comma-top {
        top: calc(-45 / 768 * 100vw);
        right: calc(-25 / 768 * 100vw);
        font-size: calc(35 / 768 * 100vw);
    }
    .comma-bottom {
        bottom: calc(-10 / 768 * 100vw);
        right: calc(80 / 768 * 100vw);
        font-size: calc(35 / 768 * 100vw);
    }
    .top-slider .swiper-wrapper,
    .top-slider .swiper-slide,
    .top-slider .swiper-slide img {
        height: calc(290 / 768 * 100vw) !important;
    }
    .logos {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .logos li {
        width: 50%;
    }
    .group-cont > p {
        margin-bottom: 70px;
        text-align: center;
    }
    .logos li:last-of-type {
        width: 100%;
    }
    .slide-c-wrap {
        top: calc(15 / 768 * 100vw);
    }
    .top-slider .swiper-wrapper {
        padding-top: calc(50 / 768 * 100vw) !important;
        padding-bottom: calc(50 / 768 * 100vw) !important;
    }

    /* footer
    -------------------------------- */
    .footer-catch {
        height: calc(228 / 768 * 100vw);
    }
    .footer-catch img {
        width: calc(300 / 768 * 100vw);
    }
    .g-logo {
        width: calc(120 / 768 * 100vw);
    }

    /* common-btn
    -------------------------------- */
    .slide-btn a::after {
        left: 11px;
        top: -5px;
        height: 37px;
    }
    .slide-btn a::before {
        left: 11px;
        bottom: -5px;
        height: 37px;
    }
    .slide-btn {
        width: calc(260 / 768 * 100vw)!important;
    }
    #top-cont1-inner {
        margin-bottom: calc(40 / 768 * 100vw);
    }
    #page-top a::after {
        left: calc(21 / 768 * 100vw);
        top: calc(33 / 768 * 100vw);
        width: calc(37 / 768 * 100vw);
        height: calc(40 / 768 * 100vw);
    }
    #page-top a::before {
        left: calc(33 / 768 * 100vw);
        top: calc(28 / 768 * 100vw);
        width: calc(25 / 768 * 100vw);
        height: calc(40 / 768 * 100vw);
    }
    #page-top a {
        width: calc(80 / 768 * 100vw);
        height: calc(80 / 768 * 100vw);
        line-height: calc(80 / 768 * 100vw);
    }

    /* 固定ページ
    -------------------------------- */
    /* header */
    .page_header_wrap {
        height: calc(430 / 768 * 100vw);
    }
    /* 404 */
    .error_img {
        padding-top: 5em;
        margin-bottom: 5em;
    }
    .pt-type3 {
        padding-top: 87px;
    }
    /* プライバシーポリシー */
    .privacy-policy_h_title {
        width: 600px;
    }
    .privacy-policy-page .a_btn1 {
        margin: 1.5em 0 0;
    }
    /* 事業案内 */
    .plan {
        border-width: 96px 96px 0 0;
    }
    #service-cont1-inner1,
    #service-cont1-inner2,
    #service-cont1-inner3 {
        height: calc(735 / 768 * 100vw);
    }
    .page-cont3 {
        padding: 0 40px 15px;
        padding-left: calc(40 / 768 * 100vw);
        padding-right: calc(40 / 768 * 100vw);
        padding-bottom: calc(20 / 768 * 100vw);
        padding-top: calc(20 / 768 * 100vw);
        background: #ffffff;
        height: calc(400 / 768 * 100vw);
    }
    .mutual-cont {
        position: absolute;
        top: calc(150 / 768 * 100vw);
    }
    .page-cont2 {
        top: calc(60 / 768 * 100vw);
    }
    .bk-blue,
    .bk-white {
        width: calc(150 / 768 * 100vw);
        height: calc(150 / 768 * 100vw);
        margin-right: calc(25 / 768 * 100vw);
    }
    .ot-title {
        margin-top: calc(60 / 768 * 100vw);
        letter-spacing: 0px;
    }
    .ot-img {
        width: calc(240 / 768 * 100vw);
        margin-bottom: calc(30 /  768 * 100vw);
    }
    .ot-detail {
        padding-bottom: calc(10 /  768 * 100vw);
    }
    .ot-item .plan,
    .ot-item1 .plan {
        border-top-width: calc(96 /  768 * 100vw);
        border-right-width: calc(96 /  768 * 100vw);
    }
    .ot-item .ot-txt,
    .ot-item1 .ot-txt {
        left: calc(3 /  768 * 100vw);
        top: calc(20 /  768 * 100vw);
    }
    .g-logo-wrap {
        width: calc(480 / 768 * 100vw);
        height: calc(70 / 768 * 100vw);
        top: calc(12 / 768 * 100vw);
    }
    .g-logo-kon {
        width: calc(347 / 768 * 100vw);
    }
    .circle-img img {
        width: 84.5%;
        margin-bottom: calc(20 / 768 * 100vw);
        margin-top: calc(40 / 768 * 100vw);
    }
    .service-cont5-inner1 {
        padding-top: calc(50 / 768 * 100vw);
        margin-bottom: calc(80 / 768 * 100vw);
    }
    .page-logos li:not(:last-of-type) {
        width: calc(230 / 768 * 100vw);
        margin-bottom: calc(40 / 768 * 100vw);
    }
    .page-logos li:last-of-type {
        width: calc(150 / 768 * 100vw);
    }
    .page-logos {
        width: calc(500 / 768 * 100vw);
        padding-top: calc(80 / 768 * 100vw);
    }
    /* スライダ― */
    #service-cont3-inner1 .swiper-button-prev,
    #service-cont3-inner1 .swiper-rtl .swiper-button-next {
        left: calc(140 / 768 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-rtl .swiper-button-prev {
        right: calc(140 / 768 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-button-prev {
        width: calc(13 / 768 * 100vw);
        height: calc(19 / 768 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next:after,
    #service-cont3-inner1 .swiper-button-prev:after {
        font-size: calc(20 / 768 * 100vw);
    }
    .si-style {
        padding-top: calc(50 / 768 * 100vw);
        padding-bottom: calc(85 / 768 * 100vw);
    }
    .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
    }
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -5px !important;
    }
    #service-cont3-inner1 .swiper-slide {
        transform: scale(0.9);
    }
    #service-cont3-inner1 .swiper-slide-active {
        transform: scale(1);
    }
    #service-cont3-inner1 .swiper-container {
        margin-top: 0;
    }
    .slider-caption-wrap {
        width: calc(380 / 768 * 100vw);
        margin-top: calc(-40 / 768 *100vw);
    }
    .slider-caption {
        padding: calc(20 / 768 * 100vw);
        height: calc(200 / 768 * 100vw);
    }
    #service-cont3-inner1 .swiper-container {
        height: calc(450 / 768 * 100vw);
    }
    #service-cont3-4 {
        margin-bottom: calc(120 / 768 * 100vw);
    }

    /* 車両案内 */
    .table-style2 th,
    .table-style2 tr td {
        width: 28%;
    }
    .table-style2 th:first-of-type,
    .table-style2 tr td:first-of-type {
        width: 16%;
    }
    .lu-list {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .lu-one {
        width: 66.3%;
        margin-bottom: 0;
    }
    .lu-s {
        width: 100%;
    }
    .lu-two {
        width: 31.6%;
        display: block;
    }
    .lu-two .lu-img:first-of-type {
        margin-bottom: 6.03%;
    }

    /* 安全への取り組み */
    .page-desc-txts {
        width: 90%;
    }
    .tc-item1 {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .tc-item1 p {
        letter-spacing: -0.1px;
        width: 50%;
        order: 1;
    }
    .tc-item1 img {
        width: 46%;
        margin-bottom: 0;
        order: 2;
    }
    .table-style3 th,
    .table-style3 td {
        width: auto;
        display: table-cell;
    }
    .table-style3 th {
        width: 30%;
        border-right: solid 1px #173272;
    }
    .table-style3 th {
        padding: 1.5em 1em;
    }
    .table-style3 tr:last-of-type th {
        border-bottom: 0;
    }

    /* 会社案内 */
    .table-style4 th,
    .table-style4 td {
        width: auto;
        display: table-cell;
        border-bottom: 0;
    }
    .table-style4 th {
        width: 30%;
        border-right: solid 1px #173272;
    }
    .table-style4 th {
        padding: 1.5em 1em;
    }
    .table-style4 tr:last-of-type th {
        border-bottom: 0;
    }
    .table-style4 tr {
        border-bottom: solid 1px #173272;
    }
    .president {
        padding-left: calc(30 / 768 * 100vw);
    }
    .inner-c-flex h4 {
        justify-content: center;
    }
    .about-logo {
        width: calc(450 / 768 * 100vw);
    }
    .tc-item-exc .exc-imgs {
        width: 40%;
    }
    .tc-item-exc .exc-imgs img {
        width: 100%;
    }
    .tc-item-exc .exc-txts,
    .tc-item1.tc-item-exc p {
        width: 55%;
    }
    .tc-item1.tc-item-exc p {
        width: 100%;
    }
    .inner-tc1 .slide-btn {
        display: inline-block;
        width: calc(190 / 768 * 100vw) !important;
    }
    .inner-tc1 .slide-btn a {
        padding-top: calc(5 / 768 * 100vw);
        padding-bottom: calc(5 / 768 * 100vw);
        padding-left: 1em;
    }
    .inner-tc1 .slide-btn a::after {
        left: calc(7.5 / 768 * 100vw);
        top: calc(-3 / 768 * 100vw);
        height: calc(24.5 / 768 * 100vw);
    }
    .inner-tc1 .slide-btn a::before {
        left: calc(7.5 / 768 * 100vw);
        bottom: calc(-3 / 768 * 100vw);
        height: calc(25 / 768 * 100vw);
    }
    .exc-txts h4 {
        line-height: 1.5;
    }
    #about-cont6 .tc-item1:last-of-type .exc-imgs,
    .tc-item1 img {
        margin-top: 0;
    }

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

    /* 投稿詳細ページ
    -------------------------------- */
}

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

@media screen and (min-width:980px) {
    /* font_size */
    .page-title1,
    .sub-r-txt {
        font-size: calc(24 / 980 * 100vw);
    }
    .fs2 {
        font-size: calc(22 / 980 * 100vw);
    }
    .button-wrap div input,
    .button-wrap div input a,
    .home-btn a,
    .mm-inner-title,
    .fs3 {
        font-size: calc(20 / 980 * 100vw);
    }
    .fs1 {
        font-size: calc(16 / 980 * 100vw);
    }
    .required,
    .domain-cancel,
    .m-answers-a {
      font-size: calc(14 / 980 * 100vw);
    }
    .ot-title,
    .ot-item.ot-item1 .ot-title {
        font-size: calc(15 / 980 * 100vw);
    }
    .fs4 {
        font-size: calc(13 / 980 * 100vw);
    }
    .s-txt {
        font-size: calc(12 / 980 * 100vw);
    }
    .pop-title {
        font-size: 1.88rem;
    }
    .case-txt {
        font-size: 1.4rem;
    }
    .logos p {
        font-size: 1rem;
    }
    /* title  */
    .common-title3 {
        margin: 0.6em 0;
    }
    .page-title1 {
        padding-left: calc(20 / 980 * 100vw);
        padding-right: calc(20 / 980 * 100vw);
    }
    /* ページ内リンク */
    .il-space1 {
        padding-top: calc(110 / 980 * 100vw) !important;
        margin-top: calc(-110 / 980 * 100vw) !important;
    }
    /* padding */
    .pt_type1 {
        padding-top: 80px;
    }
    /* テーブル */
    .type_d_table_list th {
        width: 25%;
        text-align: center;
        display: table-cell;
    }
    .type_d_table_list td {
        width: 75%;
        display: table-cell;
    }
    /* contents style
    -------------------------------- */
    .cw-type5 {
        width: 60%;
        margin-left: 0;
    }
    .cw-type6 {
        width: 75%;
    }
    .cw-type7 {
        width: 61%;
    }
    .cont-mb1 {
        margin-bottom: calc(80 / 980 * 100vw) !important;
    }
    .cont-mb2 {
        margin-bottom: calc(100 / 980 * 100vw) !important;
    }
    .cont-mb3 {
        margin-bottom: calc(100 / 980 * 100vw) !important;
    }
    .cont-mb4 {
        margin-bottom: calc(80 / 980 * 100vw) !important;
    }
    .cont-mb5 {
        margin-bottom: calc(40 / 980 * 100vw) !important;
    }
    .cont-mb6 {
        margin-bottom: calc(25 / 980 * 100vw) !important;
    }
    .cont-mb7 {
        margin-bottom: calc(50 / 980 * 100vw) !important;
    }
    .page-sub-title3 {
        margin-bottom: calc(10 / 980 * 100vw) !important;;
    }
    .page-sub-title4 {
        margin-bottom: calc(20 / 980 * 100vw) !important;
    }

    /* top
    -------------------------------- */
    /* cont4 */
    .slide-btn-wrap .slide-btn {
        width: calc(230 / 980 * 100vw)!important;
    }
    /* cont7 */
    .slide-c-wrap {
        top: calc(15 / 980 * 100vw);
    }
    .top-slider .swiper-wrapper {
        padding-top: calc(60 / 980 * 100vw) !important;
        padding-bottom: calc(60 / 980 * 100vw) !important;
    }
    .comma-top {
        top: calc(-45 / 980 * 100vw);
        right: calc(-25 / 980 * 100vw);
        font-size: calc(35 / 980 * 100vw);
    }
    .comma-bottom {
        bottom: calc(-10 / 980 * 100vw);
        right: calc(100 / 980 * 100vw);
        font-size: calc(35 / 980 * 100vw);
    }

    /* header
    -------------------------------- */
    .site_header_logo img {
        top: 0;
    }
    #menu-fix_header_menu li a {
        padding-top: calc(18 / 980 * 100vw);
        padding-bottom: calc(17.5 / 980 * 100vw);
    }
    .pc-logo {
        display: block;
    }
    .hover-white:hover {
        background-color: #ffffff !important;
    }
    .hover-white:hover #kon-l {
        display: block !important;
    }
    .hover-white:hover #shiro-l {
        display: none;
    }
    #fix-menu-wrap {
        height: calc(77 / 980 * 100vw);
        background: none;
        box-shadow: none;
    }
    .page_header_wrap {
        margin-top: 0 !important;
    }
    .h-back {
        background-color: #ffffff !important;
        box-shadow: 0px 1px 7px -2px rgb(0 0 0 / 20%) !important;
    }
    #head-back {
        height: calc(77 / 980 * 100vw);
    }
    .site_header_logo a img,
    #loader img {
        width: calc(190 / 980 * 100vw);
    }
    #loader img {
        width: calc(300 / 980 * 100vw);
    }
    .pc_nav {
        display: flex;
    }
    .menu-fix_header_menu-container {
        width: calc(1060 / 980 * 100vw);
    }
    #exception-logo {
        display: none;
    }
    .bread {
        margin-bottom: calc(95 / 980 * 100vw) !important;
        padding-top: calc(35 / 980 * 100vw);
    }
    .kv {
        height: 100vh !important;
        margin-top: 0 !important;
    }
    /* グローバルメニュー 検索フォーム */
    .searchform-wrap {
        width: calc(130 / 980 * 100vw);
    }
    .search-icon {
        text-align: center;
    }
    .search-icon i.fas.fa-search {
        display: block;
        width: 100%;
    }
    .search-icon {
        height: calc(77 / 980 * 100vw);
        position: relative;
    }
    .search-icon i.fas.fa-search {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #ffffff;
    }
    #fix-menu-wrap.exception-style .search-icon i.fas.fa-search {
        color: #000000;
    }
    #fix-menu-wrap.exception-style .searchform-wrap:hover .search-icon i.fas.fa-search {
        color: #ffffff;
    }
    .searchform-wrap:hover .search-icon i.fas.fa-search,
    .h-back .search-icon i.fas.fa-search {
        color: #000000;
    }
    #searchform {
        display: flex;
        width: calc(609 / 980 * 100vw);
        margin: 0 auto;
    }
    .s-form-wrap {
        width: 100%;
    }
    #searchform input {
        padding: 1em;
        border: 1px solid #ffffff;
        border-radius: 0;
        width: calc(489 / 980 * 100vw);
    }
    #searchform button {
        width: calc(120 / 980 * 100vw);
        background-color: #173272;
        border: 1px solid #ffffff;
        border-radius: 0;
        color: #ffffff;
    }
    #searchform i.fas.fa-search {
        padding-right: 0.5em;
    }
    .searchform-wrap:hover .search-icon {
        background: #1e489d;
    }
    .searchform-wrap:hover .search-icon i.fas.fa-search {
        color: #ffffff;
    }

    /* footer
    -------------------------------- */
    .copy-wrap a {
        line-height: inherit;
    }
    #page-top a {
        width: calc(60 / 980 * 100vw);
        height: calc(60 / 980 * 100vw);
        line-height: calc(60 / 980 * 100vw);
    }
    #page-top a::before {
        left: calc(29.5 / 980 * 100vw);
        top: calc(20 / 980 * 100vw);
        width: calc(10 / 980 * 100vw);
        height: calc(22 / 980 * 100vw);
    }
    #page-top a::after {
        left: calc(21 / 980 * 100vw);
        top: calc(20 / 980 * 100vw);
        width: calc(10 / 980 * 100vw);
        height: calc(22 / 980 * 100vw);
    }

    /* 固定ページ
    -------------------------------- */
    /* header */
    .page_header_wrap {
        height: calc(430 / 980 * 100vw);
    }
    /* 404 */
    .pt-type3 {
        padding-top: calc(85 / 980 * 100vw);
    }

    /* 固定ページ
    -------------------------------- */
    /* 事業内容 */
    #service-cont1-inner1,
    #service-cont1-inner2,
    #service-cont1-inner3 {
        height: calc(540 / 980 * 100vw);
    }
    .page-cont3 {
        padding-left: calc(40 / 980 * 100vw);
        padding-right: calc(40 / 980 * 100vw);
        padding-bottom: calc(20 / 980 * 100vw);
        padding-top: calc(20 / 980 * 100vw);
        height: calc(455 / 980 * 100vw);
    }
    .mutual-cont {
        top: calc(-265 / 980 * 100vw);
    }
    .p-cont1-right {
        margin-right: 0;
    }
    .page-cont2.p-cont2-left {
        left: 0;
    }
    .page-cont2 {
        top: calc(60 / 980 * 100vw);
        right: 0;
    }
    .bk-blue,
    .bk-white {
        width: calc(150 / 980 * 100vw);
        height: calc(150 / 980 * 100vw);
        margin-right: calc(25 / 980 * 100vw);
    }
    .ot-title {
        margin-top: calc(60 / 980 * 100vw);
    }
    .ot-img {
        width: calc(240 / 980 * 100vw);
        margin-bottom: calc(30 /  980 * 100vw);
    }
    .ot-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ot-item {
        width: calc(96% / 3);
        margin-bottom: 2%;
    }
    .ot-item1 {
        width: calc(98% / 2);
    }
    .ot-detail {
        padding-bottom: calc(10 /  980 * 100vw);
    }
    .ot-item .plan,
    .ot-item1 .plan {
        border-top-width: calc(96 /  980 * 100vw);
        border-right-width: calc(96 /  980 * 100vw);
    }
    .ot-item .ot-txt,
    .ot-item1 .ot-txt {
        left: calc(3 /  980 * 100vw);
        top: calc(20 /  980 * 100vw);
    }
    .g-logo-wrap {
        width: calc(480 / 980 * 100vw);
        height: calc(70 / 980 * 100vw);
        top: calc(12 / 980 * 100vw);
    }
    .g-logo-kon {
        width: calc(347 / 980 * 100vw);
    }
    .circle-img img {
        width: 84.5%;
        margin-bottom: calc(20 / 980 * 100vw);
        margin-top: calc(40 / 980 * 100vw);
    }
    .service-cont5-inner1 {
        padding-top: calc(50 / 980 * 100vw);
        margin-bottom: calc(80 / 980 * 100vw);
    }
    .page-logos li:not(:last-of-type) {
        width: calc(280 / 980 * 100vw);
        margin-bottom: calc(40 / 980 * 100vw);
    }
    .page-logos li:last-of-type {
        width: calc(220 / 980 * 100vw);
    }
    .page-logos {
        width: calc(600 / 980 * 100vw);
        padding-top: calc(80 / 980 * 100vw);
    }
    /* スライダ― */
    #service-cont3-inner1 .swiper-button-prev,
    #service-cont3-inner1 .swiper-rtl .swiper-button-next {
        left: calc(180 / 980 * 100vw);
        right: auto;
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-rtl .swiper-button-prev {
        right: calc(180 / 980 * 100vw);
        left: auto;
    }
    #service-cont3-inner1 .swiper-button-next,
    #service-cont3-inner1 .swiper-button-prev {
        width: calc(13 / 980 * 100vw);
        height: calc(19 / 980 * 100vw);
    }
    #service-cont3-inner1 .swiper-button-next:after,
    #service-cont3-inner1 .swiper-button-prev:after {
        font-size: calc(22 / 980 * 100vw);
    }
    .slider-caption-wrap {
        width: calc(490 / 980 * 100vw);
        margin-top: calc(-50 / 980 *100vw);
    }
    .slider-caption {
        padding: calc(20 / 980 * 100vw);
        height: calc(180 / 980 * 100vw);
    }
    #service-cont3-inner1 .swiper-container {
        height: calc(485 / 980 * 100vw);
    }
    #service-cont3-4 {
        margin-bottom: calc(120 / 980 * 100vw);
    }

    /* 安全への取り組み */
    .page-desc-txts {
        width: 90%;
    }
    .tc-item1 p {
        width: 50%;
    }
    .tc-item1 img {
        width: 46%;
    }

    /* 採用情報 */
    .table-style3 th {
        width: 22%;
    }

    /* 会社案内 */
    .table-style4 th {
        width: 22%;
    }
    .president {
        padding-left: calc(30 / 980 * 100vw);
    }
    .about-logo {
        width: calc(450 / 980 * 100vw);
    }
    .inner-tc1 {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .inner-tc1 .slide-btn {
        margin: 0;
        width: calc(190 / 980 * 100vw) !important;
    }
    .inner-tc1 .slide-btn a {
        padding-top: calc(5 / 980 * 100vw);
        padding-bottom: calc(5 / 980 * 100vw);
    }
    .inner-tc1 .slide-btn a::after {
        left: calc(7.5 / 980 * 100vw);
        top: calc(-3 / 980 * 100vw);
        height: calc(24.5 / 980 * 100vw);
    }
    .inner-tc1 .slide-btn a::before {
        left: calc(7.5 / 980 * 100vw);
        bottom: calc(-3 / 980 * 100vw);
        height: calc(25 / 980 * 100vw);
    }
}

@media screen and (min-width:1280px){
    /* body
    -------------------------------- */
    body {
        font-size: 1rem;
    }
    /* title  */
    .top_title {
        margin-bottom: 1em;
    }
    .t-small1 {
        padding-left: 30px;
    }
    .common-title2 {
        padding: 0;
        margin: 0.5em 0;
    }
    .page-title1 {
        padding-left: calc(20 / 1280 * 100vw);
        padding-right: calc(20 / 1280 * 100vw);
    }
    /* ページ内リンク */
    .il-space1 {
        padding-top: calc(130 / 1280 * 100vw) !important;
        margin-top: calc(-130 / 1280 * 100vw) !important;
    }
    /* font_size */
    h1 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.7rem;
    }
    h3 {
        font-size: 1.6rem;
    }
    h4 {
        font-size: 1.5rem;
    }
    h5 {
        font-size: 1.4rem;
    }
    h6 {
        font-size: 1.3rem;
    }
    .box-num {
        font-size: calc(50 / 1280 * 100vw);
    }
    .inner-f-big {
        font-size: calc(40 / 1280 * 100vw);
    }
    .page_header_title {
        font-size: calc(48 / 1280 * 100vw);
    }
    .f-elem {
        font-size: calc(45 / 1280 * 100vw);
    }
    .common-title1,
    .common-title3,
    .flow-num,
    .page-title1,
    .slide-catch {
        font-size: calc(34 / 1280 * 100vw);
    }
    .fs2 {
        font-size: calc(30 / 1280 * 100vw);
    }
    .kv-ttl__slide-inner,
    .sub-r-txt,
    .f-letter {
        font-size: calc(26 / 1280 * 100vw);
    }
    .common-title2,
    .c2-inner-title,
    .title-type3,
    .common-tel,
    .ot-title,
    .ot-item.ot-item1 .ot-title,
    .page-title2,
    .fs3 {
        font-size: calc(24 / 1280 * 100vw);
    }
    .sub-txt1,
    .temperature,
    #top-cont1 .sub-txt1,
    .page-sub-title2,
    .button-wrap div input,
    .button-wrap div input a,
    .home-btn a,
    .mm-inner-title {
        font-size: calc(20 / 1280 * 100vw);
    }
    .t-small1,
    .table-style1 tr:first-of-type th,
    .fs1 {
        font-size: calc(18 / 1280 * 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,
    .ot-item .ot-txt,
    .ot-item.ot-item1 .ot-txt,
    .fs4,
    .item-exp1 p {
        font-size: calc(16 / 1280 * 100vw);
    }
    .address,
    .required,
    .domain-cancel,
    .m-answers-a {
        font-size: calc(14 / 1280 * 100vw);
    }
    .logos p,
    #menu-f_menu li,
    #menu-fix_header_menu li a,
    #breadcrumb {
        font-size: calc(13 / 1280 * 100vw);
    }
    .s-txt {
        font-size: calc(12 / 1280 * 100vw);
    }
    .copy-wrap a {
        font-size: calc(11 / 1280 * 100vw);
    }
    .lity-container {
        font-size: 1rem;
    }
    .bread {
        margin-bottom: calc(95 / 1280 * 100vw) !important;
        padding-top: calc(35 / 1280 * 100vw);
    }
    /* display */
    .d_fluctuation,
    .d_info_fluctuation {
        display: flex;
    }

    /* contents style
    -------------------------------- */
    .cw-type2 {
        width: 1253px;
    }
    .cw-type3,
    .cw-type4 {
        width: 1140px;
    }
    .cw-type10 {
        width: 1090px;
    }
    .cw-type5 {
        width: 57.1%;
    }
    .cw-type6 {
        width: 74.1%;
    }
    .cw-type7 {
        width: 58%;
    }
    .cont-mb1 {
        margin-bottom: calc(80 / 1280 * 100vw) !important;
    }
    .cont-mb2 {
        margin-bottom: calc(100 / 1280 * 100vw) !important;
    }
    .cont-mb3 {
        margin-bottom: calc(120 / 1280 * 100vw) !important;
    }
    .cont-mb4 {
        margin-bottom: calc(80 / 1280 * 100vw) !important;
    }
    .cont-mb5 {
        margin-bottom: calc(40 / 1280 * 100vw) !important;
    }
    .cont-mb6 {
        margin-bottom: calc(25 / 1280 * 100vw) !important;
    }
    .cont-mb7 {
        margin-bottom: calc(50 / 1280 * 100vw) !important;
    }
    .page-sub-title3 {
        margin-bottom: calc(10 / 1280 * 100vw) !important;;
    }
    .page-sub-title4 {
        margin-bottom: calc(30 / 1280 * 100vw) !important;
    }

    /* top
    -------------------------------- */
    /* cont1 */
    #about-service1 {
        max-width: 784px;
        width: 100%;
    }
    #about-service2,
    #about-service3 {
        max-width: 450px;
        width: 100%;
    }
    #top-cont1-inner {
        margin-bottom: 20px;
    }
    .bes-line {
        padding-top: 30px;
        width: 400px;
        padding-bottom: 0.7em;
        padding-left: 105px;
    }
    .ver-line {
        left: 60px;
        height: 154px;
        padding-left: 20px;
        padding-top: 42px;
        bottom: 0;
    }
    .f-elem3 {
        top: 18px;
        left: 20px;
        display: flex;
        align-items: flex-end;
        padding-left: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #top-cont1 .sub-txt1 {
        margin-bottom: calc(17 / 1280 * 100vw);
        line-height: normal;
    }
    #about-service3 .temperature {
        padding-left: 0;
    }
    .f-elem {
        line-height: unset;
    }
    .sub-txt1-wrap .sub-txt1 br {
        display: block;
    }
    .sub-txt1-wrap {
        line-height: inherit;
    }
    #about-service2 .sub-txt1 {
        padding-right: 0.5em;
    }
    #about-service3 {
        margin-top: 0.5em;
        height: 100%;
    }
    .beeline-wrap {
        line-height: 1.2em;
    }
    #about-service3 .sub-txt1-wrap {
        padding-left: 0.5em;
        padding-bottom: 0.2em;
    }
    #about-service3 .sub-txt1 {
        line-height: 0.5em;
    }
    .g-parent1 {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 1fr);
        margin-bottom: 0;
    }
    .g-child1-1 {
        grid-area: 1 / 1 / 3 / 2;
    }
    .g-child1-2 {
        grid-area: 1 / 2 / 2 / 3;
    }
    .g-child1-3 {
        grid-area: 2 / 2 / 3 / 3;
    }
    #about-service4 {
        text-align: left;
        padding: 1em 1em 1em 2.5em;
        width: 100%;
        max-width: 588px;
        background: #ffffff;
        margin: inherit;
        margin-left: auto;
    }
    #about-service4 {
        margin-top: calc(-55 / 1280 * 100vw);
        max-width: calc(600 / 1280 * 100vw);
        padding-right: calc(20 / 1280 * 100vw);
    }
    .f-elem3 {
        top: calc(25 / 1280 * 100vw);
        left: calc(15 / 1280 * 100vw);
    }
    /* cont2 */
    .item-list1 li {
        height: calc(350 / 1280 * 100vw);
    }
    /* cont3 */
    .pop-link-wrap .title-type3 {
        margin: 0 0 100px;
    }
    .item-list2 {
        height: calc(346 / 1280 * 100vw);
    }
    .item-list2 li,
    .item-list2 li:after {
        height: calc(350 / 1280 * 100vw);
    }
    .title-type3 br:first-of-type {
        display: none;
    }
    .pop-inner {
        width: 780px;
    }
    /* cont7 */
    .logos li:last-of-type {
        width: 100%;
    }
    .logos li {
        margin-bottom: 0;
    }
    #top-cont7-inner {
        padding: 1em 0 1.5em;
        height: calc(540 / 1280 * 100vw);
    }
    .group-cont {
        margin-left: 14.4%;
        width: auto;
        padding: 0;
        text-align: left;
    }
    .slide-c-wrap {
        left: 78%;
        top: calc(65 / 1280 * 100vw);
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #top-cont7 {
        height: calc(540 / 1280 * 100vw);
    }
    .slide-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: -1;
    }
    .top-slider .swiper-wrapper {
        padding-top: calc(50 / 1280 * 100vw) !important;
        padding-bottom: calc(50 / 1280 * 100vw) !important;
    }
    .top-slider .swiper-wrapper,
    .top-slider .swiper-slide,
    .top-slider .swiper-slide img {
        height: calc(420 / 1280 * 100vw) !important;
    }
    .group-cont p,
    .logos {
        width: calc(540 / 1280 * 100vw);
    }
    .group-cont > p {
        margin-bottom: calc(50 / 1280 * 100vw);
        text-align: left;
    }
    .group-cont p,
    .logos {
        width: calc(540 / 1280 * 100vw);
    }
    .ts-logo img,
    .r-logo img {
        margin: auto 0 2.2em;
        width: calc(260 / 1280 * 100vw);
        margin-bottom: calc(35 / 1280 * 100vw);
    }
    .snsi-logo img {
        width: calc(120 / 1280 * 100vw);

    }
    .logos p {
        width: calc(260 / 1280 * 100vw);
    }
    .r-logo img,
    .r-logo p {
        margin-left: auto;
    }
    #top-cont7-inner {
        width: 57.5%;
    }
    .comma {
        position: absolute;
        writing-mode: horizontal-tb;
        transform: rotate(180deg);
    }
    .comma-top {
        top: calc(-60 / 1280 * 100vw);
        right: calc(-25 / 1280 * 100vw);
        font-size: calc(45 / 1280 * 100vw);
    }
    .comma-bottom {
        bottom: calc(-15 / 1280 * 100vw);
        right: calc(102 / 1280 * 100vw);
        font-size: calc(45 / 1280 * 100vw);
    }

    /* footer
    -------------------------------- */
    .footer-catch {
        height: 340px;
    }
    #f-inner-cont1,
    #f-inner-cont2 {
        display: block;
    }
    .common-add-cont {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .common-tel {
        margin: 0;
        height: 60px;
        line-height: 60px;
        border-right: 1px solid #1e489d;
        padding-right: 2em;
        margin-right: 2em;
    }
    .common-add-cont .slide-btn {
        margin: 0;
    }
    .footer-catch img {
        width: 340px;
    }
    #menu-f_menu {
        display: flex;
        justify-content: space-between;
    }
    #menu-f_menu > li {
        width: calc(100% / 5);
    }
    #menu-f_menu > li a {
        color: #ffffff;
    }
    .f-menu-wrap #menu-f_menu .sub-menu li a {
        color: #a2adc7;
    }
    .f-menu-wrap #menu-f_menu .sub-menu {
        padding-left: 0;
    }
    #f-inner-cont1 {
        padding: 50px 0 30px;
    }
    .corporate-name {
        margin: 0;
    }
    .address a {
        display: inline-block;
    }
    #f-inner-cont3 {
        position: relative;
        text-align: center;
        padding: 0;
    }
    .g-logo {
        margin: 1.5em 0;
        width: calc(160 / 1280 * 100vw);
        display: inline-block;
    }
    .copy-wrap {
        position: absolute;
        bottom: 10px;
        right: 0;
    }
    .copy-wrap a {
        color: #a2adc7;
    }

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

    /* page top
    -------------------------------- */
    div#page-top {
        right: 15px;
    }

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

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

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

    /* 採用情報 */
    .table-style3 th {
        width: calc(212 / 1280 * 100vw);
    }

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

    /* 投稿詳細ページ
    -------------------------------- */
    .single-content {
        padding-top: 2em;
        margin-bottom: 4em;
    }
}