@charset "utf-8";
html,
body {
    width: 100%;
    overflow-x: hidden;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

img {
    display: block;
    width: 100%;
}

:root {
    --outsourcing-color: #5872A6;
    --outsourcing-subcolor: #364959;
    --back-color: #F7F7F7;
}

.outsourcing {
    display: flex;
    flex-direction: column;
}

.outsourcing .inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}

.outsourcing .slider img {
    height: 35vw;
    object-fit: cover;
    object-position: right;
}


/*header*/

header {
    width: 95%;
    margin: 0 auto;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header h1 {
    width: 150px;
}

header ul {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
    gap: 0 30px;
}

header ul li a {
    color: #000;
    transition: ease all 0.3s;
    text-decoration: none;
}

header ul li a:hover {
    color: var(--outsourcing-color);
}

.outsourcing .padding {
    padding: 50px 0;
}

.outsourcing p {
    font-weight: 300;
}

.outsourcing.top h2 {
    margin: 0 auto;
    font-size: 1.8rem;
    display: inline-block;
    position: relative;
    margin-bottom: 45px;
}

.outsourcing.top h2:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    /*下線の上下位置調整*/
    display: inline-block;
    width: 70px;
    /*下線の幅*/
    height: 2px;
    /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    /*位置調整*/
    background-color: var(--outsourcing-color);
    /*下線の色*/
}

.outsourcing .back {
    background: var(--back-color);
    padding: 50px calc(50vw - 50% + 8px);
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}


/*------------mainvisual-------------*/

.mainvl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 calc(50% - 50vw);
    padding: 0 0 0 10%;
    width: 100vw;
}

section.main-txt {
    width: 40%;
}

.slick-slider {
    width: 55%;
}

.main-txt h1 {
    font-size: 2rem;
}

.main-txt h1 span {
    display: block;
    font-size: 1.2rem
}

.main-txt .overview {
    font-size: 1.1rem;
}

.main-txt .overview span {
    display: block;
    color: var(--outsourcing-color);
    margin: 20px 0 10px 0;
}


/*----------work-----------*/

.outsourcing .work {
    display: flex;
    flex-direction: column;
}

.outsourcing .work-box {
    display: flex;
    flex-direction: column;
}

.outsourcing .work-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-wrap: wrap !important;
}

.outsourcing .work-content:last-of-type {
    margin-bottom: 0;
}

.work-content div:first-of-type {
    width: 60%;
}

.outsourcing .work-content:nth-of-type(2n) {
    flex-flow: row-reverse;
}

.outsourcing .work-content:nth-of-type(2) {
    background: #FAFAFA;
    margin: 0 calc(50% - 50vw) 40px;
    padding: 40px calc(50vw - 50% + 8px);
    width: 100vw;
}

.outsourcing .work-content img {
    object-fit: cover;
}

.outsourcing .work-content-txt {
    width: 35%;
    display: flex;
    flex-direction: column;
    /*     gap: 20px; */
}

.outsourcing .work-content-txt h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.outsourcing .work-content-txt h3 span {
    display: block;
    font-size: 0.8rem;
    color: var(--outsourcing-color);
    font-weight: normal;
}

.outsourcing .work-content-txt ul {
    display: flex;
    flex-direction: column;
    /*     gap: 10px; */
}

.outsourcing .work-content-txt li {
    list-style: none;
    display: flex;
    align-items: center;
    /* 垂直中心 */
    justify-content: start;
    /* 水平中心 */
    margin-bottom: 10px;
}

.outsourcing .work-content-txt li:last-of-child {
    margin-bottom: 0;
}

.outsourcing .work-content-txt li:before {
    border-top: 2px solid var(--outsourcing-color);
    content: "";
    width: 1em;
    /* 線の長さ */
    border-radius: 3px;
}

.outsourcing .work-content-txt li:before {
    margin-right: 0.5em;
    /* 文字の右隣 */
}

.outsourcing .work-content-txt a {
    text-decoration: none;
    display: block;
    width: 100%;
    background: var(--outsourcing-color);
    color: #fff;
    text-align: center;
    /* margin: 15px auto; */
    padding: 5px 0;
    border: 2px solid var(--outsourcing-color);
    transition: .5s;
}

