/* 選ばれる理由 text_item幅上書き */
.main_content .text_item {
  max-width:550px;
}

.black_back { margin-top:0; }
#about_service h4 { margin-top:100px; font-size:28px; }
#about_service h6 { margin-top:80px; }

@media screen and (max-width: 768px) {
#about_service h4 { margin-top:70px; font-size:24px; }
#about_service h6 { margin-top:50px; }
}

/* おすすめプラン */
.recomend_plan{
    margin-bottom: 80px;
}
.recomend_plan .sp{
    display: none;
}
@media screen and (max-width:768px){
    .recomend_plan{
        margin-bottom: 40px;
    }
    .recomend_plan .pc{
        display: none;
    }
    .recomend_plan .sp{
        display: block;
    }
}

/* バナーエリア */
.banner_area .sp{
    display: none;
}
.banner_area .pc a{
    display: block;
}
.banner_area .pc > *{
    margin-bottom: 40px;
}
.banner_area .pc > *:last-child{
    margin-bottom: 60px;
}
@media screen and (max-width:768px){
    .recomend_plan{
        margin-bottom: 50px;
    }
    .banner_area .pc,
    .recomend_plan .pc{
        display: none;
    }
    .banner_area .sp,
    .recomend_plan .sp{
        display: block;
    }
    .banner_area .sp a{
        display: block;
    }
    .banner_area .sp > *{
        margin-bottom: 20px;
    }
    .banner_area .sp > *:last-child{
        margin-bottom: 40px;
    }
}

/* ===== 2026年改修 joinページ新デザイン ===== */

section {
    margin-bottom: 4em;
}
.joinIntroSection,
.joinServiceSection,
.joinOtherSection{
    font-size: min(16px, 4.267vw);
}
/* イントロセクション */
.joinIntroSection {
    background: #fff;
}
.joinIntroBoxes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5em;
    margin-bottom: 3em;
}
.joinIntroBox {
    border-radius: 0.75rem;
    padding: 0;
    text-align: center;
    flex: 1;
    max-width: 500px;
    overflow: hidden;
}
.joinIntroBox img {
    display: block;
    width: 100%;
    height: auto;
}
.joinIntroBox--left {
    border: none;
}
.joinIntroBox--right {
    border: none;
}
.joinIntroBox__label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #3d8b37;
    margin-bottom: 0.75rem;
}
.joinIntroBox__main {
    font-size: 1.375rem;
    font-weight: 900;
    color: #333;
    line-height: 1.5;
    margin: 0;
}
.joinIntroBox__main strong {
    color: #3d8b37;
}
.joinIntroBox__course {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 700;
    background: #005bac;
    color: #fff;
    padding: 0.125rem 0.875rem;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}
.joinIntroBox__price {
    font-size: 1rem;
    color: #333;
    margin: 0;
    line-height: 1.2;
}
.joinIntroBox__nanto {
    display: block;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}
.joinIntroBox__num {
    display: block;
    font-size: 4rem;
    font-weight: 900;
    color: #fccf00;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.1;
}
.joinIntroBox__en {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
}
.joinIntroBox__en small {
    font-size: 0.75rem;
    font-weight: 400;
}
.joinIntroSakurai {
    font-size: 1.2em;
    font-weight: 900;
    color: #333;
    flex-shrink: 0;
    margin: 0;
    padding: 0 0.5em;
    white-space: nowrap;
}
.joinIntroSub {
    text-align: center;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.5;
    color: #555;
    margin-bottom: 3em;
}
.joinIntroReasonBtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0.875rem 3rem;
    background: #005bac;
    color: #fff;
    border-radius: 2rem;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    gap: 0.125rem;
    transition: background-color 0.3s;
}
.joinIntroReasonBtn:hover {
    background: #004a8a;
    color: #fff;
}
.joinIntroReasonBtn__stars {
    color: #fccf00;
    font-size: 1.125rem;
    letter-spacing: 0.125rem;
}
.joinIntroReasonBtn__num {
    font-size: 1.5rem;
    font-family: 'Ubuntu', sans-serif;
    color: #fccf00;
}

