@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

html,
body {
    font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
}

body {
    background-color: #fff;
}

/* ヒーロータイトル */
#relationship-advice-service #page-hero .hero-title-decoration {
    width: 530px;
    max-width: 100%;
}

#relationship-advice-service #page-hero .hero-title-decoration .wp-block-image {
    width: 100%;
}

#relationship-advice-service #page-hero .hero-title-decoration .wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
}



/* =====================================
   HERO：3つの特徴ボックス
   タイトルと同じ横幅
===================================== */

#relationship-advice-service #page-hero .hero-badge {
    width: 530px;
    max-width: 100%;
    margin: 26px auto 0 0;
    --swl-clmn-mrgn--x: 0px !important;
}

#relationship-advice-service #page-hero .hero-badge>.swell-block-columns__inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
}

#relationship-advice-service #page-hero .hero-badge>.swell-block-columns__inner>.badge-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 145px !important;
    min-height: 145px !important;
    margin: 0 !important;
    padding: 14px 10px !important;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(180, 140, 76, .12);
    border-radius: 9px;
    box-shadow: 0 7px 18px rgba(94, 72, 38, .14);
    text-align: center !important;
    word-break: keep-all;
}

#relationship-advice-service #page-hero .hero-badge .badge-inner>.swell-block-columns {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

#relationship-advice-service #page-hero .hero-badge .badge-inner>.swell-block-columns>.swell-block-columns__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
}

#relationship-advice-service #page-hero .hero-badge .badge-inner .swell-block-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

#relationship-advice-service #page-hero .hero-badge .badge-inner figure {
    display: block;
    width: 44px;
    margin: 0 auto 5px !important;
    padding: 0 !important;
}

#relationship-advice-service #page-hero .hero-badge .badge-inner figure img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#relationship-advice-service #page-hero .hero-badge .badge-inner p {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 13px;
    line-height: 1.65;
}

#relationship-advice-service #page-hero .hero-badge .badge-inner p strong {
    font-size: 14px;
    font-weight: 700;
}

@media screen and (max-width:600px) {
    #relationship-advice-service #page-hero .hero-badge>.swell-block-columns__inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    #relationship-advice-service #page-hero .hero-badge>.swell-block-columns__inner>.badge-inner {
        height: 125px !important;
        min-height: 125px !important;
        padding: 10px 5px !important;
        border-radius: 7px;
    }

    #relationship-advice-service #page-hero .hero-badge .badge-inner figure {
        width: 30px;
    }

    #relationship-advice-service #page-hero .hero-badge .badge-inner p {
        font-size: 10px;
        line-height: 1.5;
    }

    #relationship-advice-service #page-hero .hero-badge .badge-inner p strong {
        font-size: 11px;
    }
}

/* =====================================
   HERO：下部CTA全体
===================================== */

#relationship-advice-service #page-hero .hero-cta-row {
    width: min(1200px, calc(100vw - 40px));
    max-width: none;

    position: relative;

    /* 左へずらさない */
    left: auto;
    transform: none;

    margin-top: 26px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =====================================
   CTAの大元
   左カラムと右カラムを両端配置
===================================== */

#relationship-advice-service #page-hero .hero-cta-row>.swell-block-columns__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 !important;
    gap: 30px;
}


/* =====================================
   左側カラム
   予約＋初めての方へ
   タイトルと同じ530px
===================================== */

#relationship-advice-service #page-hero .hero-cta-row>.swell-block-columns__inner>.swell-block-column:first-child {
    flex: 0 0 530px;
    width: 530px;
    min-width: 530px;
    max-width: 530px !important;
    margin: 0 !important;
}


/* 左側2ボタンのラッパー */
#relationship-advice-service #page-hero .cta-btn-wrapper {
    width: 530px;
    max-width: 530px !important;
    margin: 0 !important;
}


/* 2ボタンを必ず横並び */
#relationship-advice-service #page-hero .cta-btn-wrapper>.swell-block-columns__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    justify-content: flex-start;
    width: 100% !important;
    margin: 0 !important;
    gap: 16px;
}


/* SWELL側の50%指定を解除 */
#relationship-advice-service #page-hero .cta-btn-wrapper>.swell-block-columns__inner>.swell-block-column {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}


/* =====================================
   予約ボタン
===================================== */
#relationship-advice-service #page-hero .custom-pink {
    width: 250px !important;
    flex: 0 0 275px;
}



#relationship-advice-service #page-hero .custom-pink .swell-block-button__link {
    width: 275px !important;
    min-width: 275px !important;
    color: #fff !important;
    background: linear-gradient(135deg,
            #AE8748) !important;
    border: 1px solid #b48c4c !important;
    box-shadow: 0 6px 14px rgba(126, 91, 38, 0.20) !important;
}


/* =====================================
   初めての方へ
===================================== */

#relationship-advice-service #page-hero .hero-sub-btn {
    width: 239px !important;
    flex: 0 0 239px;
}


#relationship-advice-service #page-hero .hero-sub-btn .swell-block-button__link {
    width: 239px !important;
    min-width: 239px !important;
    color: #111 !important;
    background: rgba(255, 255, 255, .88) !important;
    border: 1px solid #b48c4c !important;
    box-shadow: none !important;
}