.outsourcing .work-content-txt a:hover {
    border: 2px solid var(--outsourcing-color);
    background: #fff;
    color: var(--outsourcing-color);
}


/*----------contract-----------*/

.outsourcing .contract {
    display: flex;
    flex-direction: column;
    /*     gap: 60px; */
}

.outsourcing .contract-content {
    display: flex;
    justify-content: space-between;
}

.outsourcing .contract-content-txt-box {
    width: 60%;
    display: flex;
    flex-direction: column;
    /*     gap: 40px; */
}

.outsourcing .contract-content-txt {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    /*     gap: 20px; */
}

.outsourcing .contract-content-txt:last-of-type {
    margin-bottom: 0;
}

.outsourcing .contract-content-txt h3 {
    color: var(--outsourcing-color);
    margin-bottom: 20px;
}

.outsourcing .contract-content img {
    width: 38%;
}


/*----------inquiry-----------*/

.outsourcing .inquiry-content-box a {
    text-decoration: none;
    display: block;
    width: 100%;
    background: var(--outsourcing-subcolor);
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0;
    border: 2px solid var(--outsourcing-subcolor);
    transition: .5s;
}

.outsourcing .inquiry-content-box a:hover {
    border: 2px solid var(--outsourcing-subcolor);
    background: #fff;
    color: var(--outsourcing-subcolor);
}

.outsourcing .inquiry-content-box:nth-of-type(2) a {
    background: var(--outsourcing-color);
    border: 2px solid var(--outsourcing-color);
}

.outsourcing .inquiry-content-box:nth-of-type(2) a:hover {
    border: 2px solid var(--outsourcing-color);
    background: #fff;
    color: var(--outsourcing-color);
}

.outsourcing .inquiry {
    display: flex;
    flex-direction: column;
    /*     gap: 35px; */
}

.outsourcing .inquiry .inquiry-tel {
    text-align: center;
    margin-bottom: 30px;
}

.outsourcing .inquiry .inquiry-tel a {
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

.outsourcing .inquiry .inquiry-tel p:last-of-type {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 10px;
}

.outsourcing .inquiry p {
    text-align: center;
}

.outsourcing .inquiry-txt {
    margin-bottom: 25px;
}

p.inquiry-content-txt {
    margin-top: 5px;
}

.outsourcing .inquiry-content {
    display: flex;
    justify-content: space-between;
}

.outsourcing .inquiry-content-box {
    width: 32%;
    display: flex;
    flex-direction: column;
    /*     gap: 7px; */
}


/*----------area-----------*/

.outsourcing .area {
    display: flex;
    flex-direction: column;
    text-align: center;
    /*     gap: 45px; */
}

.outsourcing .area-content {
    display: flex;
    flex-direction: column;
    /*     gap: 30px; */
}

.outsourcing .area-content h3 {
    font-size: 2rem;
    color: var(--outsourcing-color);
    margin-bottom: 30px;
}


/*--------------training--------------*/

.outsourcing .backimg {
    background-image: url("img/training-bg.jpg");
    padding: 100px calc(50vw - 50% + 8px);
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background-position: center;
    background-size: cover;
}

.outsourcing .training {
    color: #fff;
    display: flex;
    flex-direction: column;
    /*     gap: 60px; */
    text-align: center;
}

.outsourcing .training p {
    text-shadow: 0px 0px 4px rgb(0 0 0 / 61%);
}


/*----------strengths-----------*/

.outsourcing .strengths {
    display: flex;
    flex-direction: column;
    /*     gap: 30px; */
    text-align: center;
    padding: 80px 0;
}

.outsourcing .strengths h3 {
    font-size: 1.8rem;
    font-weight: 500;
}

.outsourcing .strengths h4 {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 30px;
}

.outsourcing .strengths p {
    margin: 30px 0;
}

.outsourcing .strengths .vimeo {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden;
}

.outsourcing .strengths .vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}


/*---------inquiry-2----------*/

.outsourcing .inquiry-2 {
    display: flex;
    flex-direction: column;
    /*     gap: 40px; */
    text-align: center;
}

.outsourcing .tel-box p {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0;
}

.outsourcing .tel-box p:last-of-type {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 10px;
}

.outsourcing .inquiry-2-txt {
    margin: 30px 0 20px 0;
}