@media screen and (max-width: 768px) {
    .joinIntroSection {
    }
    .joinIntroBoxes {
        flex-direction: column;
        gap: 0.5em;
        margin-bottom: 2.5em;
    }
    .joinIntroBox {
        width: 100%;
        max-width: 100%;
    }
    .joinIntroSub {
        margin-bottom: 2em;
    }
    .joinIntroSakurai {
        padding: 0;
    }
    .joinIntroBox__num {
        font-size: 3rem;
    }
    .joinIntroReasonBtn {
        padding: 0.875rem 2rem;
        width: 100%;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 500px) {
    .joinIntroSub {
        text-align: left;
        font-size: 1.2em;
    }
    .sectionTitle {
        font-size: 1.7em;
        margin-bottom: 1.5em;
    }
}

/* セクションタイトル共通 */
.joinSectionTitle {
    font-size: 1.8em;
    font-weight: 900;
    color: #005bac;
    text-align: left;
    margin-top: unset;
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #c4c4c4;
}
@media screen and (max-width: 768px) {
    .joinSectionTitle {
        font-size: 1.5em;
    }
}
@media screen and (max-width: 500px) {
    .joinSectionTitle {
        margin-bottom: 1.5em;
    }
}
.joinSectionTitle::before {
    display: none;
}
.joinServiceSection .section_inner,
.joinOtherSection .section_inner,
.joinCorporateSection .section_inner {
    text-align: center;
}
.joinSectionLead {
    font-size: 1.3rem;
    color: #676767;
    margin-bottom: 2em;
    text-align: left;
    font-weight: 700;
}
.joinSectionLead2 {
    color: #676767;
    margin-bottom: 3em;
    text-align: left;
    font-weight: 500;
}

/* 住宅タイプタブ */
.joinHouseTab {
    display: flex;
    gap: 0.7em;
    width: 90%;
    margin: 0 auto;
}

/* タブパネル切り替え */
/* #tabpanel_apmh {
    display: none;
} */
.joinServiceBox:not(.active){
    display: none
}
.joinServiceBox.active {
    display: block;
}

.joinHouseTab__btn {
    border: none;
    cursor: pointer;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    padding: 0.875em 1em 0.6em;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.5em;
    background: #9b9b9b;
    color: #fff;
    border-radius: 0.8em 0.8em 0 0;
    transition: background-color 0.2s;
}
.joinHouseTab__btn img {
    width: 1.2em;
    height: 1.2em;
    filter: brightness(0) invert(1);
}
.joinHouseTab__btn span {
    display: block;
}
.joinHouseTab__btn.active {
    background: #005bac;
}

.joinHouseTab__btn:not(.active) span {
    font-size: 1rem;
}
.joinHouseTab__btn:not(.active):hover {
    background: #bbb;
}

@media screen and (max-width: 768px) {
    .joinHouseTab__btn {
        padding: 0.75em 0.5em;
        gap: 0.375em;
        flex-direction: column;
    }
}
@media screen and (max-width: 375px) {
    .joinHouseTab__btn {
        padding: 0.75em 0.5em 0.5em;
    }
    .joinHouseTab__btn.active span {
        font-size: 5.333vw;
    }
    .joinHouseTab__btn:not(.active) span {
        font-size: 4.267vw;
    }
}

/* サービスボックス */
.joinServiceBox {
    border: 5px solid #005bac;
    border-radius: 1.2em;
    overflow: hidden;
    text-align: left;
    background-color: #edf0f3;
}
.joinServiceBox__inner {
    padding: 1.75em 2em;
}
.joinServiceIcons {
    display: grid;
    gap: 0.6em 1.5em;
    margin-bottom: 1.25em;
}
@media screen and (min-width: 769px) {
    .joinServiceBox__inner {
        padding: 4.5em 5.5em 3em;
    }
    .joinServiceIcons {
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        margin-bottom: 1.5em;
    }
    .joinServiceIcon {
        height: 10em;
        justify-content: center;
    }
    .joinServiceQuickLink {
        font-size: 1.1em;
    }
    .joinServiceBtns{
        justify-content: space-evenly;
        padding: 1.5em 0;
    }
    .joinServiceBtns li{
        flex: 1;
        align-self: center;
    }
    .joinServiceBtns li:not(:last-child) {
        border-right: 1px solid #fff;
    }
}
.joinServiceIcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5em;
    text-decoration: none;
    color: #333;
    transition: opacity 0.2s;
    background: #fff;
    border: 1px solid #005bac;
    border-radius: 0.5em;
    min-height: 5.5em;
}
.joinServiceIcon:hover {
    opacity: 0.75;
}
.joinServiceIcon img {
    width: 2.8em;
    height: 2.8em;
    object-fit: contain;
}
.joinServiceIcon p {
    font-size: 1.1em;
    font-weight: 900;
    margin: 0;
    text-align: center;
}
.joinServiceQuickLinks {
    display: flex;
    justify-content: center;
    gap: 3em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #005bac;
    margin-bottom: 2.5em;
}
.joinServiceQuickLink {
    display: inline-flex;
    align-items: center;
    gap: 0.375em;
    text-decoration: none;
    font-weight: 900;
    transition: opacity 0.2s;
}
.joinServiceQuickLink:hover {
    opacity: 0.75;
    text-decoration: underline;
}
.joinServiceQuickLink img {
    width: 1.25em;
    height: 1.25em;
    filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(3000%) hue-rotate(199deg) brightness(92%) contrast(101%);
}
.joinServiceBoxLead {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 1.25em;
    text-align: center;
}
.joinServiceBtns {
    display: flex;
    justify-content: center;
    background: #fccf00;
    border-radius: 0.5em;
}
.joinServiceBtns [data-icon]::before {
    width: 2.2em;
    height: 2.2em;
    background-color: #4c4c4c;
}
.joinServiceBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6em;
    padding: 0.75em 1.5em;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
    color: #4c4c4c;
    transition: opacity 0.2s;
}
.joinServiceBtn small {
    padding: unset;
    text-indent: unset;
    color: unset;
    font-size: 0.75em;
    line-height: 1.2;
    margin-top: 0.3em;
    margin-bottom: 0;
}
.joinServiceBtn:hover {
    opacity: 0.85;
}
.joinServiceTopLink {
    color: #fff;
    font-weight: 500;
    background: #4e77a1;
    width: 100%;
    justify-content: center;
    padding: 1em;
}
.joinServiceTopLink[data-icon]::after {
    background-color: #fccf00;
}
.joinServiceTopLink:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .joinServiceBox__inner {
        padding: 1.5em 1em 2em;
    }
    .joinServiceIcon {
        flex-direction: row;
        padding: 1em 2em;
    }
    .joinServiceIcon img {
        width: 2.2em;
        height: 2.2em;
    }
    .joinServiceQuickLinks {
        flex-direction: column;
        gap: 1em;
        align-items: flex-start;
        padding-left: 0.5em;
        padding-bottom: 1.5em;
        margin-bottom: 1.5em;
    }
    .joinServiceBoxLead {
        text-align: left;
    }
    .joinServiceBtns {
        flex-direction: column;
        padding: 0 1.5em;
    }
    .joinServiceBtns li:not(:last-child) {
        border-bottom: 1px solid #fff;
    }
    .joinServiceBtn {
        justify-content: start;
        min-width: unset;
        min-height: 5.5em;
        padding: 0.75em 0;
    }
}