/* =====================================
   右側カラム
===================================== */

#relationship-advice-service #page-hero .hero-cta-row>.swell-block-columns__inner>.male-btn-col {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 0 0 auto !important;
}


/* =====================================
   男性はコチラへ
===================================== */

#relationship-advice-service #page-hero .male-btn {

    display: block;

    width: fit-content;

    margin-left: auto !important;
    margin-right: 0 !important;
}


#relationship-advice-service #page-hero .male-btn .swell-block-button__link {

    width: auto !important;
    min-width: 225px !important;
}

/* =====================================
   ホバー
===================================== */

#relationship-advice-service #page-hero .hero-cta-row .swell-block-button__link:hover {
    transform: translateY(-2px);
}

#relationship-advice-service #page-hero .custom-pink .swell-block-button__link:hover {
    box-shadow:
        0 8px 18px rgba(126, 91, 38, 0.25) !important;
}

#relationship-advice-service #page-hero .hero-sub-btn .swell-block-button__link:hover,
#relationship-advice-service #page-hero .male-btn .swell-block-button__link:hover {
    background: #fff !important;
}


/* =====================================
   タブレット
===================================== */

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

    #relationship-advice-service #page-hero .hero-badge {
        width: 100%;
    }

    #relationship-advice-service #page-hero .hero-cta-row>.swell-block-columns__inner {
        flex-wrap: wrap;
    }

    #relationship-advice-service #page-hero .male-btn-col {
        flex-basis: 100% !important;
        justify-content: flex-start;
        margin-top: 10px;
    }

    #relationship-advice-service #page-hero .male-btn {
        margin-left: 0;
    }
}


/* =====================================
   スマートフォン
===================================== */

@media screen and (max-width:600px) {
    #relationship-advice-service #page-hero .hero-cta-row {
        width: 100%;
        max-width: 100%;
        margin-top: 26px;
    }

    #relationship-advice-service #page-hero .hero-cta-row>.swell-block-columns__inner {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
        gap: 10px;
    }

    #relationship-advice-service #page-hero .hero-cta-row>.swell-block-columns__inner>.swell-block-column:first-child {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #relationship-advice-service #page-hero .cta-btn-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0;
        --swl-clmn-mrgn--x: 0rem;
    }

    #relationship-advice-service #page-hero .cta-btn-wrapper>.swell-block-columns__inner {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
        gap: 10px;
    }

    #relationship-advice-service #page-hero .cta-btn-wrapper>.swell-block-columns__inner>.swell-block-column {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    #relationship-advice-service #page-hero .cta-btn-gold,
    #relationship-advice-service #page-hero .cta-btn-outline {
        width: 100%;
        margin: 0;
    }

    #relationship-advice-service #page-hero .cta-btn-gold .swell-block-button__link,
    #relationship-advice-service #page-hero .cta-btn-outline .swell-block-button__link {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
}


#relationship-advice-service .swell-block-button a {
    border-radius: 10px;
    padding: 12px 20px;
    min-width: 300px;
    border: solid 1px #edd1db;
    background-color: #fff;
    color: #081036;
    transition: .3s ease;
}

#relationship-advice-service .swell-block-button a:hover {
	transform: translateY(-2px);
}

#relationship-advice-service .swell-block-button a .__icon {
    color: #B48C4C;
}


#relationship-advice-service .swell-block-button.custom-pink a {
    color: #fff;
    background-color: #B98D3D;
    border: solid 1px #B98D3D;
}

#relationship-advice-service .swell-block-button.custom-pink a .__icon {
    color: #fff;
}

#relationship-advice-service .swell-block-button.custom-pink a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f073";
    display: inline-block;
    font-size: 1.3em;
}



#relationship-advice-service {
    color: #081036;
    line-height: 1.8;
    font-size: 16px;
}

#relationship-advice-service .font-mincho {
    font-family: "Shippori Mincho", "Noto Serif JP", serif;
}

#relationship-advice-service .section-midashi {
    font-family: "Shippori Mincho", "Noto Serif JP", serif;
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.5;
}

@media screen and (max-width: 600px) {
    #relationship-advice-service .section-midashi {
        font-size: 1.4em;
    }
}

#relationship-advice-service .custom-group {
    background-color: #ffffff;
    border: solid 2px rgba(170, 141, 101, 0.2);
    border-radius: 10px;
    padding: 3em 2em 2.8em 2.5em;
}

@media screen and (max-width: 960px) {
    #relationship-advice-service .custom-group {
        padding: 2em 1em 2.5em 1em;
    }
}

#relationship-advice-service .cta-btn-wrapper .swell-block-columns__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    align-items: unset;
}

#relationship-advice-service .cta-btn-wrapper .swell-block-columns__inner .swell-block-button {
    height: 100%;
}

#relationship-advice-service .cta-btn-wrapper .swell-block-columns__inner .swell-block-button a {
    height: 100%;
}

@media screen and (max-width: 600px) {
    #relationship-advice-service .cta-btn-wrapper .swell-block-columns__inner .swell-block-column {
        margin: 0;
        width: 100%;
    }

    #relationship-advice-service .cta-btn-wrapper .swell-block-columns__inner a {
        width: 100%;
    }
}

