@charset "UTF-8";

.tab__btn__item {
    cursor: pointer;
}
.tab__btn__item.active {
    cursor: default;
}

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

    .catch {
        margin-bottom: 11.333vw;
        background-image: linear-gradient(0deg, transparent 9px, var(--color-yellow) 10px), linear-gradient(90deg,  transparent 9px, var(--color-yellow) 10px);
        background-size: 10px 10px;
    }
    .catch__wrap {
        padding: 8.4vw 4vw;
    }
    .catch__text {
        background: white;
        text-align: center;
        font-size: 3.733vw;
        font-weight: bold;
        line-height: 2;
    }
    .catch__text span {
        color: #FA2F55;
    }
    /*----------------------
    *  404
    -----------------------*/
    .notFound .contact__title__text {
        font-size: 6.5vw;
    }
    .notFound .contact__title__text span {
        font-size: 12vw;
    }
    .notFound .contact__message {
        text-align: center;
        font-size: 3.733vw;
    }

    /*----------------------
    * message 
    -----------------------*/
    .message {
        margin-bottom: 21.333vw;
    }
    .message__wrap {
        padding: 0 4vw;
    }
    .message__title {
        margin-bottom: 8vw;
    }
    .message__title__text {
        font-size: 10.667vw;
        font-family: var(--font-tokyo);
        text-align: center;
    }
    .message__title__sb {
        font-size: 3.2vw;
        font-weight: bold;
        text-align: center;
    }
    .message__catch {
        margin-bottom: 8.533vw;
    }
    .message__con__info {
        margin-bottom: 5.467vw;
    }
    .message__con__info__text {
        margin-bottom: 4.4vw;
        font-size: 3.733vw;
        line-height: 1.9;
    }
    .message__con__tmb__img {
        border: 6px solid var(--color-yellow);
    }
    .message__catch__text {
        position: relative;
        font-size: 4vw;
        font-weight: bold;
        text-align: center;
        color: var(--color-blue);
        line-height: 1.6;
    }
    .message__catch__text:before,
    .message__catch__text:after {
        position: absolute;
        font-size: 12.533vw;
        font-weight: bold;
    }
    .message__catch__text:before {
        content: "「";
        top: -5.333vw;
        left: -5.333vw;
    }
    .message__catch__text:after {
        content: "」";
        bottom: -5.333vw;
        right: -2vw;
    }
    .message__catch__text span {
        display: block;
        margin-bottom: 4.4vw;
    }
    .message__con__btm {
        width: 50%;
        margin-left: auto;
    }
    .message__con__ceo {
        margin-bottom: 4.4vw;
    }
    .message__con__sign__img {
        display: block;
        width: 41.333vw;
    }

    /*----------------------
    * about
    -----------------------*/
    .about {
        position: relative;
        padding: 10.667vw 0 60vw;
        background: var(--color-yellow);
    }
    .about:after {
        position: absolute;
        left: 0;
        bottom: -12.8vw;
        bottom: -10.9vw;
        content: "";
        display: block;
        width: 100%;
        height: 11.92vw;
        background-size: cover;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='72'%3E%3Cg data-name='グループ 28'%3E%3Cg fill='%23fbd52f' data-name='グループ 25'%3E%3Cpath d='M0 24h24v24H0z' data-name='長方形 85'/%3E%3Cpath d='M960 24h24v24h-24z' data-name='長方形 124'/%3E%3Cpath d='M480 24h24v24h-24z' data-name='長方形 104'/%3E%3Cpath d='M1440 24h24v24h-24z' data-name='長方形 123'/%3E%3Cpath d='M240 24h24v24h-24z' data-name='長方形 90'/%3E%3Cpath d='M1200 24h24v24h-24z' data-name='長方形 122'/%3E%3Cpath d='M720 24h24v24h-24z' data-name='長方形 103'/%3E%3Cpath d='M1680 24h24v24h-24z' data-name='長方形 121'/%3E%3Cpath d='M192 24h24v24h-24z' data-name='長方形 86'/%3E%3Cpath d='M1152 24h24v24h-24z' data-name='長方形 120'/%3E%3Cpath d='M672 24h24v24h-24z' data-name='長方形 102'/%3E%3Cpath d='M1632 24h24v24h-24z' data-name='長方形 119'/%3E%3Cpath d='M432 24h24v24h-24z' data-name='長方形 94'/%3E%3Cpath d='M1392 24h24v24h-24z' data-name='長方形 118'/%3E%3Cpath d='M912 24h24v24h-24z' data-name='長方形 101'/%3E%3Cpath d='M1872 24h24v24h-24z' data-name='長方形 117'/%3E%3Cpath d='M144 24h24v24h-24z' data-name='長方形 89'/%3E%3Cpath d='M1104 24h24v24h-24z' data-name='長方形 116'/%3E%3Cpath d='M624 24h24v24h-24z' data-name='長方形 100'/%3E%3Cpath d='M1584 24h24v24h-24z' data-name='長方形 115'/%3E%3Cpath d='M384 24h24v24h-24z' data-name='長方形 93'/%3E%3Cpath d='M1344 24h24v24h-24z' data-name='長方形 114'/%3E%3Cpath d='M864 24h24v24h-24z' data-name='長方形 99'/%3E%3Cpath d='M1824 24h24v24h-24z' data-name='長方形 113'/%3E%3Cpath d='M96 24h24v24H96z' data-name='長方形 88'/%3E%3Cpath d='M1056 24h24v24h-24z' data-name='長方形 112'/%3E%3Cpath d='M576 24h24v24h-24z' data-name='長方形 98'/%3E%3Cpath d='M1536 24h24v24h-24z' data-name='長方形 111'/%3E%3Cpath d='M336 24h24v24h-24z' data-name='長方形 92'/%3E%3Cpath d='M1296 24h24v24h-24z' data-name='長方形 110'/%3E%3Cpath d='M816 24h24v24h-24z' data-name='長方形 97'/%3E%3Cpath d='M1776 24h24v24h-24z' data-name='長方形 109'/%3E%3Cpath d='M48 24h24v24H48z' data-name='長方形 87'/%3E%3Cpath d='M1008 24h24v24h-24z' data-name='長方形 108'/%3E%3Cpath d='M528 24h24v24h-24z' data-name='長方形 96'/%3E%3Cpath d='M1488 24h24v24h-24z' data-name='長方形 107'/%3E%3Cpath d='M288 24h24v24h-24z' data-name='長方形 91'/%3E%3Cpath d='M1248 24h24v24h-24z' data-name='長方形 106'/%3E%3Cpath d='M768 24h24v24h-24z' data-name='長方形 95'/%3E%3Cpath d='M1728 24h24v24h-24z' data-name='長方形 105'/%3E%3C/g%3E%3Cg fill='%23ffefab' data-name='グループ 26'%3E%3Cpath d='M24 48h24v24H24z' data-name='長方形 85'/%3E%3Cpath d='M984 48h24v24h-24z' data-name='長方形 124'/%3E%3Cpath d='M504 48h24v24h-24z' data-name='長方形 104'/%3E%3Cpath d='M1464 48h24v24h-24z' data-name='長方形 123'/%3E%3Cpath d='M264 48h24v24h-24z' data-name='長方形 90'/%3E%3Cpath d='M1224 48h24v24h-24z' data-name='長方形 122'/%3E%3Cpath d='M744 48h24v24h-24z' data-name='長方形 103'/%3E%3Cpath d='M1704 48h24v24h-24z' data-name='長方形 121'/%3E%3Cpath d='M216 48h24v24h-24z' data-name='長方形 86'/%3E%3Cpath d='M1176 48h24v24h-24z' data-name='長方形 120'/%3E%3Cpath d='M696 48h24v24h-24z' data-name='長方形 102'/%3E%3Cpath d='M1656 48h24v24h-24z' data-name='長方形 119'/%3E%3Cpath d='M456 48h24v24h-24z' data-name='長方形 94'/%3E%3Cpath d='M1416 48h24v24h-24z' data-name='長方形 118'/%3E%3Cpath d='M936 48h24v24h-24z' data-name='長方形 101'/%3E%3Cpath d='M1896 48h24v24h-24z' data-name='長方形 117'/%3E%3Cpath d='M168 48h24v24h-24z' data-name='長方形 89'/%3E%3Cpath d='M1128 48h24v24h-24z' data-name='長方形 116'/%3E%3Cpath d='M648 48h24v24h-24z' data-name='長方形 100'/%3E%3Cpath d='M1608 48h24v24h-24z' data-name='長方形 115'/%3E%3Cpath d='M408 48h24v24h-24z' data-name='長方形 93'/%3E%3Cpath d='M1368 48h24v24h-24z' data-name='長方形 114'/%3E%3Cpath d='M888 48h24v24h-24z' data-name='長方形 99'/%3E%3Cpath d='M1848 48h24v24h-24z' data-name='長方形 113'/%3E%3Cpath d='M120 48h24v24h-24z' data-name='長方形 88'/%3E%3Cpath d='M1080 48h24v24h-24z' data-name='長方形 112'/%3E%3Cpath d='M600 48h24v24h-24z' data-name='長方形 98'/%3E%3Cpath d='M1560 48h24v24h-24z' data-name='長方形 111'/%3E%3Cpath d='M360 48h24v24h-24z' data-name='長方形 92'/%3E%3Cpath d='M1320 48h24v24h-24z' data-name='長方形 110'/%3E%3Cpath d='M840 48h24v24h-24z' data-name='長方形 97'/%3E%3Cpath d='M1800 48h24v24h-24z' data-name='長方形 109'/%3E%3Cpath d='M72 48h24v24H72z' data-name='長方形 87'/%3E%3Cpath d='M1032 48h24v24h-24z' data-name='長方形 108'/%3E%3Cpath d='M552 48h24v24h-24z' data-name='長方形 96'/%3E%3Cpath d='M1512 48h24v24h-24z' data-name='長方形 107'/%3E%3Cpath d='M312 48h24v24h-24z' data-name='長方形 91'/%3E%3Cpath d='M1272 48h24v24h-24z' data-name='長方形 106'/%3E%3Cpath d='M792 48h24v24h-24z' data-name='長方形 95'/%3E%3Cpath d='M1752 48h24v24h-24z' data-name='長方形 105'/%3E%3C/g%3E%3Cg fill='%23ffe367' data-name='グループ 27'%3E%3Cpath d='M0 0h24v24H0z' data-name='長方形 85'/%3E%3Cpath d='M960 0h24v24h-24z' data-name='長方形 124'/%3E%3Cpath d='M480 0h24v24h-24z' data-name='長方形 104'/%3E%3Cpath d='M1440 0h24v24h-24z' data-name='長方形 123'/%3E%3Cpath d='M240 0h24v24h-24z' data-name='長方形 90'/%3E%3Cpath d='M1200 0h24v24h-24z' data-name='長方形 122'/%3E%3Cpath d='M720 0h24v24h-24z' data-name='長方形 103'/%3E%3Cpath d='M1680 0h24v24h-24z' data-name='長方形 121'/%3E%3Cpath d='M192 0h24v24h-24z' data-name='長方形 86'/%3E%3Cpath d='M1152 0h24v24h-24z' data-name='長方形 120'/%3E%3Cpath d='M672 0h24v24h-24z' data-name='長方形 102'/%3E%3Cpath d='M1632 0h24v24h-24z' data-name='長方形 119'/%3E%3Cpath d='M432 0h24v24h-24z' data-name='長方形 94'/%3E%3Cpath d='M1392 0h24v24h-24z' data-name='長方形 118'/%3E%3Cpath d='M912 0h24v24h-24z' data-name='長方形 101'/%3E%3Cpath d='M1872 0h24v24h-24z' data-name='長方形 117'/%3E%3Cpath d='M144 0h24v24h-24z' data-name='長方形 89'/%3E%3Cpath d='M1104 0h24v24h-24z' data-name='長方形 116'/%3E%3Cpath d='M624 0h24v24h-24z' data-name='長方形 100'/%3E%3Cpath d='M1584 0h24v24h-24z' data-name='長方形 115'/%3E%3Cpath d='M384 0h24v24h-24z' data-name='長方形 93'/%3E%3Cpath d='M1344 0h24v24h-24z' data-name='長方形 114'/%3E%3Cpath d='M864 0h24v24h-24z' data-name='長方形 99'/%3E%3Cpath d='M1824 0h24v24h-24z' data-name='長方形 113'/%3E%3Cpath d='M96 0h24v24H96z' data-name='長方形 88'/%3E%3Cpath d='M1056 0h24v24h-24z' data-name='長方形 112'/%3E%3Cpath d='M576 0h24v24h-24z' data-name='長方形 98'/%3E%3Cpath d='M1536 0h24v24h-24z' data-name='長方形 111'/%3E%3Cpath d='M336 0h24v24h-24z' data-name='長方形 92'/%3E%3Cpath d='M1296 0h24v24h-24z' data-name='長方形 110'/%3E%3Cpath d='M816 0h24v24h-24z' data-name='長方形 97'/%3E%3Cpath d='M1776 0h24v24h-24z' data-name='長方形 109'/%3E%3Cpath d='M48 0h24v24H48z' data-name='長方形 87'/%3E%3Cpath d='M1008 0h24v24h-24z' data-name='長方形 108'/%3E%3Cpath d='M528 0h24v24h-24z' data-name='長方形 96'/%3E%3Cpath d='M1488 0h24v24h-24z' data-name='長方形 107'/%3E%3Cpath d='M288 0h24v24h-24z' data-name='長方形 91'/%3E%3Cpath d='M1248 0h24v24h-24z' data-name='長方形 106'/%3E%3Cpath d='M768 0h24v24h-24z' data-name='長方形 95'/%3E%3Cpath d='M1728 0h24v24h-24z' data-name='長方形 105'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .about__wrap {
        padding: 0 4vw;
    }
    .about__title__text {
        color: white;
        font-size: 10.667vw;
        font-family: var(--font-tokyo);
        text-align: center;
    }
    .about__title__sb {
        text-align: center;
        font-size: 3.2vw;
        font-weight: bold;
        color: white;
    }
    .about__catch__text {
        font-size: 3.733vw;
        font-weight: bold;
        line-height: 1.8;
    }
    .mission {
        position: relative;
        margin-top: -26.667vw;
        margin: -45.667vw 0 16vw;
        padding: 0 4vw;
    }
    .mission__desc {
        padding: 10vw 4vw 6vw;
        background: white;
        line-height: 1.9;
        border: 4px solid var(--color-yellow);
    }
    .mission__desc__text {
        color: var(--color-blue);
        font-size: 3.467vw;
    }
    .mission__head {
        position: relative;
        width: 48vw;
        margin: 0 auto -5.333vw;
        padding: 2.667vw 0;
        background: var(--color-blue);
        text-align: center;
        border: 2px solid white;
    }
    .mission__head__title {
        color: white;
        font-size: 4.267vw;
        font-weight: bold;
    }

    /*----------------------
    * businnes
    -----------------------*/
    .businnes__title {
        width: 77.333vw;
        margin: 0 auto 5.333vw;
        padding: 2.667vw 0;
        background: var(--color-black);
        text-align: center;
        color: white;
        font-size: 6.133vw;
        border-radius: 90px;
    }
    .businnes__info {
        padding: 0 4vw;
    }
    .businnes__tmb {
        margin-bottom: 4vw;
    }
    .businnes__info__title {
        position: relative;
        margin: 0 4vw 4.8vw;
        padding: 4vw 3.333vw;
        border: 2px solid var(--color-black);
        background: white;
    }
    .businnes__info__title:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--color-yellow);
        bottom: -1.067vw;
        right: -1.067vw;
        z-index: -1;
    }
    .businnes__info__title__text {
        display: flex;
        align-items: center;
        font-size: 4.267vw;
        font-weight: bold;
    }
    .businnes__info__title__text:before {
        content: "";
        display: block;
        margin-right: 2.667vw;
        width: 5.333vw;
        height: 5.333vw;
        background: var(--color-yellow);
    }
    .businnes__info__text {
        font-size: 3.733vw;
        line-height: 1.8;
    }
    .businnes__item {
        margin-bottom: 9.333vw;
    }

    .company {
        padding: 12vw 4vw;
        background-size: cover;
        background-image: url(../img/bg_company.png);
    }
    .company__wrap {
        border-top: 3px solid var(--color-blue);
        padding: 6.667vw 3.6vw;
        background: white;
    }
    .company__title {
        font-size: 6.4vw;
        font-weight: bold;
        color: var(--color-blue);
        text-align: center;
    }
    .address__title:before {
        content: "■";
        margin-right: 5px;
    }
    .address__items {
        display: flex;
        flex-direction: column;
        gap: 4.933vw;
    }
    .address__item {
        font-size: 3.733vw;
        line-height: 1.8;
    }
    .address__item:nth-child(1) {
        order: 0;
    }
    .address__item:nth-child(2) {
        order: 3;
    }
    .address__item:nth-child(3) {
        order: 1;
    }
    .address__item:nth-child(4) {
        order: 4;
    }
    .address__item:nth-child(5) {
        order: 2;
    }
    .address__item:nth-child(6) {
        order: 5;
    }
    .address__text {
        margin-left: 4.8vw;
    }
    .recruit {
        padding: 12vw 0 9.6vw;
        background: var(--color-yellow);
    }
    .recruit__wrap {
        padding: 0 4vw;
    }
    .recruit__title {
        margin-bottom: 8vw;
    }
    .recruit__title__text {
        color: white;
        font-size: 10.667vw;
        font-family: var(--font-tokyo);
        text-align: center;
    }
    .recruit__catch {
        margin-bottom: 18.667vw;
    }
    .recruit__title__sb {
        color: white;
        text-align: center;
        font-size: 3.2vw;
        font-weight: bold;
    }
    .recruit__catch__text {
        font-size: 3.733vw;
        font-weight: bold;
        line-height: 1.8;
    }
    .tab__wrap {
        border: 5px solid white;
    }
    .tab__btn {
        margin-top: -6.667vw;
        padding: 0 4vw;
    }
    .tab__btn__items {
        display: flex;
    }
    .tab__btn__item {
        width: calc(100% / 2);
        padding: 2.667vw 0;
        text-align: center;
        font-size: 4vw;
        font-weight: bold;
        border: 2px solid var(--color-black);
        background: var(--color-yellow);
    }
    .tab__btn__item.active {
        background: var(--color-black);
        color: white;
    }
    .tab__toggle {
        display: none;
        margin: 0 4vw 4vw;
        background: white;
    }
    .tab__toggle.active {
        display: block;
    }
    .tab__items  {
        padding: 5.333vw 4.667vw;
    }
    .tab__item {
        padding: 4.4vw 0;
        font-size: 3.467vw;
        border-bottom: 1px solid #eee;
        line-height: 1.8;
    }
    .tab__item:first-child {
        padding-top: 0;
    }
    .tab__item__title__text {
        margin-bottom: 2.133vw;
        font-weight: bold;
    }
    .contact {
        padding: 12vw 0 19.6vw;
        background: #F5F5F2;
    }
    .contact__ask {
        margin-bottom: 2.667vw;
        padding: 0 4vw;
        font-size: 3.2vw;
    }
    .contact__ask span {
        color: #FA2F55;
    }
    .contact__title {
        margin-bottom: 9.333vw;
    }
    .contact__title__text {
        font-size: 10.667vw;
        font-family: var(--font-tokyo);
        text-align: center;
    }
    .contact__title__sb {
        font-size: 3.2vw;
        font-weight: bold;
        text-align: center;
    }
    .contact__form {
        padding: 0 4vw;
    }
    .form__items {
        display: flex;
        flex-direction: column;
        margin-bottom: 5.333vw;
        gap: 5.067vw;
    }
    .form__title {
        margin-bottom: 1.333vw;
        font-size: 3.467vw;
        font-weight: bold;
    }
    .form__title span {
        margin-left: 1.333vw;
        font-size: 4.267vw;
        color: #FA2F55;
    }
    .form__inputText {
        width: 100%;
        height: 10.667vw;
        padding: 1.333vw;
        background: white;
        font-size: 3.733vw;
    }
    .form__textarea {
        width: 100%;
        height: 64vw;
        padding: 1.333vw;
        background: white;
        font-size: 3.733vw;
    }
    .form__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10.667vw;
    }
    .form__btn .form__submit {
        margin: 0;
    }
    .form__back {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34.667vw;
        height: 10.667vw;
        margin-right: 2.667vw;
        text-align: center;
        background: #c8c8c8;
        border-radius: 8vw;
        font-size: 3.467vw;
        font-weight: 600;
    }
    .form__submit {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34.667vw;
        margin: 0 auto;
        height: 10.667vw;
        text-align: center;
        background: var(--color-yellow);
        border-radius: 8vw;
        font-size: 3.467vw;
        font-weight: 600;
    }
    .form__submit--top {
        margin-top: 10.667vw;
    }
    .contact__message {
        padding: 0 4vw;
        line-height: 1.6;
    }
}