/*------各種同意書-----*/

.outsourcing h1 {
    font-size: 1.5rem;
    margin: 0 calc(50% - 50vw);
    padding: 40px calc(50vw - 50% + 8px);
    width: 100vw;
    text-align: left;
}

.outsourcing .agree {
    margin-top: 50px;
}

.outsourcing .agree div {
    margin-top: 30px;
    margin-bottom: 30px;
}

.outsourcing .agree li {
    list-style-position: inside;
    margin-left: 30px;
}

.outsourcing .agree .agree-ol {
    list-style-type: decimal;
}


/*------footer-----*/

footer {
    text-align: center;
    font-size: 0.9rem;
    padding: 15px 5%;
}


/*-----------------------------------スマホスタイルtop-----------------------------------*/

@media screen and (max-width: 925px) {
    .outsourcing .mainvl {
        align-items: start;
        margin: 0;
        padding: 0;
        width: 100%;
        flex-direction: column-reverse;
    }
    .outsourcing .main-txt {
        background: var(--back-color);
        margin: 0 calc(50% - 50vw);
        padding: 30px calc(50vw - 50% + 8px);
        width: 100vw;
    }
    .outsourcing .main-txt h1 {
        font-size: 1.8rem;
    }
    .outsourcing .main-txt h1 span {
        display: block;
        font-size: 1.1rem;
    }
    .outsourcing .slick-slider {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }
    .outsourcing .spview {
        display: inherit;
    }
    .outsourcing .slider img {
        height: auto;
        object-fit: cover;
        object-position: right;
    }
}

@media screen and (max-width: 480px) {
    .outsourcing .mainvl {
        align-items: start;
        margin: 0;
        padding: 0;
        width: 100%;
        flex-direction: column-reverse;
    }
    .outsourcing .main-txt {
        background: var(--back-color);
        margin: 0 calc(50% - 50vw);
        padding: 30px 5%;
        width: 100vw;
    }
    .outsourcing .main-txt h1 {
        font-size: 1.4rem;
        font-weight: 500;
    }
    .outsourcing .main-txt h1 span {
        display: block;
        font-size: 1.1rem;
    }
    .outsourcing.top h2 {
        font-size: 1.3rem;
        font-weight: 400;
    }
    .outsourcing.top h2:before {
        bottom: -5px;
    }
    .outsourcing .slick-slider {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }
    .outsourcing .slider img {
        height: auto;
        object-fit: cover;
        object-position: right;
    }
    /* work	 */
    .outsourcing .work-content {
        flex-direction: column;
        margin-bottom: 30px;
        /*  gap: 10px; */
    }
    .work-content div {
        width: 100% !important;
    }
    .outsourcing .work-content figure {
        width: 48%;
    }
    .outsourcing .work-content figure figcaption {
        font-size: 13px;
    }
    .outsourcing .work-content-txt h3 {
        font-size: 1.3rem;
        margin-top: 10px;
        margin-bottom: 15px;
        font-weight: 400;
    }
    .outsourcing .work-content-txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        /* 	gap: 10px; */
    }
    .outsourcing .work-content:nth-of-type(2n) {
        flex-direction: column;
    }
    /* contract	 */
    .outsourcing .contract-content {
        flex-direction: column;
        /* 	gap: 25px; */
    }
    .outsourcing .contract-content-txt-box {
        width: 100%;
        margin-bottom: 25px;
        /* 	gap: 20px; */
    }
    .outsourcing .contract-content-txt {
        /*  gap: 10px; */
        margin-bottom: 20px;
        font-weight: 500;
    }
    .outsourcing .contract-content-txt h3 {
        margin-bottom: 10px;
        font-weight: 400;
    }
    .outsourcing .inquiry-content {
        flex-direction: column;
        /* 	gap: 20px; */
    }
    .outsourcing .inquiry-content-box {
        width: 100%;
        margin-bottom: 20px;
        /* 	gap: 5px; */
    }
    .outsourcing .inquiry-content-box:last-of-type {
        margin-bottom: 0;
    }
    .outsourcing .contract-content img {
        width: 100%;
    }
    /* area	 */
    .outsourcing .area-content h3 {
        font-size: 1.4rem;
        color: var(--outsourcing-color);
        margin-bottom: 10px;
        font-weight: 500;
    }
    /* strengths */
    .outsourcing .strengths {
        padding: 40px 0;
    }
    .outsourcing .strengths h3 {
        font-size: 1.4rem;
    }
    .outsourcing .strengths h4 {
        margin-top: 15px;
        font-size: 1.2rem;
    }
}