#relationship-advice-service .swell-block-button {
    word-break: keep-all;
}

#relationship-advice-service #page-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (min-width: 961px) {
    #relationship-advice-service #page-hero {
        min-height: 100vh;
    }

    #relationship-advice-service #page-hero .hero-text-container {
        left: calc(40% - 50vw + var(--swl-scrollbar_width, 0px) / 2);
    }
}

@media screen and (max-width: 960px) {
    #relationship-advice-service #page-hero {
        background-position: 70% 100% !important;
        padding: 50px 0 !important;
    }

    #relationship-advice-service #page-hero .hero-text-container {
        width: 90vw !important;
        margin: auto;
        margin-bottom: -3em !important;
    }
}

#relationship-advice-service #page-hero .hero-title {
    font-size: clamp(20px, 3vw, 38px);
    line-height: 1.5;
    font-family: "Shippori Mincho", "Noto Serif JP", serif;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #page-hero .hero-title {
        font-size: clamp(20px, 5vw, 35px);
        font-weight: bold;
    }
}













@media screen and (max-width: 600px) {
    #relationship-advice-service #page-hero .hero-badge .badge-inner {
        padding: 10px 20px 15px;
    }

    #relationship-advice-service #page-hero .hero-badge .badge-inner figure {
        width: 30px;
    }
}

#relationship-advice-service #nayami .section-midashi {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

#relationship-advice-service #nayami .section-midashi::before,
#relationship-advice-service #nayami .section-midashi::after {
    content: "";
    background-image: url(http://cocorojp.xsrv.jp/wp-content/uploads/2026/08/arrow-kazari.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 240px;
    height: 25px;
    position: absolute;
    top: 50%;
}

#relationship-advice-service #nayami .section-midashi::before {
    left: -1.5em;
    transform: translate(-100%, -50%);
}

#relationship-advice-service #nayami .section-midashi::after {
    right: -1.5em;
    transform: translate(100%, -50%) rotate(180deg);
}

#relationship-advice-service #nayami .nayami-list-wrapper {
    position: relative;
}

#relationship-advice-service #nayami .nayami-list-wrapper .nayami-list {
    align-items: flex-start;
    z-index: 2;
    position: relative;
}

@media screen and (min-width: 961px) {
    #relationship-advice-service #nayami .nayami-list-wrapper .nayami-list {
        width: 85%;
    }
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #nayami .nayami-list-wrapper .nayami-list {
        flex-direction: column;
        margin-bottom: 2em !important;
    }
}

#relationship-advice-service #nayami .nayami-list-wrapper .nayami-list li {
    padding-left: 1.8em;
    width: 45%;
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #nayami .nayami-list-wrapper .nayami-list li {
        width: 100%;
    }
}

#relationship-advice-service #nayami .nayami-list-wrapper .nayami-list li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f14a";
    color: #AA8546;
    font-size: 1.3em;
    margin-top: -4px;
}

#relationship-advice-service #nayami .nayami-list-wrapper .nayami-kazari {
    position: absolute;
    max-width: 35%;
    height: 97%;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 960px) {
    #relationship-advice-service #nayami .nayami-list-wrapper .nayami-kazari {
        right: 0;
        bottom: 0;
        max-width: 90%;
        opacity: 0.3;
        transform: translate(13%, 4%);
    }
}

#relationship-advice-service #nayami .nayami-list-wrapper .nayami-kazari img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 960px) {
    #relationship-advice-service #love-addiction .swell-block-columns__inner {
        justify-content: center;
    }
}

#relationship-advice-service #love-addiction .swell-block-column {
    position: relative;
}

#relationship-advice-service #love-addiction .swell-block-column::after {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0da";
    color: #AE6E09;
    font-size: 25px;
    right: -1em;
    top: 38px;
    transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
	#relationship-advice-service #love-addiction .swell-block-column::after {
		content: "\f0d7";
		right: auto;
		left: 50%;
		top: auto;
		bottom: -3em;
		transform: translateX(-50%);
	}
}

#relationship-advice-service #love-addiction .swell-block-column:last-of-type::after {
    display: none;
}

@media (min-width: 600px) and (max-width: 960px) {
    #relationship-advice-service #love-addiction .swell-block-column(3n)::after {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #love-addiction .swell-block-column(even)::after {
        display: none;
    }
}

#relationship-advice-service #love-addiction .card-img-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

#relationship-advice-service #love-addiction .card-img-wrapper figure {
    width: 90%;
}

#relationship-advice-service #psychological-factors {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 960px) {
    #relationship-advice-service #psychological-factors>.swell-block-fullWide__inner {
        padding-bottom: 13px !important;
    }
}

#relationship-advice-service #psychological-factors .nayami-list {
    justify-content: center;
    gap: 0.5em 2em;
    max-width: 1100px;
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #psychological-factors .nayami-list {
        flex-direction: column;
    }
}

#relationship-advice-service #psychological-factors .nayami-list li {
    display: flex;
    align-items: center;
    width: 45%;
    border: solid 2px #D5B261;
    padding: 13px 20px 13px 50px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #psychological-factors .nayami-list li {
        width: 100%;
    }
}