/* その他のサービス */
.joinOtherSection {
}
.joinOtherSection .section_inner {
    text-align: left;
}
.joinOtherList {
    list-style: none;
    padding: 0;
    margin: 0;
}
.joinOtherList li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.joinOtherItem {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.5em;
    border: 1px solid #005bac;
    border-radius: 0.6em;
    padding: 1em 2em 1em 3em;
    min-height: 6.6em;
    text-decoration: none;
    color: #333;
    transition: background-color 0.2s;
}
.joinOtherItem:hover {
    background-color: #f6fbff;
}
.joinOtherList [data-icon].icon_after::after {
    background-color: #005bac;
}
.joinOtherItem > img {
    width: 2.3em;
    height: 2.3em;
    object-fit: contain;
}
.joinOtherItem__body {
    text-align: left;
}
.joinOtherItem__title {
    font-size: 1.3em;
    font-weight: 900;
    color: #005bac;
    margin-bottom: 0.25em;
}
.joinOtherItem__desc {
    color: #666;
    font-weight: 500;
    font-size: inherit;
    line-height: 1.6;
    margin: 0;
}
@media screen and (max-width: 768px) {
    .joinOtherItem {
        gap: 0.8em 1em;
        padding: 1.2em 1.2em 1.2em 1.5em;
    }
    .joinOtherItem > img {
        grid-row: 1;
        grid-column: 1;
    }
    .joinOtherItem__body {
        display: contents;
    }
    .joinOtherItem__title {
        grid-row: 1;
        grid-column: 2 / -1;
        font-size: 1.2em;
        margin-bottom: 0;
        align-self: center;
    }
    .joinOtherList [data-icon].icon_after::after {
        grid-row: 1 / 3;
        grid-column: 4;
    }
    .joinOtherItem__desc {
        grid-row: 2;
        grid-column: 1 / -1;
    }
}
@media screen and (max-width: 375px) {
    .joinOtherItem {
        padding: 1.2em;
    }
}