/* アウトソーシングエントリー */

.outsourcing.entry {
    /* padding-top: 8%; */
    background: #FCFCFC;
    margin: 0 calc(50% - 50vw);
    padding: 5% calc(50vw - 50% + 8px);
    width: 100vw;
    counter-reset: num;
}

.outsourcing.entry section {
    margin-bottom: 30px;
}

.outsourcing.entry h2 {
    margin: 0 auto;
    font-size: 1.2rem;
    font-weight: 400;
}

.outsourcing.entry h2::before {
    counter-increment: num;
    content: counter(num) "、";
}

.outsourcing.entry .registration h2::before {
    display: none;
}

.outsourcing.entry ol,
.outsourcing.agree .agree-ol li ol {
    counter-reset: num;
    list-style-type: none!important;
    padding: 0;
    margin: 0;
}

.outsourcing.entry ol li.circled-num ul,
.outsourcing.agree ol li.circled-num ul {
    list-style-type: disc;
}

.outsourcing.entry ol li.circled-num,
.outsourcing.agree ol li.circled-num {
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 21px;
}

.outsourcing.entry ol li.circled-num:before,
.outsourcing.agree ol li.circled-num:before {
    position: absolute;
    counter-increment: num;
    content: counter(num);
    display: inline-block;
    background: transparent;
    border: #000 1px solid;
    color: #000;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
    border-radius: 50%;
    left: -2px;
    width: 15px;
    height: 15px;
    line-height: 17px;
    text-align: center;
    top: 9px;
}


/* 仮登録 */

.outsourcing.entry .registration {
    margin: 0 auto;
    width: 80%;
}

.outsourcing.entry .registration h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 500;
    margin: 60px 0 40px;
}

.outsourcing.entry .registration .form-row {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 25px;
}

.outsourcing.entry .registration .col-sm-3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.outsourcing.entry .registration .col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.outsourcing.entry .registration .col-sm-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

.outsourcing.entry .registration .col-sm-9.fl-s {
    display: flex;
    justify-content: space-between;
}

.outsourcing.entry .registration .col-sm-9.fl-f {
    display: flex;
    justify-content: flex-start;
}

.outsourcing.entry .registration .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.outsourcing.entry .registration select.form-control {
    width: 20%;
}

.outsourcing.entry .registration .w-48 {
    width: 48%!important;
}

.outsourcing.entry .registration .w-30 {
    width: 30%!important;
    display: flex;
    align-items: flex-end;
}

.outsourcing.entry .registration .w-30:first-of-type {
    width: 35%!important;
    display: flex;
    align-items: flex-end;
}

.outsourcing.entry .registration .w-30 input {
    margin-right: 10px;
}

.outsourcing.entry .registration .w-12 {
    width: 17%!important;
    display: flex;
    align-items: center;
}

.outsourcing.entry .registration .w-12 label {
    width: 70%;
}

.outsourcing.entry .registration input[type=radio] {
    transform: scale(1.3);
    width: 30%;
}

.outsourcing.entry .registration .text-center {
    text-align: center;
}

.outsourcing.entry label.checkbox {
    display: flex;
    align-items: center;
}

.outsourcing.entry label.checkbox input {
    margin-right: 5px;
}

.outsourcing.entry .registration .button {
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    padding: 8px 12px;
    background: #000000;
    color: #ffffff;
    line-height: 1em;
    transition: .3s;
    border: 2px solid #000000;
}

.button:hover {
    color: #000000;
    background: #ffffff;
}


/*-------------------作業依頼ページ--------------------*/

.outsourcing-request {
    padding-top: 5%;
}

.outsourcing-request h1 {
    font-size: 1.5rem;
    margin: 0 calc(50% - 50vw);
    padding: 40px calc(50vw - 50% + 8px);
    width: 100vw;
    text-align: center;
}

.outsourcing-request h2 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}