#relationship-advice-service #psychological-factors .nayami-list li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f14a";
    color: #BF893C;
    font-size: 1.3em;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#relationship-advice-service #psychological-factors .flower-kazari {
    position: absolute;
    width: 240px;
    max-width: 25%;
    bottom: 0;
    right: 10px;
    z-index: -1;
    transform: translateY(12%);
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #psychological-factors .flower-kazari {
        max-width: 40%;
    }
}

#relationship-advice-service #cta {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media screen and (max-width: 960px) {
    #relationship-advice-service #cta {
        overflow: visible;
    }
}

#relationship-advice-service #cta .flower-kazari {
    position: absolute;
    width: 210px;
    max-width: 20%;
    bottom: 0;
    right: 30px;
    z-index: -1;
}

#relationship-advice-service #cta .cta-flex {
    position: relative;
}

@media screen and (min-width: 961px) {
    #relationship-advice-service #cta .cta-flex {
        width: 90%;
    }
}



#relationship-advice-service #cta .cta-flex .swell-block-columns__inner {
    justify-content: space-between;
}

@media screen and (max-width: 960px) {
    #relationship-advice-service #cta .cta-flex .swell-block-columns__inner {
        justify-content: center;
    }
}

#relationship-advice-service #cta .cta-flex .left-content {
    width: -moz-fit-content;
    width: fit-content;
}


#relationship-advice-service #cta .cta-flex .left-content .cta-title {
    font-size: clamp(19px, 2.8vw, 26px);
}

#relationship-advice-service #cta .cta-flex .left-content .cta-badge>.swell-block-columns__inner .swell-block-column {
    width: -moz-fit-content;
    width: fit-content;
    word-break: keep-all;
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #cta .cta-flex .left-content .cta-badge>.swell-block-columns__inner .swell-block-column {
        width: 90%;
    }
}

#relationship-advice-service #cta .cta-flex .left-content .cta-badge>.swell-block-columns__inner>.swell-block-column {
    background-color: #FDFBFA;
    border-radius: 5px;
    padding: 10px 13px;
}

@media screen and (max-width: 600px) {
    #relationship-advice-service #cta .cta-flex .left-content .badge-inner .swell-block-columns__inner {
        flex-direction: column;
    }

    #relationship-advice-service #cta .cta-flex .left-content .badge-inner .swell-block-columns__inner figure {
        margin: auto;
    }
}

#relationship-advice-service #cta .cta-flex .left-content .cta-btn-wrapper .swell-block-columns__inner {
    margin: 0;
    justify-content: flex-start;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

#relationship-advice-service #cta .cta-flex .left-content .cta-btn-wrapper .swell-block-columns__inner .swell-block-column {
    margin-left: 0;
}

#relationship-advice-service #cta .cta-flex .left-content .cta-btn-wrapper .swell-block-columns__inner a::before {
    font-size: 1.6em;
    margin-right: 10px;
}

#relationship-advice-service .circle-text {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 999px;
    border: solid 1px #aa8d65;
    background-color: rgba(255, 255, 255, 0.7);
    width: 220px;
    margin: 0: max-width: none;
    height: 220px;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateX(30px);
}

@media screen and (max-width: 960px) {
    #relationship-advice-service .circle-text {
        margin: 0 0 0 auto;
        width: 200px;
        font-size: 0.8em;
    }
}

@media screen and (max-width: 600px) {
    #relationship-advice-service .circle-text {
        margin: 0;
    }
}

#relationship-advice-service .circle-text .price {
    font-size: 0.7em;
    line-height: 1.2;
}

#relationship-advice-service .circle-text .price span {
    font-size: 1.75em;
}

#relationship-advice-service .circle-text hr {
    border-bottom: 1px solid #aa8d65;
    width: 70%;
    max-width: unset;
    margin: 10px auto;
}




#relationship-advice-service .circle-col {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    width: auto !important;
    min-width: 220px;
    margin: 0 !important;
    flex: 0 0 220px;
}
















/* =====================================
   CBTカード
===================================== */
.cbt-card {
    position: relative;
    isolation: isolate;
    min-height: 300px !important;
    padding: 32px 14px 22px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    text-align: center;
}


/* 共通の盾型 */
/* =====================================
   CBTカード：盾型
===================================== */

.cbt-card {
    position: relative;
    isolation: isolate;
    min-height: 300px !important;
    padding: 16px 14px 16px !important;
    background: transparent !important;
    border: none !important;
    box-sizing: border-box;
    text-align: center;
}

@media(max-width: 600px) {
	.cbt-card {
		min-height: 240px !important;
	}
}

