@charset "utf-8";
/*** 元々ある要素の調整 ***/

:root {
    --co_1: #221815;
    --co_2: #AE862B;
    --co_3: #c4c4c4;
    --co_4: #DADADA;
    --co_5: #f2f2f2;
}


a {
    color: var(--co_1);
}


.yellow {
    color: var(--co_2);
}


main>.inner .en {
    color: var(--co_2);
}

.global_nav .nav_toggle>.inner {
    background: var(--co_1);
}

.global_nav .menu nav .list li a::before {
    background-color: var(--co_1);
}

.global_nav .menu {
    background: var(--co_4);
}


/***  ***/

/*** footer ***/
footer {
    background-color: var(--co_4);
}

footer>.inner>.cont>.schedule>.list table th,
footer>.inner>.cont>.schedule>.list table .tal {
    background-color: var(--co_3);
}

footer>.inner>.cont>.schedule>.list table td {
    color: var(--co_2);
}


footer>.copy {
    background-color: var(--co_1);
}

footer .pagetop {
    background-color: var(--co_1);
}

@media screen and (max-width: 768px) {
    footer>.copy {
        padding-bottom: 110px;
        background-color: var(--co_3);
    }

    header>.inner>.cont>.inner>.tel a {
        background: var(--co_1);
    }

}




body {
    background-image: none;
    background-color: var(--co_5);
}


main>.inner .visual>.inner>.cont>.feature ul li.point_01 .ttl .yellow.em {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

@media screen and (max-width: 768px) {
    main>.inner .visual>.inner>.cont>.feature ul li.point_04 .inner {
        font-size: inherit;
    }

    main>.inner .visual>.inner>.cont>.feature ul li.point_04 .inner .yellow {
        font-size: inherit;
    }
}

/*** こんなお悩みありませんか？ ***/
main>.inner .problem>.inner .cont>.inner {
    background-color: var(--co_4);
}

main>.inner .problem>.inner .cont>.inner .photo {
    border-color: var(--co_2);
}

main>.inner .problem>.inner .answer>.inner p {
    border-color: var(--co_2);
}

main>.inner .problem>.inner .answer>.inner p .line {
    color: var(--co_2);
}

/*** 特徴 ***/
main>.inner>.feature>.inner>.list ul li .photo {
    border-color: var(--co_2);
}

main>.inner .inplant {
    background-color: var(--co_4);
}

main>.inner .inplant>.sign {
    color: var(--co_4);
}

main>.inner .inplant>.inner>.photo {
    border-color: var(--co_2);
}

/*** 当院の治療例 ***/
main>.inner .merit>.inner>.list ul li>.cont>.ttl {
    border-bottom-color: var(--co_2);
}

main>.inner .merit>.inner>.list ul li>.cont>.txt dl dt {
    border-color: var(--co_2);
}

/*** 当院の特徴 ***/
main>.inner .function>.inner>.list li>.photo {
    border-color: var(--co_2);
}

main>.inner .function>.inner>.list li>.cont .ttl {
    border-bottom-color: var(--co_2);
}

/*** 治療比較 ***/
main>.inner .comparison>.inner .list .list_table table tbody tr>.none,
main>.inner .comparison>.inner .list .list_table table tbody tr .th_sec {
    background-color: var(--co_1) !important;
}

main>.inner .comparison>.inner .list .list_table table tbody tr .th_pre {
    background-color: var(--co_3);
}

/*** 料金 ***/
main>.inner .price>.inner>.cont {
    background-color: var(--co_1);
}

main>.inner .price>.inner>.cont::before {
    border-color: var(--co_1);
}

/*** 治療の流れ ***/
main>.inner .flow>.inner>.cont .list li:nth-child(odd) {
    background-color: var(--co_4);
}

main>.inner .flow>.inner>.cont .list li:nth-child(even) {
    background-color: var(--co_3);
}

main>.inner .flow>.inner>.cont .list li::before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    width: 0;
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
}

main>.inner .flow>.inner>.cont .list li:nth-child(odd)::before {
    border-left: 20px solid var(--co_4);
}

main>.inner .flow>.inner>.cont .list li:nth-child(even)::before {
    border-left: 20px solid var(--co_3);
}

main>.inner .flow>.inner>.cont .list li:nth-of-type(4)::before {
    content: none;
}

main>.inner .flow>.inner>.cont .list li .photo {
    border-color: var(--co_2);
}

@media screen and (max-width: 768px) {
    main>.inner .flow>.inner>.cont .list li::before {

        border-right: 20px solid transparent;
        top: inherit;
        bottom: -40px;
        right: inherit;
        left: 50%;
        transform: translateX(-50%);
    }

    main>.inner .flow>.inner>.cont .list li:nth-child(odd)::before {
        border-top: 20px solid var(--co_4);
        border-left: 20px solid transparent;
    }

    main>.inner .flow>.inner>.cont .list li:nth-child(even)::before {
        border-top: 20px solid var(--co_3);
        border-left: 20px solid transparent;
    }

    main>.inner .flow>.inner>.cont .list li:nth-of-type(4)::before {
        content: "";
    }
}

/*** よくある質問 ***/
main>.inner .faq>.inner .cont .list {
    border-top-color: var(--co_2);
}

main>.inner .faq>.inner .cont .list dt::before {
    background-color: var(--co_1);
}

main>.inner .faq>.inner .cont .list dd::before {
    background-color: var(--co_2);
}

/*** 保証内容について ***/