@charset "UTF-8";

.cuc-parts {

    width: 100%;
}

.cuc-parts img {
    width: 100%;
}

.cuc-parts .sp {
    display: none;
}

@media (max-width:768px) {

    .cuc-parts .pc {
        display: none;
    }

    .cuc-parts .sp {
        display: block;
    }
}

/*———————————
共通
———————————*/
.sec-mv,
.sec-hokkaido {
    font-family: sans-serif;
}

.bgc-beige {
    background-color: #fdfcf5;
}

/* タイトル */
.ttl-h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.6;

}

.ttl-h2.ttl-line {
    position: relative;
    margin-bottom: 60px;
}

.ttl-line::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin: 10px auto 0;
}


.ttl-h2 span {
    color: #b6002f;
}

@media (max-width:768px) {
    .ttl-h2 {
        font-size: 2.4rem;
        margin-bottom: 20px;
    }

    .ttl-h2.ttl-line {
        margin-bottom: 35px;
    }
}

/* テキスト下余白 */
.txt-main {
    margin-bottom: 40px;
}

@media (max-width:768px) {
    .txt-main {
        margin-bottom: 20px;
        font-size: 1.5rem;
    }

}


/* ボタン沈み込み */
.el-link-press {
    display: inline-block;
    transition: transform 0.9s ease, box-shadow 0.9s ease;
}