/* 盾型共通 */
.cbt-card::before,
.cbt-card::after {
    content: "";
    position: absolute;

    clip-path: polygon(0% 12%,
            8% 11%,
            16% 9%,
            24% 7%,
            32% 4.7%,
            40% 2.5%,
            46% .8%,
            50% 0%,
            54% .8%,
            60% 2.5%,
            68% 4.7%,
            76% 7%,
            84% 9%,
            92% 11%,
            100% 12%,

            100% 70%,
            99% 77%,
            96% 84%,
            91% 89%,
            84% 93%,
            75% 96%,
            65% 98%,
            56% 99.5%,
            50% 100%,
            44% 99.5%,
            35% 98%,
            25% 96%,
            16% 93%,
            9% 89%,
            4% 84%,
            1% 77%,
            0% 70%);

    -webkit-clip-path: polygon(0% 12%,
            8% 11%,
            16% 9%,
            24% 7%,
            32% 4.7%,
            40% 2.5%,
            46% .8%,
            50% 0%,
            54% .8%,
            60% 2.5%,
            68% 4.7%,
            76% 7%,
            84% 9%,
            92% 11%,
            100% 12%,

            100% 70%,
            99% 77%,
            96% 84%,
            91% 89%,
            84% 93%,
            75% 96%,
            65% 98%,
            56% 99.5%,
            50% 100%,
            44% 99.5%,
            35% 98%,
            25% 96%,
            16% 93%,
            9% 89%,
            4% 84%,
            1% 77%,
            0% 70%);
}


/* 1pxゴールド外枠 */
.cbt-card::before {
    inset: 0;
    z-index: -2;

    background: #D9B56E;
}


/* 白背景 */
.cbt-card::after {
    inset: 2px;
    z-index: -1;

    background: #FFFDFD;
}


/* カード内容 */
.cbt-card>* {
    position: relative;
    z-index: 1;
}


/* 高さ統一 */
.cbt-cards>.swell-block-columns__inner {
    align-items: stretch !important;
}

.cbt-cards .cbt-card {
    height: 100%;
}

/* =====================================
   CBTカード間の矢印
   ※盾のbefore/afterとは別にする
===================================== */

.cbt-card h3 {
    position: static !important;
}


/* 1〜3枚目だけ矢印 */
.cbt-card:not(:last-child) h3::after {
    content: "▶";

    position: absolute;
    top: 50%;
    right: -13px;

    z-index: 20;

    color: #C58D16;

    font-size: 12px;
    line-height: 1;

    transform: translate(50%, -50%);
}

@media (max-width: 600px) {
	.cbt-card:not(:last-child) h3::after {
		content: "▼";
		top: auto;
		right: auto;
		bottom: -1.5rem;
		left: 50%;
		transform: translate(-50%, 50%);
	}
}

/* 当相談室が選ばれる理由：カラム間の縦線 */