@media only screen and (min-width: 768px) {
    /*----------------------
    *  404
    -----------------------*/
    .notFound .contact__title__text {
        margin-bottom: 40px;
        font-size: 50px;
    }
    .notFound .contact__title__text span {
        font-size: 90px;
    }

    /*----------------------
    * kv
    -----------------------*/
    .kv__wrap {
        min-width: var(--pc-width);
    }
    .kv__img {
        width: 100%;
    }

    /*----------------------
    * catch
    -----------------------*/
    .catch {
        background-image: linear-gradient(0deg, transparent 19px, var(--color-yellow) 20px), linear-gradient(90deg,  transparent 19px, var(--color-yellow) 20px);
        background-size: 20px 20px;
    }
    .catch__wrap {
        padding: 64.5px 0;
        text-align: center;
    }
    .catch__text {
        display: inline-block;
        font-size: 18px;
        line-height: 2;
        background: white;
        font-weight: bold;
    }
    .catch__text span {
        color: #FA2F55;
    }

    /*----------------------
    * message 
    -----------------------*/
    .message {
        padding: 100px 0 160px;
    }
    .message__wrap {
        width: var(--pc-width);
        margin: 0 auto;
    }
    .message__title {
        margin-bottom: 60px;
        text-align: center;
    }
    .message__title__text {
        font-size: 80px;
        font-family: var(--font-tokyo);
    }
    .message__title__sb {
        font-weight: bold;
    }
    .message__catch__text {
        position: relative;
        margin-bottom: 95px;
        font-size: 28px;
        font-weight: 900;
        text-align: center;
        line-height: 1.6;
        color: var(--color-blue);
    }
    .message__catch__text:before,
    .message__catch__text:after {
        position: absolute;
        font-size: 94px;
        font-weight: bold;
    }
    .message__catch__text:before {
        content: "「";
        top: -50px;
        left: 0;
    }
    .message__catch__text:after {
        content: "」";
        bottom: -50px;
        right: 0;
    }
    .message__con {
        display: flex;
        gap: 90px;
    }
    .message__con__info {
        width: 550px;
    }
    .message__con__info__text {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 1.7;
    }
    .message__con__tmb {
        width: 560px;
    }
    .message__con__tmb__img {
        border: 6px solid var(--color-yellow);
    }
    .message__con__btm {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .message__con__sign {
        width: 180px;
        margin-left: 17px;
    }

    /*----------------------
    *  about
    -----------------------*/
    .about {
        position: relative;
        padding: 100px 0 0;
        background: var(--color-yellow);
    }
    .about:after {
        position: absolute;
        left: 0;
        bottom: -48px;
        content: "";
        display: block;
        width: 100%;
        height: 72px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='72'%3E%3Cg data-name='グループ 28'%3E%3Cg fill='%23fbd52f' data-name='グループ 25'%3E%3Cpath d='M0 24h24v24H0z' data-name='長方形 85'/%3E%3Cpath d='M960 24h24v24h-24z' data-name='長方形 124'/%3E%3Cpath d='M480 24h24v24h-24z' data-name='長方形 104'/%3E%3Cpath d='M1440 24h24v24h-24z' data-name='長方形 123'/%3E%3Cpath d='M240 24h24v24h-24z' data-name='長方形 90'/%3E%3Cpath d='M1200 24h24v24h-24z' data-name='長方形 122'/%3E%3Cpath d='M720 24h24v24h-24z' data-name='長方形 103'/%3E%3Cpath d='M1680 24h24v24h-24z' data-name='長方形 121'/%3E%3Cpath d='M192 24h24v24h-24z' data-name='長方形 86'/%3E%3Cpath d='M1152 24h24v24h-24z' data-name='長方形 120'/%3E%3Cpath d='M672 24h24v24h-24z' data-name='長方形 102'/%3E%3Cpath d='M1632 24h24v24h-24z' data-name='長方形 119'/%3E%3Cpath d='M432 24h24v24h-24z' data-name='長方形 94'/%3E%3Cpath d='M1392 24h24v24h-24z' data-name='長方形 118'/%3E%3Cpath d='M912 24h24v24h-24z' data-name='長方形 101'/%3E%3Cpath d='M1872 24h24v24h-24z' data-name='長方形 117'/%3E%3Cpath d='M144 24h24v24h-24z' data-name='長方形 89'/%3E%3Cpath d='M1104 24h24v24h-24z' data-name='長方形 116'/%3E%3Cpath d='M624 24h24v24h-24z' data-name='長方形 100'/%3E%3Cpath d='M1584 24h24v24h-24z' data-name='長方形 115'/%3E%3Cpath d='M384 24h24v24h-24z' data-name='長方形 93'/%3E%3Cpath d='M1344 24h24v24h-24z' data-name='長方形 114'/%3E%3Cpath d='M864 24h24v24h-24z' data-name='長方形 99'/%3E%3Cpath d='M1824 24h24v24h-24z' data-name='長方形 113'/%3E%3Cpath d='M96 24h24v24H96z' data-name='長方形 88'/%3E%3Cpath d='M1056 24h24v24h-24z' data-name='長方形 112'/%3E%3Cpath d='M576 24h24v24h-24z' data-name='長方形 98'/%3E%3Cpath d='M1536 24h24v24h-24z' data-name='長方形 111'/%3E%3Cpath d='M336 24h24v24h-24z' data-name='長方形 92'/%3E%3Cpath d='M1296 24h24v24h-24z' data-name='長方形 110'/%3E%3Cpath d='M816 24h24v24h-24z' data-name='長方形 97'/%3E%3Cpath d='M1776 24h24v24h-24z' data-name='長方形 109'/%3E%3Cpath d='M48 24h24v24H48z' data-name='長方形 87'/%3E%3Cpath d='M1008 24h24v24h-24z' data-name='長方形 108'/%3E%3Cpath d='M528 24h24v24h-24z' data-name='長方形 96'/%3E%3Cpath d='M1488 24h24v24h-24z' data-name='長方形 107'/%3E%3Cpath d='M288 24h24v24h-24z' data-name='長方形 91'/%3E%3Cpath d='M1248 24h24v24h-24z' data-name='長方形 106'/%3E%3Cpath d='M768 24h24v24h-24z' data-name='長方形 95'/%3E%3Cpath d='M1728 24h24v24h-24z' data-name='長方形 105'/%3E%3C/g%3E%3Cg fill='%23ffefab' data-name='グループ 26'%3E%3Cpath d='M24 48h24v24H24z' data-name='長方形 85'/%3E%3Cpath d='M984 48h24v24h-24z' data-name='長方形 124'/%3E%3Cpath d='M504 48h24v24h-24z' data-name='長方形 104'/%3E%3Cpath d='M1464 48h24v24h-24z' data-name='長方形 123'/%3E%3Cpath d='M264 48h24v24h-24z' data-name='長方形 90'/%3E%3Cpath d='M1224 48h24v24h-24z' data-name='長方形 122'/%3E%3Cpath d='M744 48h24v24h-24z' data-name='長方形 103'/%3E%3Cpath d='M1704 48h24v24h-24z' data-name='長方形 121'/%3E%3Cpath d='M216 48h24v24h-24z' data-name='長方形 86'/%3E%3Cpath d='M1176 48h24v24h-24z' data-name='長方形 120'/%3E%3Cpath d='M696 48h24v24h-24z' data-name='長方形 102'/%3E%3Cpath d='M1656 48h24v24h-24z' data-name='長方形 119'/%3E%3Cpath d='M456 48h24v24h-24z' data-name='長方形 94'/%3E%3Cpath d='M1416 48h24v24h-24z' data-name='長方形 118'/%3E%3Cpath d='M936 48h24v24h-24z' data-name='長方形 101'/%3E%3Cpath d='M1896 48h24v24h-24z' data-name='長方形 117'/%3E%3Cpath d='M168 48h24v24h-24z' data-name='長方形 89'/%3E%3Cpath d='M1128 48h24v24h-24z' data-name='長方形 116'/%3E%3Cpath d='M648 48h24v24h-24z' data-name='長方形 100'/%3E%3Cpath d='M1608 48h24v24h-24z' data-name='長方形 115'/%3E%3Cpath d='M408 48h24v24h-24z' data-name='長方形 93'/%3E%3Cpath d='M1368 48h24v24h-24z' data-name='長方形 114'/%3E%3Cpath d='M888 48h24v24h-24z' data-name='長方形 99'/%3E%3Cpath d='M1848 48h24v24h-24z' data-name='長方形 113'/%3E%3Cpath d='M120 48h24v24h-24z' data-name='長方形 88'/%3E%3Cpath d='M1080 48h24v24h-24z' data-name='長方形 112'/%3E%3Cpath d='M600 48h24v24h-24z' data-name='長方形 98'/%3E%3Cpath d='M1560 48h24v24h-24z' data-name='長方形 111'/%3E%3Cpath d='M360 48h24v24h-24z' data-name='長方形 92'/%3E%3Cpath d='M1320 48h24v24h-24z' data-name='長方形 110'/%3E%3Cpath d='M840 48h24v24h-24z' data-name='長方形 97'/%3E%3Cpath d='M1800 48h24v24h-24z' data-name='長方形 109'/%3E%3Cpath d='M72 48h24v24H72z' data-name='長方形 87'/%3E%3Cpath d='M1032 48h24v24h-24z' data-name='長方形 108'/%3E%3Cpath d='M552 48h24v24h-24z' data-name='長方形 96'/%3E%3Cpath d='M1512 48h24v24h-24z' data-name='長方形 107'/%3E%3Cpath d='M312 48h24v24h-24z' data-name='長方形 91'/%3E%3Cpath d='M1272 48h24v24h-24z' data-name='長方形 106'/%3E%3Cpath d='M792 48h24v24h-24z' data-name='長方形 95'/%3E%3Cpath d='M1752 48h24v24h-24z' data-name='長方形 105'/%3E%3C/g%3E%3Cg fill='%23ffe367' data-name='グループ 27'%3E%3Cpath d='M0 0h24v24H0z' data-name='長方形 85'/%3E%3Cpath d='M960 0h24v24h-24z' data-name='長方形 124'/%3E%3Cpath d='M480 0h24v24h-24z' data-name='長方形 104'/%3E%3Cpath d='M1440 0h24v24h-24z' data-name='長方形 123'/%3E%3Cpath d='M240 0h24v24h-24z' data-name='長方形 90'/%3E%3Cpath d='M1200 0h24v24h-24z' data-name='長方形 122'/%3E%3Cpath d='M720 0h24v24h-24z' data-name='長方形 103'/%3E%3Cpath d='M1680 0h24v24h-24z' data-name='長方形 121'/%3E%3Cpath d='M192 0h24v24h-24z' data-name='長方形 86'/%3E%3Cpath d='M1152 0h24v24h-24z' data-name='長方形 120'/%3E%3Cpath d='M672 0h24v24h-24z' data-name='長方形 102'/%3E%3Cpath d='M1632 0h24v24h-24z' data-name='長方形 119'/%3E%3Cpath d='M432 0h24v24h-24z' data-name='長方形 94'/%3E%3Cpath d='M1392 0h24v24h-24z' data-name='長方形 118'/%3E%3Cpath d='M912 0h24v24h-24z' data-name='長方形 101'/%3E%3Cpath d='M1872 0h24v24h-24z' data-name='長方形 117'/%3E%3Cpath d='M144 0h24v24h-24z' data-name='長方形 89'/%3E%3Cpath d='M1104 0h24v24h-24z' data-name='長方形 116'/%3E%3Cpath d='M624 0h24v24h-24z' data-name='長方形 100'/%3E%3Cpath d='M1584 0h24v24h-24z' data-name='長方形 115'/%3E%3Cpath d='M384 0h24v24h-24z' data-name='長方形 93'/%3E%3Cpath d='M1344 0h24v24h-24z' data-name='長方形 114'/%3E%3Cpath d='M864 0h24v24h-24z' data-name='長方形 99'/%3E%3Cpath d='M1824 0h24v24h-24z' data-name='長方形 113'/%3E%3Cpath d='M96 0h24v24H96z' data-name='長方形 88'/%3E%3Cpath d='M1056 0h24v24h-24z' data-name='長方形 112'/%3E%3Cpath d='M576 0h24v24h-24z' data-name='長方形 98'/%3E%3Cpath d='M1536 0h24v24h-24z' data-name='長方形 111'/%3E%3Cpath d='M336 0h24v24h-24z' data-name='長方形 92'/%3E%3Cpath d='M1296 0h24v24h-24z' data-name='長方形 110'/%3E%3Cpath d='M816 0h24v24h-24z' data-name='長方形 97'/%3E%3Cpath d='M1776 0h24v24h-24z' data-name='長方形 109'/%3E%3Cpath d='M48 0h24v24H48z' data-name='長方形 87'/%3E%3Cpath d='M1008 0h24v24h-24z' data-name='長方形 108'/%3E%3Cpath d='M528 0h24v24h-24z' data-name='長方形 96'/%3E%3Cpath d='M1488 0h24v24h-24z' data-name='長方形 107'/%3E%3Cpath d='M288 0h24v24h-24z' data-name='長方形 91'/%3E%3Cpath d='M1248 0h24v24h-24z' data-name='長方形 106'/%3E%3Cpath d='M768 0h24v24h-24z' data-name='長方形 95'/%3E%3Cpath d='M1728 0h24v24h-24z' data-name='長方形 105'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .about__wrap {
        width: var(--pc-width);
        margin: 0 auto;
    }
    .about__title {
        padding-bottom: 260px;
        text-align: center;
    }
    .about__title__text {
        font-size: 80px;
        font-family: var(--font-tokyo);
        color: white;
    }
    .about__title__sb {
        color: white;
        font-weight: bold;
    }
    .about__catch__text {
        padding-bottom: 240px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 1.7;
    }

    /*----------------------
    *  mission
    -----------------------*/
    .mission {
        position: relative;
        margin: -150px 0 140px;
    }
    .mission__wrap {
        width: 1200px;
        margin: 0 auto;
        background: var(--color-yellow);
    }
    .mission__desc {
        background: white;
        border: 16px solid var(--color-yellow);
    }
    .mission__desc__text {
        width: 1000px;
        margin: 0 auto;
        padding: 50px 0 40px;
        font-size: 18px;
        line-height: 1.7;
        text-align: center;
        color: var(--color-blue);
    }
    .mission__head__title {
        position: relative;
        width: 300px;
        margin: 0 auto -50px;
        padding: 20px 0;
        font-size: 26px;
        font-weight: bold;
        border: 4px solid white;
        color: white;
        text-align: center;
        background: var(--color-blue);
    }

    /*----------------------
    *  businnes
    -----------------------*/
    .businnes__wrap {
        width: var(--pc-width);
        margin: 0 auto;
    }
    .businnes__item__wrap {
        display: flex;
        gap: 42px;
        margin-bottom: 70px;
    }
    .businnes__tmb {
        width: 420px;
        min-width: 420px;
    }
    .businnes__title {
        width: 800px;
        margin: 0 auto 70px;
        padding: 20px 0;
        border-radius: 260px;
        color: white;
        font-size: 38px;
        text-align: center;
        background: var(--color-black);
    }
    .businnes__info__text {
        font-size: 18px;
        line-height: 1.7;
    }
    .businnes__info__title {
        position: relative;
        margin-bottom: 20px;
        background: white;
        padding: 10px;
        border: 2px solid var(--color-black);
    }
    .businnes__info__title:after {
        position: absolute;
        bottom: -4px;
        right: -4px;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: var(--color-yellow);
        z-index: -1;
    }

    .businnes__info__title__text {
        display: flex;
        align-items: center;
        padding-left: 10px;
        font-size: 26px;
        font-weight: bold;
        letter-spacing: 2px;
    }
    .businnes__info__title__text:before {
        content: "";
        display: blockkkkk;
        width: 26px;
        height: 26px;
        margin-right: 9px;
        background: var(--color-yellow);
    }


    /*----------------------
    *  company
    -----------------------*/
    .company {
        padding: 125px 0;
        background-image: url(../img/bg_company.png);
        background-size: cover;
    }
    .company__wrap {
        width: 1000px;
        margin: 0 auto;
        padding: 40px 30px;
        border-top: 10px solid var(--color-blue);
        background: white;
    }
    .company__title {
        margin-bottom: 30px;
        color: var(--color-blue);
        font-size: 38px;
        font-weight: bold;
        text-align: center;
    }
    .address__items {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 0px;
    }
    .address__items:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 100%;
        background: #eee;
    }
    .address__item {
        display: flex;
        width: calc(100% / 2);
    }
    .address__item:nth-child(2n) .address__title {
        margin-left: 36.5px;
    }
    .address__title {
        width: 115px;
        min-width: 115px;
        line-height: 1.7;
    }
    .address__title:before {
        content: "■";
        margin-right: 5px;
    }
    .address__text {
        line-height: 1.7;
    }

    /*----------------------
    *  recruit
    -----------------------*/
    .recruit {
        padding: 116px 0 140px;
        background: var(--color-yellow);
    }
    .recruit__wrap {
        width: var(--pc-width);
        margin: 0 auto;
    }
    .recruit__title {
        margin-bottom: 62px;
    }
    .recruit__title__text {
        font-size: 80px;
        font-family: var(--font-tokyo);
        text-align: center;
        color: white;
    }
    .recruit__title__sb {
        text-align: center;
        color: white;
        font-weight: bold;
    }
    .tab__wrap {
        border: 10px solid white;
        padding: 0 35px 35px;
    }
    .recruit__catch {
        margin-bottom: 145px;
    }
    .recruit__catch__text {
        text-align: center;
        line-height: 1.7;
        font-size: 18px;
        font-weight: bold;
    }
    .tab__toggle {
        display: none;
        background: white;
        border: 2px solid var(--color-black);
    }
    .tab__toggle.active {
        display: block;
    }
    .tab__btn {
        margin-top: -10px;
    }
    .tab__btn__items {
        display: inline-flex;
        margin-left: 20px;
        padding: 0 20px;
        background: var(--color-yellow);
        gap: 10px;
    }
    .tab__btn__item {
        width: 180px;
        margin-bottom: -2px;
        padding: 14px 0;
        font-size: 26px;
        font-weight: bold;
        text-align: center;
        border: 2px solid var(--color-black);
        background: var(--color-yellow);
        letter-spacing: 2px;
    }
    .tab__btn__item.active {
        color: white;
        background: var(--color-black);
    }
    .tab__items {
        width: 900px;
        margin: 0 auto;
        padding: 80px 0;
    }
    .tab__item {
        padding: 32px 0;
        border-bottom: 1px solid #eee;
    }
    .tab__item__wrap {
        display: flex;
        font-size: 18px;
        line-height: 1.7;
    }
    .tab__item__title {
        min-width: 295px;
    }

    /*----------------------
    *  contact
    -----------------------*/
    .contact {
        background: #F5F5F2;
    }
    .contact__ask {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .contact__ask span {
        color: #FA2F55;
    }
    .contact__wrap {
        width: 800px;
        margin: 0 auto;
        padding: 103px 0 180px;
    }
    .contact__title__text {
        font-size: 80px;
        font-family: var(--font-tokyo);
        text-align: center;
        color: var(--color-black);
    }
    .contact__title__sb {
        margin-bottom: 98px;
        font-weight: bold;
        text-align: center;
    }
    .form__items {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }
    .form__title {
        margin-bottom: 15px;
        font-size: 22px;
        font-weight: bold;
    }
    .form__title span {
        margin-left: 5px;
        color: #FA2F55;
    }
    .form__inputText {
        width: 100%;
        height: 60px;
        padding: 10px;
        background: white;
    }
    .form__textarea {
        margin-bottom: 50px;
        width: 100%;
        height: 370px;
        padding: 10px;
        background: white;
    }
    .form__btn {
        margin-top: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .form__btn .form__submit {
        margin: 0;
    }
    .form__submit {
        display: block;
        width: 220px;
        margin: 0 auto;
        padding: 15px 0; 
        font-size: 22px;
        text-align: center;
        border-radius: 60px;
        color: var(--color-black);
        background: var(--color-yellow);
    }
    .form__submit--top {
        margin-top: 80px;
    }
    .form__back {
        display: block;
        width: 220px;
        margin-right: 20px;
        padding: 15px 0; 
        font-size: 22px;
        text-align: center;
        border-radius: 60px;
        background: #c8c8c8;
    }
    .contact__message {
        text-align: center;
        line-height: 1.6;
    }
}