.el-link-press:hover {
    transform: translateY(1px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.el-link-press:active {
    transform: translateY(4px);
}


/*———————————
.sec-mv
———————————*/
.sec-mv {
    width: 100%;
    aspect-ratio: 3 / 1.2;
    overflow: hidden;
    /* 子要素が高さを超えても無視 */
    display: grid;
    place-content: center;
}

.sec-mv_inner {
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 4fr;
    padding-inline: 10vw;
    p
}

.sec-mv_txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.sec-mv_txt .ttl-h1 {
    font-size: clamp(2rem, 3.8vw, 5rem);
    text-align: left;
    line-height: 1.4;
    font-weight: 100;
}

.ttl-h1 span {
    color: #b6002f;
}

.sec-mv_txt .ttl-sub {
    border-left: 4px solid #b6002f;
    padding-left: 20px;
    line-height: 1.5;
    font-weight: bold;
    font-size: clamp(1.5rem, 1.6vw, 2rem);
}

@media (min-width:769px) {

    /*
右カラム画像配置
———————————*/
    .sec-mv_img {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        /* 左・中・右 */
        gap: 16px;
        align-items: center;
    }

    /* 各カラムは縦並び */
    .sec-mv_col {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    /* カラムごとに縦位置をズラす */
    .sec-mv_col.st-left {
        transform: translateY(0px);
        z-index: 15;
    }

    .sec-mv_col.st-center {
        transform: translate(30px, 0px);
        z-index: 10;
    }

    .sec-mv_col.st-right {
        transform: translateY(0px);



    }

    /* 左カラム */
    .sec-mv_col.st-left picture:nth-child(1) {
        transform: translate(-2vw, -1vw)scale(1.2);
    }

    .sec-mv_col.st-left picture:nth-child(2) {
        transform: translate(2vw, 2.5vw) scale(1.1);
    }

    /* 真ん中 */
    .sec-mv_col.st-center picture:nth-child(1) {}

    /* 右カラム */
    .sec-mv_col.st-right picture:nth-child(1) {
        transform: translate(1vw, -3vw) scale(1.3);

    }

    .sec-mv_col.st-right picture:nth-child(2) {
        transform: translate(-4vw, 6vw) scale(1);
    }


    /* ラインイラストは幅いっぱいに */
    .sec-mv_col .line img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 写真は元の縦横比そのまま */
    .sec-mv_col picture:not(.line) img {
        width: 100%;
        height: auto;
        display: block;
    }


    .sec-mv_col.st-center picture.line {
        position: relative;
        z-index: 2;
        /* 写真の上に重ねる */

        width: 160%;
        /* カラム幅の2倍に拡大 */
        transform: translateX(-15%);
        /* 左右中央に来るよう調整 */
    }

    .sec-mv_col.st-center picture.line img {
        width: 100%;
        height: auto;
        display: block;
    }

}

@media (max-width:768px) {
    .sec-mv {
        padding: 30px;
        aspect-ratio: 3/4;
    }

    .ttl-h1 {
        font-size: 3rem;
    }

    .sec-mv_logo {
        width: 200px;
    }
}



@media (max-width: 768px) {
    .sec-mv {
        place-content: normal;

    }

    .sec-mv_inner {
        position: relative;
        grid-template-columns: 1fr;
        padding: 0;
    }

    .sec-mv_txt {
        padding-left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .sec-mv_txt .ttl-h1 {
        font-size: clamp(2.4rem, 3.8vw, 4rem);
        text-align: left;
        line-height: 1.4;
        font-weight: 100;
    }

    .ttl-h1 span {
        color: #b6002f;
    }

    .sec-mv_txt .ttl-sub {
        border-left: 4px solid #b6002f;
        padding-left: 10px;
        line-height: 1.5;
        font-weight: bold;
        font-size: clamp(1.6rem, 1.6vw, 2rem);
    }

    .sec-mv_img {
        display: contents;
    }


    /* 左カラム */
    .sec-mv_col.st-left picture:nth-child(1) {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        transform: translate(-2vw, 0);
    }

    .sec-mv_col.st-left picture:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 35%;
        transform: translate(-1vw, -0.5vw) scale(1);
    }

    /* 真ん中 */
    .sec-mv_col.st-center picture:nth-child(1) {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 105%;
        transform: translate(-27%, -50%);
    }

    /* 右カラム */
    .sec-mv_col.st-right picture:nth-child(1) {
        position: absolute;
        top: 0;
        right: 0;
        width: 45%;
        transform: translate(1vw, 10vw) scale(1);
    }

    .sec-mv_col.st-right picture:nth-child(2) {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 40%;
        transform: translate(-1vw, -4vw) scale(1);
    }

    /* 親に relative を忘れずに！ */
    .sec-mv_img {
        position: relative;
    }

    /* absoluteにした picture の img */
    .sec-mv_col picture img {
        width: 100%;
        height: auto;
        display: block;

    }




}

/*———————————
メイン
———————————*/

.sec-hokkaido > section {
    padding-inline: 20px;
}

.sec-hokkaido > .col-full {}

/*
支援体制
.sec-support
———————————*/
.sec-support {
    padding-block: 80px 50px;
}

.sec-support .sec-inner {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto
}

.sec-support .txt-main {
    margin-bottom: 40px;
    text-align: center;
}

.sec-support picture {}

.sec-support img {
    width: 100%;
    max-width: 700px;
    margin-inline: auto;
    display: block;

}

@media (max-width:768px) {
    .sec-support {
        padding-block: 50px 30px;
    }

    .sec-support .txt-main {
        margin-bottom: 20px;
        text-align: center;
    }
}

/*
地域完結型ケア
.sec-care
———————————*/
.sec-care {
    padding-block: 50px 80px;
}

.sec-care .sec-inner {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
}

.sec-care .txt-main {
    text-align: center;
}

@media (max-width:768px) {
    .sec-care {
        padding-block: 30px 60px;
    }

}

.care-map {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: 5fr 3fr;
    gap: 20px
}

@media (max-width:768px) {
    .care-map {
        display: flex;
        flex-direction: column;
    }
}

.care-map_02 picture {
    display: block;
    margin-bottom: 20px;
}

.care-map_pin {
    font-weight: bold;
}

.care-map_pin span {

    margin-right: 0.5em;
}

@media (max-width:768px) {
    .care-map_02 picture {}

}

.care-map_pin li:nth-child(1) span {
    background-color: #a1c89b;
}

.care-map_pin li:nth-child(2) span {
    background-color: #f9c88f;
}

.care-map_pin li:nth-child(3) span {
    background-color: #33af66;
}

.care-map_pin li:nth-child(4) span {
    background-color: #799ccf;
}

.care-map_pin li:nth-child(5) span {
    background-color: #f3aeb9;
}

.care-map_pin li:nth-child(6) span {
    background-color: #a69385;
}

.care-map_02 .txt-notice {
    font-size: 1.4rem;
}

/*
ページ内リンク
.sec-link
———————————*/
.sec-link {
    padding-block: 100px 20px;
}

.bl-inLink {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.bl-inLink li {
    border: 1px solid #a69385;
    border-radius: 12px;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;


}

.bl-inLink li a {
    display: block;
    padding: 10px 20px;
}

@media (max-width:768px) {
    .sec-link {
        padding-block: 60px 10px;
    }

    .bl-inLink {
        display: grid;
    }

    .bl-inLink li {
        font-size: 1.6rem;
        max-width: 400px;
    }

    .bl-inLink li span {
        font-size: 80%;
        display: block;
    }
}

/*
.bl-inLink li:nth-of-type(1){
    border:1px solid #799ccf;
}
.bl-inLink li:nth-of-type(2){
    border:1px solid #e65e74
}

.bl-inLink li:nth-of-type(3){
    border:1px solid #429138;
}
*/
/*
ムービー
.sec-movie
———————————*/
.sec-movie {
    padding-block: 80px 40px;
}

.sec-movie {}

.sec-movie .ttl-line::after {
    background-color: #799ccf;
}

.movie-link_wrap {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding: 40px 30px 30px;

    border-radius: 20px;
}

@media (max-width:768px) {
    .movie-link_wrap {
        padding: 30px 20px 30px;
    }
}

.movie-link_wrap h3 {
    text-align: center;
    margin-bottom: 24px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.6;

}

.movie-link_wrap h3 span {
    font-size: 60%;
    display: block;
    color: #799ccf;
}

@media (max-width:768px) {
    .movie-link_wrap h3 {
        font-size: 2rem;
        margin-bottom: 20px;
    }

    .movie-link_wrap h3 span {
        font-size: 80%;
    }


}

.movie-link {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
        margin-bottom: 0.3em;
}



.movie-link h4 {
    font-size: 1.8rem;
    margin-bottom: 1em;
    background-color: #a69385;
    width: fit-content;
    margin-inline: auto;
    padding: 4px 24px;
    color: #fff;
    border-radius: 100px;
}

@media (max-width:768px) {
    .movie-link {
        grid-template-columns: 1fr;
    }

    .movie-link h4 {
        font-size: 1.6rem;
        padding: 3px 20px;
    }
}

/*
クリニック紹介
.bl-referra
———————————*/

.bl-referra {
    width: 100%;
    max-width: 1400px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.sec-hospital .bl-referra {
    []
}

@media (max-width:768px) {
    .bl-referra {
        grid-template-columns: 1fr;
    }
}

.bl-referra_card {
    padding: 20px;
    border-radius: 0 16px 16px 0;
    box-shadow: 0px 6px 6px rgb(0 0 0 /0.15);
}

.bl-referra_card h3 {
    display: block;
    margin-bottom: 20px;
    min-height: 80px;
    display: grid;
    align-items: center
}

.bl-referra_card img {
    width: auto;
    max-height: 60px;
}

@media (max-width:768px) {
    .bl-referra_card h3 {
        max-height: initial;
        max-height: 100px;

    }

    .bl-referra_card img {}

}

.bl-referra_card .main-txt {
    margin-bottom: 1em;
}

.bl-referra_table div {
    display: grid;
    grid-template-columns: 4em auto;
    gap: 1.5em;
}

@media (max-width:768px) {

    .bl-referra_card .main-txt,
    .bl-referra_table div {
        font-size: 1.5rem;
    }

    .bl-referra_table div {}

}

.bl-referra_table dt {
    font-weight: bold;
}

.bl-referra_table > div:not(:last-child) {
    margin-bottom: 0.3em;
}

@media (max-width:768px) {

    .bl-referra_table > div:not(:last-child) {
        margin-bottom: 0.5em;
    }
}

/*
クリニック
.sec-clinic
———————————*/
.sec-clinic {
    width: 100%;
    max-width: 1200px;
    margin-inline:auto;
    padding-block: 60px;
}

.sec-clinic .bl-referra_card {
    border-left: 4px solid #799ccf;
}

.sec-clinic .bl-referra_table dt {
    color: #799ccf;
}

@media (max-width:768px) {
    .sec-clinic {
        padding-block: 30px;
    }

}

/*
病院
.sec-hospital
———————————*/
.sec-hospital {
    padding-block: 80px;
}

.sec-hospital .ttl-line::after {
    background-color: #9fca39;
}

.sec-hospital .bl-referra {
    grid-template-columns: 1fr;
    max-width: 700px;
}

.sec-hospital .bl-referra_card {
    border-left: 4px solid #9fca39;
}

.sec-hospital .bl-referra_table dt {
    color: #9fca39;
}

@media (max-width:768px) {
    .sec-hospital {
        padding-block: 50px 30px;
    }

}

/*
訪問看護
.sec-nurse
———————————*/
.sec-nurse {
    padding-block: 80px;
}

.sec-nurse .sec-inner {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
}

.sec-nurse .ttl-line::after {
    background-color: #e65e74;
}

@media (max-width:768px) {
    .sec-nurse {
        padding-block: 50px 40px;
    }

}

/*
拠点共通
———————————*/

.base-reference {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    border: 1px solid #e65e74;
    padding: 32px;
    border-radius: 12px;
    margin-bottom: 30px;
}

@media (max-width:768px) {
    .base-reference {}
}

/*  拠点説明カラー */
.un-nurse .base-reference {
    border: 1px solid #e65e74;
}

.un-noah .base-reference {
    border: 1px solid #429138;
}

.un-rehope .base-reference {
    border: 1px solid #f7b364;
}

.un-nature .base-reference {
    border: 1px solid #009c40;
}


/* 拠点説明 */
.base-intro {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px dotted #e65e74;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

@media (max-width:768px) {
    .base-intro {
        flex-direction: column;
        gap: 20px;
    }

}

/*  拠点説明カラー */
.un-nurse .base-intro {
    border-bottom: 1px dotted #e65e74;
}

.un-noah .base-intro {
    border-bottom: 1px dotted #429138;
}

.un-rehope .base-intro {
    border-bottom: 1px dotted #f7b364;
}

.un-nature .base-intro {
    border-bottom: 1px dotted #009c40;
}



.base-intro h3 {
    width: 450px;
    display: block;

}

@media (max-width:768px) {
    .base-intro h3 {
        width: 300px;
    }

}

.un-rehope .base-intro h3 {
    width: 220px;
}

.base-intro h3 img {
    width: 100%;

    display: block
}

.base-intro .txt-main {
    width: 100%;
    margin-bottom: 0px;
}

.base-intro .txt-main span {
    text-align: right;
    display: block;
}

@media (max-width:768px) {
    .base-intro .txt-main span {
        text-align: left;

        margin-top: 0.75em;
    }

}

/* 拠点詳細 */
.base-detail {
    display: flex;
    gap: 30px;
}

@media (max-width:768px) {
    .base-detail {
        flex-direction: column;
        gap:20px
    }
}
.base-detail img{
    width: 100%;

}
/* タグ */
.base-tag {
    display: flex;
    gap: 10px;
    text-align: center;
    min-width: 220px;
}

.base-tag li {
    font-size: 1.7rem;
    line-height: 1.4;
    padding: 8px 14px;
    font-weight: bold;
    display: grid;
    place-content: center;
    border-radius: 8px;
}

.base-tag li > span {
    font-size: 75%;
}

@media (max-width:768px) {
    .base-tag {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .base-tag li {
        font-size: 1.6rem;
    }
}

/* タグ拠点カラー */
.un-nurse .base-tag li {
    background-color: #fdeff1;
    color: #e65e74;
}

.un-noah .base-tag li {
    background-color: #e3efe1;
    color: #429138;
}

.un-rehope .base-tag li {
    background-color: #fdefde;
    color: #f7b364;
}

.un-nature .base-tag li {
    background-color: #d9f0e2;
    color: #009c40;
}


.base-table div {
    display: grid;
    grid-template-columns: 1fr;
}

.base-table > div:not(:last-child) {
    margin-bottom: 15px;
}

@media (max-width:768px) {
    .base-table div {
        font-size: 1.5rem;
    }

}

.base-table dt {
    font-weight: bold;

}

/* タグ拠点カラー */
.un-nurse .base-table dt {
    color: #e65e74;
}

.un-noah .base-table dt {
    color: #429138;
}

.un-rehope .base-table dt {
    color: #f7b364;
}

.un-nature .base-table dt {
    color: #009c40;
}



.base-tag {
    flex-direction: column;
}



/* 訪看リンク */
.bl-nurse_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;

}

@media (max-width:768px) {
    .bl-nurse_wrap {
        grid-template-columns: 1fr;
    }
}

.bl-nurse_card {
    border-left: 2px solid #e65e74;
    padding: 10px;
    border-radius: 0 12px 12px 0;
    box-shadow: 0px 6px 6px rgb(0 0 0 /0.15);
}
.bl-nurse_card a{
        display: grid;
    grid-template-columns: 150px 1fr;
    gap:20px;
}
.bl-nurse_card-img picture{
   align-items: center;
    align-self: center;

align-content: center
}

.bl-nurse_card h4 {
    font-weight: bold;
    font-size: 20px;
}

.bl-nurse_table > div {
    display: grid;
    grid-template-columns: 3em auto;
}

.bl-nurse_table > div:not(:last-child) {}

.bl-nurse_table dt {
    color: #e65e74;
    font-weight: bold;
}

/*
介護施設
.sec-kaigo
———————————*/
.sec-kaigo {
    padding-block: 80px;
}

.sec-kaigo .ttl-line::after {
    background-color: #429138;
}

@media (max-width:768px) {


    .sec-kaigo {
        padding-block: 40px;
    }

    .sec-kaigo h2 {
        margin-bottom: 30px;
    }
}

/* 全部非表示 */
.bl-kaigo {
    display: none;
}

/* 表示中 */
.bl-kaigo.is-active {
    display: block;
}

/* タブ */
.bl-kaigo_tab {
    margin-bottom: 40px;
}

.bl-kaigo_tab li {
    cursor: pointer;
    font-weight: bold;
}

/* アクティブなタブ */
.bl-kaigo_tab li.is-active {}

.bl-kaigo_tab {
    display: flex;
    gap: 20px;
    justify-content: center;

}

.bl-kaigo_tab li {
    font-size: 2rem;
    border-radius: 12px;
    padding: 4px 28px;

}

@media (max-width:768px) {
    .bl-kaigo_tab {
        flex-direction: column;
        align-items: center;
    }

    .bl-kaigo_tab li {
        width: 100%;
        max-width: 300px;
        text-align: center;
        font-size: 1.7rem;
    }
}

/* タグ拠点カラー */


.un-noah .base-tag li {
    background-color: #e3efe1;
    color: #429138;
}

.un-rehope .base-tag li {
    background-color: #fdefde;
    color: #f7b364;
}

.un-nature .base-tag li {
    background-color: #d9f0e2;
    color: #009c40;
}



.bl-kaigo_tab li[data-target="un-noah"] {
    border: 1px solid #429138;
}

.bl-kaigo_tab li[data-target="un-noah"].is-active {
    background-color: #e3efe1;
    color: #429138;
}

.bl-kaigo_tab li[data-target="un-rehope"] {
    border: 1px solid #f7b364;
}

.bl-kaigo_tab li[data-target="un-rehope"].is-active {
    background-color: #fdefde;
    color: #f7b364;

}

.bl-kaigo_tab li[data-target="un-nature"] {
    border: 1px solid #009c40;
}

.bl-kaigo_tab li[data-target="un-nature"].is-active {

    background-color: #d9f0e2;
    color: #009c40;
}

/*
介護施設　一覧
.bl-kaigobase_wrap
———————————*/
.bl-kaigobase_notice{
    width: 100%;
    max-width: 1200px;
    margin-inline:auto;
    font-size: 1.4rem;
    margin-bottom: 0.5em;
}

.bl-kaigobase_wrap {
    display: grid;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    gap: 30px;

}

.bl-kaigobase_wrap.col3 {

    max-width: 1200px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.bl-kaigobase_wrap.col2 {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

@media (max-width:768px) {
    .bl-kaigobase_wrap.col2 {
        grid-template-columns: 1fr;
    }
}

.bl-kaigobase_card {
    padding: 12px 16px;
    border-radius: 0 12px 12px 0;
    box-shadow: 0px 6px 6px rgb(0 0 0 /0.15);
    display: grid;
    align-items: center;
}

.bl-kaigobase_card img {
}

.bl-kaigobase_card img {

}

.bl-kaigobase_card a {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
}

.col3 .bl-kaigobase_card a {
    grid-template-columns: 1fr;
}

.bl-kaigobase_img {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
    align-items: center
}


@media (max-width:768px) {

    .bl-kaigobase_card a {

        gap: 10px;
    }


}
.un-sophia .bl-kaigobase_card{
    border-left: 4px solid #e65e74;
}
.un-noah .bl-kaigobase_card {
    border-left: 4px solid #429138;
}

.un-rehope .bl-kaigobase_card {
    border-left: 4px solid #f7b364;
}

.un-nature .bl-kaigobase_card {
    border-left: 4px solid #009c40;
}

.bl-kaigobase_card h4 {
    font-size: 1.8rem;
    font-weight: bold;
}

@media (max-width:768px) {

    .bl-kaigobase_card h4 {
        font-size: 1.8rem;
    }

}

.kaigobase-notice {
    display: inline-block;
    color: #fff;
    background-color: #ee8800;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 1.4rem;
    margin-top: 6px;
}

.bl-kaigobase_table > div {
    display: grid;
    grid-template-columns: 3em auto;
}

@media (max-width:768px) {
    .bl-kaigobase_table > div {
        font-size: 1.5rem;
    }


}

.bl-kaigobase_table dt {
    font-weight: bold;
}
.un-sophia .bl-kaigobase_table dt {
    color: #e65e74;
}
.un-noah .bl-kaigobase_table dt {
    color: #429138;
}

.un-rehope .bl-kaigobase_table dt {
    color: #f7b364;
}

.un-nature .bl-kaigobase_table dt {
    color: #009c40;
}



/*———————————
CUCパートナーズについて
———————————*/
.sec-partners {
    padding-block: 40px 80px;
    width: 100%;
    max-width: 1000px;
    margin-inline: auto;

}
.sec-partners a{
   width: 100%;
    max-width: fit-content;
    margin-inline:auto;
    background-color: #b6002f;
    color: #fff;
    display: grid;
    place-content: center;
    padding: 16px 20px;
    border-radius: 8px;
}
.sec-partners .ttl-line::after {
    background-color: #b6002f;
}

.bl-partners_table {
    border: 1px solid #a69385;
}

.bl-partners_table > div {
    display: grid;
    grid-template-columns: 200px 1fr;
    font-size: 1.6rem;
}

@media (max-width:768px) {
    .bl-partners_table > div {
        font-size: 1.5rem;
        grid-template-columns: 1fr;
    }

}

.bl-partners_table dt,
.bl-partners_table dd {
    padding: 12px;
}

.bl-partners_table dt {
    background-color: #a69385;
    font-weight: bold;
    color: #fff;
}

.bl-partners_table div:not(:last-child) dt {
    border-bottom: 1px solid #fff;
}

.bl-partners_table div:not(:last-child) dd {
    border-bottom: 1px solid #a69385;
}

.bl-partners_table dd a {
    color: #4A90E2;
}