.reason-columns>.swell-block-columns__inner>.swell-block-column {
    position: relative;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.reason-columns>.swell-block-columns__inner>.swell-block-column:not(:last-child) {
    border-right: 1px solid #D8B974;
}

.future-columns>.swell-block-columns__inner>.swell-block-column {
    position: relative;
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 90%;
}

.future-columns>.swell-block-columns__inner>.swell-block-column:not(:last-child) {
    border-right: 3px solid #F5ECD6;
}

/* =====================================
   ご予約からカウンセリングまでの流れ
   カラム間の▶矢印
===================================== */

.flow-columns>.swell-block-columns__inner>.swell-block-column {
    position: relative;
}

/* 1〜4個目のカラムだけ矢印 */
.flow-columns>.swell-block-columns__inner>.swell-block-column:not(:last-child)::after {
    content: "▶";
    position: absolute;
    top: 50%;
    right: -16px;
    z-index: 10;
    color: #C58D16;
    font-size: 12px;
    line-height: 1;
    transform: translate(50%, -50%);
}





@media (max-width: 767px) {
    .check-box {
        position: relative;
        display: block !important;
        overflow: visible;
        padding: 60px 24px 40px !important;
    }

    /* 1つ目の画像：右上から半分はみ出す */
    .wp-block-columns .wp-block-column.check-main-img {
        position: absolute;
        top: -70px;
        left: 0px;
		right: 0;
        width: 120px !important;
        margin: auto !important;
        z-index: 3;
    }

    .check-main-img figure {
        margin: 0;
    }

    .check-main-img img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 真ん中の内容 */
    .check-content {
        position: relative;
        width: 100% !important;
        margin: 0 !important;
        z-index: 2;
    }

    /* 3つ目の画像：右下に背景として配置 */
    .check-bg-img {
        position: absolute;
        right: -20px;
        bottom: 0px;
        width: 180px !important;
        margin: 0 !important;
        pointer-events: none;
        z-index: 0;
    }

    .check-bg-img figure {
        width: 100%;
        margin: 0;
        opacity: 0.3;
    }

    .check-bg-img img {
        width: 100%;
        height: auto;
        display: block;
    }
}




.gold-title {
    color: #b8831f;
    background: linear-gradient(180deg,
            #ddb654 0%,
            #c79024 50%,
            #a96f10 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.voice-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    padding: 2px 8px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;

    background: linear-gradient(180deg,
            #dfb957 0%,
            #cd9a2d 48%,
            #b97c12 100%);

    border: 1px solid rgba(175, 116, 8, .25);
    border-radius: 8px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .4),
        0 3px 8px rgba(122, 82, 12, .16);

    text-align: center;
    white-space: nowrap;
}

.cbt-cta .cta-btn-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.cbt-cta .cta-btn-wrapper>.swell-block-columns__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
}


/* 各カラム共通 */
.cbt-cta .cta-btn-wrapper>.swell-block-columns__inner>.swell-block-column {
    min-width: 0 !important;
    margin: 0 !important;
}


/* 左：カウンセリングを予約する */
.cbt-cta .cta-btn-wrapper>.swell-block-columns__inner>.swell-block-column:first-child {
    flex: 0 1 58% !important;
    width: 58% !important;
    max-width: 58% !important;
}


/* 右：料金・進め方を見る */
.cbt-cta .cta-btn-wrapper>.swell-block-columns__inner>.swell-block-column:last-child {
    flex: 0 1 42% !important;
    width: 42% !important;
    max-width: 42% !important;
}


/* ボタン共通 */
.cbt-cta .swell-block-button {
    width: 100% !important;
}

.cbt-cta .swell-block-button__link {
    width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box;
}


/* =====================================
   左：予約ボタン
===================================== */

.cbt-cta .custom-pink .swell-block-button__link {
    padding: 14px 6px !important;

    color: #fff !important;

    background:
        linear-gradient(180deg,
            #D7A63D 0%,
            #C89222 100%) !important;

    border:
        1px solid #C89222 !important;
}

.cbt-cta .custom-pink .swell-block-button__link>span {
    color: #fff !important;

    font-size: 15px;
    line-height: 1.45;

    white-space: nowrap;
}

.cbt-cta .custom-pink .swl-fz.u-fz-xs {
    font-size: 11px !important;
}

.cbt-cta .custom-pink .__icon,
.cbt-cta .custom-pink .swell-block-button__link::before {
    color: #fff !important;
}


/* =====================================
   右：料金・進め方を見る
===================================== */

.cbt-cta .swell-block-button:not(.custom-pink) .swell-block-button__link {
    padding: 14px 12px !important;

    color: #3C2B1A !important;

    background: #FFFDF8 !important;

    border:
        1px solid #D7B26B !important;
}

.cbt-cta .swell-block-button:not(.custom-pink) .swell-block-button__link>span {
    color: #3C2B1A !important;

    font-size: 15px;

    white-space: nowrap;
}

.cbt-cta .swell-block-button:not(.custom-pink) .__icon {
    color: #B98724 !important;
}





/*フッターエリア*/
/* =====================================
   予約フォーム
===================================== */

.footer-form {
    width: 100%;
}

.footer-form .swell-block-button__link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px;

    padding: 14px 60px !important;

    color: #d6a448 !important;
    background: transparent !important;

    border: 1px solid #c99842 !important;
    border-radius: 32px !important;

    box-shadow: none !important;

    font-size: 18px;
    font-weight: 500;
}

/* SWELLアイコン */
.footer-form .__icon {
    color: #d6a448 !important;
}

/* 右矢印 */
.footer-form .swell-block-button__link::after {
    content: "›";
    position: absolute;
    top: 50%;
    right: 24px;

    color: #d6a448;

    font-family: Arial, sans-serif;
    font-size: 34px;
    line-height: 1;

    transform: translateY(-55%);
}


/* === 総合ホームページ ==== */

.footer-homepage {
    width: 100%;
}

.footer-homepage .swell-block-button__link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 300px;
    padding: 35px 70px 80px 48px !important;
    color: #fff !important;
    background: transparent !important;
    border: 1px solid #c99842 !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    text-align: left;
    line-height: 1.7;
    overflow: hidden;
    isolation: isolate;
}

.footer-homepage .swell-block-button__link::before,
.footer-homepage .swell-block-button__link::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: -78px;
    width: 115%;
    height: 150px;
    border: 1px solid rgba(214, 164, 72, .85);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 50% 50% 0 0;
    pointer-events: none;
    z-index: 0;
}

.footer-homepage .swell-block-button__link::before {
    bottom: -72px;
    transform:
        rotate(-6deg);
}

.footer-homepage .swell-block-button__link::after {
    bottom: -88px;
    border-color:
        rgba(214, 164, 72, .55);
    transform:
        rotate(-3deg);
}



/* ボタン内テキスト */
.footer-homepage .swell-block-button__link span {
    color: #fff;
    font-size: 18px;
}

/* 2行目以降をゴールドにしたい場合 */
.footer-homepage .swell-block-button__link span br:first-of-type~* {
    color: #d6a448;
}

/* 右矢印 */
.footer-homepage .__icon {
    position: absolute;
    top: 50%;
    right: 32px;
    color: #d6a448 !important;
    font-size: 1.5em;
    transform: translateY(-50%);
}


/* === フッターアコーディオン ==== */

.footer-accordion {
    margin-bottom: 14px !important;
}

.footer-accordion .swell-block-accordion__item {
    margin: 0 !important;
    background: transparent !important;
}

.footer-accordion .swell-block-accordion__title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 72px;
    padding: 0 22px !important;
    color: #fff !important;
    background: transparent !important;

    border: 1px solid #c99842 !important;
    border-radius: 11px !important;

    font-size: 17px !important;
    font-weight: 400 !important;
}

.footer-accordion .swell-block-accordion__label {
    color: #fff !important;
}

.footer-accordion .swell-block-accordion__icon {
    color: #d6a448 !important;
}

.footer-accordion .swell-block-accordion__body {
    padding: 22px !important;

    color: #fff !important;
    background: rgba(255, 255, 255, .03) !important;

    border: 1px solid rgba(201, 152, 66, .55);
    border-top: 0;

    border-radius: 0 0 11px 11px;
}