/* 5つの理由ボタン */
a[aria-label="スターキャットが選ばれる5つの理由"].bottomArrowLinkButton_fill {
    display: block;
    margin: 0 auto;
    padding-bottom: 0.625rem;
    max-width: 550px;
    border-radius: 0.875rem;
    line-height: 1.2;
    text-align: center;
}
@media screen and (min-width: 769px) {
    .sectionTitle {
        justify-content: start;
        font-size: 2.2em;
    }
    a[aria-label="スターキャットが選ばれる5つの理由"].bottomArrowLinkButton_fill {
        font-size: 1.25em;
    }
}
a[aria-label="スターキャットが選ばれる5つの理由"].bottomArrowLinkButton_fill img {
    display: block;
    width: 120px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    a[aria-label="スターキャットが選ばれる5つの理由"].bottomArrowLinkButton_fill img {
        margin-bottom: 0.625rem;
    }
}

/* ユーティリティクラス */
.fontSizeS {
    font-size: 0.8em !important;
}
.fontSizeXXXL {
    font-size: 2em !important;
}
.colorYellow {
    color: #fccf00 !important;
}
@media screen and (min-width: 769px) {
    .showTB {
        display: none !important;
    }
}

/* ===== 「法人のお客様・マンションオーナー様・管理会社へ」（starcat.co.jp/join/ より） ===== */
/* バナー */
.banner {
    margin-top: 40px;
    margin-bottom: 40px;
}
.banner .banner_inner {
    display: flex;
    align-items: center;
    background: #000;
    color: #fff;
}
.banner .image {
    max-width: 400px;
    width: 40%;
    overflow: hidden;
}
.banner p {
    font-size: 18px;
    margin-bottom: 0;
}
.banner .text {
    width: 60%;
    padding-left: 60px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
}
.banner .text .title {
    font-size: 40px;
    line-height: 1.4em;
}
.banner .text .blank::after {
    background: url(/img/icon/blank_c_icon.svg) no-repeat;
}
@media screen and (max-width: 1100px) {
    .banner .text {
        padding-left: 5.6%;
    }
    .banner .text .title {
        font-size: 3.6vw;
    }
}
@media screen and (max-width: 768px) {
    .banner .banner_inner {
        display: block;
    }
    .banner .image {
        max-width: 100%;
        width: 100%;
    }
    .banner .text {
        width: auto;
        padding: 30px;
    }
    .banner .text .title {
        font-size: 24px;
        line-height: 36px;
    }
}
.banner:hover .banner_inner {
    color: #fccf00;
}
.banner:hover .image img {
    transform: scale(1.1, 1.1);
    transition: 1s all;
}
.banner .image img {
    transition: 1s all;
}
/* キャンペーンバナー */
.cp_banner .banner_inner {
    box-sizing: border-box;
    transition: background 0.4s ease-in-out;
    background: #f3f3f3;
    color: #005bac;
    border: 5px solid #f3f3f3;
}
.cp_banner .image {
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: -5px;
}
.cp_banner .text p {
    padding-left: 16px;
}
.cp_banner .text .title {
    position: relative;
    font-size: 26px;
}
.cp_banner .text .title::before {
    position: absolute;
    content: url(/img/icon/link_blue_icon.svg);
    width: 8px;
    left: 0;
    top: calc(50% - 24px);
}
.cp_banner:hover .banner_inner {
    transition: background 0.4s ease-in-out;
    background: #fff;
    color: #2f8fe5;
}
.cp_banner:hover .text .title::before {
    content: url(/img/icon/link_blue_ov_icon.svg);
}
@media screen and (max-width: 1100px) {
    .cp_banner .text .title {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .cp_banner .banner_inner {
        border: none;
    }
    .cp_banner .image {
        margin: 0;
    }
    .cp_banner .text {
        border: 3px solid #f3f3f3;
    }
    .cp_banner .text p {
        font-size: 16px;
    }
    .cp_banner .text .title {
        font-size: 20px;
        line-height: 1.4em;
    }
    .cp_banner .text .title::before {
        top: calc(50% - 16px);
    }
}

/* ===== 「お問い合わせセクション」（starcat.co.jp/join/ より） ===== */
.contact_block {
    background: #424242;
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 50px;
}
.apply_btn {
    transition: all 0.4s ease-in-out;
    position: relative;
    box-sizing: border-box;
    background-color: #0bb3f9;
    color: #fff600;
    width: 490px;
    height: 215px;
    font-size: 34px;
    font-weight: bold;
    margin-right: 40px;
    border-radius: 10px;
}
.apply_btn::before {
    position: absolute;
    content: "";
    background-image: url(/img/header/apply_balloon.png);
    background-size: cover;
    width: 170px;
    height: 170px;
    top: -50px;
    left: -70px;
}
.apply_btn::after {
    position: absolute;
    content: "";
    background-image: url(/img/header/apply_cat.png);
    background-size: cover;
    width: 174px;
    height: 163px;
    bottom: -45px;
    right: -30px;
}
.apply_btn:hover {
    opacity: 1;
    background: #00ccff;
    color: #fff600;
}
.apply_btn span {
    position: relative;
    padding-right: 30px;
}
.apply_btn span::after {
    position: absolute;
    content: "";
    background-image: url(/img/icon/link_yellow_icon.svg);
    background-repeat: no-repeat;
    width: 7px;
    height: 13px;
    right: 14px;
    top: calc(50% - 6px);
}
.contact_block_inner {
    width: 490px;
    color: #fff;
}
.title_border {
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 20px;
}
.title_border:before,
.title_border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #696969;
}
.title_border:before {
    margin-right: 1rem;
}
.title_border:after {
    margin-left: 1rem;
}
.contact_link_list {
    margin-bottom: 20px;
}
.contact_link_btn {
    transition: all 0.4s ease-in-out;
    position: relative;
    box-sizing: border-box;
    width: 150px;
    color: #fccf00;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 17px;
    border: 1px solid #fccf00;
    border-radius: 10px;
    margin-right: 20px;
}
.contact_link_btn:hover {
    opacity: 1;
    background: #fccf00;
    color: #424242;
}
.contact_link_btn.chat {
    margin-right: 0;
}
.contact_link_btn.tel {
    display: none;
}
.contact_link_btn::after {
    position: absolute;
    content: "";
    background-image: url(/img/icon/link_icon.svg);
    background-repeat: no-repeat;
    width: 7px;
    height: 13px;
    right: 12px;
    top: calc(50% - 6px);
}
.contact_link_btn:hover::after {
    background-image: url(/img/icon/link_black_icon.svg);
}
.tel_contact {
    box-sizing: border-box;
    width: 100%;
    background: #505050;
    padding: 20px;
    border-radius: 10px;
}
.tel_contact > p {
    margin: 0;
}
.tel_contact .freecall {
    padding-left: 30px;
    border-left: 1px solid #424242;
    margin-left: 30px;
}
.tel_contact .freecall .tel {
    margin-bottom: 6px;
}
.tel_contact .freecall .tel img,
.tel_contact .freecall .tel a {
    display: inline-block;
}
.tel_contact .freecall .tel img {
    width: 32px;
    margin-right: 4px;
}
.tel_contact .freecall .tel a {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    pointer-events: none;
}
.tel_contact .freecall p {
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 0;
}
.menu_block a {
    transition: all 0.4s ease-in-out;
    box-sizing: border-box;
    position: relative;
    width: 550px;
    padding: 10px 40px;
}
.menu_block a:first-child {
    border-right: 1px solid #303030;
}
.menu_block a::after {
    position: absolute;
    content: "";
    background-image: url(/img/icon/link_icon.svg);
    background-repeat: no-repeat;
    width: 7px;
    height: 13px;
    right: 40px;
    top: calc(50% - 6px);
}
.menu_block a:hover {
    background: #4a4a4a;
    opacity: 1;
}
.menu_block p {
    transition: all 0.4s ease-in-out;
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
    margin: 0;
}
.menu_block a:hover p {
    color: #fccf00;
}
.menu_block .apmh_search p {
    padding-left: 62px;
}
.menu_block .apmh_search p::before {
    transition: all 0.4s ease-in-out;
    position: absolute;
    content: "";
    background: url(/img/icon/apmh_search_icon.svg) no-repeat;
    width: 42px;
    height: 38px;
    left: 0;
    top: calc(50% - 19px);
}
.menu_block .apmh_search:hover p::before {
    background: url(/img/icon/apmh_search_yellow_icon.svg) no-repeat;
}
.menu_block .price_simulation p {
    padding-left: 49px;
}
.menu_block .price_simulation p::before {
    transition: all 0.4s ease-in-out;
    position: absolute;
    content: "";
    background: url(/img/icon/price_simulation_icon.svg) no-repeat;
    width: 29px;
    height: 36px;
    left: 0;
    top: calc(50% - 18px);
}
.menu_block .price_simulation:hover p::before {
    background: url(/img/icon/price_simulation_yellow_icon.svg) no-repeat;
}
.menu_block p span {
    display: block;
    font-size: 14px;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 6px;
}
@media screen and (max-width: 1100px) {
    .contact_block {
        display: block;
        padding: 40px 20px;
        margin: 0 20px 50px;
    }
    .apply_btn {
        width: 100%;
        height: 150px;
        margin-bottom: 30px;
    }
    .apply_btn::before {
        top: -60px;
        left: 20px;
    }
    .apply_btn::after {
        width: 192px;
        height: 194px;
        bottom: 0;
        right: 20px;
    }
    .contact_block_inner {
        width: 100%;
    }
    .contact_link_list {
        margin-bottom: 0;
    }
    .contact_link_btn.chat {
        margin-right: 20px;
    }
    .contact_link_btn.tel {
        display: block;
        margin-right: 0;
    }
    .tel_contact {
        display: none;
    }
    .menu_block {
        display: block;
    }
    .menu_block a {
        width: 100%;
        padding: 20px 20px 20px 40px;
        border-bottom: 1px solid #303030;
    }
    .menu_block a::after {
        right: 20px;
    }
    .menu_block a:first-child {
        border-right: none;
    }
}
@media screen and (max-width: 768px) {
    .contact_block {
        background: #424242;
        padding: 50px 20px 20px;
        border-radius: 10px;
        margin: 0;
    }
    .apply_btn {
        height: 100px;
        font-size: 20px;
        margin-bottom: 30px;
    }
    .apply_btn::before {
        width: 95px;
        height: 95px;
        top: -45px;
        left: -20px;
    }
    .apply_btn::after {
        width: 95px;
        height: 113px;
        bottom: 0;
        right: -5px;
    }
    .contact_link_btn {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    .menu_block a {
        padding: 20px 40px 20px 20px;
    }
    .menu_block p {
        font-size: 16px;
        line-height: 26px;
    }
    .menu_block p span {
        font-size: 12px;
    }
}