/*-----------------------------------スマホスタイルエントリー-----------------------------------*/

@media screen and (max-width: 480px) {
    .outsourcing.entry .registration h2 {
        margin: 40px 0 20px;
    }
    .outsourcing.entry .registration {
        width: 96%;
    }
    .outsourcing.entry .registration .form-row {
        align-items: normal;
        flex-direction: column;
    }
    .outsourcing.entry .registration .col-sm-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .outsourcing.entry .registration .col-sm-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .outsourcing.entry .registration .w-12 {
        width: 20%!important;
    }
    /*
	.outsourcing.entry .registration input[type=radio] {
		width: 50%;
	}
*/
    .outsourcing.entry .registration .w-12 label {
        width: 50%;
    }
    .outsourcing.entry .registration select.form-control {
        width: 45%;
    }
}


/* エントリーサンクスページ */

.entry-thks {
    padding-top: 8%;
    text-align: center;
}

.entry-thks img {
    object-fit: contain;
}

.entry-thks h2 {
    font-size: 1.5rem;
}

.entry-thks h3 {
    font-size: 1.1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.entry-thks p {
    margin: 20px 0 30px;
}

.entry-thks .qr-box {
    display: flex;
    justify-content: space-evenly;
    padding-top: 20px;
}

.entry-thks .qr-box a {
    text-decoration: none;
    display: block;
    width: 100%;
    background: #22B84F;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px 0;
    border: 2px solid #22B84F;
    border-radius: 20px;
    transition: .5s;
}

.outsourcing .entry-thks .work {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
}

.outsourcing .entry-thks .spview {
    display: none;
}


/*-----------------------------------スマホスタイルエントリーサンクス-----------------------------------*/

@media screen and (max-width: 925px) {
    .outsourcing .entry-thks .spview {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .outsourcing .entry-thks .qr-box {
        flex-direction: column;
    }
    .outsourcing .entry-thks .qr-box > div {
        width: 100%;
    }
    .outsourcing .entry-thks .pcview {
        display: none;
  }
    .outsourcing .entry-thks .spview {
        display: inherit;
    }
}


/*         作業依頼完了thanks         */

.request-tnk {
    padding-top: 10%;
}

.request-tnk section {
    margin: 20px 0;
}

.request-tnk ul {
    padding-left: 1.5rem;
    margin-top: 10px;
}

.request-tnk .title {
    text-align: center;
    margin-bottom: 60px;
    margin-top: 0;
}

.request-tnk .title h2 {
    font-size: 1.5rem;
}

.request-tnk .title h3 {
    font-weight: 400;
}

.request-tnk .title p {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 20px;
}

.request-tnk .bold {
    font-weight: 500;
}


/* テーブル1つ目 */

.request-tnk table.basic-table {
    border: 1px solid #bbb;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    font-size: .9rem;
}

.request-tnk table.basic-table th {
    border: 1px solid #bbb;
    background-color: #E5E5E5;
    padding: 1em 10px 1em 1em;
    font-weight: 500;
}

.request-tnk table.basic-table td {
    border: 1px solid #bbb;
    padding: 1em 10px 1em 1em;
}

@media screen and (max-width: 640px) {
    .request-tnk table.basic-table {
        border: 1px solid #bbb;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        width: 100%;
    }
    .request-tnk table.basic-table th {
        border: 1px solid #bbb;
        background-color: #E5E5E5;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        width: 20%;
    }
    .request-tnk table.basic-table td {
        border: 1px solid #bbb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        width: 30%;
    }
    /* Safariのみ */
    _::-webkit-full-page-media,
    _:future,
     :root .request-tnk table.basic-table {
        writing-mode: horizontal-tb;
    }
}


/* テーブル2つ目 */

.request-tnk table.far-table .pcview {
    display: revert;
}

.request-tnk table.far-table {
    border-collapse: collapse;
    margin: 10px auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    border: 1px solid black;
}

.request-tnk table.far-table tr {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: .35em;
}

.request-tnk table.far-table th,
.request-tnk table.far-table td {
    padding: 1em 10px 1em 1em;
    border-right: 1px solid #bbb;
}

.request-tnk table.far-table th {
    font-size: .9em;
    font-weight: 500;
}

.request-tnk table.far-table thead tr {
    background-color: #E5E5E5;
}

.request-tnk table.far-table .txt {
    text-align: left;
    font-size: .9rem;
}

.request-tnk table.far-table .price {
    text-align: center;
    font-size: .9rem;
}

@media screen and (max-width: 600px) {
    table.far-table .pcview {
        display: none !important;
    }
    .request-tnk table.far-table {
        border: 0;
        width: 100%
    }
    .request-tnk table.far-table th {
        background-color: #E5E5E5;
        display: block;
        border-right: none;
    }
    .request-tnk table.far-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .request-tnk table.far-table tr {
        display: block;
        margin-bottom: .625em;
    }
    .request-tnk table.far-table td {
        border-bottom: 1px solid #bbb;
        display: block;
        font-size: .8em;
        text-align: right;
        position: relative;
        padding: .625em .625em .625em 6em;
        border-right: none;
    }
    .request-tnk table.far-table td::before {
        content: attr(data-label);
        font-weight: bold;
        position: absolute;
        left: 10px;
    }
    .request-tnk table.far-table td:nth-last-child(2) {
        border-bottom: 0;
    }
    .request-tnk table.far-table td:last-child {
        border-bottom: 0;
    }
    .request-tnk table.far-table .price {
        text-align: left;
    }
}


/*-----------------------------------スマホスタイル各種同意事項-----------------------------------*/

@media screen and (max-width: 480px) {
    .outsourcing h1 {
        font-size: 1.2rem;
        margin: 0 calc(50% - 50vw);
        padding: 20px calc(50vw - 50% + 8px);
        width: 100vw;
        text-align: center;
    }
    .outsourcing.entry h2 {
        font-weight: 600;
        font-size: 1.1rem;
    }
    .outsourcing .agree {
        margin-top: 0px;
    }
    .outsourcing .agree div {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .outsourcing .agree li {
        list-style-position: inside;
        margin-left: 30px;
    }
}


/* 画像差し替え箇所
---------------------------------------------------------------- */


/* 施工 */

.outsourcing .work-content.work02 .figurebox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.outsourcing .work-content.work02 figure {
    width: 48%;
    margin-top: 20px;
}

.outsourcing .work-content.work02 figure figcaption {
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}

@media screen and (max-width: 925px) {
    .outsourcing .work-content.work02 .figurebox {
        gap: 0 0;
    }
    .outsourcing .work-content.work02 figure {
        width: 48%;
    }
}


/* イベント */

.outsourcing .work-content.work04 .figurebox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.outsourcing .work-content.work04 figure {
    width: 48%;
    margin-top: 20px;
}

.outsourcing .work-content.work04 figure figcaption {
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}

@media screen and (max-width: 925px) {
    .outsourcing .work-content.work04 .figurebox {
        gap: 0 0;
    }
    .outsourcing .work-content.work04 figure {
        width: 48%;
    }
}


/* その他軽作業 */

.outsourcing .work-content.work06 .figurebox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.outsourcing .work-content.work06 figure {
    width: 48%;
    margin-top: 20px;
}

.outsourcing .work-content.work06 figure figcaption {
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}

@media screen and (max-width: 925px) {
    .outsourcing .work-content.work06 .figurebox {
        gap: 0 0;
    }
    .outsourcing .work-content.work06 figure {
        width: 48%;
    }
}


/* 個人情報移行の同意
---------------------------------------------------------------- */

.outsourcing .consent {
    border-top: 1px solid #000;
    margin: 5% 0 0 0;
    padding: 3% 0 0 0;
}

@media screen and (max-width: 480px) {
    .outsourcing .inner {
        width: 100%;
        padding: 0 5%;
    }
    .outsourcing p {
        font-size: 0.9rem;
    }
    .main-txt .overview span {
        text-align: center;
    }
    /*header*/
    header {
        width: 90%;
        margin: 0 auto;
        padding: 15px 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    header h1 {
        width: 110px;
    }
    header ul {
        display: flex;
        justify-content: flex-end;
        list-style-type: none;
        gap: 0 20px;
        margin: 3% auto 1%;
    }
    header ul li a {
        font-size: 0.9rem;
    }
    header ul li a:hover {
        color: var(--outsourcing-color);
    }
}