.footer-accordion .swell-block-accordion__body p {
    color: #fff !important;
}

/* === 総合ホームページ画像 === */

.footer-links {
    position: relative;
}


/* 画像ブロック */
.footer-links .footer-homepage-img {
    position: absolute;
    right: 10px;
    top: 200px;
    width: 58%;
    height: 105px;
    margin: 0 !important;
    z-index: 2;
    pointer-events: none;
}


/* figure */
.footer-links .footer-homepage-img figure {
    width: 100%;
    height: 100%;
    margin: 0 !important;
}


/* 画像 */
.footer-links .footer-homepage-img img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: right bottom;
}


/* === CTA：白背景＋ゴールド枠 === */
.cta-btn-outline {
    width: 100%;
}

.cta-btn-outline .swell-block-button__link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0 !important;
    min-height: 62px;
    color: #7A4D13 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1.5px solid #C58D22 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(116, 76, 18, 0.12) !important;
    font-size: clamp(14px, 1.4vw, 18px);
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-align: center;
    overflow-wrap: anywhere;
    white-space: normal;
    box-sizing: border-box;
}


/* SWELL側のアイコン */
.cta-btn-outline .__icon {
    color: #B77E16 !important;
    position: absolute;
    right: 5px;
    top: 50%;
    margin: 0 !important;
    transform: translateY(-50%);
}


/* === セルフチェックボタン === */
.selfcheck-btn {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 960px) {
	.selfcheck-btn {
		width: 100%;
	}
}

#relationship-advice-service .selfcheck-btn .swell-block-button__link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px;
    padding: 12px 46px 12px 22px !important;
    color: #fff !important;
    background: #C19957 !important;
    border: none !important;
    border-radius: 9999px !important;
    box-shadow: 0 6px 12px rgba(123, 82, 17, 0.22);
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 1.4;
    letter-spacing: 0.05em;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
}

@media (max-width: 960px) {
	#relationship-advice-service .selfcheck-btn .swell-block-button__link {
		min-height: 40px !important;
		padding: 12px !important;
	}
}

#relationship-advice-service .selfcheck-btn .swell-block-button__link,
#relationship-advice-service .selfcheck-btn .swell-block-button__link span,
#relationship-advice-service .selfcheck-btn .swell-block-button__link strong {
    color: #fff !important;
}

#relationship-advice-service .selfcheck-btn .__icon {
    position: absolute;
    top: 50%;
    right: 18px;
    margin: 0 !important;
    color: #fff !important;
    transform: translateY(-50%);
}

/* === CTAゴールド背景 === */

.cta-btn-gold {
    width: 100%;
}

.cta-btn-gold .swell-block-button__link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0 !important;
    min-height: 58px;
    font-size: clamp(14px, 1.4vw, 18px);
    overflow-wrap: anywhere;
    color: #FFFFFF !important;
    background:
        linear-gradient(180deg,
            #D1A440 0%,
            #C28A1E 100%) !important;
    border: 1px solid #BC851D !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 12px rgba(123, 82, 17, 0.22) !important;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
}


/* SWELLアイコン */
.cta-btn-gold .__icon {
    color: #FFFFFF !important;
    position: absolute;
    right: 5px;
    top: 50%;
    margin: 0 !important;
    transform: translateY(-50%);
}

/* === カレンダー付きCTA === */
.cta-btn-calendar {
    width: 100%;
}

.cta-btn-calendar .swell-block-button__link {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px;
    padding: 12px 16px !important;
    color: #fff !important;
    background: linear-gradient(180deg,
            #D1A440 0%,
            #C28A1E 100%) !important;
    border: 1px solid #BC851D !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 12px rgba(123, 82, 17, 0.22) !important;
    font-size: clamp(12px, 1.4vw, 18px);
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
}

/* カレンダーアイコン */
.cta-btn-calendar .swell-block-button__link::before {
    content: "\f073";
    position: absolute;
    top: 50%;
    left: 7px;
    display: inline-block;
    color: #fff;
    font-family: "Font Awesome 6 Free";
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

/* SWELLの右矢印 */
.cta-btn-calendar .__icon {
    position: absolute;
    top: 50%;
    right: 7px;
    margin: 0 !important;
    color: #fff !important;
    transform: translateY(-50%);
}

.footer-link-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
}

.footer-link-row>p {
    display: flex;
    align-items: center;
    margin: 0 !important;
}

.footer-link-row>p:not(:last-child)::after {
    content: "｜";
    display: inline-block;
    margin: 0 4px;
    color: #D98A3A;
}

.cta-btn-outline .swell-block-button__link,
.cta-btn-gold .swell-block-button__link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: clamp(48px, 4vw, 62px);
    padding: clamp(8px, 1vw, 14px) clamp(12px, 1.8vw, 22px) !important;
    box-sizing: border-box;
}

.cta-btn-outline .swell-block-button__link,
.cta-btn-outline .swell-block-button__link span,
.cta-btn-gold .swell-block-button__link,
.cta-btn-gold .swell-block-button__link span {
    font-size: clamp(14px, 1.3vw, 18px) !important;
}

@media (min-width:768px) {
    .center-columns>.swell-block-columns__inner {
        justify-content: center;
    }
}

/* === 7タイプカード全体 === */

.type7-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* 上段は今の20%＋80%横並びをそのまま維持 */
.type7-card>.swell-block-columns:first-child {
    position: relative;
    z-index: 2;
}

/* === 下段 === */
.type7-row {
    position: static !important;
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.type7-row>.swell-block-columns__inner {
    position: static !important;
    display: block !important;
    width: 100% !important;
}

/* 人物画像カラムをカード全体の背景にする */
.type7-row>.swell-block-columns__inner>.type7-bg-card {
    position: absolute !important;
    inset: 0;
    z-index: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none;

    --clmn-w--pc: 100% !important;
    --clmn-w--tab: 100% !important;
}

/* gallery・figureをカード全面に */
.type7-row .type7-bg-card .wp-block-gallery,
.type7-row .type7-bg-card .wp-block-image {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 人物画像だけ薄く */
.type7-row .type7-bg-card img {
    display: block;
    width: auto !important;
    height: 80% !important;
    margin: 0 auto !important;
    object-fit: contain;
    object-position: center;
    opacity: 0.18;
}

/* テキストカラムを前面＋全幅 */
.type7-row>.swell-block-columns__inner>.swell-block-column:last-child {
    position: relative !important;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    --clmn-w--pc: 100% !important;
    --clmn-w--tab: 100% !important;
}

/* 段落 */
.type7-row .type-bg-text {
    display: block;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.6;
}

/* === スマホのフロー === */
.flow-card {
    position: relative;
}

.flow-number {
    position: absolute !important;
    left: -10px;
    top: -10px;
    margin: 0 !important;
    z-index: 10;
}

.flow-number2 {
    position: absolute !important;
    left: 20px;
    top: 10px;
    margin: 0 !important;
    z-index: 10;
}

.type-card {
    position: relative;
}

.type-number {
    position: absolute !important;
    left: 3px;
    top: 3px;
    margin: 0 !important;
    z-index: 10;
}

.reason-card {
    position: relative;
    padding-top: 55px !important;
}

.reason-icon {
    position: absolute !important;
    left: 50%;
    top: 0;
    transform: translate(-50%, -40%);
    margin: 0 !important;
    z-index: 10;
}


/*ふわっと表示させるアニメーション*/
.fade-in-up,
.fade-in-down,
.fade-in-left,
.fade-in-right,
.fade-in-only {
    opacity: 0;
    transition: opacity 1.5s ease, transform 1s ease;
}

/* 下から */
.fade-in-up {
    transform: translateY(40px);
}

.fade-in-up.show {
    opacity: 1;
    transform: translateY(0);
}

/*上から*/
.fade-in-down {
    transform: translateY(-40px);
}

.fade-in-down.show {
    opacity: 1;
    transform: translateY(0);
}

/* 左から */
.fade-in-left {
    transform: translateX(-40px);
}

.fade-in-left.show {
    opacity: 1;
    transform: translateX(0);
}

/* 右から */
.fade-in-right {
    transform: translateX(40px);
}

.fade-in-right.show {
    opacity: 1;
    transform: translateX(0);
}

/* フェードインのみ（移動なし） */
.fade-in-only {
    opacity: 0;
}

.fade-in-only.show {
    opacity: 1;
}

/*アニメーション遅延*/
.delay05s {
    transition-delay: 0.5s;
}

.delay1s {
    transition-delay: 1s;
}

.delay15s {
    transition-delay: 1.5s;
}

.delay2s {
    transition-delay: 2s;
}

.delay25s {
    transition-delay: 2.5s;
}

.delay3s {
    transition-delay: 3s;
}

.delay4s {
    transition-delay: 4s;
}

.delay5s {
    transition-delay: 5s;
}

/*フォント*/
.serif {
    font-family: "Shippori Mincho", "Noto Serif JP", serif;
}

/*下が角丸の画像*/
.border-radius-bottom-img img {
	border-radius: 0 0 10px 10px;
}

/*角丸の画像*/
.border-radius-img img {
	border-radius: 10px;
}

/*ヘッダー*/
@media (min-width:960px) {
	.l-header__inner, .l-fixHeader__inner {
		padding: 0.5rem 1.5rem;
	}
}

/*フッター*/
.l-content {
	margin-bottom: 0;
}

.l-footer {
	display: none;
}

.w-beforeFooter {
	margin: 0 auto;
}

/*スマホ追従ボタン*/
.w-beforeFooter .cta-btn-gold {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	z-index: 10000;
}

.w-beforeFooter .cta-btn-gold .swell-block-button__link {
	width: 100% !important;
	border-radius: 0 !important;
	min-height: 60px !important;
}

.w-beforeFooter .cta-btn-gold .swell-block-button__link span {
	font-size: 18px !important;
}

@media(min-width: 960px) {
	.w-beforeFooter .cta-btn-gold {
		display: none;
	}
}

#before_footer_widget {
	height: 0;
}

/*ホバーで少し上に上がる*/
.hover-lift-up {
	transition: .3s ease;
}

.hover-lift-up:hover {
	transform: translateY(-2px);
}