@charset "UTF-8";
/* ---------------------------------------------
*   l-banner
*   ご入居後サポート回遊導線
*   使用ページ:/service/
--------------------------------------------- */
.l-banner-area.is-haseko {
    display: none;
}
.l-banner-area__container {
    max-width: 1048px;
    margin: 180px auto 0;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .l-banner-area__container {
        max-width: none;
        margin-top: 60px;
        padding: 0 5.3333333333vw;
    }
}
.l-banner-area__list {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .l-banner-area__list {
        gap: 15px;
    }
}
.l-banner-area__list-item {
    width: calc((100% - 52px) / 3);
}
@media screen and (max-width: 768px) {
    .l-banner-area__list-item {
        width: 90%;
        margin: 0 auto;
    }
}
.l-banner-area__list-item a {
    display: block;
    position: relative;
}
.l-banner-area__list-item a:hover {
    opacity: 0.8;
}
.l-banner-area__list-item a.current::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #000;
}
.l-banner-area__list-img {
    position: relative;
}
@media screen and (max-width: 768px) {
    .l-banner-area__list-img {
        height: 60px;
    }
}
@media screen and (max-width: 768px) {
    .l-banner-area__list-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
}
.l-banner-area__list-img figcaption {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.05em;
    z-index: 5;
}
@media screen and (max-width: 768px) {
    .l-banner-area__list-img figcaption br {
        display: none;
    }
}

/* ---------------------------------------------
*   brand-book-banner
*   ブランド
*   使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.brand-book-banner {
    background: #fff;
    padding: 0 0 200px;
}

.brand-book-banner div {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    padding: 150px 100px 0;
    background: url(/shared/img/aboutBaus/brand/brandbook-bg.png), #f2f4f5;
    background-repeat: no-repeat;
    background-position-x: 93%;
    background-position-y: center;
    text-align: left;
    margin-inline: auto;
    background-size: 50%, auto;
    padding-block: 150px 150px;
}

.brand-book-banner div > h4 {
    margin: 0;
    line-height: 1.2;
    font-size: 32px;
}

.brand-book-banner div > p {
    margin: 0 0 0 2px;
}

.brand-book-banner div > a {
    max-width: 40%;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0;
    background-color: #6e6f6f;
}

.brand-book-banner div > a > span {
    font-size: 16px;
}

.brand-book-banner .img-sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .brand-book-banner div {
        padding: 50px 20px;
        background: #f2f4f5;
    }
    .brand-book-banner div > a {
        max-width: 95%;
        margin: 40px auto 0;
    }
    .brand-book-banner div > p {
        margin: 0 0 40px 2px;
    }
    .brand-book-banner .img-sp {
        display: block;
    }
}
/* ---------------------------------------------
*   l-breadcrumb
*   全ページ共通
*   パンクズ
--------------------------------------------- */
.l-breadcrumb__list {
    display: flex;
}
.l-breadcrumb__item:not(:first-of-type)::before {
    content: "/";
    margin-right: 1.6em;
    margin-left: 1.6em;
    color: #C1C6CB;
    font-size: 12px;
}
.l-breadcrumb__txt {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
}
.l-breadcrumb__txt[href] {
    color: #929393;
}
@media screen and (min-width: 769px) {
    .l-breadcrumb__txt[href] {
        transition: opacity 300ms;
    }
    .l-breadcrumb__txt[href]:hover {
        opacity: 0.8;
    }
}
.l-breadcrumb__txt--home {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
}

/*  breadcrumb-wrap
--------------------------------------------- */
.breadcrumb-wrap {
    display: flex;
    justify-content: flex-end;
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
    padding-top: 54px;
}
@media screen and (max-width: 768px) {
    .breadcrumb-wrap {
        display: none;
    }
}

/* ---------------------------------------------
*   l-wrapper ページ共通コンテンツ部分
全ページ共通
--------------------------------------------- */
.container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .container--sp-no-padding {
        padding: 0;
    }
}

/* ---------------------------------------------
*   l-contents ページ共通コンテンツ部分
全ページ共通
全ページ共通
--------------------------------------------- */
.l-contents {
    padding-top: 184px;
}
@media screen and (max-width: 768px) {
    .l-contents {
        padding-top: 64px;
    }
}
.l-contents--no-padding {
    padding-top: 0;
}
.l-contents--history {
    position: relative;
}
.l-contents--history::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 184px;
    background-color: white;
    content: "";
}
@media screen and (max-width: 768px) {
    .l-contents--history::before {
        height: 64px;
    }
}

/* ---------------------------------------------
*   l-footer ページ共通フッター部分
全ページ共通
--------------------------------------------- */
.l-footer {
    background-color: #fff;
}
.l-footer__container {
    display: flex;
}
@media screen and (max-width: 768px) {
    .l-footer__container {
        display: block;
    }
}
.l-footer__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30.625%;
    min-width: 280px;
    flex-shrink: 0;
    order: 0;
}
@media screen and (max-width: 768px) {
    .l-footer__left {
        width: 100%;
        padding: 10.6666666667vw 0 8vw;
        min-width: auto;
    }
}
.l-footer__logo {
    width: 216px;
}
@media screen and (max-width: 768px) {
    .l-footer__logo {
        width: 50.6666666667vw;
    }
}
.l-footer__logo-link {
    display: block;
}
@media screen and (min-width: 769px) {
    .l-footer__logo-link {
        transition: opacity 300ms;
    }
    .l-footer__logo-link:hover {
        opacity: 0.8;
    }
}
.l-footer__logo-link img {
    width: 100%;
}
.l-footer__copyright {
    position: relative;
    top: 140px;
}
@media screen and (max-width: 768px) {
    .l-footer__copyright {
        top: 0;
        margin-top: 8.2666666667vw;
    }
}
.l-footer__copyright-txt {
    font-size: 10px;
    line-height: 1.3;
    color: #6E6F6F;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
    .l-footer__copyright-txt {
        font-size: 2.6666666667vw;
    }
}
.l-footer__right {
    background-color: #6E6F6F;
    flex-grow: 1;
    padding: 82px 5% 55px 3.75%;
    order: 1;
}
@media screen and (max-width: 768px) {
    .l-footer__right {
        padding: 10.1333333333vw 5.3333333333vw 14.6666666667vw;
    }
}

/*  l-footer-pagetop
--------------------------------------------- */
.l-footer-pagetop {
    padding-top: 247px;
    padding-bottom: 56px;
    text-align: center;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .l-footer-pagetop {
        padding-top: 41.0666666667vw;
        padding-bottom: 14.9333333333vw;
    }
}
.l-footer-pagetop--bg-gray {
    background-color: #F8F9F9;
}
.l-footer-pagetop__link {
    display: inline-block;
}
.l-footer-pagetop__link::before {
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 auto;
    border-top: 1px solid #1A1A1A;
    border-right: 1px solid #1A1A1A;
    transform: rotate(-45deg);
    content: "";
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .l-footer-pagetop__link::before {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        margin-bottom: 2.9333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .l-footer-pagetop__link {
        transition: opacity 300ms;
    }
    .l-footer-pagetop__link:hover {
        opacity: 0.8;
    }
}
.l-footer-pagetop__txt {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
    .l-footer-pagetop__txt {
        font-size: 4.2666666667vw;
    }
}

/*  l-footer-nav
--------------------------------------------- */
.l-footer-nav {
    border-bottom: 1px solid #fff;
    padding-bottom: 33px;
}
.l-footer-nav__list {
    display: grid;
    grid-template-columns: 20.618556701% 20.618556701% 24.7422680412% 24.7422680412%;
    gap: 0 3.0927835052%;
}
@media screen and (min-width: 1601px) {
    .l-footer-nav__list {
        grid-template-columns: 200px 200px 240px 240px;
    }
}
@media screen and (max-width: 1390px) {
    .l-footer-nav__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 3.0927835052%;
    }
}
.l-footer-nav__item--no-lead .l-footer-nav__sub-item:nth-of-type(n+2) {
    margin-top: 6px;
}
.l-footer-nav__item--no-lead .l-footer-nav__sub-item-link {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.025em;
}
.l-footer-nav__item-lead {
    font-size: 16px;
    line-height: 2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 23px;
    display: inline-block;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
    .l-footer-nav__item-lead {
        transition: opacity 300ms;
    }
    .l-footer-nav__item-lead:hover {
        opacity: 0.8;
    }
}
.l-footer-nav__sub-item {
    font-size: 0;
}
.l-footer-nav__sub-item:nth-of-type(n+2) {
    margin-top: 7px;
}
.l-footer-nav__sub-item-link {
    font-size: 13px;
    line-height: 2;
    color: #fff;
    transition: 0.3s;
    font-weight: 500;
}
@media screen and (min-width: 769px) {
    .l-footer-nav__sub-item-link:hover {
        opacity: 0.45;
    }
}
.l-footer-nav__sub-item-link--out {
    pointer-events: none;
    color: #929393;
}

/*  l-footer-nav
--------------------------------------------- */
.l-footer-nav-bottom {
    padding-top: 44px;
}
.l-footer-nav-bottom__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 3.1958762887%;
}
.l-footer-nav-bottom__link {
    font-size: 12px;
    line-height: 2;
    color: #fff;
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .l-footer-nav-bottom__link:hover {
        opacity: 0.45;
    }
}

/* ---------------------------------------------
*   l-global-nav　ページ共通グロナビ部分
全ページ共通
--------------------------------------------- */
.l-global-nav {
    position: fixed;
    width: 100%;
    transition: 0.5s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: none;
}
.is-gnav-opened .l-global-nav {
    animation: 0.5s linear fadeIn forwards;
    z-index: 201;
    display: block;
}

.l-global-nav__list-wrap {
    flex-grow: 1;
    height: calc(100vh - 120px);
    margin-top: 120px;
    overflow: auto;
    padding: 43px 0 68px;
}
@media screen and (max-width: 768px) {
    .l-global-nav__list-wrap {
        height: calc(100vh - 64px);
        height: calc(100dvh - 64px);
        margin-top: 64px;
        padding: 1.8666666667vw 5.3333333333vw 21.3333333333vw;
    }
}
.l-global-nav__inner {
    display: flex;
    gap: 0 6.75%;
}
@media screen and (max-width: 768px) {
    .l-global-nav__inner {
        display: block;
    }
}
.l-global-nav__img {
    width: 34.375%;
    flex-shrink: 0;
}
.l-global-nav__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
}
.l-global-nav__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 56px 0;
    max-width: 742px;
}
@media screen and (max-width: 768px) {
    .l-global-nav__list {
        display: block;
        max-width: none;
        border-top: 1px solid #D1D1D0;
    }
}
.l-global-nav__list--bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3.3970276008%;
    margin-top: 126px;
    max-width: none;
}
@media screen and (max-width: 768px) {
    .l-global-nav__list--bottom {
        margin-top: 9.3333333333vw;
        gap: 1.8666666667vw 7.2vw;
        border-top: none;
    }
}
.l-global-nav__item {
    max-width: 371px;
}
@media screen and (max-width: 768px) {
    .l-global-nav__item {
        max-width: none;
        border-bottom: 1px solid #D1D1D0;
    }
    .l-global-nav__item:last-of-type {
        border-bottom: none;
    }
}
.l-global-nav__link {
    font-size: 16px;
    line-height: 2;
    font-weight: 700;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .l-global-nav__link {
        font-size: 3.7333333333vw;
        line-height: 2;
        text-align: left;
        position: relative;
        display: block;
        width: 100%;
        padding: 4.2666666667vw 0;
    }
}
.l-global-nav__link--s {
    font-size: 12px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .l-global-nav__link--s {
        font-size: 3.2vw;
        letter-spacing: 0;
        padding: 0;
    }
}
.l-global-nav__link--s2 {
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .l-global-nav__link--s2 {
        font-size: 3.2vw;
        letter-spacing: 0;
    }
}
.l-global-nav__link--out {
    pointer-events: none;
    color: #929393 !important;
}
.l-global-nav a.l-global-nav__link {
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .l-global-nav a.l-global-nav__link:hover {
        opacity: 0.45;
    }
}
.l-global-nav__sub-list {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .l-global-nav__sub-list {
        margin-top: 3.2vw;
        padding-bottom: 5.3333333333vw;
        padding-left: 5.3333333333vw;
    }
}
.l-global-nav__sub-list--no-margin {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .l-global-nav__sub-list--no-margin {
        padding-left: 0;
        padding-bottom: 0;
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .l-global-nav__sub-list--no-margin .l-global-nav__sub-item {
        border-bottom: 1px solid #D1D1D0;
    }
}
.l-global-nav__sub-list--no-margin .l-global-nav__sub-item:nth-of-type(n+2) {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .l-global-nav__sub-list--no-margin .l-global-nav__sub-item:nth-of-type(n+2) {
        margin-top: 0;
    }
}
.l-global-nav__sub-item:nth-of-type(n+2) {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .l-global-nav__sub-item:nth-of-type(n+2) {
        margin-top: 8vw;
    }
}
.l-global-nav__list--bottom .l-global-nav__sub-item {
    margin-top: 0;
}
.l-global-nav__sub-item--out {
    pointer-events: none;
    color: #C1C6CB;
}
.l-global-nav__sub-item-link {
    font-size: 13px;
    line-height: 2;
    transition: 0.3s;
}
@media screen and (max-width: 768px) {
    .l-global-nav__sub-item-link {
        font-size: 3.2vw;
        line-height: 1.75;
        letter-spacing: 0.025em;
    }
}
@media screen and (min-width: 769px) {
    .l-global-nav__sub-item-link:hover {
        opacity: 0.45;
    }
}
.l-global-nav__sub-item-link--out {
    pointer-events: none;
    color: #929393 !important;
}
.l-global-nav__copyright {
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .l-global-nav__copyright {
        margin-top: 5.3333333333vw;
    }
}
.l-global-nav__copyright-txt {
    font-size: 10px;
    line-height: 1.3;
    color: #6E6F6F;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
    .l-global-nav__copyright-txt {
        font-size: 2.6666666667vw;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* ---------------------------------------------
*   l-header ページ共通ヘッダー部分
全ページ共通
--------------------------------------------- */
.l-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    height: 184px;
    background-color: #fff;
    transition: height 0.5s;
}
body:not(.is-gnav-opened) .l-header.is-narrow .l-header__nittochi {
    display: none;
}
@media screen and (max-width: 768px) {
    body:not(.is-gnav-opened) .l-header.is-narrow {
        height: 50px;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__container {
        padding: 0 10px;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__logo {
        width: 125px;
    }
}
@media screen and (min-width: 769px) {
    body:not(.is-gnav-opened) .l-header.is-narrow {
        height: 84px;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__container {
        padding: 22px 2.5% 17px 1.8125%;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__logo {
        display: none;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__left-logo {
        display: block;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header-nav {
        display: none;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__center .l-header-nav {
        display: block;
        padding-top: 6px;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__center .l-header-nav__list {
        gap: 0 2.9717682021%;
    }
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__center .l-header-nav__link {
        left: -27px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    body:not(.is-gnav-opened) .l-header.is-narrow .l-header__center .l-header-nav__link {
        left: 0;
        font-size: 10px;
    }
}
@media screen and (min-width: 769px) {
    body:not(.is-gnav-opened) .l-header.is-narrow .header-menu-button {
        top: 0;
    }
}
@media screen and (min-width: 769px) {
    .is-gnav-opened .l-header {
        background-color: transparent;
        height: 120px;
    }
}

@media screen and (max-width: 768px) {
    .l-header {
        height: 64px;
    }
}
.l-header__container {
    height: 100%;
    padding: 31px 2.5% 26px 1.3125%;
}
@media screen and (max-width: 768px) {
    .l-header__container {
        padding: 8px 10px;
        max-width: none;
    }
}
.l-header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.l-header__logo {
    width: 321px;
    margin: 0 auto;
    position: relative;
}
@media screen and (min-width: 769px) {
    .l-header__logo {
        top: 8px;
        right: 39px;
    }
}
@media screen and (max-width: 768px) {
    .l-header__logo {
        width: 155px;
        right: -25px;
        transition: width 0.5s;
    }
}
.l-header__logo-txt {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
}
.l-header__logo-link {
    display: block;
    font-size: 0;
}
@media screen and (min-width: 769px) {
    .l-header__logo-link {
        transition: opacity 300ms;
    }
    .l-header__logo-link:hover {
        opacity: 0.8;
    }
}
.l-header__nittochi {
    width: 157px;
    display: block;
}
@media screen and (max-width: 768px) {
    .l-header__nittochi {
        width: 78px;
        position: absolute;
        left: 9px;
        top: 12px;
        font-size: 0;
    }
}
@media screen and (min-width: 769px) {
    .l-header__nittochi {
        transition: opacity 300ms;
    }
    .l-header__nittochi:hover {
        opacity: 0.8;
    }
}
.l-header__left-logo {
    display: none;
    width: 125px;
}
.l-header__center {
    flex-grow: 1;
}
.l-header__center .l-header-nav {
    display: none;
    margin-top: 0;
}

/*  l-header-nav
--------------------------------------------- */
.l-header-nav {
    margin-top: 50px;
    transition: 0.3s;
}
.is-gnav-opened .l-header-nav {
    opacity: 0;
    visibility: hidden;
}

.l-header-nav__list {
    display: flex;
    justify-content: center;
    gap: 0 2.5990903184%;
}
.l-header-nav__link {
    font-size: 14px;
    display: inline-block;
    line-height: 2;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 769px) {
    .l-header-nav__link {
        position: relative;
        left: 9px;
    }
}
.l-header-nav__link--out {
    pointer-events: none;
    color: #C1C6CB;
}
.l-header-nav__acd-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #6E6F6F;
}
.l-header-nav__acd {
    padding: 71px 40px 70px;
}
.l-header-nav__acd-lead-en {
    font-size: 50px;
    line-height: 1.72;
    letter-spacing: 0.06em;
    font-family: "Montserrat", sans-serif;
    color: #fff;
}
.l-header-nav__acd-lead-ja {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    font-weight: 700;
    text-underline-offset: 0.2em;
    margin-top: 2px;
    padding-left: 4px;
    display: inline-block;
}
.l-header-nav__acd-sentence {
    max-width: 1204px;
    width: 100%;
    margin: 0 auto;
}
.l-header-nav__acd-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 26px;
}
.l-header-nav__acd-item {
    width: 23.7541528239%;
    min-width: 240px;
    position: relative;
}
.l-header-nav__acd-item::before {
    position: absolute;
    right: 0;
    top: 49%;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    content: "";
    pointer-events: none;
}
.l-header-nav__acd-item--out {
    pointer-events: none;
}
.l-header-nav__acd-item--out::before {
    border-top: 1px solid #929393;
    border-right: 1px solid #929393;
}
.l-header-nav__acd-link {
    font-size: 16px;
    line-height: 2;
    color: #fff;
    font-weight: 500;
    padding: 21px 0 23px;
    display: block;
}
.l-header-nav__acd-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #D1D1D0;
    content: "";
}
.l-header-nav__acd-item--out .l-header-nav__acd-link {
    color: #929393;
}
.l-header-nav__acd-item--out .l-header-nav__acd-link::after {
    background-color: #929393;
}

.l-header-nav__acd-link.line-anim1 {
    display: block;
}
.l-header-nav__acd-link.line-anim1::before {
    background-color: #fff;
}

/*  header-menu-button
--------------------------------------------- */
.header-menu-button {
    position: relative;
    display: block;
    padding: 20px 10px;
    border: 0;
    border-radius: 0;
    background: none;
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    cursor: pointer;
}
@media screen and (min-width: 769px) {
    .header-menu-button {
        top: 10px;
    }
}
.header-menu-button__lines {
    position: relative;
    display: block;
    width: 30px;
    height: 10px;
}
.header-menu-button__line {
    position: absolute;
    right: 0;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 1px;
    background-color: #1A1A1A;
    transition: 0.5s;
    overflow: hidden;
}
.header-menu-button__line::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #fff;
}
.is-gnav-opened .header-menu-button__line::before {
    display: none;
}

.header-menu-button__line--top {
    top: 0;
}
.header-menu-button__line--top::before {
    right: 100%;
}
@media screen and (min-width: 769px) {
    .header-menu-button:hover .header-menu-button__line--top::before {
        animation: leftLine 0.5s cubic-bezier(0.2, 0.47, 0.81, 0.28) forwards;
        animation-fill-mode: both;
    }
}
.is-gnav-opened .header-menu-button__line--top {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.header-menu-button__line--bottom {
    bottom: 0;
}
.header-menu-button__line--bottom::before {
    left: 100%;
}
@media screen and (min-width: 769px) {
    .header-menu-button:hover .header-menu-button__line--bottom::before {
        animation: rightLine 0.5s cubic-bezier(0.2, 0.47, 0.81, 0.28) forwards;
        animation-fill-mode: both;
    }
}
.is-gnav-opened .header-menu-button__line--bottom {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
    width: 100%;
}

@keyframes leftLine {
    0% {
        right: 100%;
    }
    100% {
        right: -100%;
    }
}
@keyframes rightLine {
    0% {
        left: 100%;
    }
    100% {
        left: -100%;
    }
}
/* ---------------------------------------------
*   l-wrapper ページ共通コンテンツ部分
全ページ共通
--------------------------------------------- */
/* ---------------------------------------------
*   c-block-2

*   背景ポイント付きブロック
*   使用ページ:/Bauslabo/cookpad/・/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-block-2 {
    background: linear-gradient(to left, #F8F9F9 50%, white 50%);
}
.c-block-2:nth-of-type(2n) {
    background: linear-gradient(to right, #F8F9F9 50%, white 50%);
}
.c-block-2:nth-of-type(n+2) {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-block-2:nth-of-type(n+2) {
        margin-top: 16vw;
    }
}
.c-block-2--colored-yellow-l {
    background: linear-gradient(to left, #FEF7E6 50%, white 50%) !important;
}
.c-block-2--colored-yellow-r {
    background: linear-gradient(to right, #FEF7E6 50%, white 50%) !important;
}
.c-block-2--colored-orange-l {
    background: linear-gradient(to left, #FDF4EF 50%, white 50%) !important;
}
.c-block-2--colored-orange-r {
    background: linear-gradient(to right, #FDF4EF 50%, white 50%) !important;
}
.c-block-2--colored-green-l {
    background: linear-gradient(to left, #F0F8F6 50%, white 50%) !important;
}
.c-block-2--colored-green-r {
    background: linear-gradient(to right, #F0F8F6 50%, white 50%) !important;
}
.c-block-2--colored-blue-l {
    background: linear-gradient(to left, #F0F2F8 50%, white 50%) !important;
}
.c-block-2--colored-blue-r {
    background: linear-gradient(to right, #F0F2F8 50%, white 50%) !important;
}
.c-block-2__inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 70px 20px;
    background: linear-gradient(to left, #F8F9F9 82.6923076923%, white 82.6923076923%);
}
@media screen and (max-width: 1040px) {
    .c-block-2__inner {
        padding-top: 6.731vw;
        padding-bottom: 6.731vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-2__inner {
        max-width: none;
        overflow: hidden;
        padding: 10.1333333333vw 5.3333333333vw;
        background: linear-gradient(to left, #F8F9F9 88%, white 88%);
    }
}
.c-block-2__inner--02 {
    padding-top: 76px;
    padding-bottom: 60px;
}
@media screen and (max-width: 1040px) {
    .c-block-2__inner--02 {
        padding-top: 7.308vw;
        padding-bottom: 5.769vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-2__inner--02 {
        padding-top: 14.1333333333vw;
        padding-bottom: 12.2666666667vw;
    }
}
.c-block-2__inner--03 {
    padding-top: 76px;
    padding-bottom: 137px;
}
@media screen and (max-width: 1040px) {
    .c-block-2__inner--03 {
        padding-top: 7.308vw;
        padding-bottom: 13.173vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-2__inner--03 {
        padding-top: 11.4666666667vw;
        padding-bottom: 17.8666666667vw;
    }
}
.c-block-2:nth-of-type(2n) .c-block-2__inner {
    background: linear-gradient(to right, #F8F9F9 82.2115384615%, white 82.2115384615%);
}
@media screen and (max-width: 768px) {
    .c-block-2:nth-of-type(2n) .c-block-2__inner {
        background: linear-gradient(to right, #F8F9F9 88%, white 88%);
    }
}
.c-block-2--colored-yellow-l .c-block-2__inner {
    background: linear-gradient(to left, #FEF7E6 83.4615384615%, white 83.4615384615%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-yellow-l .c-block-2__inner {
        background: linear-gradient(to left, #FEF7E6 88%, white 88%) !important;
    }
}
.c-block-2--colored-yellow-r .c-block-2__inner {
    background: linear-gradient(to right, #FEF7E6 88.2692307692%, white 88.2692307692%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-yellow-r .c-block-2__inner {
        background: linear-gradient(to right, #FEF7E6 88%, white 88%) !important;
    }
}
.c-block-2--colored-orange-l .c-block-2__inner {
    background: linear-gradient(to left, #FDF4EF 83.4615384615%, white 83.4615384615%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-orange-l .c-block-2__inner {
        background: linear-gradient(to left, #FDF4EF 88%, white 88%) !important;
    }
}
.c-block-2--colored-orange-r .c-block-2__inner {
    background: linear-gradient(to right, #FDF4EF 88.2692307692%, white 88.2692307692%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-orange-r .c-block-2__inner {
        background: linear-gradient(to right, #FDF4EF 88%, white 88%) !important;
    }
}
.c-block-2--colored-green-l .c-block-2__inner {
    background: linear-gradient(to left, #F0F8F6 83.4615384615%, white 83.4615384615%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-green-l .c-block-2__inner {
        background: linear-gradient(to left, #F0F8F6 88%, white 88%) !important;
    }
}
.c-block-2--colored-green-r .c-block-2__inner {
    background: linear-gradient(to right, #F0F8F6 88.2692307692%, white 88.2692307692%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-green-r .c-block-2__inner {
        background: linear-gradient(to right, #F0F8F6 88%, white 88%) !important;
    }
}
.c-block-2--colored-blue-l .c-block-2__inner {
    background: linear-gradient(to left, #F0F2F8 83.4615384615%, white 83.4615384615%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-blue-l .c-block-2__inner {
        background: linear-gradient(to left, #F0F2F8 88%, white 88%) !important;
    }
}
.c-block-2--colored-blue-r .c-block-2__inner {
    background: linear-gradient(to right, #F0F2F8 88.2692307692%, white 88.2692307692%) !important;
}
@media screen and (max-width: 768px) {
    .c-block-2--colored-blue-r .c-block-2__inner {
        background: linear-gradient(to right, #F0F2F8 88%, white 88%) !important;
    }
}
.c-block-2__head {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .c-block-2__head {
        padding-bottom: 3.4666666667vw;
        margin-bottom: 8vw;
    }
}
.c-block-2__head::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28.8461538462%;
    height: 1px;
    background-color: #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-block-2__head::before {
        width: 37.3333333333vw;
    }
}
.c-block-2--colored-yellow-l .c-block-2__head::before, .c-block-2--colored-yellow-r .c-block-2__head::before {
    background-color: #F7B615;
}
.c-block-2--colored-orange-l .c-block-2__head::before, .c-block-2--colored-orange-r .c-block-2__head::before {
    background-color: #EDA06A;
}
.c-block-2--colored-green-l .c-block-2__head::before, .c-block-2--colored-green-r .c-block-2__head::before {
    background-color: #73C1B1;
}
.c-block-2--colored-blue-l .c-block-2__head::before, .c-block-2--colored-blue-r .c-block-2__head::before {
    background-color: #7186BE;
}
.c-block-2__head-txt {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-block-2__head-txt {
        font-size: 4.8vw;
        line-height: 1.8;
    }
}
.c-block-2__head-txt--blue {
    color: #7186BE;
}
.c-block-2__head-txt--green {
    color: #73C1B1;
}
.c-block-2__head-txt--orange {
    color: #EDA06A;
}

/* ---------------------------------------------
*   c-block-4
通常ブロック 見出し「洋室の一部として、
さらにリビングの延長としても、
暮らしを彩ります。」「ライフスタイルに合わせて自在に変化。
“自分の空間”を手に入れる。」を含んだブロック
使用ページ:/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-block-4 {
    margin-top: 140px;
}
@media screen and (max-width: 768px) {
    .c-block-4 {
        margin-top: 16.5333333333vw;
    }
}
.c-block-4--02 {
    margin-top: 130px;
}
@media screen and (min-width: 769px) and (max-width: 1290px) {
    .c-block-4--02 {
        margin-top: 10.0775193798vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-4--02 {
        margin-top: 16.5333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-block-4--03 {
        margin-top: 12.7272727273vw;
    }
}
.c-block-4__inner {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-4__inner {
        max-width: none;
        padding: 0 5.3333333333vw;
        overflow: hidden;
    }
}
@media screen and (max-width: 768px) {
    .c-block-4--02 .c-block-4__inner {
        padding: 0;
    }
}
.c-block-4__card {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-block-4__card {
        margin-top: 9.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-6
画面下部注釈のためのブロック
* 使用ページ:/Bauslabo/coreclo_1/ /Bauslabo/coreclo_2/
--------------------------------------------- */
.c-block-6 {
    padding-top: 74px;
}
@media screen and (max-width: 768px) {
    .c-block-6 {
        padding-top: 12vw;
    }
}
.c-block-6__inner {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-6__inner {
        max-width: none;
        padding: 0pxtovw 20, "sp";
    }
}
@media screen and (min-width: 769px) {
    .c-block-6__inner--02 {
        max-width: 1043px;
    }
}

/* ---------------------------------------------
*   c-block-8

画像「3LDK・標準プラン」「3LDK・コアクロ対応プラン」ブロック
* 使用ページ:/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-block-8 {
    margin-top: 120px;
    padding: 120px 0 140px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-block-8 {
        margin-top: 14.9333333333vw;
        padding: 13.3333333333vw 0 16vw;
    }
}
.c-block-8__inner {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-8__inner {
        max-width: none;
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-block-10
*
*   モーダルコンテンツ(現在非表示)
*   /aboutBaus/brand/rent/
--------------------------------------------- */
.c-block-10-popup {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-10-popup {
        max-width: none;
    }
}

.c-block-10-outer {
    height: 76vh;
    max-height: 818px;
    padding: 65px 0;
    overflow-y: scroll;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-block-10-outer {
        height: 83vh;
        height: 83dvh;
        max-height: none;
        padding: 8vw 0;
        overflow: scroll;
    }
    .androidphone .c-block-10-outer {
        height: 76vh;
    }
}
@media screen and (min-width: 769px) {
    .c-block-10-outer + .close-btn::before {
        transition: 0.3s;
    }
}
@media screen and (max-width: 768px) {
    .c-block-10-outer + .close-btn::before {
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px;
    }
}
@media (orientation: landscape) and (max-width: 768px) {
    .c-block-10-outer + .close-btn::before {
        top: 5px;
        right: 5px;
        width: 15px;
        height: 15px;
    }
}
@media screen and (min-width: 769px) {
    .c-block-10-outer + .close-btn:hover::before {
        opacity: 0.8;
    }
}

@media screen and (max-width: 768px) {
    .c-block-10 {
        width: 169.6vw;
    }
}
.c-block-10__container {
    max-width: 904px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-10__container {
        max-width: none;
        padding: 0 8vw;
    }
}
.c-block-10__sec:nth-of-type(2) {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-block-10__sec:nth-of-type(2) {
        margin-top: 13.3333333333vw;
    }
}
.c-block-10__head {
    text-align: left;
}
.c-block-10__body {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-block-10__body {
        margin-top: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-12
: 通常ブロック 見出し「提供サービス』
* 使用ページ:/service/sumaiSupport/
--------------------------------------------- */
.c-block-12 {
    display: flex;
    align-items: center;
    gap: 0 6.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-block-12 {
        display: block;
    }
}
.c-block-12__txt-wrap {
    width: 46.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-block-12__txt-wrap {
        width: 100%;
    }
}
.c-block-12__img {
    width: 46.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-block-12__img {
        width: 100%;
        margin-top: 10.1333333333vw;
    }
}
.c-block-12__txt {
    margin-top: 5%;
}
@media screen and (max-width: 768px) {
    .c-block-12__txt {
        margin-top: 6.9333333333vw;
    }
}
.c-block-12__list {
    margin-top: 2.5%;
}
@media screen and (max-width: 768px) {
    .c-block-12__list {
        margin-top: 2.6666666667vw;
    }
}
.c-block-12__list-item {
    display: flex;
    gap: 0 2px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-block-12__list-item {
        gap: 0 0.5333333333vw;
        font-size: 2.9333333333vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-block-12__list-note {
    padding-right: 1px;
}
@media screen and (max-width: 768px) {
    .c-block-12__list-note {
        padding-right: 0.2666666667vw;
    }
}
.safari .c-block-12__list-note {
    margin-top: -1px;
}
@media screen and (max-width: 768px) {
    .safari .c-block-12__list-note {
        margin-top: -0.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-14
* 通常ブロック(画面中部画像とテキストのコンテンツ)
* 使用ページ:/service/clubOff/
--------------------------------------------- */
.c-block-14__item {
    display: flex;
    justify-content: space-between;
    gap: 0 8%;
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-block-14__item {
        display: block;
        margin-top: 16vw;
    }
}
.c-block-14__item:first-of-type {
    margin-top: 0;
}
.c-block-14__item:nth-of-type(2n) {
    flex-direction: row-reverse;
}
.c-block-14__img {
    width: 46%;
    aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
    .c-block-14__img {
        width: 100%;
        height: 100%;
    }
}
.c-block-14__img img {
    width: 100%;
    height: auto;
}
.c-block-14__txt-wrap {
    width: 46%;
}
@media screen and (max-width: 768px) {
    .c-block-14__txt-wrap {
        width: 100%;
        margin-top: 9.6vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-14__txt-wrap--benefit {
        margin-top: 6.4vw;
    }
}
.c-block-14__lead {
    color: #AAAA88;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    padding-bottom: 8px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-block-14__lead {
        font-size: 3.7333333333vw;
        padding-bottom: 2.1333333333vw;
    }
}
.c-block-14__lead::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #AAAA88;
}
@media screen and (max-width: 768px) {
    .c-block-14__lead::before {
        width: 14.6666666667vw;
        height: 0.5333333333vw;
    }
}
.c-block-14__lead--benefit {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.8;
    padding-bottom: 16px;
    margin-top: -0.5em;
}
@media screen and (max-width: 768px) {
    .c-block-14__lead--benefit {
        font-size: 6.9333333333vw;
        line-height: 2.0769230769;
        padding-bottom: 1.6vw;
        margin-top: 0;
    }
}
.c-block-14__lead--benefit::before {
    width: 80px;
}
@media screen and (max-width: 768px) {
    .c-block-14__lead--benefit::before {
        width: 18.1333333333vw;
    }
}
.c-block-14__lead--benefit-small {
    font-size: 28px;
    margin-top: -0.4em;
}
@media screen and (max-width: 768px) {
    .c-block-14__lead--benefit-small {
        font-size: 6.9333333333vw;
        margin-top: 0;
    }
}
.c-block-14__ttl {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-top: 25px;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-block-14__ttl {
        font-size: 2.1052631579vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-14__ttl {
        font-size: 4.8vw;
        line-height: 1.8;
        margin-top: 3.4666666667vw;
    }
}
.c-block-14__txt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 23px;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-block-14__txt {
        font-size: 1.6842105263vw;
        margin-top: 2.4210526316vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-14__txt {
        font-size: 3.7333333333vw;
        line-height: 1.8;
        margin-top: 2.9333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .windows .c-block-14__item:nth-of-type(2) .c-block-14__txt {
        letter-spacing: normal;
    }
}

.c-block-14__txt--benefit {
    margin-top: 33px;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-block-14__txt--benefit {
        margin-top: 3.4736842105vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-14__txt--benefit {
        margin-top: 6.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-16
* 通常ブロック(画面下部画像とテキストのコンテンツ)
* 使用ページ:/service/clubOff/

--------------------------------------------- */
.c-block-16 {
    position: relative;
    z-index: 1;
}
.c-block-16::before {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    width: 2px;
    height: 650px;
    background-color: #D1CCAC;
}
@media screen and (max-width: 768px) {
    .c-block-16::before {
        width: 0.2666666667vw;
        height: 226.6666666667vw;
    }
}
.c-block-16__item {
    display: flex;
    justify-content: space-between;
    padding: 6.6666666667% 8.3333333333%;
    background-color: #fff;
    margin-top: 80px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .c-block-16__item {
        display: block;
        padding: 8vw 6.4vw;
        margin-top: 11.2vw;
    }
}
.c-block-16__item:first-of-type {
    margin-top: 0;
}
.c-block-16__txt-wrap {
    width: 320px;
}
@media screen and (min-width: 769px) and (max-width: 1070px) {
    .c-block-16__txt-wrap {
        width: 29.9065420561vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__txt-wrap {
        width: 100%;
    }
}
.c-block-16__lead {
    display: inline-flex;
    align-items: center;
    gap: 0 10px;
}
.c-block-16__lead-txt {
    color: #AAAA88;
    font-family: "Montserrat", sans-serif;
    line-height: 1;
}
.c-block-16__lead-txt--en {
    font-size: 14px;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .c-block-16__lead-txt--en {
        font-size: 3.7333333333vw;
    }
}
.c-block-16__lead-txt--num {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2222222222;
}
@media screen and (max-width: 768px) {
    .c-block-16__lead-txt--num {
        font-size: 7.4666666667vw;
        line-height: 1.2142857143;
    }
}
.c-block-16__ttl {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-top: 25px;
}
@media screen and (min-width: 769px) and (max-width: 1070px) {
    .c-block-16__ttl {
        font-size: 1.8691588785vw;
        margin-top: 2.3364485981vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__ttl {
        font-size: 4.8vw;
        line-height: 1.8;
        margin-top: 3.4666666667vw;
    }
}
.c-block-16__ttl .ls {
    letter-spacing: -0.4em;
}
@media screen and (max-width: 768px) {
    .windows .c-block-16__ttl {
        letter-spacing: normal;
    }
}

.c-block-16__txt {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 2px;
}
@media screen and (min-width: 769px) and (max-width: 1070px) {
    .c-block-16__txt {
        font-size: 1.4953271028vw;
        margin-top: 0.1869158879vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__txt {
        font-size: 3.7333333333vw;
        line-height: 1.8;
        margin-top: 0.8vw;
    }
}
.c-block-16__txt--bold {
    font-weight: 700;
    margin-top: 27px;
}
@media screen and (min-width: 769px) and (max-width: 1070px) {
    .c-block-16__txt--bold {
        margin-top: 2.523364486vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__txt--bold {
        margin-top: 4.5333333333vw;
    }
}
.c-block-16__txt-small {
    font-size: 11px;
    font-weight: 500;
    line-height: 2;
    margin-top: 1px;
}
@media screen and (min-width: 769px) and (max-width: 1070px) {
    .c-block-16__txt-small {
        font-size: 1.0280373832vw;
        margin-top: 0.0934579439vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__txt-small {
        font-size: 2.9333333333vw;
        margin-top: 0.2666666667vw;
    }
    .windows .c-block-16__txt-small {
        letter-spacing: -0.03em;
    }
}
@media screen and (min-width: 769px) {
    .c-block-16__word {
        display: inline-block;
    }
}
.c-block-16__img-wrap {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-block-16__img-wrap {
        width: 100%;
        margin-top: 8vw;
    }
}
.c-block-16__img {
    width: 30%;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-block-16__img {
        width: 22.9333333333vw;
    }
}
.c-block-16__img::before {
    position: absolute;
    top: 50%;
    left: -8.3333333333%;
    transform: translate(-50%, -50%);
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #D1CCAC;
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
    .c-block-16__img::before {
        border-width: 0.75vw 0 0.75vw 0.75vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-16__img::before {
        left: -2.1333333333vw;
        border-width: 1.6vw 0 1.6vw 1.6vw;
    }
}
.c-block-16__img:first-of-type::before {
    content: normal;
}
.c-block-16__img img {
    width: 100%;
    height: auto;
}

/* ---------------------------------------------
*   c-block-18
* 通常ブロック（画面下部ボタンブロック)
* 使用ページ:/service/clubOff/
--------------------------------------------- */
.c-block-18 {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-18 {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-block-18__btn {
    width: 538px;
    margin: 120px auto 0;
}
@media screen and (max-width: 768px) {
    .c-block-18__btn {
        width: 80vw;
        margin-top: 16vw;
    }
}
.c-block-18__btn .c-btn-2 {
    width: 100%;
    min-height: 78px;
}
@media screen and (max-width: 768px) {
    .c-block-18__btn .c-btn-2 {
        min-height: 16vw;
    }
}
.c-block-18__btn .c-btn-2__txt {
    color: #1A1A1A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-block-18__btn .c-btn-2__txt {
        font-size: 3.7333333333vw;
    }
}
.c-block-18__btn .c-btn-2__icon--blank {
    width: 20px;
    margin-right: 0;
    margin-left: 7px;
}
@media screen and (max-width: 768px) {
    .c-block-18__btn .c-btn-2__icon--blank {
        width: 4.2666666667vw;
        margin-left: 1.8666666667vw;
    }
}
.c-block-18__btn .c-btn-2__icon--blank svg {
    width: 100%;
}
@media screen and (min-width: 769px) {
    .c-block-18__btn .c-btn-2:hover .c-btn-2__icon--blank path {
        fill: #fff;
    }
    .ipad .c-block-18__btn .c-btn-2:hover {
        border: 1px solid #6E6F6F !important;
        background-color: #fff !important;
    }
    .ipad .c-block-18__btn .c-btn-2:hover .c-btn-2__icon--blank path {
        fill: rgb(110, 111, 111) !important;
    }
    .ipad .c-block-18__btn .c-btn-2:hover .c-btn-2__txt {
        color: #1A1A1A !important;
    }
}

/* ---------------------------------------------
*   c-block-20
* 通常ブロック（メイキング配下画像コンテンツ）
*
* 使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-block-20 {
    position: relative;
    max-width: 1600px;
    min-height: 920px;
    margin: 0 auto;
    padding-top: 21px;
}
@media screen and (max-width: 768px) {
    .c-block-20 {
        max-width: none;
        min-height: auto;
        padding-top: 2.4vw;
    }
}
.c-block-20__lead {
    margin-bottom: 92px;
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-20__lead {
        margin-bottom: 9.0666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
.c-block-20__img {
    position: absolute;
    z-index: 1;
    height: auto;
}
.c-block-20__img--01 {
    left: 0;
    top: -93px;
    max-width: 624px;
    width: 166.8449197861%;
    aspect-ratio: 624/374;
    background: url(/shared/img/aboutBaus/media/img_making_02.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 940px) {
    .c-block-20__img--01 {
        top: -9.8936170213vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-20__img--01 {
        top: -9.3333333333vw;
        max-width: none;
        width: 55.4666666667vw;
    }
}
.c-block-20__img--02 {
    right: 0;
    bottom: -92px;
    max-width: 620px;
    width: 165.7754010695%;
    aspect-ratio: 620/374;
    background: url(/shared/img/aboutBaus/media/img_making_03.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 940px) {
    .c-block-20__img--02 {
        bottom: -9.7872340426vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-20__img--02 {
        bottom: -9.3333333333vw;
        max-width: none;
        width: 54.9333333333vw;
    }
}
.c-block-20__img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(207, 208, 208, 0.6);
}
.c-block-20__movie-outer {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-block-20__movie-outer {
        max-width: none;
        padding: 0;
    }
}
.c-block-20__movie-outer::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    background-color: #fff;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-block-20__movie-outer::before {
        content: normal;
    }
}
.c-block-20__thumb {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
    box-shadow: 4px 4px 24px rgba(26, 26, 26, 0.24);
}
@media screen and (max-width: 768px) {
    .c-block-20__thumb {
        box-shadow: 0.5333333333vw 0.5333333333vw 3.2vw rgba(26, 26, 26, 0.24);
    }
}
.c-block-20__thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s;
    opacity: 1;
}
@media screen and (min-width: 769px) {
    .c-block-20__thumb:hover::before {
        opacity: 0;
    }
}
.c-block-20__thumb::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 62px;
    height: 62px;
    background-image: url("/shared/img/common/icon_playback.svg");
    background-size: 100% 100%;
}
@media screen and (max-width: 940px) {
    .c-block-20__thumb::after {
        width: 6.8888888889%;
        height: 12.2529644269%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-20__thumb::after {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
    }
}
.c-block-20__youtube {
    display: block;
    width: 100%;
    border: none;
    aspect-ratio: 900/506;
    box-shadow: 4px 4px 24px rgba(26, 26, 26, 0.24);
}
@media screen and (min-width: 769px) {
    .c-block-20__youtube {
        transition: opacity 300ms;
    }
    .c-block-20__youtube:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-block-20__youtube {
        aspect-ratio: 300/169;
    }
}
.c-block-20__movie {
    width: 56.8181818182%;
    margin: 0 auto;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-block-20__movie {
        width: 98.347107438%;
    }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    .c-block-20__movie {
        width: 70%;
        height: 100vh;
        height: 100dvh;
        display: flex;
        align-items: center;
    }
}
.c-block-20__movie video {
    width: 100%;
    vertical-align: bottom;
}
.c-block-20__movie iframe {
    width: 100%;
    aspect-ratio: 16/9;
    vertical-align: middle;
}
.c-block-20__sub-img {
    display: block;
    width: 100%;
    max-width: 1020px;
    margin: 60px auto 0;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-block-20__sub-img {
        margin-top: 8vw;
        padding: 0 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-22
* 年表
* 使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-block-22 {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-block-22 {
        display: block;
    }
}
.c-block-22__sticky {
    position: sticky;
    top: calc(50% + 42px - 312px);
    left: 50px;
    width: 0px;
    height: 100%;
    margin-top: 220px;
    z-index: 1;
}
@media screen and (max-width: 1600px) {
    .c-block-22__sticky {
        left: 3.125vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-22__sticky {
        display: none;
    }
}

/* ---------------------------------------------
*   c-block-24
見出し「サービスのご案内」配下のブロック
* 使用ページ:/owners/limited/
--------------------------------------------- */
.c-block-24 {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-block-24 {
        display: block;
    }
}
.c-block-24__img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    border: 1px solid #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-block-24__img-wrap {
        width: 100%;
        height: 58.1333333333vw;
    }
}
.c-block-24__img {
    width: 61.8181818182%;
}
@media screen and (max-width: 768px) {
    .c-block-24__img {
        width: 74.6268656716%;
    }
}
.c-block-24__desc {
    width: 50%;
    color: #fff;
    background-color: #A6A9AA;
    text-align: center;
    padding: 45px 5px 58px;
}
@media screen and (max-width: 768px) {
    .c-block-24__desc {
        width: 100%;
        padding: 5.3333333333vw 2.6666666667vw;
    }
}
.c-block-24__ttl {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
}
@media screen and (max-width: 768px) {
    .c-block-24__ttl {
        font-size: 7.4666666667vw;
    }
}
.c-block-24__txt {
    font-size: 14px;
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-block-24__txt {
        font-size: 3.7333333333vw;
        margin-top: 2.6666666667vw;
    }
}
.c-block-24__btn {
    width: 74.0740740741%;
    margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
    .c-block-24__btn {
        width: 83.5820895522%;
    }
}
.c-block-24__btn .c-btn-2 {
    width: 100%;
    border-color: #fff;
}
.c-block-24__btn .c-btn-2__txt {
    color: #fff;
}

/* ---------------------------------------------
*   c-block-26
* 通常ブロック(問い合わせ下ブロック)
* 使用ページ:/owners/limited/・/owners/limited_pre/
--------------------------------------------- */
.c-block-26__item {
    border-top: 1px solid #929393;
    padding: 40px 0;
}
@media screen and (max-width: 768px) {
    .c-block-26__item {
        padding: 10.6666666667vw 0;
    }
}
.c-block-26__item:last-of-type {
    border-bottom: 1px solid #929393;
}
.c-block-26__item-inner {
    display: flex;
}
@media screen and (max-width: 1024px) {
    .c-block-26__item-inner {
        display: block;
    }
}
.c-block-26__item-content {
    width: 50%;
}
@media screen and (max-width: 1024px) {
    .c-block-26__item-content {
        width: 100%;
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__item-content {
        margin-top: 10.6666666667vw;
    }
}
@media screen and (max-width: 1024px) {
    .c-block-26__item-content:first-of-type {
        margin-top: 0;
    }
}
.c-block-26__item-content-ttl {
    font-weight: 600;
    font-size: 24px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__item-content-ttl {
        font-size: 28px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__item-content-ttl {
        font-size: 4.8vw;
    }
}
.c-block-26__item-content-txt {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
}
@media screen and (max-width: 1024px) {
    .c-block-26__item-content-txt {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__item-content-txt {
        margin-top: 1.3333333333vw;
        font-size: 3.2vw;
    }
}
.c-block-26__item-content-sub-ttl {
    font-size: 16px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__item-content-sub-ttl {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__item-content-sub-ttl {
        font-size: 3.7333333333vw;
    }
}
.c-block-26__item-content-in {
    margin-top: 20px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__item-content-in {
        margin-top: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__item-content-in {
        margin-top: 5.3333333333vw;
    }
}
.c-block-26__item-notice {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-block-26__item-notice {
        margin-top: 4vw;
    }
}
.c-block-26__item-notice--after-service {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-block-26__item-notice--after-service {
        margin-top: 1.6vw;
    }
}
.c-block-26__elem {
    margin-top: 40px;
    font-size: 14px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__elem {
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__elem {
        margin-top: 10.6666666667vw;
    }
}
.c-block-26__elem:first-of-type {
    margin-top: 0;
}
.c-block-26__tel {
    display: flex;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-block-26__tel {
        margin-top: 2.6666666667vw;
    }
}
.c-block-26__tel a {
    display: block;
    font-family: "Arial", sans-serif;
    font-size: 38px;
    color: #000;
}
@media screen and (max-width: 1024px) {
    .c-block-26__tel a {
        font-size: 38px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__tel a {
        font-size: 8vw;
    }
}
.c-block-26__tel-icon {
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    background: url(/shared/img/common/icon-contact.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 1024px) {
    .c-block-26__tel-icon {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__tel-icon {
        width: 9.3333333333vw;
        height: 9.3333333333vw;
        margin-right: 2.6666666667vw;
        margin-top: 0;
    }
}
.c-block-26__time {
    margin-top: 5px;
    font-size: 14px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__time {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__time {
        font-size: 3.2vw;
    }
}
.c-block-26__btn {
    width: 270px;
    margin-top: 22px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__btn {
        width: 300px;
        margin-inline: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__btn {
        width: 80%;
        margin-top: 8vw;
        margin-inline: auto;
    }
}
.c-block-26__list {
    margin-left: 19px;
}
.c-block-26__list-item {
    font-size: 12px;
    line-height: 1.7;
    list-style: "※";
}
@media screen and (max-width: 1024px) {
    .c-block-26__list-item {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__list-item {
        font-size: 3.2vw;
    }
}
.c-block-26__faq {
    margin-top: 22px;
}
@media screen and (max-width: 768px) {
    .c-block-26__faq {
        margin-top: 5.3333333333vw;
    }
}
.c-block-26__faq-list {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    border: 1px solid #929393;
    padding: 14px 25px 14px 45px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__faq-list {
        display: block;
        width: 500px;
        padding: 10px 15px 10px 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__faq-list {
        width: 100%;
        padding: 4vw 2.6666666667vw;
    }
}
.c-block-26__faq-ttl {
    font-size: 14px;
    font-weight: 400;
}
@media screen and (max-width: 768px) {
    .c-block-26__faq-ttl {
        font-size: 3.7333333333vw;
    }
}
.c-block-26__faq-list-ttl {
    font-size: 14px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__faq-list-ttl {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__faq-list-ttl {
        font-size: 3.7333333333vw;
    }
}
.c-block-26__faq-list-content {
    margin-left: 15px;
}
@media screen and (max-width: 1024px) {
    .c-block-26__faq-list-content {
        margin-left: 0;
    }
}
.c-block-26__faq-list-link {
    display: inline-block;
    position: relative;
    font-size: 14px;
    padding-right: 25px;
    color: #000;
    text-decoration: underline;
}
@media screen and (min-width: 769px) {
    .c-block-26__faq-list-link:hover {
        text-decoration: none;
    }
}
@media screen and (max-width: 1024px) {
    .c-block-26__faq-list-link {
        font-size: 18px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-26__faq-list-link {
        font-size: 3.7333333333vw;
        padding-right: 5.3333333333vw;
        margin-top: 1.3333333333vw;
    }
}
.c-block-26__faq-list-link::after {
    position: absolute;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background: url(/shared/img/common/icon_target_black.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-block-26__faq-list-link::after {
        width: 4.8vw;
        height: 4.8vw;
    }
}

/* ---------------------------------------------
*   c-block-1
* 通常ブロック（ロゴとテキスト）
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-block-1__logo-wrap {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    padding-right: 14px;
}
@media screen and (max-width: 768px) {
    .c-block-1__logo-wrap {
        display: block;
        padding-right: 0;
    }
}
.c-block-1__logo {
    max-width: 300px;
}
@media screen and (max-width: 768px) {
    .c-block-1__logo {
        width: 58.6666666667vw;
        margin: 0 auto;
        max-width: none;
    }
}
.c-block-1__logo--cookpad {
    position: relative;
    padding-top: 15px;
}
@media screen and (min-width: 769px) {
    .c-block-1__logo--cookpad {
        right: 6px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-1__logo--cookpad {
        padding-top: 0;
        margin-top: 2.1333333333vw;
    }
}
.c-block-1__logo--takara {
    padding-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-block-1__logo--takara {
        width: 68.8vw;
        padding-top: 0;
        margin-top: 7.2vw;
    }
}
.c-block-1__logo--takara .c-block-1__logo-img {
    max-width: 252px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-1__logo--takara .c-block-1__logo-img {
        width: 49.3333333333vw;
        max-width: none;
    }
}
.c-block-1__logo-img img {
    width: 100%;
}
.c-block-1__logo-txt {
    text-align: center;
    font-size: 13px;
    line-height: 2;
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .c-block-1__logo-txt {
        font-size: 3.2vw;
        line-height: 1.8333333333;
        margin-bottom: 3.4666666667vw;
        letter-spacing: 0.025em;
        white-space: nowrap;
    }
}
.c-block-1__txt-area {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-block-1__txt-area {
        display: block;
        margin-top: 10.4vw;
    }
}
.c-block-1__lead {
    max-width: 420px;
}
@media screen and (max-width: 768px) {
    .c-block-1__lead {
        max-width: none;
    }
}
.c-block-1__txt {
    max-width: 500px;
    padding-top: 3px;
}
@media screen and (max-width: 768px) {
    .c-block-1__txt {
        max-width: none;
        padding-top: 0;
        margin-top: 7.2vw;
    }
}
.c-block-1__txt .c-txt-1 {
    margin-top: 23px;
}
@media screen and (max-width: 768px) {
    .c-block-1__txt .c-txt-1 {
        margin-top: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-3
* 通常ブロック(STEP)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-block-3 {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-block-3 {
        display: block;
    }
}
.c-block-3::before {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 300px;
    height: 1px;
    background-color: #C2867A;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-block-3::before {
        width: 1px;
        height: 27.2vw;
    }
}
.c-block-3__content-wrap {
    width: 396px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-block-3__content-wrap {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-3__content-wrap:nth-of-type(n+2) {
        margin-top: 11.2vw;
    }
}
.c-block-3__content {
    max-width: 360px;
    background-color: #fff;
    padding: 47px 15.1515151515% 20px;
}
@media screen and (max-width: 768px) {
    .c-block-3__content {
        max-width: none;
        width: 85.0666666667vw;
        padding: 8.5333333333vw 10.6666666667vw 4vw;
    }
}
.c-block-3__ttl {
    font-size: 16px;
    line-height: 1.5;
    color: #C2867A;
    font-weight: 600;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
    .c-block-3__ttl {
        font-size: 4.2666666667vw;
    }
}
.c-block-3__ttl span {
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    .c-block-3__ttl span {
        font-size: 4.2666666667vw;
    }
}
.c-block-3__txt {
    margin-top: 21px;
}
@media screen and (max-width: 768px) {
    .c-block-3__txt {
        margin-top: 3.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-3__txt .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-block-3__txt--idea .c-txt-3 {
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-block-3__txt--idea .c-txt-3 {
        letter-spacing: 0;
    }
}
.c-block-3__icon {
    width: 60px;
    margin: 0 auto;
    margin-top: 31px;
}
@media screen and (max-width: 768px) {
    .c-block-3__icon {
        width: 14.1333333333vw;
        margin-top: 6.4vw;
    }
}
.c-block-3__icon img {
    width: 100%;
}
.c-block-3__step {
    position: absolute;
    right: 14px;
    bottom: 30px;
}
@media screen and (max-width: 768px) {
    .c-block-3__step {
        width: 12.8vw;
        right: 0;
        bottom: 5.3333333333vw;
    }
}
.c-block-3__step--idea {
    right: 0;
}
@media screen and (max-width: 768px) {
    .c-block-3__step--idea {
        width: 16vw;
        bottom: 4.2666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-3__step--idea .c-block-3__step-txt {
        padding-left: 3.4666666667vw;
    }
}
.c-block-3__step-txt {
    font-size: 18px;
    line-height: 1.3333333333;
    font-family: "Montserrat", sans-serif;
    color: #C2867A;
    margin-bottom: 7px;
    padding-left: 16px;
}
@media screen and (max-width: 768px) {
    .c-block-3__step-txt {
        font-size: 3.7333333333vw;
        line-height: 1.3571428571;
        margin-bottom: 1.3333333333vw;
        padding-left: 2.9333333333vw;
    }
}
.c-block-3__step-num img {
    width: 100%;
}

/* ---------------------------------------------
*   c-block-5
* 通常ブロック(画像)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-block-5 {
    background-color: #F2EFEC;
    padding-top: 70px;
}
@media screen and (max-width: 1600px) {
    .c-block-5 {
        padding-top: 4.375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5 {
        padding-top: 16vw;
    }
}
.c-block-5__container {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    padding-left: 100px;
}
@media screen and (max-width: 1600px) {
    .c-block-5__container {
        padding-left: 6.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5__container {
        max-width: none;
        padding-left: 0;
    }
}
.c-block-5__cassette {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-block-5__cassette {
        display: block;
    }
}
.c-block-5__sentence {
    width: 500px;
    position: absolute;
    left: 100px;
    top: 39px;
}
@media screen and (max-width: 1600px) {
    .c-block-5__sentence {
        width: 31.25vw;
        left: 6.25vw;
        top: 2.4375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5__sentence {
        position: static;
        width: auto;
        padding: 0 8.5333333333vw;
    }
}
@media screen and (max-width: 1600px) {
    .c-block-5__lead .c-txt-9 {
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5__lead .c-txt-9 {
        font-size: 4.8vw;
        letter-spacing: 0.05em;
    }
}
.c-block-5__txt {
    margin-top: 29px;
}
@media screen and (max-width: 1600px) {
    .c-block-5__txt {
        margin-top: 1.8125vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5__txt {
        margin-top: 6.1333333333vw;
    }
}
@media screen and (max-width: 1600px) {
    .c-block-5__txt .c-txt-10 {
        font-size: 1.125vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5__txt .c-txt-10 {
        font-size: 4vw;
        line-height: 2;
    }
}
.c-block-5__round {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 10px;
    margin-top: 27px;
}
@media screen and (max-width: 1600px) {
    .c-block-5__round {
        margin-top: 1.6875vw;
        gap: 0 0.625vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5__round {
        margin-top: 4.2666666667vw;
        gap: 0 1.3333333333vw;
    }
}
@media screen and (max-width: 900px) {
    .chrome .c-block-5__round, .edge .c-block-5__round {
        gap: 0 0.4375vw;
    }
}
@media screen and (max-width: 768px) {
    .chrome .c-block-5__round, .edge .c-block-5__round {
        gap: 0 1.3333333333vw;
    }
}

.c-block-5__img {
    width: 1129px;
}
@media screen and (max-width: 1600px) {
    .c-block-5__img {
        width: 70.5625vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-5__img {
        width: 100%;
        margin-top: 10.6666666667vw;
        position: relative;
        top: 0.8vw;
    }
}
.c-block-5__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-block-7
* 通常ブロック(画像とテキスト)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-block-7 {
    padding-top: 71px;
    padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
    .c-block-7 {
        padding-top: 10.6666666667vw;
        padding-bottom: 16vw;
    }
}
.c-block-7__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-7__container {
        max-width: none;
        padding: 0;
    }
}
.c-block-7__txt {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-7__txt {
        text-align: left;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (max-width: 1000px) {
    .c-block-7__txt .c-txt-10 {
        font-size: 1.7vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-7__txt .c-txt-10 {
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}
.c-block-7__img {
    margin-top: 91px;
}
@media screen and (max-width: 768px) {
    .c-block-7__img {
        width: 98.9333333333%;
        margin: 0 auto;
        margin-top: 12vw;
    }
}
.c-block-7__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-block-9
* 通常ブロック(POINTコンテンツラップ)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-block-9 .c-block-2:nth-of-type(n+2) {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-block-9 .c-block-2:nth-of-type(n+2) {
        margin-top: 13.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-block-9 .c-block-2--counter {
        margin-top: 114px !important;
        margin-bottom: 114px !important;
    }
}
@media screen and (max-width: 768px) {
    .c-block-9 .c-block-2__inner {
        padding: 10.1333333333vw 3.2vw;
    }
}
.c-block-9 .c-block-2__inner--counter {
    padding: 44px 20px;
}
@media screen and (max-width: 768px) {
    .c-block-9 .c-block-2__inner--counter {
        padding: 6.4vw 3.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-9 .c-block-2__inner--dining {
        padding: 8.5333333333vw 3.2vw;
    }
}
.c-block-9 .c-block-2__cassette {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-block-9 .c-block-2__cassette {
        display: block;
    }
}
.c-block-9 .c-block-2__cassette--reverse {
    flex-direction: row-reverse;
}

/* ---------------------------------------------
*   c-block-11
* 通常ブロック(checkthis)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-block-11__ttl-area {
    padding-left: 21px;
}
@media screen and (max-width: 768px) {
    .c-block-11__ttl-area {
        padding-left: 0;
    }
}
.c-block-11__lead {
    font-size: 18px;
    line-height: 1.3333333333;
    font-family: "Montserrat", sans-serif;
    color: #577B89;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-block-11__lead {
        font-size: 3.7333333333vw;
        padding-left: 0.8vw;
    }
}
.c-block-11__ttl {
    margin-top: 13px;
}
@media screen and (max-width: 768px) {
    .c-block-11__ttl {
        margin-top: 0.8vw;
    }
}
.c-block-11__ttl .c-txt-9 {
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-block-11__ttl .c-txt-9 {
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
    }
}
.c-block-11__txt {
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-block-11__txt {
        margin-top: 4.8vw;
    }
}
.c-block-11__cassette {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    margin-top: 67px;
}
@media screen and (max-width: 768px) {
    .c-block-11__cassette {
        display: block;
        margin-top: 10.4vw;
    }
}
.c-block-11__content {
    max-width: 460px;
}
@media screen and (max-width: 768px) {
    .c-block-11__content {
        max-width: none;
    }
}
@media screen and (max-width: 768px) {
    .c-block-11__content:nth-of-type(n+2) {
        margin-top: 7.2vw;
    }
}
.c-block-11__content-lead {
    position: relative;
    padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .c-block-11__content-lead {
        padding-bottom: 4vw;
    }
}
.c-block-11__content-lead::before {
    position: absolute;
    width: 300px;
    height: 1px;
    background-color: #D1D1D0;
    content: "";
    bottom: 0;
    left: 0;
}
@media screen and (max-width: 768px) {
    .c-block-11__content-lead::before {
        width: 37.3333333333vw;
    }
}
.c-block-11__content-lead--new::before {
    background-color: #C2867A;
}
@media screen and (max-width: 850px) {
    .c-block-11__content-lead .c-txt-5 {
        font-size: 17px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-11__content-lead .c-txt-5 {
        font-size: 4.2666666667vw;
        line-height: 1.6111111111;
    }
}
.c-block-11__content-img {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-block-11__content-img {
        margin-top: 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-11__content-img--new {
        margin-top: 8vw;
    }
}
.c-block-11__content-img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-block-13
* 通常ブロック(画像とリスト)
* 使用ページ:/Bauslabo/proplan/
--------------------------------------------- */
.c-block-13 {
    margin-top: 79px;
}
@media screen and (max-width: 768px) {
    .c-block-13 {
        margin-top: 9.8666666667vw;
    }
}
.c-block-13__cassette {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    max-width: 1320px;
}
@media screen and (max-width: 768px) {
    .c-block-13__cassette {
        display: block;
        max-width: none;
    }
}
.c-block-13__img-wrap {
    max-width: 700px;
}
@media screen and (max-width: 768px) {
    .c-block-13__img-wrap {
        max-width: none;
        width: 100%;
    }
}
.c-block-13__ttl {
    text-align: center;
}
.c-block-13__img {
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-block-13__img {
        margin-top: 2.9333333333vw;
    }
}
.c-block-13__sentence {
    max-width: 540px;
    padding-top: 81px;
}
@media screen and (max-width: 768px) {
    .c-block-13__sentence {
        max-width: none;
        padding-top: 0;
        margin-top: 7.2vw;
        padding: 0 5.3333333333vw;
    }
}
.c-block-13__item:nth-of-type(n+2) {
    margin-top: 55px;
}
@media screen and (max-width: 768px) {
    .c-block-13__item:nth-of-type(n+2) {
        margin-top: 6.9333333333vw;
    }
}
.c-block-13__item-head {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
.c-block-13__item-lead {
    display: flex;
}
.c-block-13__item-lead::before {
    content: "";
    width: 32px;
    height: 32px;
    margin-right: 20px;
    display: inline-block;
    background-size: 100% 100%;
    background-image: url(/shared/img/common/icon_num_01.svg);
    flex-shrink: 0;
}
@media screen and (max-width: 1070px) {
    .c-block-13__item-lead::before {
        width: 24px;
        height: 24px;
        position: relative;
        top: 2px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-13__item-lead::before {
        width: 6.4vw;
        height: 6.4vw;
        margin-right: 2.6666666667vw;
        top: 0.5333333333vw;
    }
}
.c-block-13__item-lead--02::before {
    background-image: url(/shared/img/common/icon_num_02.svg);
}
.c-block-13__item-lead--03::before {
    background-image: url(/shared/img/common/icon_num_03.svg);
}
.c-block-13__item-lead--04::before {
    background-image: url(/shared/img/common/icon_num_04.svg);
}
.c-block-13__item-lead--05::before {
    background-image: url(/shared/img/common/icon_num_05.svg);
}
.c-block-13__item-lead--06::before {
    background-image: url(/shared/img/common/icon_num_06.svg);
}
@media screen and (max-width: 1070px) {
    .c-block-13__item-lead .c-txt-5 {
        font-size: 17px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-13__item-lead .c-txt-5 {
        font-size: 4.2666666667vw;
        line-height: 1.8125;
    }
}
.c-block-13__item-link {
    flex-shrink: 0;
    position: relative;
}
@media screen and (max-width: 1070px) and (min-width: 769px) {
    .c-block-13__item-link .c-link-1__txt {
        font-size: 13px;
    }
}
@media screen and (min-width: 769px) {
    .c-block-13__item-link {
        top: -4px;
    }
}
.c-block-13__item-body {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-block-13__item-body {
        margin-top: 2.4vw;
    }
}

/* ---------------------------------------------
*   c-block-15
* 通常ブロック(提案)
* 使用ページ:/Bauslabo/proplan/
--------------------------------------------- */
.c-block-15 {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 83px;
}
@media screen and (max-width: 768px) {
    .c-block-15 {
        max-width: none;
        margin-top: 12vw;
    }
}
.c-block-15__item:nth-of-type(n+2) {
    margin-top: 92px;
}
@media screen and (max-width: 768px) {
    .c-block-15__item:nth-of-type(n+2) {
        margin-top: 14.1333333333vw;
    }
}
.c-block-15__item-head {
    position: relative;
    padding-bottom: 17px;
}
@media screen and (max-width: 768px) {
    .c-block-15__item-head {
        padding-bottom: 3.7333333333vw;
    }
}
.c-block-15__item-head::before {
    content: "";
    width: 300px;
    height: 1px;
    background-color: #D1D1D0;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media screen and (max-width: 768px) {
    .c-block-15__item-head::before {
        width: 37.3333333333vw;
    }
}
.c-block-15__ttl {
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .c-block-15__ttl {
        font-size: 4.8vw;
        line-height: 1.7777777778;
    }
}
.c-block-15__ttl span {
    color: #00AEBD;
}
.c-block-15__item-body {
    margin-top: 32px;
}
@media screen and (max-width: 768px) {
    .c-block-15__item-body {
        margin-top: 6.6666666667vw;
    }
}
.c-block-15__cassette {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-block-15__cassette {
        display: block;
    }
}
.c-block-15__sentence {
    max-width: 320px;
}
@media screen and (max-width: 768px) {
    .c-block-15__sentence {
        max-width: none;
    }
}
.c-block-15__sentence-img {
    margin-top: 56px;
}
@media screen and (max-width: 768px) {
    .c-block-15__sentence-img {
        width: 85.3333333333vw;
        margin: 0 auto;
        margin-top: 8.2666666667vw;
    }
}
.c-block-15__img {
    max-width: 600px;
    padding-top: 8px;
}
@media screen and (max-width: 768px) {
    .c-block-15__img {
        max-width: none;
        padding-top: 0;
        margin-top: 10.6666666667vw;
    }
}
.c-block-15__img img {
    width: 100%;
}
.c-block-15__anno {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    display: flex;
    margin-top: 74px;
}
@media screen and (max-width: 768px) {
    .c-block-15__anno {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
        margin-top: 12.5333333333vw;
    }
}
.c-block-15__anno span {
    margin-right: 4px;
}
@media screen and (max-width: 768px) {
    .c-block-15__anno span {
        margin-right: 1.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-block-17
BAUSが大切にしている3つの価値配下ブロック
* 使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-block-17 {
    margin-top: 91px;
}
@media screen and (max-width: 768px) {
    .c-block-17 {
        margin-top: 14.1333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-17__anchor {
        padding: 0 7.2vw;
    }
}
.c-block-17__anchor .c-box-12 {
    gap: 0 10px;
}
@media screen and (max-width: 1240px) {
    .c-block-17__anchor .c-box-12 {
        gap: 0 0.8064516129vw;
    }
}
.c-block-17__anchor .c-box-12 * {
    display: block;
}
.c-block-17__anchor .c-box-12__inner {
    position: relative;
    top: -21px;
}
@media screen and (max-width: 768px) {
    .c-block-17__anchor .c-box-12__inner {
        top: -4vw;
    }
}
.c-block-17__anchor .c-box-12__item {
    width: 32.75%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .c-block-17__anchor .c-box-12__item {
        width: 100%;
    }
}
.c-block-17__anchor .c-box-12__item:nth-of-type(n+2) {
    margin-left: 0;
}
.c-block-17__anchor .c-box-12__link {
    width: 100%;
    aspect-ratio: 1.0650406504;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-block-17__anchor .c-box-12__link {
        width: 74.6666666667vw;
        aspect-ratio: 1.0646387833;
        margin: 0 auto;
    }
}
.c-block-17__anchor .c-box-12__link::before {
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-top: 1px solid #6E6F6F;
    border-right: 1px solid #6E6F6F;
    content: "";
    right: 50%;
    transform: translateX(50%) rotate(135deg);
    bottom: 72px;
}
@media screen and (max-width: 1240px) {
    .c-block-17__anchor .c-box-12__link::before {
        bottom: 5.8064516129vw;
    }
}
@media screen and (max-width: 960px) {
    .c-block-17__anchor .c-box-12__link::before {
        width: 1.4583333333vw;
        height: 1.4583333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-17__anchor .c-box-12__link::before {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
        bottom: 13.8666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-block-17__anchor .c-box-12__link {
        transition: opacity 300ms;
    }
    .c-block-17__anchor .c-box-12__link:hover {
        opacity: 0.8;
    }
}
.c-block-17__list {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 101px;
}
@media screen and (max-width: 768px) {
    .c-block-17__list {
        max-width: none;
        margin-top: 8vw;
        padding: 0 7.2vw;
    }
}
.c-block-17__txt {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 88px;
}
@media screen and (max-width: 768px) {
    .c-block-17__txt {
        max-width: none;
        margin-top: 12.8vw;
        padding: 0 4.5333333333vw;
    }
}
.c-block-17__txt .c-txt-5 {
    line-height: 2.25;
    letter-spacing: 0.03em;
}
@media screen and (min-width: 769px) {
    .c-block-17__txt .c-txt-5 {
        font-size: clamp(17px, 2.210663199vw, 20px);
    }
}
@media screen and (max-width: 768px) {
    .c-block-17__txt .c-txt-5 {
        font-size: 4vw;
        line-height: 2;
        letter-spacing: 0.05em;
    }
}

/* ---------------------------------------------
*   c-block-19
* 通常ブロック(背景つき・POINT)
* 使用ページ:/Bauslabo/windowPlan/
--------------------------------------------- */
.c-block-19 {
    display: flex;
    gap: 0 6.0606060606%;
}
@media screen and (max-width: 768px) {
    .c-block-19 {
        display: block;
    }
}
.c-block-19__img {
    width: 53.0303030303%;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-block-19__img {
        width: 100%;
    }
}
.c-block-19__item {
    display: flex;
    gap: 0 3.7037037037%;
}
@media screen and (max-width: 768px) {
    .c-block-19__item {
        gap: 0 2.6666666667vw;
    }
}
.c-block-19__item:nth-of-type(n+2) {
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-block-19__item:nth-of-type(n+2) {
        margin-top: 7.2vw;
    }
}
.c-block-19__num {
    flex-shrink: 0;
    width: 32px;
}
@media screen and (max-width: 768px) {
    .c-block-19__num {
        width: 6.4vw;
    }
}
.c-block-19__content {
    width: 40.9090909091%;
}
@media screen and (max-width: 768px) {
    .c-block-19__content {
        width: 100%;
        margin-top: 10.4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-19__content-img {
        padding: 0 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-19__list {
        padding: 0 5.3333333333vw;
    }
}
.c-block-19__sentence-point {
    font-size: 14px;
    font-weight: 600;
    color: #977B35;
    margin-bottom: 16px;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
    .c-block-19__sentence-point {
        font-size: 3.2vw;
        margin-bottom: 2.9333333333vw;
    }
}
.c-section-37--orange .c-block-19__sentence-point {
    color: #EDA06A;
    margin-bottom: 9px;
}
@media screen and (max-width: 768px) {
    .c-section-37--orange .c-block-19__sentence-point {
        margin-bottom: 1.6vw;
    }
}

.c-section-37--blue .c-block-19__sentence-point {
    color: #7186BE;
    margin-bottom: 0;
    padding-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-section-37--blue .c-block-19__sentence-point {
        padding-top: 0.5333333333vw;
    }
}

.c-block-19__sentence-lead {
    margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
    .c-block-19__sentence-lead {
        margin-bottom: 2.6666666667vw;
    }
}
.c-section-37--blue .c-block-19__sentence-lead {
    margin-bottom: 27px;
}
@media screen and (max-width: 768px) {
    .c-section-37--blue .c-block-19__sentence-lead {
        margin-bottom: 5.6vw;
    }
}

.c-block-19__lead {
    margin-top: 53px;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .c-block-19__lead {
        margin-top: 6.1333333333vw;
        margin-bottom: 7.7333333333vw;
        padding: 0 5.3333333333vw;
    }
}
.c-block-19__lead .c-txt-5 {
    line-height: 1.8;
    position: relative;
    padding-bottom: 17px;
    max-width: 483px;
}
@media screen and (max-width: 768px) {
    .c-block-19__lead .c-txt-5 {
        line-height: 1.7777777778;
        padding-bottom: 4vw;
        max-width: none;
    }
}
.c-block-19__lead .c-txt-5::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    max-width: 100%;
    height: 1px;
    background-color: #EDA06A;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-block-19__lead .c-txt-5::before {
        width: 37.3333333333vw;
        max-width: none;
    }
}
.c-block-19__cassette {
    display: flex;
    gap: 0 5.5555555556%;
}
@media screen and (max-width: 768px) {
    .c-block-19__cassette {
        display: block;
        padding: 0 9.8666666667vw;
    }
}
.c-block-19__cassette:nth-of-type(n+2) {
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-block-19__cassette:nth-of-type(n+2) {
        margin-top: 11.4666666667vw;
    }
}
.c-block-19__sentence-cassette {
    display: flex;
    gap: 0 16px;
    margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
    .c-block-19__sentence-cassette {
        gap: 0 2.6666666667vw;
        margin-bottom: 3.4666666667vw;
    }
}
.c-block-19__cassette-box {
    max-width: 220px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-block-19__cassette-box {
        max-width: none;
        margin-bottom: 9.6vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-19__cassette-box .c-box-7__gallery {
        margin-left: 0;
    }
}
.c-block-19__cassette-box .c-box-7__gallery-btn img {
    aspect-ratio: 0.7073954984;
}

/* ---------------------------------------------
*   c-block-21
* 通常ブロック(カード要素内包)
* 使用ページ:/service/
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .c-block-21__txt {
        padding: 0 5.3333333333vw;
    }
}
.c-block-21__txt .c-txt-9 {
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-block-21__txt .c-txt-9 {
        line-height: 1.8;
    }
}
.c-block-21__txt--02 {
    margin-top: 54px;
}
@media screen and (max-width: 768px) {
    .c-block-21__txt--02 {
        margin-top: 12.2666666667vw;
    }
}
.c-block-21__cassette {
    display: flex;
    justify-content: flex-start;
    margin-top: 72px;
    gap: 0 80px;
}
@media screen and (max-width: 768px) {
    .c-block-21__cassette {
        display: block;
        margin-top: 8.8vw;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-block-21__cassette--02 {
        margin-top: 43px;
    }
}
.c-block-21__cassette-img {
    max-width: 280px;
    min-width: 200px;
}
@media screen and (max-width: 768px) {
    .c-block-21__cassette-img {
        max-width: none;
        min-width: auto;
        width: 53.3333333333vw;
        margin: 0 auto;
    }
}
.c-block-21__cassette-img img {
    width: 100%;
}
.c-block-21__cassette-txt {
    display: flex;
    align-items: center;
    max-width: 685px;
    padding-top: 3px;
}
@media screen and (max-width: 768px) {
    .c-block-21__cassette-txt {
        max-width: none;
        padding-top: 0;
        margin-top: 8vw;
    }
}
.c-block-21__img-wrap {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-block-21__img-wrap {
        max-width: none;
        overflow: auto;
        margin-top: 5.0666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-block-21__img-wrap--02 {
        margin-top: 32 px;
    }
}
@media screen and (max-width: 768px) {
    .c-block-21__img {
        width: 202.6666666667vw;
    }
}
.c-block-21__card {
    max-width: 1070px;
    margin: 0 auto;
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-block-21__card {
        max-width: none;
        padding: 0 5.3333333333vw;
        margin-top: 16.8vw;
    }
}

/* ---------------------------------------------
*   c-block-23
グループ一貫体制のマンション管理ブロック
* 使用ページ:/service/
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .c-block-23__lead .c-txt-9 {
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
    }
}
.c-block-23__cassette {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 0 20px;
    margin-top: 28px;
}
@media screen and (max-width: 768px) {
    .c-block-23__cassette {
        display: block;
        margin-top: 6.1333333333vw;
    }
}
.c-block-23__sentence {
    max-width: 544px;
}
@media screen and (max-width: 768px) {
    .c-block-23__sentence {
        max-width: none;
    }
}
.c-block-23__sentence-logo {
    max-width: 393px;
}
@media screen and (max-width: 768px) {
    .c-block-23__sentence-logo {
        max-width: none;
        width: 100%;
    }
}
.c-block-23__sentence-txt {
    margin-top: 22px;
}
@media screen and (max-width: 768px) {
    .c-block-23__sentence-txt {
        margin-top: 3.7333333333vw;
    }
}
.c-block-23__sentence-link {
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-block-23__sentence-link {
        margin-top: 5.0666666667vw;
    }
}
.c-block-23__img {
    max-width: 396px;
    min-width: 300px;
}
@media screen and (max-width: 768px) {
    .c-block-23__img {
        max-width: none;
        min-width: auto;
        margin-top: 10.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-25
* アイデアギャラリーへの導線ブロック
* 使用ページ: /Bauslabo/index.html
--------------------------------------------- */
.c-block-25 {
    margin-top: 180px;
}
@media screen and (max-width: 768px) {
    .c-block-25 {
        margin-top: 22.4vw;
    }
}
.c-block-25__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-block-25__inner {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-block-25__link {
    display: block;
    max-width: 735px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-block-25__link {
        max-width: none;
    }
}
@media screen and (min-width: 769px) {
    .c-block-25__link {
        transition: opacity 300ms;
    }
    .c-block-25__link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-block-27
* CMギャラリー【ナレーション】
* 使用ページ: /aboutBaus/media/index.html
--------------------------------------------- */
.c-block-27 {
    margin-top: 93px;
    padding-block: 79px 77px;
    background-color: #F8F9F9;
}
@media screen and (max-width: 768px) {
    .c-block-27 {
        margin-top: 14.9333333333vw;
        padding-block: 11.4666666667vw 12vw;
    }
}
.c-block-27__inner {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-block-27__inner {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-block-27__lead {
    text-align: center;
}
.c-block-27__txt {
    margin-top: 22px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-27__txt {
        margin-top: 2.9333333333vw;
    }
    .c-block-27__txt .c-txt-1 {
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   c-box-2
メインブロック（kv下、画像とテキストのグリッド部分）
* 使用ページ:/magazine/article/・/voice/article/
--------------------------------------------- */
.c-box-2-wrap {
    padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
    .c-box-2-wrap {
        padding-bottom: 21.3333333333vw;
    }
}

.c-box-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 0;
}
@media screen and (max-width: 1240px) {
    .c-box-2 {
        gap: 3.226vw 0;
    }
}
@media screen and (max-width: 768px) {
    .c-box-2 {
        gap: 8vw 0;
    }
}
.c-box-2:nth-of-type(n+2) {
    margin-top: 180px;
}
@media screen and (max-width: 768px) {
    .c-box-2:nth-of-type(n+2) {
        margin-top: 21.3333333333vw;
    }
}
.c-box-2__item:first-of-type {
    padding-right: 6.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-box-2__item:first-of-type {
        grid-area: 2/1/3/3;
        padding-right: 0;
    }
}
.c-box-2:nth-of-type(2n) .c-box-2__item:first-of-type {
    grid-area: 1/2/2/3;
    padding-right: 0;
    padding-left: 6.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-box-2:nth-of-type(2n) .c-box-2__item:first-of-type {
        grid-area: 2/1/3/3;
        padding-left: 0;
    }
}
.c-box-2__item:nth-of-type(2) {
    padding-left: 6.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-box-2__item:nth-of-type(2) {
        grid-area: 1/1/2/3;
        padding-left: 0;
    }
}
.c-box-2:nth-of-type(2n) .c-box-2__item:nth-of-type(2) {
    grid-area: 1/1/2/2;
    padding-left: 0;
    padding-right: 6.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-box-2:nth-of-type(2n) .c-box-2__item:nth-of-type(2) {
        grid-area: 1/1/2/3;
        padding-right: 0;
    }
}
.c-box-2__item:nth-of-type(3) {
    grid-column: 1/3;
}
.c-box-2__item:nth-of-type(4) {
    padding-right: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-2__item:nth-of-type(4) {
        padding-right: 0;
    }
}
.c-box-2__item:nth-of-type(5) {
    padding-left: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-2__item:nth-of-type(5) {
        padding-left: 0;
    }
}
.c-box-2__img {
    width: 100%;
    max-width: 560px;
    aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
    .c-box-2__img {
        max-width: none;
    }
}
.c-box-2__item:nth-of-type(3) .c-box-2__img {
    max-width: 1200px;
    aspect-ratio: 1200/554;
}
@media screen and (max-width: 768px) {
    .c-box-2__item:nth-of-type(3) .c-box-2__img {
        max-width: none;
        aspect-ratio: 375/173;
        position: relative;
        width: 100vw;
        margin: 0 -50vw;
        left: 50%;
        right: 50%;
    }
}
.c-box-2__item:nth-of-type(n+4):nth-of-type(-n+5) .c-box-2__img {
    max-width: 580px;
    aspect-ratio: 580/387;
}
@media screen and (max-width: 768px) {
    .c-box-2__item:nth-of-type(n+4):nth-of-type(-n+5) .c-box-2__img {
        max-width: none;
        aspect-ratio: 167.5/111;
    }
}
.c-box-2__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-box-2__body {
    margin-top: 70px;
}
@media screen and (max-width: 768px) {
    .c-box-2__body {
        margin-top: 6.6666666667vw;
    }
}
.c-box-2--nottl {
    margin-top: 40px !important;
}
@media screen and (max-width: 768px) {
    .c-box-2--nottl {
        margin-top: 8vw !important;
    }
}

/* ---------------------------------------------
*   c-box-4
* 通常ブロック(POINT要素部分)
* 使用ページ:/voice/article/
--------------------------------------------- */
.c-box-4-wrap {
    counter-reset: number 0;
    padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
    .c-box-4-wrap {
        padding-bottom: 21.3333333333vw;
    }
}

.c-box-4 {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-box-4 {
        display: block;
    }
}
.c-box-4:nth-of-type(n+2) {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-box-4:nth-of-type(n+2) {
        margin-top: 12vw;
    }
}
.c-box-4__img-outer {
    width: 62.3%;
}
@media screen and (max-width: 768px) {
    .c-box-4__img-outer {
        width: 100%;
    }
}
.c-box-4__img {
    width: 100%;
    aspect-ratio: 623/367;
}
.c-box-4__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-box-4__txt-wrap {
    width: 37.7%;
    padding-left: 8%;
}
@media screen and (max-width: 768px) {
    .c-box-4__txt-wrap {
        width: 100%;
        padding-left: 0;
    }
}
.c-box-4__lead {
    margin-top: 35px;
}
@media screen and (max-width: 768px) {
    .c-box-4__lead {
        margin-top: 6.6666666667vw;
    }
}
.c-box-4__head {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-4__head {
        margin-top: 3.2vw;
    }
}
.c-box-4__txt {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-box-4__txt {
        margin-top: 4vw;
    }
}

/* ---------------------------------------------
*   c-box-6
* 通常ブロック(見出しとテキスト)
* 使用ページ:/magazine/article/
--------------------------------------------- */
.c-box-6 {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-box-6 {
        display: block;
    }
}
.c-box-6:nth-of-type(2n) {
    flex-direction: row-reverse;
}
.c-box-6:nth-of-type(n+2) {
    margin-top: 150px;
}
@media screen and (max-width: 1240px) {
    .c-box-6:nth-of-type(n+2) {
        margin-top: 12.097vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-6:nth-of-type(n+2) {
        margin-top: 16vw;
    }
}
.c-box-6__txt-wrap {
    width: 50%;
    padding-right: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-6__txt-wrap {
        width: 100%;
        padding-right: 0;
    }
}
.c-box-6:first-of-type .c-box-6__txt-wrap {
    padding-right: 5.8333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-6:first-of-type .c-box-6__txt-wrap {
        padding-right: 0;
    }
}
.c-box-6:nth-of-type(2n) .c-box-6__txt-wrap {
    padding-right: 0;
    padding-left: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-6:nth-of-type(2n) .c-box-6__txt-wrap {
        padding-left: 0;
    }
}
.c-box-6__img-outer {
    width: 50%;
    padding-left: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-6__img-outer {
        width: 100%;
        padding-left: 0;
        margin-top: 9.3333333333vw;
    }
}
.c-box-6:first-of-type .c-box-6__img-outer {
    padding-left: 0.8333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-6:first-of-type .c-box-6__img-outer {
        padding-left: 0;
    }
}
.c-box-6:nth-of-type(2n) .c-box-6__img-outer {
    padding-left: 0;
    padding-right: 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-box-6:nth-of-type(2n) .c-box-6__img-outer {
        padding-right: 0;
    }
}
.c-box-6__cat {
    margin-bottom: 20px;
}
@media screen and (max-width: 1240px) {
    .c-box-6__cat {
        margin-bottom: 1.613vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-6__cat {
        margin-bottom: 2.6666666667vw;
    }
}
.c-box-6:first-of-type .c-box-6__head {
    padding-bottom: 90px;
    border-bottom: 1px solid #D1D1D0;
}
@media screen and (max-width: 1240px) {
    .c-box-6:first-of-type .c-box-6__head {
        padding-bottom: 7.258vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-6:first-of-type .c-box-6__head {
        padding-bottom: 8vw;
    }
}
.c-box-6__txt {
    margin-top: 70px;
}
@media screen and (max-width: 1240px) {
    .c-box-6__txt {
        margin-top: 5.645vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-6__txt {
        margin-top: 8vw;
    }
}
.c-box-6:first-of-type .c-box-6__txt {
    margin-top: 40px;
}
@media screen and (max-width: 1240px) {
    .c-box-6:first-of-type .c-box-6__txt {
        margin-top: 3.226vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-6:first-of-type .c-box-6__txt {
        margin-top: 8vw;
    }
}
.c-box-6__txt .c-txt-4:nth-of-type(n+2) {
    margin-top: 32px;
}
@media screen and (max-width: 1240px) {
    .c-box-6__txt .c-txt-4:nth-of-type(n+2) {
        margin-top: 2.581vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-6__txt .c-txt-4:nth-of-type(n+2) {
        margin-top: 6.6666666667vw;
    }
}
.c-box-6__img {
    width: 100%;
    aspect-ratio: 1/1;
}
.c-box-6__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

/* ---------------------------------------------
*   c-box-8
* 通常ブロック(POINT要素部分)
* 使用ページ:/Bauslabo/coreclo_1/
--------------------------------------------- */
.c-box-8__item {
    display: flex;
    margin-top: 32px;
    gap: 0 8%;
}
@media screen and (max-width: 768px) {
    .c-box-8__item {
        display: block;
        margin-top: 12vw;
    }
}
.c-box-8__item:first-of-type {
    margin-top: 0;
}
.c-box-8__item:nth-of-type(2) {
    flex-direction: row-reverse;
}
.c-box-8__img-outer {
    width: 62.3%;
}
@media screen and (max-width: 768px) {
    .c-box-8__img-outer {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}
.c-box-8__img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-box-8__img {
        width: 93.6vw;
        margin: 0 auto;
    }
}
.c-box-8__img img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .c-box-8--02 .c-box-8__img {
        width: 92vw;
    }
}
.c-box-8__txt-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 29.7%;
}
@media screen and (max-width: 768px) {
    .c-box-8__txt-wrap {
        display: block;
        width: 100%;
        margin-top: 8.5333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
    .c-box-8__lead .c-txt-16 {
        font-size: 1.4583333333vw;
    }
}
.c-box-8__head {
    margin-top: 6.734006734%;
}
@media screen and (max-width: 768px) {
    .c-box-8__head {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-8__head .c-txt-8 {
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
    .c-box-8__head .c-txt-8 {
        font-size: 2.0833333333vw;
    }
}
.c-box-8__txt {
    margin-top: 9.0909090909%;
}
@media screen and (max-width: 768px) {
    .c-box-8__txt {
        margin-top: 3.2vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
    .c-box-8__txt .c-txt-4 {
        font-size: 1.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-box-10
* 通常ブロック(提案要素内部)
* 使用ページ:/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-box-10__item {
    display: flex;
    margin-top: 32px;
    gap: 0 8%;
}
@media screen and (max-width: 768px) {
    .c-box-10__item {
        display: block;
        margin-top: 12vw;
    }
}
.c-box-10__item:first-of-type {
    margin-top: 0;
}
.c-box-10__item:nth-of-type(2) {
    flex-direction: row-reverse;
}
.c-box-10__img-outer {
    width: 60%;
    padding-top: 0.8%;
}
@media screen and (max-width: 768px) {
    .c-box-10__img-outer {
        width: 100%;
        padding-top: 0;
        margin-top: 10.6666666667vw;
    }
}
.c-box-10__img-2 {
    width: 100%;
}
.c-box-10__img-2 img {
    width: 100%;
    height: auto;
}
.c-box-10__txt-wrap {
    width: 32%;
}
@media screen and (max-width: 768px) {
    .c-box-10__txt-wrap {
        display: block;
        width: 100%;
        margin-top: 8.5333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
    .c-box-10__head .c-txt-8 {
        font-size: 1.7543859649vw;
    }
}
.c-box-10__txt {
    margin-top: 7.5%;
}
@media screen and (max-width: 768px) {
    .c-box-10__txt {
        margin-top: 3.2vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
    .c-box-10__txt .c-txt-4 {
        font-size: 1.4035087719vw;
    }
}
.c-box-10__img-1 {
    width: 100%;
    margin-top: 17.5%;
}
@media screen and (max-width: 768px) {
    .c-box-10__img-1 {
        width: 85.3333333333vw;
        margin: 8vw auto 0;
    }
}
.c-box-10__img-1 img {
    width: 100%;
    height: auto;
}

/* ---------------------------------------------
*   c-box-12
普遍革新ソーシャルグッドブロック
使用ページ:/Bauslabo/・/aboutBaus/brand/
--------------------------------------------- */
.c-box-12 {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-box-12 {
        display: block;
    }
}
.c-box-12__item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 393px;
    height: 369px;
}
@media screen and (max-width: 1240px) {
    .c-box-12__item {
        width: 31.6935483871vw;
        height: 29.7580645161vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-12__item {
        width: 74.6666666667vw;
        height: 70.1333333333vw;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1240px) {
    .c-box-12__item:nth-of-type(n+2) {
        margin-left: 0.8064516129vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-12__item:nth-of-type(n+2) {
        margin-left: auto;
        margin-top: 2.6666666667vw;
    }
}
.c-box-12__inner {
    text-align: center;
}
@media screen and (min-width: 769px) {
    .c-box-12__inner {
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
    .c-box-12__head .c-ttl-8 {
        font-size: 3.125vw;
    }
}
.c-box-12__txt {
    margin-top: 31px;
}
@media screen and (max-width: 768px) {
    .c-box-12__txt {
        margin-top: 4.8vw;
        padding-left: 12vw;
        padding-right: 12vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
    .c-box-12__txt .c-txt-2 {
        font-size: 1.4583333333vw;
    }
}

/* ---------------------------------------------
*   c-box-14
* 通常ブロック(サポートデスクへご連絡)(現在非表示)
* 使用ページ:/service/sumaiSupport/
--------------------------------------------- */
.c-box-14 {
    display: flex;
    justify-content: space-between;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-box-14 {
        display: block;
    }
}
.c-box-14::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 70.9166666667%;
    height: 2px;
    background-color: #2CB1A5;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .c-box-14::before {
        width: 0.2666666667vw;
        height: 226.9333333333vw;
    }
}
.c-box-14__item {
    width: 23.3333333333%;
    height: 280px;
    padding: 30px 2.5% 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 870px) {
    .c-box-14__item {
        height: 32.183908046vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__item {
        width: 74.6666666667vw;
        height: 74.6666666667vw;
        margin: 11.2vw auto 0;
        padding: 8vw 8vw 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__item:first-of-type {
        margin-top: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-box-14__txt-wrap--nowrap {
        white-space: nowrap;
    }
}
.c-box-14__lead {
    margin: 0 auto;
}
.c-box-14__lead--01 {
    width: 54px;
    height: 32px;
}
@media screen and (max-width: 768px) {
    .c-box-14__lead--01 {
        width: 14.4vw;
        height: 8.5333333333vw;
    }
}
.c-box-14__lead--02 {
    width: 60px;
    height: 32px;
}
@media screen and (max-width: 768px) {
    .c-box-14__lead--02 {
        width: 16vw;
        height: 8.5333333333vw;
    }
}
.c-box-14__lead--03 {
    width: 60px;
    height: 33px;
}
@media screen and (max-width: 768px) {
    .c-box-14__lead--03 {
        width: 16vw;
        height: 8.8vw;
    }
}
.c-box-14__lead--04 {
    width: 62px;
    height: 32px;
}
@media screen and (max-width: 768px) {
    .c-box-14__lead--04 {
        width: 16.5333333333vw;
        height: 8.5333333333vw;
    }
}
.c-box-14__lead img {
    width: 100%;
    height: 100%;
}
.c-box-14__ttl {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    margin-top: 22px;
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
    .c-box-14__ttl {
        font-size: 1.5238095238vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__ttl {
        font-size: 4.2666666667vw;
        margin-top: 5.8666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1060px) {
    .safari .c-box-14__ttl {
        font-size: 1.5094339623vw;
    }
}

.c-box-14__txt {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-top: 9px;
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
    .c-box-14__txt {
        font-size: 1.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-14__txt {
        font-size: 3.7333333333vw;
        margin-top: 2.4vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1055px) {
    .safari .c-box-14__txt {
        font-size: 1.327014218vw;
    }
}

.c-box-14__icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-box-14__icon {
        width: 16vw;
        height: 18.4vw;
    }
}
.c-box-14__icon img {
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------
*   c-box-16
* 通常ブロック(ゴールドの外縁有り)
* 使用ページ:/service/clubOff/
--------------------------------------------- */
.c-box-16 {
    margin-top: 34px;
    padding: 22px 6.5217391304%;
    border: 1px solid #CDC8A8;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-box-16 {
        margin-top: 3.5789473684vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-16 {
        margin-top: 5.8666666667vw;
        padding: 5.0666666667vw 6.4vw;
        border-width: 0.2666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-16--02 {
        padding-bottom: 28px;
    }
}
@media screen and (min-width: 769px) {
    .c-box-16--03 {
        padding-bottom: 30px;
    }
}
@media screen and (min-width: 769px) {
    .c-box-16--06 {
        padding-top: 30px;
        padding-bottom: 24px;
    }
}
.c-box-16--benefit {
    padding-top: 27px;
    padding-bottom: 27px;
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-box-16--benefit {
        padding-top: 7.2vw;
        padding-bottom: 7.2vw;
        margin-top: 8vw;
    }
}
.c-box-16__lead {
    color: #AAAA88;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 2;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-box-16__lead {
        font-size: 3.4666666667vw;
        line-height: 1.8;
    }
}
.c-box-16__txt {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-box-16__txt {
        font-size: 1.5789473684vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-16__txt {
        font-size: 3.4666666667vw;
        letter-spacing: normal;
        line-height: 1.8;
    }
}
.c-box-16__txt--02 {
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt--02 {
        margin-top: 1.3333333333vw;
    }
}
.c-box-16__txt--03 {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt--03 {
        margin-top: 1.0666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .windows .c-box-16--02 .c-box-16__txt--03 {
        letter-spacing: normal;
    }
}

@media screen and (min-width: 769px) {
    .safari .c-box-16--02 .c-box-16__txt--03 {
        letter-spacing: normal;
    }
}

.c-box-16__txt--04 {
    margin-top: 1px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt--04 {
        margin-top: 1.3333333333vw;
    }
}
.c-box-16__txt--05 {
    margin-top: 2px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt--05 {
        margin-top: 0.8vw;
    }
}
.c-box-16__txt--06 {
    margin-top: 9px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt--06 {
        margin-top: 1.3333333333vw;
    }
}
.c-box-16__txt--07 {
    margin-top: -3px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt--07 {
        margin-top: 0.2666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .windows .c-box-16--01 .c-box-16__txt {
        letter-spacing: -0.03em;
    }
}

.c-box-16__txt-small {
    font-size: 12px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt-small {
        font-size: 2.6666666667vw;
    }
}
.c-box-16__txt-bold {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-left: 10px;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-box-16__txt-bold {
        font-size: 1.6842105263vw;
        margin-left: 1.0526315789vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-16__txt-bold {
        font-size: 3.7333333333vw;
        line-height: 1.8;
        margin-left: 2.6666666667vw;
    }
}
.c-box-16__txt-strong {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-left: 10px;
    margin-right: 10px;
}
@media screen and (max-width: 768px) {
    .c-box-16__txt-strong {
        font-size: 4.8vw;
        line-height: 1.5;
        margin-left: 1.3333333333vw;
    }
}
.c-box-16__arr {
    margin-left: 10px;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-box-16__arr {
        margin-left: 1.0526315789vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-16__arr {
        margin-left: 2.6666666667vw;
    }
}
.safari .c-box-16__arr {
    position: relative;
    top: -1px;
}
@media screen and (max-width: 768px) {
    .safari .c-box-16__arr {
        top: -0.2666666667vw;
    }
}

.c-box-16__label {
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-box-16__label {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-16--03 .c-box-16__label {
        margin-top: 17px;
    }
}
.c-box-16__label .c-label-2 {
    min-width: 84px;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-box-16__label .c-label-2 {
        min-width: 8.8421052632vw;
        min-height: 2.9473684211vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-16__label .c-label-2 {
        min-width: 17.3333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-box-16__label .c-label-2__txt {
        font-size: 1.2631578947vw;
    }
}
@media screen and (min-width: 769px) {
    .windows .c-box-16__label .c-label-2--bg-gold-2 {
        padding-top: 6px;
        padding-bottom: 4px;
    }
}

@media screen and (max-width: 768px) {
    .androidphone .c-box-16__label .c-label-2--bg-gold-2 {
        padding-top: 0.5333333333vw;
        padding-bottom: 0.5333333333vw;
    }
}

.c-box-16__label-2 {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 72px;
    height: 24px;
    padding-top: 1px;
    border: 1px solid #9F7A2A;
    color: #9F7A2A;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-box-16__label-2 {
        width: 14.4vw;
        height: 5.8666666667vw;
        padding-top: 0.2666666667vw;
        font-size: 2.9333333333vw;
        letter-spacing: normal;
    }
}
.c-box-16__note {
    display: flex;
    gap: 0 2px;
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: normal;
    font-weight: 500;
    margin-top: 2px;
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-box-16__note {
        font-size: 1.1578947368vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-16__note {
        gap: 0 0.5333333333vw;
        font-size: 2.9333333333vw;
        margin-top: 0.5333333333vw;
    }
}
.c-box-16__note--benefit {
    font-size: 12px;
    line-height: 2;
    margin-top: 10px;
}
.c-box-16__asterisk {
    padding-right: 1px;
}
@media screen and (max-width: 768px) {
    .c-box-16__asterisk {
        padding-right: 0.2666666667vw;
    }
}
.safari .c-box-16__asterisk {
    margin-top: -1px;
}
@media screen and (max-width: 768px) {
    .safari .c-box-16__asterisk {
        margin-top: -0.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-box-18
* 通常ブロック(動画ブロック)
* 使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-box-18 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 0 6%;
}
@media screen and (max-width: 768px) {
    .c-box-18 {
        display: block;
    }
}
.c-cassette-14--colored-right .c-box-18 {
    flex-direction: row;
}
.c-box-18__movie-outer {
    width: 56%;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-box-18__movie-outer {
        width: 100%;
    }
}
.c-box-18__movie-outer::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-box-18__movie-outer::before {
        content: normal;
    }
}
.c-box-18__youtube {
    display: block;
    width: 100%;
    border: none;
    aspect-ratio: 560/315;
}
@media screen and (min-width: 769px) {
    .c-box-18__youtube {
        transition: opacity 300ms;
    }
    .c-box-18__youtube:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-box-18__youtube {
        aspect-ratio: 335/188;
    }
}
.c-box-18__thumb {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
}
.c-box-18__thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(110, 111, 111, 0.15);
    transition: opacity 0.3s;
    opacity: 1;
}
@media screen and (min-width: 769px) {
    .c-box-18__thumb:hover::before {
        opacity: 0;
    }
}
.c-box-18__thumb::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 62px;
    height: 62px;
    background-image: url("/shared/img/common/icon_playback.svg");
    background-size: 100% 100%;
}
@media screen and (max-width: 1040px) {
    .c-box-18__thumb::after {
        width: 11.0714285714%;
        height: 19.6825396825%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-18__thumb::after {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
    }
}
.c-box-18__movie {
    width: 56.8181818182%;
    margin: 0 auto;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-box-18__movie {
        width: 98.347107438%;
    }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    .c-box-18__movie {
        width: 70%;
        height: 100vh;
        height: 100dvh;
        display: flex;
        align-items: center;
    }
}
.c-box-18__movie video {
    width: 100%;
    vertical-align: bottom;
}
.c-box-18__movie iframe {
    width: 100%;
    aspect-ratio: 16/9;
    vertical-align: middle;
}
.c-box-18__txt-wrap {
    width: 38%;
}
@media screen and (max-width: 768px) {
    .c-box-18__txt-wrap {
        width: 100%;
        margin-top: 9.6vw;
    }
}
.c-box-18__lead {
    color: #004263;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-box-18__lead {
        font-size: 3.2vw;
        line-height: 1.25;
        letter-spacing: normal;
    }
}
.c-box-18__ttl {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin-top: 6.5789473684%;
    white-space: nowrap;
}
@media screen and (max-width: 1000px) {
    .c-box-18__ttl {
        font-size: 2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-18__ttl {
        font-size: 4.8vw;
        line-height: 1.8;
        margin-top: 3.4666666667vw;
        white-space: normal;
    }
}
.windows .c-box-18__ttl {
    letter-spacing: 0.02em;
}

.c-box-18__ttl-s {
    font-size: 18px;
}
@media screen and (max-width: 768px) {
    .c-box-18__ttl-s {
        font-size: 4.8vw;
    }
}
.c-box-18__list {
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .c-box-18__list {
        margin-top: 4.5333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-18__list .c-list-10__item {
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-box-18__list .c-list-10__item {
        font-size: 1.6vw;
    }
}
.windows .c-box-18__list .c-list-10__item {
    letter-spacing: 0.01em;
}

/* ---------------------------------------------
*   c-box-20
* 通常ブロック(画像ブロック)
* 使用ページ:/Bauslabo/exterior_design/
--------------------------------------------- */
.c-box-20 {
    max-width: 1040px;
    margin: 80px auto 0;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-box-20 {
        max-width: none;
        margin-top: 8.8vw;
        padding: 0;
    }
}
.c-box-20__list {
    display: flex;
    justify-content: space-between;
    gap: 0 6%;
}
@media screen and (max-width: 768px) {
    .c-box-20__list {
        display: grid;
        grid-template-columns: repeat(2, 57.3333333333vw);
        gap: 0 5.3333333333vw;
        max-width: none;
        margin-left: 5.3333333333vw;
        padding-bottom: 5.3333333333vw;
        overflow: auto;
    }
}
.c-box-20__item {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-box-20__item {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-20__item:last-of-type {
        position: relative;
    }
    .c-box-20__item:last-of-type::after {
        content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: 5.3333333333vw;
        height: 1px;
    }
}
.c-box-20__img {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 470/373;
}
@media screen and (max-width: 768px) {
    .c-box-20__img {
        aspect-ratio: 215/171;
    }
}
.c-box-20__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-box-20__img figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-box-20__img figcaption {
        right: 1.3333333333vw;
        bottom: 1.3333333333vw;
        font-size: 2.6666666667vw;
    }
}
.c-box-20__img--bl figcaption {
    color: #1A1A1A;
}
.c-box-20__img.is-shadow figcaption {
    text-shadow: 0px 0px 4px #1A1A1A;
}
@media screen and (max-width: 768px) {
    .c-box-20__img.is-shadow figcaption {
        text-shadow: 0px 0px 0.8vw #1A1A1A;
    }
}
.c-box-20__txt {
    margin-top: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.025em;
}
@media screen and (min-width: 769px) and (max-width: 1040px) {
    .c-box-20__txt {
        font-size: 1.5384615385vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-20__txt {
        margin-top: 0.8vw;
        font-size: 3.2vw;
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-box-22
* 通常ブロック(人と街と建物をつなぐ、外構デザイン)
* 使用ページ:/Bauslabo/exterior_design/
--------------------------------------------- */
.c-box-22 {
    padding: 59px;
    border: 1px solid #D1D1D0;
    box-shadow: 20px 20px 0 #75C5BE;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-box-22 {
        padding: 8.8vw 0 8vw;
        border-width: 0.2666666667vw;
        box-shadow: 2.6666666667vw 2.6666666667vw 0 #75C5BE;
    }
}
.c-box-22__ttl {
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-box-22__ttl {
        font-size: 4.8vw;
        line-height: 1.7777777778;
    }
}
.c-box-22__inner {
    display: flex;
    margin-top: 46px;
}
@media screen and (max-width: 768px) {
    .c-box-22__inner {
        display: block;
        width: 93.0930930931%;
        margin: 8.8vw auto 0;
    }
}
.c-box-22__item-wrap {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-box-22__item-wrap {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-22__item-wrap:first-of-type {
        display: flex;
        justify-content: space-between;
        gap: 0 2.6666666667vw;
    }
}
.c-box-22__img--01 {
    margin-right: 11.5384615385%;
}
@media screen and (max-width: 768px) {
    .c-box-22__img--01 {
        margin-right: 0;
    }
}
.c-box-22__img--02 {
    margin-top: 42px;
    margin-right: 15.3846153846%;
}
@media screen and (max-width: 768px) {
    .c-box-22__img--02 {
        margin-top: 0;
        margin-right: 0;
    }
}
.c-box-22__img--03 {
    margin-top: 21px;
}
@media screen and (max-width: 768px) {
    .c-box-22__img--03 {
        margin-top: 3.7333333333vw;
    }
}
.c-box-22__img img {
    display: block;
    width: 100%;
}
.c-box-22__img figcaption {
    margin-top: 13px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
    .c-box-22__img figcaption {
        white-space: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .c-box-22__img figcaption {
        margin-top: 2.1333333333vw;
        font-size: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .windows .c-box-22__img figcaption {
        letter-spacing: 0.03em;
        white-space: nowrap;
    }
}

.c-box-22__txt {
    margin-top: -7px;
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-box-22__txt {
        margin-top: 9.6vw;
        font-size: 3.2vw;
        letter-spacing: 0.2em;
    }
}

/* ---------------------------------------------
*   c-box-1
* スライダー要素部分
* 使用ページ:/index-test.html・index.html
--------------------------------------------- */
.c-box-1__link {
    display: block;
}
.c-box-1__img {
    display: block;
    position: relative;
    overflow: hidden;
}
.c-box-1__img img {
    transition: transform 1.2s cubic-bezier(0.24, 0.12, 0, 1), -webkit-transform 1.2s cubic-bezier(0.24, 0.12, 0, 1);
}
@media screen and (min-width: 769px) {
    .c-box-1__link:hover .c-box-1__img img {
        transform: scale(1.08);
    }
}
.c-box-1__img-txt {
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 14px;
    letter-spacing: 0.18em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.5s;
}
@media screen and (min-width: 769px) {
    .c-box-1__link:hover .c-box-1__img-txt {
        background-color: rgba(26, 26, 26, 0.5);
        opacity: 1;
    }
}
.c-box-1__sentence {
    margin-top: 33px;
    display: block;
    transition: 0.5s;
}
@media screen and (max-width: 768px) {
    .c-box-1__sentence {
        margin-top: 6.4vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-1__link:hover .c-box-1__sentence {
        opacity: 0.45;
    }
}
.c-box-1__lead {
    display: block;
    margin-top: 2px;
    padding-left: 2px;
}
@media screen and (max-width: 768px) {
    .c-box-1__lead {
        margin-top: 0.2666666667vw;
        padding-left: 0;
    }
}
.c-box-1__lead .c-txt-5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.c-box-1__cat .c-txt-7 {
    color: #929393;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.c-box-1__txt {
    display: block;
    margin-top: 11px;
    padding-right: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-1__txt {
        margin-top: 1.8666666667vw;
        padding-right: 0;
    }
}
.c-box-1__txt .c-txt-1,
.c-box-1__txt .c-txt-3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.c-box-1__btn-wrap {
    display: flex;
    gap: 0 6.25%;
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .c-box-1__btn-wrap {
        margin-top: 3.7333333333vw;
        gap: 0 2.6666666667vw;
    }
}
.c-box-1__btn {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-box-1__btn {
        width: 28vw;
    }
}

/* ---------------------------------------------
*   c-box-3
* 通常ブロック(POINT要素内部画像コンテンツ)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-box-3 {
    max-width: 623px;
    padding-right: 20px;
    display: flex;
    gap: 0 19px;
    background-color: #F2EFEC;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-box-3 {
        max-width: none;
        padding-right: 3.2vw;
        gap: 0 2.6666666667vw;
    }
}
.c-box-3--full {
    padding-right: 0;
}
.c-box-3--full .c-box-3__img {
    width: 100%;
}
.c-box-3--floor {
    padding-right: 0;
    max-width: 460px;
}
@media screen and (min-width: 769px) {
    .c-box-3--floor {
        top: -7px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-3--floor {
        max-width: none;
    }
}
.c-box-3--floor img {
    width: 100%;
}
.c-box-3__img {
    width: 63.6815920398%;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-box-3__img {
        width: 57.6vw;
    }
}
.c-box-3__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top left;
       object-position: top left;
}
.c-box-3__round {
    position: absolute;
    width: 90px;
    top: 10px;
    right: 10px;
}
@media screen and (max-width: 768px) {
    .c-box-3__round {
        width: 13.3333333333vw;
        top: 1.6vw;
        right: 1.6vw;
    }
}
.c-box-3__sentence {
    padding-top: 65px;
    padding-bottom: 14px;
}
@media screen and (max-width: 768px) {
    .c-box-3__sentence {
        padding-top: 9.6vw;
        padding-bottom: 0;
    }
}
.c-box-3__sentence--point-02 {
    padding-top: 37px;
}
@media screen and (max-width: 768px) {
    .c-box-3__sentence--point-02 {
        padding-top: 5.8666666667vw;
    }
}
.c-box-3__sentence-txt {
    font-size: 13px;
    line-height: 1.5384615385;
    margin-top: 17px;
}
@media screen and (max-width: 768px) {
    .c-box-3__sentence-txt {
        font-size: 0;
        width: 29.0666666667vw;
        margin-top: 3.2vw;
    }
    .c-box-3__sentence-txt img {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-box-5
* 通常ブロック(POINT要素内部テキストコンテンツ)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-box-5 {
    width: 29.7%;
    min-width: 230px;
    padding-top: 43px;
}
@media screen and (max-width: 768px) {
    .c-box-5 {
        width: 100%;
        min-width: auto;
        padding: 0 2.4vw 0 1.8666666667vw;
        margin-top: 9.0666666667vw;
    }
}
.c-box-5--counter {
    padding-top: 38px;
}
@media screen and (max-width: 768px) {
    .c-box-5--counter {
        padding-top: 0;
    }
}
.c-box-5--long {
    width: 46%;
    min-width: 400px;
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .c-box-5--long {
        width: 100%;
        min-width: auto;
    }
}
.c-box-5__point {
    font-size: 14px;
    line-height: 1.7142857143;
    color: #577B89;
    font-weight: 600;
    display: block;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
    .c-box-5__point {
        font-size: 3.2vw;
        line-height: 1.6666666667;
    }
}
.c-box-5__content:nth-of-type(n+2) {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-5__content:nth-of-type(n+2) {
        margin-top: 3.4666666667vw;
    }
}
.c-box-5__ttl-txt {
    margin-top: 20px;
    display: block;
}
@media screen and (max-width: 768px) {
    .c-box-5__ttl-txt {
        margin-top: 2.6666666667vw;
    }
}
.c-box-5__ttl-txt--bottom {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-box-5__ttl-txt--bottom {
        margin-top: 0.5333333333vw;
    }
}
.c-box-5__ttl-txt .c-txt-3 {
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-box-5__ttl-txt .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-box-5__txt {
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .c-box-5__txt {
        margin-top: 4.8vw;
    }
}
.c-box-5__cassette-wrap {
    margin-top: 35px;
}
@media screen and (max-width: 768px) {
    .c-box-5__cassette-wrap {
        margin-top: 6.6666666667vw;
    }
}
.c-box-5__cassette {
    display: flex;
    align-items: flex-start;
}
.c-box-5__cassette:nth-of-type(n+2) {
    margin-top: 8px;
}
@media screen and (max-width: 768px) {
    .c-box-5__cassette:nth-of-type(n+2) {
        margin-top: 2.4vw;
    }
}
.c-box-5__cassette-sentence {
    border: 2px solid #577B89;
    border-radius: 10px;
    padding: 20px 30px;
}
@media screen and (max-width: 768px) {
    .c-box-5__cassette-sentence {
        border-width: 0.5333333333vw;
        border-radius: 2.6666666667vw;
        padding: 2.6666666667vw 4.2666666667vw 2.1333333333vw;
    }
}
.c-box-5__cassette-sentence .c-txt-1--b {
    display: inline;
}
.c-box-5__cassette-img {
    width: 104px;
    flex-shrink: 0;
    position: relative;
    top: -12px;
}
@media screen and (max-width: 768px) {
    .c-box-5__cassette-img {
        width: 19.2vw;
        top: -3.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-5__cassette-img--baseline {
        top: -0.8vw;
        align-self: flex-end;
    }
}
.c-box-5__list-wrap {
    margin-top: 11px;
}
@media screen and (max-width: 768px) {
    .c-box-5__list-wrap {
        margin-top: 3.2vw;
    }
}
.c-box-5__list-lead .c-txt-3 {
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-box-5__list-lead .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-box-5__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 380px;
    margin-top: 2px;
    gap: 0 7.8947368421%;
}
@media screen and (max-width: 768px) {
    .c-box-5__list {
        display: grid;
        grid-template-columns: 20.5333333333vw 37.8666666667vw;
        gap: 0 6.9333333333vw;
        margin-top: 1.8666666667vw;
    }
}
.c-box-5__item {
    width: 82px;
}
@media screen and (max-width: 768px) {
    .c-box-5__item {
        width: auto;
    }
}
.c-box-5__item--long {
    width: 155px;
}
@media screen and (max-width: 768px) {
    .c-box-5__item--long {
        width: auto;
    }
}
.c-box-5__item .c-txt-3 {
    display: flex;
    align-items: center;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-box-5__item .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 2;
        letter-spacing: 0;
        white-space: nowrap;
    }
}
.c-box-5__item .c-txt-3::before {
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #000;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    margin-right: 6px;
}
@media screen and (max-width: 768px) {
    .c-box-5__item .c-txt-3::before {
        width: 1.0666666667vw;
        margin-right: 1.6vw;
    }
}

/* ---------------------------------------------
*   c-box-7
* 通常ブロック(横スクロール要素)
* 使用ページ:/Bauslabo/proplan/
--------------------------------------------- */
.c-box-7 {
    margin-top: 52px;
}
@media screen and (max-width: 768px) {
    .c-box-7 {
        margin-top: 10.1333333333vw;
    }
}
.c-box-7--short {
    margin-top: 73px;
}
@media screen and (max-width: 768px) {
    .c-box-7--short {
        margin-top: 9.8666666667vw;
    }
}
.c-box-7--short .c-box-7__gallery {
    grid-template-columns: repeat(5, 220px);
    gap: 0 16px;
    max-width: 720px;
    width: calc(100% + clamp(90px, (100vw - 1440px) * 0.5 + 100px, 180px));
}
@media screen and (max-width: 1440px) {
    .c-box-7--short .c-box-7__gallery {
        width: calc(100% + clamp(20px, (100vw - 1360px) * 1 + 20px, 100px));
    }
}
@media screen and (max-width: 768px) {
    .c-box-7--short .c-box-7__gallery {
        grid-template-columns: repeat(5, 46.1333333333vw);
        gap: 0 5.3333333333vw;
        width: 94.6666666667%;
        margin-left: auto;
        max-width: none;
    }
}
.c-box-7--one {
    margin-top: 0;
}
.c-box-7--one .c-box-7__gallery {
    display: block;
    overflow: visible;
    padding-bottom: 0;
}
.c-box-7__gallery {
    display: grid;
    grid-template-columns: repeat(11, 220px);
    overflow: auto;
    gap: 0 24px;
    padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery {
        gap: 0 5.3333333333vw;
        grid-template-columns: repeat(11, 46.1333333333vw);
        margin-left: 5.3333333333vw;
        padding-bottom: 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery-item:last-of-type {
        position: relative;
    }
    .c-box-7__gallery-item:last-of-type::after {
        width: 5.3333333333vw;
        height: 1px;
        position: absolute;
        left: 100%;
        content: "";
        top: 0;
    }
}
.c-box-7__gallery-item img {
    width: 100%;
    aspect-ratio: 1;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-box-7__gallery-btn {
    display: block;
    cursor: pointer;
    position: relative;
}
.c-box-7__gallery-btn::before, .c-box-7__gallery-btn::after {
    content: "";
    opacity: 0;
    position: absolute;
    transition: 0.3s;
}
.c-box-7__gallery-btn::before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.c-box-7__gallery-btn::after {
    background-image: url(/shared/img/common/icon_link_modal_white.svg);
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 2;
}
@media screen and (min-width: 769px) {
    .c-box-7__gallery-btn:hover::before, .c-box-7__gallery-btn:hover::after {
        opacity: 1;
    }
}
.c-box-7__gallery-txt {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    margin-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery-txt {
        font-size: 3.2vw;
        line-height: 1.5;
        margin-top: 2.1333333333vw;
    }
}
.c-box-7__gallery-modal {
    max-width: 1172px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery-modal {
        max-width: none;
        display: block;
        padding: 13.3333333333vw 5.3333333333vw;
    }
}
.c-box-7__gallery-modal--one {
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery-modal-content:nth-of-type(n+2) {
        margin-top: 13.3333333333vw;
    }
}
.c-box-7__gallery-modal-content-txt {
    text-align: left;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery-modal-content-txt {
        margin-bottom: 2.6666666667vw;
    }
}
.c-box-7__gallery-modal-content-txt .c-txt-10 {
    color: #fff;
}
.c-box-7__gallery-modal-content-img {
    max-width: 540px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery-modal-content-img {
        max-width: none;
        display: block;
    }
}
.c-box-7__gallery-modal-content-img img {
    width: 100%;
}
.c-box-7__gallery-modal-content-cap {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    letter-spacing: 0.025em;
    color: #fff;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-box-7__gallery-modal-content-cap {
        font-size: 3.2vw;
        bottom: 2.6666666667vw;
        right: 2.6666666667vw;
    }
}
.c-box-7__gallery-modal-content-cap--black {
    color: #1A1A1A;
}

/* ---------------------------------------------
*   c-box-9
* 通常ブロック(SP画面POINT要素部分)
* 使用ページ:/service/
--------------------------------------------- */
.c-box-9 {
    margin-top: 73px;
    display: grid;
    gap: 0 2.1%;
    grid-template-columns: 28.6% 38.8% 28.6%;
}
@media screen and (max-width: 768px) {
    .c-box-9 {
        display: block;
        max-width: 80vw;
        margin: 0 auto;
        margin-top: 12vw;
    }
}
.c-box-9__left {
    padding-top: 29px;
}
.c-box-9__right {
    padding-top: 29px;
}
@media screen and (max-width: 768px) {
    .c-box-9__list {
        margin-top: 10.1333333333vw;
    }
}
.c-box-9__item:nth-of-type(n+2) {
    margin-top: 69px;
}
@media screen and (max-width: 768px) {
    .c-box-9__item:nth-of-type(n+2) {
        margin-top: 6.9333333333vw;
    }
}
.c-box-9__lead {
    position: relative;
    padding-bottom: 1px;
}
@media screen and (max-width: 768px) {
    .c-box-9__lead {
        padding-bottom: 0.5333333333vw;
    }
}
.c-box-9__lead::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background-color: #AAAA88;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-9__lead::before {
        height: 0.5333333333vw;
        width: 14.6666666667vw;
    }
}
.c-box-9__txt {
    min-height: clamp(80px, 10.4031209363vw, 108px);
    margin-top: 22px;
}
@media screen and (max-width: 768px) {
    .c-box-9__txt {
        min-height: auto;
        margin-top: 3.4666666667vw;
    }
}
.c-box-9__txt .c-txt-13 {
    font-size: clamp(13px, 1.6905071521vw, 18px);
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-box-9__txt .c-txt-13 {
        font-size: 4vw;
        line-height: 2;
    }
}
.c-box-9__anno {
    margin-top: clamp(2px, 0.2600780234vw, 18px);
}
@media screen and (max-width: 768px) {
    .c-box-9__anno {
        margin-top: 0.5333333333vw;
    }
}
.c-box-9__anno .c-txt-7 {
    color: #1A1A1A;
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-box-9__anno .c-txt-7 {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
    }
}
.c-box-9__anno .c-txt-7 span {
    margin-right: 2px;
}
@media screen and (max-width: 768px) {
    .c-box-9__anno .c-txt-7 span {
        margin-right: 0.5333333333vw;
    }
}
.c-box-9__img {
    max-width: 388px;
}
@media screen and (max-width: 768px) {
    .c-box-9__img {
        max-width: none;
        width: 64vw;
        margin: 0 auto;
    }
}

/* ---------------------------------------------
*   c-box-11
* メインブロック(住まいをベストな状態に保つ定期アフターサービス
* 配下)
* 使用ページ:/service/afterService/
--------------------------------------------- */
.c-box-11__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-box-11__content {
        display: block;
        padding: 0 5.3333333333vw;
    }
}
.c-box-11__content:nth-of-type(2) {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-box-11__content:nth-of-type(2) {
        margin-top: 6.6666666667vw;
    }
}
.c-box-11__content:nth-of-type(3) {
    margin-top: 112px;
}
@media screen and (max-width: 768px) {
    .c-box-11__content:nth-of-type(3) {
        margin-top: 16.2666666667vw;
    }
}
.c-box-11__content:nth-of-type(4) {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-box-11__content:nth-of-type(4) {
        margin-top: 16.8vw;
    }
}
.c-box-11__content--reverse {
    flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
    .c-box-11__content--sp-no-padding {
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-box-11__content--sp-no-padding .c-box-11__sentence {
        padding: 0 5.3333333333vw;
    }
}
.c-box-11__content--fs {
    align-items: flex-start;
}
.c-box-11__content--fs .c-box-11__img {
    padding-top: 40px;
}
.c-box-11__sentence {
    max-width: 560px;
    flex-basis: 49.1228070175%;
}
@media screen and (max-width: 768px) {
    .c-box-11__sentence {
        max-width: none;
    }
}
.c-box-11__ttl {
    font-size: 24px;
    line-height: 1.8333333333;
    letter-spacing: 0.03em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-box-11__ttl {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
.c-box-11__ttl--maw {
    max-width: 500px;
}
@media screen and (max-width: 768px) {
    .c-box-11__ttl--maw {
        max-width: none;
    }
}
.c-box-11__txt {
    margin-top: 42px;
}
@media screen and (max-width: 768px) {
    .c-box-11__txt {
        margin-top: 7.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-11__lead .c-txt-1 {
        font-size: 4vw;
        line-height: 2;
    }
}
.c-box-11__table {
    width: 100%;
    margin-top: 8px;
}
@media screen and (max-width: 768px) {
    .c-box-11__table {
        margin-top: 1.6vw;
    }
}
.c-box-11__table tr {
    border: 1px solid #D1D1D0;
}
.c-box-11__table th {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
    background-color: #F3F5F5;
    padding: 15px 5px;
}
@media screen and (max-width: 768px) {
    .c-box-11__table th {
        font-size: 4.2666666667vw;
        padding: 2.9333333333vw 0;
    }
}
.c-box-11__table th:first-of-type {
    border-right: 1px solid #D1D1D0;
    width: 79.6428571429%;
}
@media screen and (max-width: 768px) {
    .c-box-11__table th:first-of-type {
        width: 77.9104477612%;
    }
}
.c-box-11__table th:last-of-type {
    min-width: 86px;
}
@media screen and (max-width: 768px) {
    .c-box-11__table th:last-of-type {
        min-width: auto;
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}
.c-box-11__table td {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-box-11__table td {
        font-size: 3.7333333333vw;
        line-height: 1.5;
    }
}
.c-box-11__table td:first-of-type {
    border-right: 1px solid #D1D1D0;
    text-align: left;
    padding: 19px 10px 19px 4.2857142857%;
}
@media screen and (max-width: 768px) {
    .c-box-11__table td:first-of-type {
        padding: 0 2.1333333333vw;
        height: 14.6666666667vw;
        position: relative;
        top: 0.5333333333vw;
    }
}
.c-box-11__table td span {
    font-size: 11px;
    line-height: 2;
    position: relative;
    top: -4px;
}
@media screen and (max-width: 768px) {
    .c-box-11__table td span {
        font-size: 2.6666666667vw;
        line-height: 2.5;
        top: -0.8vw;
    }
}
.c-box-11__img {
    max-width: 560px;
    flex-basis: 49.1228070175%;
    min-width: 380px;
}
@media screen and (max-width: 768px) {
    .c-box-11__img {
        max-width: none;
        min-width: auto;
        width: 100%;
        margin-top: 8.2666666667vw;
    }
}
.c-box-11__img img {
    width: 100%;
}
.c-box-11__anno-wrap {
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-box-11__anno-wrap {
        margin-top: 2.6666666667vw;
    }
}
.c-box-11__anno {
    font-size: 0;
}
.c-box-11__anno .c-txt-7 {
    color: #1A1A1A;
}
@media screen and (max-width: 768px) {
    .c-box-11__anno .c-txt-7 {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
    }
}
.c-box-11__anno .c-txt-7 span {
    margin-right: 3px;
}
@media screen and (max-width: 768px) {
    .c-box-11__anno .c-txt-7 span {
        margin-right: 0.8vw;
    }
}

/* ---------------------------------------------
*   c-box-13
* 通常ブロック(Profile要素部分)
* 使用ページ:/magazine/article/
--------------------------------------------- */
.c-box-13 {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-box-13 {
        max-width: inherit;
        max-width: initial;
        width: 80vw;
        padding: 0;
    }
}
.c-box-13__container {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-box-13__container {
        flex-direction: column;
    }
}
.c-box-13__head {
    width: 27.2727272727%;
}
@media screen and (max-width: 768px) {
    .c-box-13__head {
        width: 53.3333333333vw;
        margin: 0 auto;
    }
}
.c-box-13__body {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-box-13__body {
        margin-top: 9.6vw;
        padding-left: 0;
    }
}
.c-box-13__border {
    width: 43.75%;
    height: 1px;
    margin: 30px 0 40px;
    background-color: #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-box-13__border {
        width: 24.5333333333vw;
        margin: 6.4vw 0;
    }
}
.c-box-13__ttl {
    width: 12.5%;
}
@media screen and (max-width: 768px) {
    .c-box-13__ttl {
        width: 17.6vw;
    }
}
.c-box-13__name {
    display: block;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-box-13__name {
        font-size: 3.7333333333vw;
    }
}
.c-box-13__txt {
    display: block;
    margin-top: 30px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-box-13__txt {
        margin-top: 4vw;
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-box-15
* 年表ブロック(年表数字要素部分)
* 使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-box-15 {
    position: relative;
    width: 50%;
}
.c-box-15--right {
    margin-left: auto;
    margin-right: 0;
    padding-left: 8.7962962963%;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-box-15--right {
        padding-left: 8.8vw;
    }
}
.c-cassette-9--2021 .c-box-15--right {
    padding-left: 9.3518518519%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2021 .c-box-15--right {
        width: 100%;
        padding-left: 4.8vw;
        padding-top: 9.3333333333vw;
    }
}

.c-box-15--right:before {
    position: absolute;
    top: 25px;
    left: 0;
    transform: translateX(-50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-15--right:before {
        top: 6.9333333333vw;
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
.c-box-15--right:after {
    position: absolute;
    top: 29px;
    left: 0;
    width: 100px;
    height: 1px;
    background-color: #000;
    content: "";
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-box-15--right:after {
        width: 10vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-15--right:after {
        top: 7.7333333333vw;
        width: 6.6666666667vw;
        height: 0.2666666667vw;
    }
}
.c-box-15--left {
    margin-left: 0;
    margin-right: auto;
    padding-right: 8.7962962963%;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-box-15--left {
        padding-right: 8.8vw;
    }
}
.c-box-15--left:before {
    position: absolute;
    top: 25px;
    right: 0;
    transform: translateX(50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-15--left:before {
        top: 6.9333333333vw;
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
.c-box-15--left:after {
    position: absolute;
    top: 29px;
    right: 0;
    width: 100px;
    height: 1px;
    background-color: #000;
    content: "";
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-box-15--left:after {
        width: 10vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-15--left:after {
        top: 7.7333333333vw;
        width: 6.6666666667vw;
        height: 0.2666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-15__ttl {
        padding: 0 15px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-15--right .c-box-15__ttl {
        padding-left: 0;
    }
    .c-box-15--right .c-box-15__ttl .c-ttl-11 {
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-box-15--left .c-box-15__ttl {
        padding-right: 0;
    }
    .c-box-15--left .c-box-15__ttl .c-ttl-11 {
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1961 .c-box-15__ttl {
        padding-top: 2.1333333333vw;
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--1963 .c-box-15__ttl {
        padding-top: 1.0666666667vw;
    }
}

.c-box-15__txt {
    margin-top: 18px;
}
.c-box-15--right .c-box-15__txt {
    padding-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-15--right .c-box-15__txt {
        padding-left: 0;
    }
}
.c-box-15--left .c-box-15__txt {
    padding-right: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-15--left .c-box-15__txt {
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1961 .c-box-15__txt {
        margin-top: 3.2vw;
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--1963 .c-box-15__txt {
        margin-top: 3.4666666667vw;
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2021 .c-box-15__txt {
        margin-top: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-box-17
* 年表ブロック(年表・数字と画像要素部分)
* 使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-box-17 {
    position: relative;
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-box-17 {
        width: 100%;
    }
}
.c-box-17--right {
    margin-left: auto;
    margin-right: 0;
    padding-left: 5.5555555556%;
    padding-right: 60px;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-box-17--right {
        padding-left: 0;
        padding-right: 0;
    }
}
.c-box-17--right:before {
    position: absolute;
    top: 28px;
    left: 0;
    transform: translateX(-50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-17--right:before {
        top: 7.4666666667vw;
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
.c-box-17--right:after {
    position: absolute;
    top: 32px;
    left: 0;
    width: 45px;
    height: 1px;
    background-color: #000;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-17--right:after {
        top: 8.5333333333vw;
        width: 6.6666666667vw;
        height: 0.2666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .windows .c-box-17--right:after {
        width: 4.5vw;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9--1965 .c-box-17--right {
        min-height: 418px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--1965 .c-box-17--right:before {
        top: 2.8vw;
    }
    .c-cassette-9--1965 .c-box-17--right:after {
        top: 3.2vw;
        width: 4.5vw;
    }
}

@media screen and (min-width: 769px) {
    .c-cassette-9--1972 .c-box-17--right {
        min-height: 418px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--1972 .c-box-17--right:before {
        top: 2.8vw;
    }
    .c-cassette-9--1972 .c-box-17--right:after {
        top: 3.2vw;
        width: 4.5vw;
    }
}

@media screen and (min-width: 769px) {
    .c-cassette-9--2008 .c-box-17--right {
        min-height: 678px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2008 .c-box-17--right {
        width: 80vw;
        margin: 0 auto;
        padding-top: 18.1333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--2008 .c-box-17--right:before {
        top: 2.8vw;
    }
    .c-cassette-9--2008 .c-box-17--right:after {
        top: 3.2vw;
        width: 4.5vw;
    }
}

@media screen and (min-width: 769px) {
    .c-cassette-9--2013 .c-box-17--right {
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2013 .c-box-17--right {
        padding-top: 8.2666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--2013 .c-box-17--right:before {
        top: 2.8vw;
    }
    .c-cassette-9--2013 .c-box-17--right:after {
        top: 3.2vw;
        width: 4.5vw;
    }
}

@media screen and (min-width: 769px) {
    .c-cassette-9--2017 .c-box-17--right {
        min-height: 615px;
        padding-left: 60px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2017 .c-box-17--right {
        width: 80vw;
        margin: 0 auto;
        padding-top: 9.6vw;
    }
}

@media screen and (min-width: 769px) {
    .c-cassette-9--2018 .c-box-17--right {
        min-height: 594px;
    }
}

.c-box-17--left {
    margin-left: 0;
    margin-right: auto;
    padding-right: 5.5555555556%;
    padding-left: 60px;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-box-17--left {
        padding-left: 0;
        padding-right: 0;
    }
}
.c-box-17--left:before {
    position: absolute;
    top: 28px;
    right: 0;
    transform: translateX(50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-17--left:before {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
.c-box-17--left:after {
    position: absolute;
    top: 32px;
    right: 0;
    width: 45px;
    height: 1px;
    background-color: #000;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-17--left:after {
        width: 6.6666666667vw;
        height: 0.2666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .windows .c-box-17--left:after {
        width: 4.5vw;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9--1969 .c-box-17--left {
        min-height: 300px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--1969 .c-box-17--left:before {
        top: 2.8vw;
    }
    .c-cassette-9--1969 .c-box-17--left:after {
        top: 3.2vw;
        width: 4.5vw;
    }
}

.c-box-17--left2 {
    margin-left: 0;
    margin-right: auto;
    padding-right: 5.5555555556%;
    padding-left: 60px;
}
@media screen and (max-width: 768px) {
    .c-box-17--left2 {
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }
}
.c-box-17--left2:before {
    position: absolute;
    top: 28px;
    right: 0;
    transform: translateX(50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-17--left2:before {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
.c-box-17--left2:after {
    position: absolute;
    top: 32px;
    right: 0;
    width: 45px;
    height: 1px;
    background-color: #000;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-box-17--left2:after {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2012 .c-box-17--left2 {
        width: 80vw;
        padding-top: 9.6vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--2012 .c-box-17--left2:before {
        top: 2.8vw;
    }
    .c-cassette-9--2012 .c-box-17--left2:after {
        top: 3.2vw;
        width: 4.5vw;
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2018 .c-box-17--left2 {
        width: 100%;
        padding-top: 9.3333333333vw;
    }
}

.c-box-17__img {
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-box-17__img {
        margin-top: 6.9333333333vw;
    }
}
.c-box-17__img--2008 {
    margin-top: 29px;
}
@media screen and (max-width: 768px) {
    .c-box-17__img--2008 {
        margin-top: 5.3333333333vw;
    }
}
.c-box-17__img--2012 {
    margin-top: 28px;
}
@media screen and (max-width: 768px) {
    .c-box-17__img--2012 {
        margin-top: 5.6vw;
    }
}
.c-box-17__img--2013 {
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-box-17__img--2013 {
        margin-top: 4.5333333333vw;
    }
}
.c-box-17__img--2018 {
    margin-top: 29px;
}
@media screen and (max-width: 768px) {
    .c-box-17__img--2018 {
        margin-top: 4.8vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-17__ttl--2012 {
        display: flex;
        align-items: flex-end;
        min-height: 50px;
    }
}
.c-box-17__txt {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-box-17__txt {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-17__txt--2008 {
        margin-top: 18px;
    }
}
.c-box-17__txt--2012 {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-box-17__txt--2012 {
        margin-top: 2.6666666667vw;
    }
}
.c-box-17__txt--2013 {
    margin-top: 21px;
}
@media screen and (max-width: 768px) {
    .c-box-17__txt--2013 {
        margin-top: 3.2vw;
    }
}
.c-box-17__txt--2013 .c-box-17__txt-row {
    display: inline-block;
    padding-left: 18px;
}
@media screen and (max-width: 768px) {
    .c-box-17__txt--2013 .c-box-17__txt-row {
        line-height: 1.8;
        padding-left: 4.2666666667vw;
    }
    .c-box-17__txt--2013 .c-box-17__txt-row:nth-of-type(2) {
        margin-top: 2.1333333333vw;
    }
    .c-box-17__txt--2013 .c-box-17__txt-row:last-of-type {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-17__txt--2013 .c-txt-1 {
        line-height: 2.15;
    }
}
.c-box-17__txt--2018 {
    margin-top: 22px;
}
@media screen and (max-width: 768px) {
    .c-box-17__txt--2018 {
        margin-top: 3.7333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-17__txt--2018 .c-txt-1 {
        padding-left: 18px;
    }
    .c-box-17__txt--2018 .c-txt-1:last-of-type {
        margin-top: 6px;
    }
}

/* ---------------------------------------------
*   c-box-19
* 年表ブロック（画像と数字が横並び）
* 使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-box-19 {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-box-19--1979 {
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--1988 {
        display: block;
    }
}
.c-box-19--1999 {
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .c-box-19--1999 {
        display: block;
        padding-top: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--1999 .c-ttl-11 {
        padding-left: 0;
    }
}
.c-box-19--1999 .c-txt-1 {
    display: block;
    padding-left: 18px;
}
@media screen and (max-width: 768px) {
    .c-box-19--1999 .c-txt-1 {
        padding-left: 4vw;
    }
}
.c-box-19--1999 .c-txt-1:last-of-type {
    margin-top: 8px;
}
@media screen and (max-width: 768px) {
    .c-box-19--1999 .c-txt-1:last-of-type {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--2002 {
        flex-direction: column-reverse;
        width: 80vw;
        margin: 0 auto;
        padding-top: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--2015 {
        display: block;
        width: 80vw;
        margin: 0 auto;
        padding-top: 10.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--2020 {
        display: block;
        width: 80vw;
        margin: 0 auto;
        padding-top: 10.1333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--2022 {
        flex-direction: column-reverse;
        padding-top: 10.1333333333vw;
    }
}
.c-box-19__head, .c-box-19__body {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-box-19__head, .c-box-19__body {
        width: 100%;
    }
}
.c-box-19--1988 .c-box-19__head {
    width: 300px;
    margin-left: auto;
    margin-right: 0;
    margin-top: 12px;
}
@media screen and (min-width: 769px) and (max-width: 840px) {
    .c-box-19--1988 .c-box-19__head {
        width: 35.7142857143vw;
        white-space: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--1988 .c-box-19__head {
        width: 100%;
        margin-top: 0;
        padding-top: 9.6vw;
    }
}

.c-box-19--1999 .c-box-19__head {
    padding-left: 7.5903614458%;
    padding-right: 0;
}
@media screen and (max-width: 768px) {
    .c-box-19--1999 .c-box-19__head {
        padding-left: 0;
    }
}

.c-box-19--2015 .c-box-19__head {
    padding-left: 102px;
    padding-right: 0;
    margin-top: 6px;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-box-19--2015 .c-box-19__head {
        padding-left: 8.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--2015 .c-box-19__head {
        padding-left: 0;
        margin-top: 0;
    }
}

@media screen and (min-width: 769px) {
    .c-box-19__head--2020 {
        margin-top: 6px;
    }
}
@media screen and (min-width: 1340px) {
    .c-box-19__head--2020 {
        padding-left: 95px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1340px) {
    .c-box-19__head--2020 {
        padding-left: 7.0895522388vw;
    }
}
.c-box-19__body--1979 {
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-box-19__body--1979 {
        margin-top: 0;
    }
}
.c-box-19__body--2002 {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-box-19__body--2002 {
        margin-top: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-box-19__body--2022 {
        margin-top: 4px;
    }
}
.c-box-19__img {
    margin: 0 60px;
}
@media screen and (max-width: 768px) {
    .c-box-19__img {
        width: 100%;
        margin: 5.0666666667vw auto 0;
    }
}
@media screen and (min-width: 769px) {
    .c-box-19--1999 .c-box-19__img {
        margin-left: 0;
    }
}

.c-box-19--2015 .c-box-19__img {
    margin-left: 0;
}

.c-box-19__img--1999-1 {
    width: 85.1528384279%;
    margin-top: 29.6943231441%;
    margin-right: 70px;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-box-19__img--1999-1 {
        width: 80vw;
        margin-top: 3.7333333333vw;
        margin-right: auto;
        margin-left: 0;
    }
}
.c-box-19__img--1999-2 {
    position: relative;
    left: -5.9259259259%;
    width: 90.7407407407%;
    margin-right: 0;
    padding-top: 73px;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-box-19__img--1999-2 {
        width: 80vw;
        padding-top: 0;
        margin-left: auto;
        margin-right: 0;
        margin-top: 4.5333333333vw;
        position: static;
    }
}
.c-box-19--2015 .c-box-19__img {
    margin-left: 60px;
}
@media screen and (max-width: 768px) {
    .c-box-19--2015 .c-box-19__img {
        margin-left: 0;
    }
}

.c-box-19__img--2002 {
    width: 70.3703703704%;
    margin-right: 11.1111111111%;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-box-19__img--2002 {
        width: 100%;
        margin-right: auto;
    }
}
.c-box-19__img--1979 {
    width: 77.7777777778%;
    margin-right: 11.1111111111%;
    margin-left: auto;
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
    .c-box-19__img--1979 {
        width: 34.4262295082vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19__img--1979 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
.c-box-19__img--2015 {
    width: 70.3703703704%;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-box-19__img--2015 {
        width: 100%;
    }
}
.c-box-19__img--2020 {
    width: 70.3703703704%;
    margin-right: auto;
}
@media screen and (max-width: 768px) {
    .c-box-19__img--2020 {
        width: 100%;
    }
}
.c-box-19__img--2022 {
    width: 70.3703703704%;
    margin-left: auto;
    margin-right: 11.1111111111%;
    margin-top: -3px;
}
@media screen and (max-width: 768px) {
    .c-box-19__img--2022 {
        width: 80vw;
        margin-top: 4.8vw;
        margin-left: auto;
        margin-right: auto;
    }
}
.c-box-19__ttl {
    position: relative;
    padding: 0 60px;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-box-19__ttl {
        padding-left: 0;
        padding-right: 0;
    }
}
.c-box-19__ttl:before {
    position: absolute;
    top: 28px;
    left: 0;
    transform: translateX(-50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    content: "";
}
.c-box-19__ttl:after {
    position: absolute;
    top: 32px;
    left: 0;
    width: 45px;
    height: 1px;
    background-color: #000;
    content: "";
}
.c-box-19--1988 .c-box-19__ttl {
    padding-left: 0;
    padding-top: 3px;
}
@media screen and (min-width: 769px) {
    .c-box-19--1988 .c-box-19__ttl {
        padding-right: 20%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--1988 .c-box-19__ttl {
        padding-left: 0;
        padding-top: 0;
    }
}
.c-box-19--1988 .c-box-19__ttl:before {
    left: initial;
    left: inherit;
    right: 0;
    transform: translateX(50%);
}
.c-box-19--1988 .c-box-19__ttl:after {
    left: initial;
    left: inherit;
    right: 0;
}

.c-box-19--1999 .c-box-19__ttl {
    padding: 0;
    margin-left: -5px;
}
@media screen and (max-width: 768px) {
    .c-box-19--1999 .c-box-19__ttl {
        margin-left: 0;
    }
}
.c-box-19--1999 .c-box-19__ttl:before {
    left: initial;
    left: inherit;
    right: 0;
    transform: translateX(50%);
}
.c-box-19--1999 .c-box-19__ttl:after {
    left: initial;
    left: inherit;
    right: 0;
}

.c-box-19--2015 .c-box-19__ttl {
    padding: 0;
}
.c-box-19--2015 .c-box-19__ttl:before {
    left: initial;
    left: inherit;
    right: 0;
    transform: translateX(50%);
}
.c-box-19--2015 .c-box-19__ttl:after {
    left: initial;
    left: inherit;
    right: 0;
}

.c-box-19--2020 .c-box-19__ttl {
    padding-left: 0;
}
@media screen and (max-width: 768px) {
    .c-box-19--2020 .c-box-19__ttl {
        padding-left: 0;
    }
}
.c-box-19--2020 .c-box-19__ttl:before {
    left: initial;
    left: inherit;
    right: 0;
    transform: translateX(50%);
}
.c-box-19--2020 .c-box-19__ttl:after {
    left: initial;
    left: inherit;
    right: 0;
}

@media screen and (min-width: 769px) {
    .c-box-19--2022 .c-box-19__ttl {
        padding-top: 5px;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--2022 .c-box-19__ttl {
        padding-left: 4vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-19--2022 .c-box-19__ttl .c-ttl-11 {
        padding-left: 0;
    }
}

.c-box-19__txt {
    margin-top: 10px;
    padding: 0 65px;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-box-19__txt {
        margin-top: 2.6666666667vw;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-box-19__txt--02 {
        margin-top: 20px;
        padding-left: 60px;
    }
}
.c-box-19--1988 .c-box-19__txt {
    padding-left: 0;
    padding-right: 45px;
    margin-top: 18px;
}
@media screen and (min-width: 769px) {
    .c-box-19--1988 .c-box-19__txt {
        padding-right: 15%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--1988 .c-box-19__txt {
        margin-top: 2.9333333333vw;
        padding-right: 0;
    }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-box-19--1988 .c-box-19__txt .c-txt-1 {
        font-size: 1.7777777778vw;
        white-space: nowrap;
    }
}

.c-box-19--1999 .c-box-19__txt {
    padding: 0;
    margin-top: 21px;
}
@media screen and (max-width: 768px) {
    .c-box-19--1999 .c-box-19__txt {
        margin-top: 3.2vw;
    }
}

@media screen and (min-width: 769px) {
    .c-box-19--2002 .c-box-19__txt {
        margin-top: 18px;
        padding-left: 60px;
    }
}

@media screen and (min-width: 769px) {
    .c-box-19--2015 .c-box-19__txt {
        margin-top: 20px;
        padding-left: 0;
    }
}

.c-box-19--2020 .c-box-19__txt {
    padding-left: 5px;
    padding-right: 0;
    margin-top: 22px;
}
@media screen and (max-width: 768px) {
    .c-box-19--2020 .c-box-19__txt {
        padding-left: 0;
        margin-top: 0;
    }
}

.c-box-19__txt--2020 .c-txt-1 {
    padding-left: 18px;
    margin-top: 8px;
}
@media screen and (max-width: 768px) {
    .c-box-19__txt--2020 .c-txt-1 {
        padding-left: 4.2666666667vw;
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-box-19__txt--2020 .c-txt-1:first-of-type {
        margin-top: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-box-19--2022 .c-box-19__txt {
        margin-top: 16px;
        padding-left: 11.1111111111%;
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--2022 .c-box-19__txt {
        padding-left: 5.3333333333vw;
    }
}
.c-box-19--2022 .c-box-19__txt .c-txt-1:last-of-type {
    margin-top: 9px;
}
@media screen and (max-width: 768px) {
    .c-box-19--2022 .c-box-19__txt .c-txt-1:last-of-type {
        margin-top: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-box-21
* 通常ブロック（ゴールド外枠ブロック）
* 使用ページ:/owners/livinghouse/
--------------------------------------------- */
.c-box-21 {
    border: 1px solid #AAAA88;
    padding: 27px 17px 24px 17px;
}
@media screen and (max-width: 768px) {
    .c-box-21 {
        padding: 5.3333333333vw 2.6666666667vw;
    }
}
.c-box-21__list-item {
    display: flex;
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-box-21__list-item {
        margin-top: 2.6666666667vw;
    }
}
.c-box-21__list-item:first-of-type {
    margin-top: 0;
}
.c-box-21__list-txt {
    line-height: 1.55;
    font-size: 14px;
    letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
    .c-box-21__list-txt {
        font-size: 3.7333333333vw;
    }
}
@media screen and (max-width: 1080px) {
    .c-box-21__list-txt br {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .c-box-21__list-txt .pc-hide {
        display: block;
    }
}
.c-box-21__list-txt-small {
    display: inline-block;
    font-size: 12px;
}
@media screen and (max-width: 768px) {
    .c-box-21__list-txt-small {
        font-size: 3.2vw;
    }
}
.c-box-21__list-txt-large {
    display: inline-block;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.1052631579;
}
@media screen and (max-width: 768px) {
    .c-box-21__list-txt-large {
        font-size: 4.8vw;
    }
}
.c-box-21__list-icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #fff;
    background-color: #AAAA88;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 1;
    top: 1.5px;
    margin-right: 10px;
}
@media screen and (max-width: 768px) {
    .c-box-21__list-icon {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
        font-size: 3.2vw;
        margin-right: 2.6666666667vw;
        top: 0.5333333333vw;
    }
    .android .c-box-21__list-icon {
        padding-top: 0.2666666667vw;
    }
}
.safari .c-box-21__list-icon {
    padding-top: 2px;
    padding-left: 1px;
    top: 3px;
}
@media screen and (max-width: 768px) {
    .safari .c-box-21__list-icon {
        padding-top: 0;
        padding-left: 0;
        top: 0.5333333333vw;
    }
}

/* ---------------------------------------------
*   c-box-23
* 白背景ブロック（画像 + テキスト）
* 使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-box-23 {
    display: flex;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-box-23 {
        display: block;
    }
}
.c-box-23__img {
    width: 41.6666666667%;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-box-23__img {
        width: 100%;
        height: 89.3333333333vw;
    }
}
.c-box-23__img--theme1 {
    display: flex;
    align-items: center;
    padding-left: 16.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-box-23__img--theme1 {
        padding-left: 0;
        justify-content: center;
    }
}
.c-box-23__img--theme1 img {
    display: block;
    width: 66.6666666667%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .c-box-23__img--theme1 img {
        width: 26.6666666667vw;
    }
}
.c-box-23__img--theme2 img {
    aspect-ratio: auto;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
}
.c-box-23__main {
    width: 41.6666666667%;
    padding: 70px 8.3333333333%;
    box-sizing: content-box;
}
@media screen and (max-width: 768px) {
    .c-box-23__main {
        width: 100%;
        margin-inline: auto;
        padding: 8vw 8vw 8vw 10.6666666667vw;
        box-sizing: border-box;
    }
}
.c-box-23__ttl {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-box-23__ttl {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
.c-box-23__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-box-23__list {
        gap: 1.6vw;
        margin-top: 6.6666666667vw;
    }
}
.c-box-23__item {
    width: 70px;
}
@media screen and (max-width: 768px) {
    .c-box-23__item {
        width: 13.3333333333vw;
    }
}
.c-box-23__item img {
    display: block;
    width: 100%;
    height: auto;
}
.c-box-23__txt {
    margin-top: 50px;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-box-23__txt {
        margin-top: 6.6666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
.c-box-23__txt sup {
    font-size: 60%;
    vertical-align: 25%;
}

/* ---------------------------------------------
*   c-box-24
* 物件事例ブロック
* 使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-box-24 {
    display: flex;
    align-items: center;
    margin-top: 80px;
    padding: 20px;
    -moz-column-gap: 5%;
         column-gap: 5%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-box-24 {
        margin-top: 8vw;
        padding: 4.5333333333vw 4.2666666667vw;
        -moz-column-gap: 4.2666666667vw;
             column-gap: 4.2666666667vw;
    }
}
.c-box-24__img {
    width: 21.4285714286%;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-box-24__img {
        width: 32vw;
    }
}
.c-box-24__img img {
    width: 100%;
    height: auto;
}
.c-box-24__main {
    width: 78.5714285714%;
}
@media screen and (max-width: 768px) {
    .c-box-24__main {
        width: auto;
    }
}
.c-box-24__ttl {
    font-size: 16px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-box-24__ttl {
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
.c-box-24__list {
    display: grid;
    grid-template-columns: 86px 1fr;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-box-24__list {
        grid-template-columns: 17.0666666667vw 1fr;
        margin-top: 2.6666666667vw;
        font-size: 3.2vw;
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   c-box-25
* スライダー内コンテンツ
* 使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-box-25 {
    display: flex;
    width: 860px;
    height: 100%;
    margin-inline: auto;
    background-color: #fff;
}
@media screen and (max-width: 1070px) {
    .c-box-25 {
        width: 80.3738317757vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25 {
        justify-content: flex-end;
        flex-direction: column-reverse;
        width: 100%;
    }
}
.c-box-25__main {
    width: 53.488372093%;
    padding: 40px 40px 20px;
}
@media screen and (max-width: 1070px) {
    .c-box-25__main {
        padding: 3.738317757vw 3.738317757vw 1.8691588785vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25__main {
        width: 100%;
        padding: 5.3333333333vw 6.9333333333vw;
    }
}
.c-box-25__ttl {
    font-size: 22px;
    font-weight: 500;
}
@media screen and (max-width: 1070px) {
    .c-box-25__ttl {
        font-size: 2.0560747664vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25__ttl {
        font-size: 4.8vw;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25--02 .c-box-25__ttl {
        line-height: 1.2778;
    }
}
.c-box-25__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 36px;
}
@media screen and (max-width: 1070px) {
    .c-box-25__list {
        gap: 0.9345794393vw;
        margin-top: 3.3644859813vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25__list {
        gap: 1.6vw;
        margin-top: 5.3333333333vw;
    }
}
.c-box-25--02 .c-box-25__list {
    margin-top: 10px;
}
@media screen and (max-width: 1070px) {
    .c-box-25--02 .c-box-25__list {
        margin-top: 0.9345794393vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25--02 .c-box-25__list {
        margin-top: 3.4666666667vw;
    }
}
.c-box-25__item {
    width: 70px;
}
@media screen and (max-width: 1070px) {
    .c-box-25__item {
        width: 6.5420560748vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25__item {
        width: 13.3333333333vw;
    }
}
.c-box-25__item img {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
}
.c-box-25__txt {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
}
@media screen and (max-width: 1070px) {
    .c-box-25__txt {
        margin-top: 3.3644859813vw;
        font-size: 1.308411215vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25__txt {
        margin-top: 6.6666666667vw;
        font-size: 3.4666666667vw;
        line-height: 1.9385;
    }
}
.c-box-25__img {
    position: relative;
    width: 400px;
}
@media screen and (max-width: 1070px) {
    .c-box-25__img {
        width: 37.3831775701vw;
    }
}
@media screen and (max-width: 768px) {
    .c-box-25__img {
        width: 100%;
    }
}
.c-box-25__img img {
    aspect-ratio: auto;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
}
.c-box-25__img-note {
    position: absolute;
    bottom: 2px;
    right: 2px;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 2px #000;
    letter-spacing: 0.03em;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-box-25__img-note {
        bottom: 1.8666666667vw;
        right: 2.9333333333vw;
        font-size: 3.2vw;
        line-height: 1.8;
        text-shadow: 0 0 0.5333333333vw #000;
    }
}

/* ---------------------------------------------
*   c-box-26
* ABOUTブロック
* 使用ページ:/aboutBaus/
--------------------------------------------- */
.c-box-26 {
    background-image: url(/shared/img/aboutBaus/bg_about.png);
    background-size: cover;
}
.c-box-26__inner {
    display: flex;
    align-items: center;
    padding: 9.125vw 12.5vw;
}
@media screen and (max-width: 768px) {
    .c-box-26__inner {
        aspect-ratio: 1;
        padding: 0 7.2vw;
    }
}
.c-box-26__txt {
    font-size: 18px;
    line-height: 3;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 1024px) {
    .c-box-26__txt {
        font-size: 3.7333333333vw;
        line-height: 2.5;
    }
}

/* ---------------------------------------------
*   c-btn-2
* 枠付きボタン
* 使用ページ:/aboutBaus/caseStudy/・/lineup/・/service/clubOff/
* /service/・/terms/link.html・
--------------------------------------------- */
.c-btn-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 176px;
    min-height: 50px;
    padding: 5px;
    border: 1px solid #6E6F6F;
    background-color: #fff;
}
@media screen and (min-width: 769px) {
    .c-btn-2 {
        transition: background-color 0.3s;
    }
    .c-btn-2:hover {
        will-change: background-color, border, transform;
        background-color: #000;
        border: none;
        transform: scale(1);
    }
}
@media screen and (max-width: 1240px) {
    .c-btn-2 {
        min-width: 14.194vw;
        min-height: 4.032vw;
        padding: 0.403vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2 {
        min-width: auto;
        min-height: 16vw;
        padding: 1.3333333333vw;
    }
}
.c-btn-2--bg-gold {
    background-color: #AAAA88;
    border: none;
}
.c-btn-2--bg-silver {
    background-color: #A6A9AA;
    border: none;
}
.c-btn-2--large {
    display: inline-flex;
    min-width: 538px;
    min-height: 78px;
    background-color: transparent;
}
@media screen and (max-width: 768px) {
    .c-btn-2--large {
        min-width: 80vw;
        min-height: 16vw;
    }
}
.c-btn-2__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 8px;
}
@media screen and (max-width: 1240px) {
    .c-btn-2__icon {
        margin-right: 0.645vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2__icon {
        margin-right: 2.1333333333vw;
    }
}
.c-btn-2__icon img {
    width: 100%;
    height: 100%;
}
.c-btn-2__icon--01 {
    width: 22px;
}
.c-btn-2__icon--01:last-of-type {
    display: none;
}
@media screen and (min-width: 769px) {
    .c-btn-2:hover .c-btn-2__icon--01:first-of-type {
        display: none;
    }
    .c-btn-2:hover .c-btn-2__icon--01:last-of-type {
        display: flex;
    }
}
@media screen and (max-width: 1240px) {
    .c-btn-2__icon--01 {
        width: 1.774vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2__icon--01 {
        width: 5.8666666667vw;
        height: 4.2666666667vw;
    }
}
.c-btn-2__icon--02 {
    width: 20px;
}
@media screen and (max-width: 1240px) {
    .c-btn-2__icon--02 {
        width: 1.613vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2__icon--02 {
        width: 5.3333333333vw;
        height: 5.8666666667vw;
    }
}
.c-btn-2__icon--03 {
    width: 22px;
}
@media screen and (max-width: 1240px) {
    .c-btn-2__icon--03 {
        width: 1.855vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2__icon--03 {
        width: 5.8666666667vw;
    }
}
.c-btn-2__icon--04 {
    width: 23px;
    height: 31px;
    margin-right: 14px;
    margin-bottom: 3px;
}
.c-btn-2__icon--04:last-of-type {
    display: none;
}
@media screen and (min-width: 769px) {
    .c-btn-2:hover .c-btn-2__icon--04:first-of-type {
        display: none;
    }
    .c-btn-2:hover .c-btn-2__icon--04:last-of-type {
        display: flex;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2__icon--04 {
        width: 5.0666666667vw;
        height: 6.6666666667vw;
        margin-right: 3.7333333333vw;
        margin-bottom: 0;
    }
}
.c-btn-2__txt {
    color: #6E6F6F;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
    .c-btn-2:hover .c-btn-2__txt {
        will-change: color, transform;
        color: #fff;
        transform: scale(1);
    }
}
@media screen and (max-width: 1240px) {
    .c-btn-2__txt {
        font-size: 1.29vw;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2__txt {
        font-size: 4.2666666667vw;
        letter-spacing: normal;
    }
    .androidphone .c-btn-2__txt {
        padding-top: 0.5333333333vw;
    }
}
.c-btn-2__txt--white {
    color: #fff;
}
.c-btn-2__txt--02 {
    font-weight: 500;
}
@media screen and (max-width: 1240px) {
    .c-btn-2__txt--02 {
        font-size: 16px;
        letter-spacing: 0.05em;
    }
}

/* ---------------------------------------------
*   c-btn-4
* 絞り込みボタン
* 使用ページ:/lineup/・/news/
--------------------------------------------- */
.c-btn-4 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 32px;
    padding: 4px 24px;
    border-radius: 20px;
    border: 1px solid #D1D1D0;
    background-color: #fff;
}
.c-btn-4:nth-of-type(n+2) {
    margin-left: 16px;
}
@media screen and (min-width: 769px) {
    .c-btn-4 {
        transition-duration: 0.5s;
        transition-timing-function: ease-in-out;
        transition-property: background-color, border-color;
    }
    .c-btn-4:hover {
        background-color: #1A1A1A;
        border-color: transparent;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-4 {
        min-height: 8.5333333333vw;
        padding: 0.5333333333vw 3.7333333333vw;
        border-radius: 5.3333333333vw;
    }
    .c-btn-4:nth-of-type(n+2) {
        margin-left: 4.2666666667vw;
    }
}
.c-btn-4__txt {
    color: #1A1A1A;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.025em;
}
@media screen and (min-width: 769px) {
    .c-btn-4__txt {
        transition-duration: 0.5s;
        transition-timing-function: ease-in-out;
        transition-property: color;
    }
    .c-btn-4:hover .c-btn-4__txt {
        color: #fff;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-4__txt {
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-btn-6
* 枠付きボタン（アイコンなし・ホバー時背景黒）
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-btn-6 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 320px;
    min-height: 52px;
    padding: 5px;
    border: 1px solid #6E6F6F;
}
@media screen and (max-width: 768px) {
    .c-btn-6 {
        min-width: 80vw;
        min-height: 16vw;
        padding: 1.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-6 {
        transition: background-color 0.3s;
    }
    .c-btn-6:hover {
        transform: scale(1);
        background-color: #000;
        will-change: transform, background-color;
    }
}
.c-btn-6__txt {
    color: #1A1A1A;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-btn-6__txt {
        font-size: 3.7333333333vw;
        line-height: 1.5;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-6__txt {
        transition: color 0.3s;
    }
    .c-btn-6:hover .c-btn-6__txt {
        color: #fff;
    }
}

/* ---------------------------------------------
*   c-btn-1
* スライダー内部ボタン
* 使用ページ:index-test.html・/index.html
--------------------------------------------- */
.c-btn-1 {
    text-align: center;
    display: block;
    border: 1px solid #929393;
    transition: 0.3s;
    font-size: 0;
    padding: 4px 0;
}
@media screen and (max-width: 768px) {
    .c-btn-1 {
        padding: 1.0666666667vw 0;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-1:hover {
        border-color: #00AEBD;
    }
}
.iphone .c-btn-1 {
    padding: 1.3333333333vw 0 0.8vw;
}

.c-btn-1--bg-gray {
    background-color: #A6A9AA;
    border-color: transparent;
}
@media screen and (min-width: 769px) {
    .c-btn-1--bg-gray:hover {
        background-color: #00AEBD;
    }
}
.c-btn-1--bg-gray .c-btn-1__txt {
    color: #fff;
}
.c-btn-1--bg-yellow {
    background-color: #AAAA88;
    border-color: transparent;
}
@media screen and (min-width: 769px) {
    .c-btn-1--bg-yellow:hover {
        background-color: #fff;
        border-color: #AAAA88;
    }
}
.c-btn-1--bg-yellow .c-btn-1__txt {
    color: #fff;
}
.c-btn-1__txt {
    font-size: 11px;
    line-height: 1.8181818182;
    font-weight: 500;
    color: #6E6F6F;
    transition: 0.3s;
}
@media screen and (max-width: 768px) {
    .c-btn-1__txt {
        font-size: 2.9333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-1:hover .c-btn-1__txt {
        color: #00AEBD;
    }
    .c-btn-1--bg-gray:hover .c-btn-1__txt {
        color: #fff;
    }
    .c-btn-1--bg-yellow:hover .c-btn-1__txt {
        color: #AAAA88;
    }
}

/* ---------------------------------------------
*   c-btn-3
アイコン付きボタン
* 使用ページ:/owners/limited/・/owners/limited_pre/・/owners/livinghouse/
* /owners/2ndstorage/
--------------------------------------------- */
.c-btn-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    border: 1px solid #fff;
    padding-left: 8.75%;
}
@media screen and (min-width: 769px) {
    .c-btn-3 {
        transition: background-color 0.3s, border-color 0.3s;
    }
    .c-btn-3:hover {
        background-color: #1A1A1A;
        border: 1px solid #1A1A1A;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-3 {
        height: 16vw;
        padding-left: 0;
    }
}
.c-btn-3--bd-black {
    border: 1px solid #1A1A1A;
    padding-left: 0;
}
@media screen and (min-width: 769px) {
    .c-btn-3--bd-black:hover {
        background-color: #1A1A1A;
        color: #fff;
    }
    .c-btn-3--bd-black:hover .c-btn-3__txt::before {
        background-color: #fff;
    }
}
.c-btn-3--bd-black .c-btn-3__txt::before {
    background-color: #333333;
}
.c-btn-3--bd-gray {
    border: 1px solid #6E6F6F;
    padding-left: 0;
}
@media screen and (min-width: 769px) {
    .c-btn-3--bd-gray:hover {
        background-color: #1A1A1A;
        border-color: #1A1A1A;
    }
    .c-btn-3--bd-gray:hover .c-btn-3__txt {
        color: #fff;
    }
    .c-btn-3--bd-gray:hover .c-btn-3__txt::before {
        background-color: #fff;
    }
}
.c-btn-3--bd-gray .c-btn-3__txt {
    color: #6E6F6F;
}
.c-btn-3--bd-gray .c-btn-3__txt::before {
    background-color: #6E6F6F;
}
.c-btn-3--bg-gold {
    border: 1px solid #AAAA88;
    background-color: #AAAA88;
}
@media screen and (min-width: 769px) {
    .c-btn-3--bg-gold:hover {
        background-color: rgba(0, 0, 0, 0);
        border-color: #AAAA88;
    }
    .c-btn-3--bg-gold:hover .c-btn-3__txt {
        color: #AAAA88;
    }
    .c-btn-3--bg-gold:hover .c-btn-3__txt::before {
        background-color: #AAAA88;
    }
}
.c-btn-3--bg-gold .c-btn-3__txt {
    color: #fff;
}
.c-btn-3--bg-gold .c-btn-3__txt::before {
    background-color: #fff;
}
.c-btn-3--l .c-btn-3__txt {
    font-feature-settings: "palt" 1;
    padding-left: 40px;
}
@media screen and (max-width: 768px) {
    .c-btn-3--l .c-btn-3__txt {
        padding-left: 8vw;
    }
}
.c-btn-3--l .c-btn-3__txt::before {
    width: 24px;
    height: 31px;
}
@media screen and (max-width: 768px) {
    .c-btn-3--l .c-btn-3__txt::before {
        width: 5.3333333333vw;
        height: 6.9333333333vw;
    }
}
.c-btn-3--present {
    padding-left: 0;
}
@media screen and (max-width: 768px) {
    .c-btn-3--present .c-btn-3__txt {
        padding-left: 9.3333333333vw;
    }
}
.c-btn-3--present .c-btn-3__txt::before {
    width: 21px;
    height: 21px;
    -webkit-mask: url(/shared/img/common/icon_present.svg) 0 0 no-repeat;
            mask: url(/shared/img/common/icon_present.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-btn-3--present .c-btn-3__txt::before {
        width: 5.8666666667vw;
        height: 5.8666666667vw;
    }
}
.c-btn-3__txt {
    position: relative;
    font-size: 16px;
    letter-spacing: 0.05em;
    padding-left: 30px;
}
@media screen and (max-width: 768px) {
    .c-btn-3__txt {
        font-size: 3.7333333333vw;
        padding-left: 8vw;
    }
}
.c-btn-3__txt::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 21px;
    height: 27px;
    top: 46%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-mask: url(/shared/img/common/icon_pdf_bl.svg) 0 0 no-repeat;
            mask: url(/shared/img/common/icon_pdf_bl.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-btn-3__txt::before {
        width: 5.3333333333vw;
        height: 6.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-btn-5
* アイコン付きボタン(右側にアイコン)
* 使用ページ:/owners/limited/・/owners/limited_pre/・/owners/kawamotobousai/
--------------------------------------------- */
.c-btn-5 {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1A1A1A;
    border: 1px solid #929393;
}
@media screen and (max-width: 768px) {
    .c-btn-5 {
        height: 13.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-5 {
        transition: color 0.3s, background-color 0.3s;
    }
    .c-btn-5:hover {
        color: #fff;
        background-color: #1A1A1A;
    }
    .c-btn-5:hover .c-btn-5__txt::after {
        background-color: #fff;
    }
}
.c-btn-5--blank .c-btn-5__txt {
    position: relative;
    padding-right: 26px;
}
@media screen and (max-width: 768px) {
    .c-btn-5--blank .c-btn-5__txt {
        padding-right: 6.9333333333vw;
    }
}
.c-btn-5--blank .c-btn-5__txt::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -webkit-mask: url(/shared/img/common/icon_target_black.svg) 0 0 no-repeat;
            mask: url(/shared/img/common/icon_target_black.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #929393;
}
@media screen and (min-width: 769px) {
    .c-btn-5--blank .c-btn-5__txt::after {
        transition: background-color 0.3s;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-5--blank .c-btn-5__txt::after {
        width: 4.8vw;
        height: 4.8vw;
    }
}
.c-btn-5--l {
    height: 78px;
    padding-left: 28px;
}
@media screen and (max-width: 768px) {
    .c-btn-5--l {
        height: 20.8vw;
        padding-left: 0vw;
    }
}
.c-btn-5--l .c-btn-5__txt {
    font-size: 16px;
    padding-right: 21px;
}
@media screen and (max-width: 768px) {
    .c-btn-5--l .c-btn-5__txt {
        font-size: 4.2666666667vw;
        padding-right: 5.6vw;
    }
}
.c-btn-5--txt-gray {
    color: #6E6F6F;
}
@media screen and (min-width: 769px) {
    .c-btn-5--txt-gray:hover {
        color: #fff;
    }
}
.c-btn-5__txt {
    font-size: 14px;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .c-btn-5__txt {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-btn-7
* 枠付きボタン（アイコンなし・ホバー時背景白）
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-btn-7 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 538px;
    min-height: 78px;
    padding: 5px;
    border: 1px solid #fff;
}
@media screen and (max-width: 768px) {
    .c-btn-7 {
        min-width: 80vw;
        min-height: 16vw;
        padding: 1.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-7 {
        transition: background-color 0.3s;
    }
    .c-btn-7:hover {
        transform: scale(1);
        background-color: #fff;
        will-change: transform, background-color;
    }
}
.c-btn-7__txt {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-btn-7__txt {
        font-size: 3.7333333333vw;
        line-height: 1.5;
    }
}
@media screen and (min-width: 769px) {
    .c-btn-7__txt {
        transition: color 0.3s;
    }
    .c-btn-7:hover .c-btn-7__txt {
        color: #1A1A1A;
    }
}

/* ---------------------------------------------
*   c-card-2
通常ブロック(マンション詳細リスト)
* 使用ページ:/lineup/
--------------------------------------------- */
.c-card-2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-top: 1px solid #D1D1D0;
    padding-top: 80px;
    margin-top: 80px;
}
.c-card-2:first-of-type {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}
.c-card-2.is-first {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .c-card-2 {
        display: block;
        padding-top: 13.3333333333vw;
        margin-top: 13.3333333333vw;
    }
    .c-card-2:first-of-type {
        border-top: none;
        padding-top: 0;
        margin-top: 0;
    }
    .c-card-2.is-first {
        border-top: none;
        padding-top: 0;
        margin-top: 0;
    }
}
.c-card-2__link-outer {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-card-2__link-outer {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}
@media screen and (min-width: 769px) {
    .c-card-2__link-outer a:hover img {
        transform: scale(1.08);
    }
    .c-card-2__link-outer a:hover .c-card-2__img-txt {
        background-color: rgba(26, 26, 26, 0.5);
        opacity: 1;
    }
}
.c-card-2__link {
    display: block;
}
.c-card-2__img {
    width: 100%;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
}
.c-card-2__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.24, 0.12, 0, 1), -webkit-transform 1.2s cubic-bezier(0.24, 0.12, 0, 1);
}
.c-card-2__img-txt {
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 14px;
    letter-spacing: 0.18em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.5s;
}
.c-card-2__content {
    width: 50%;
    padding-right: 40px;
}
@media screen and (max-width: 768px) {
    .c-card-2__content {
        width: 100%;
        padding-right: 0;
    }
}
.c-card-2__label-wrap {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-card-2__label-wrap {
        margin-top: 12.2666666667vw;
    }
}
.c-card-2__head {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-card-2__head {
        margin-top: 5.3333333333vw;
    }
}
.c-card-2__txt {
    margin-top: 36px;
}
@media screen and (max-width: 768px) {
    .c-card-2__txt {
        margin-top: 6.4vw;
    }
}
.c-card-2__list {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-card-2__list {
        margin-top: 5.3333333333vw;
    }
}
.c-card-2__btn-wrap {
    display: flex;
    align-items: center;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-card-2__btn-wrap {
        display: block;
        margin-top: 10.6666666667vw;
    }
}
.c-card-2__btn:nth-of-type(n+2) {
    margin-left: 14px;
}
@media screen and (max-width: 1240px) {
    .c-card-2__btn:nth-of-type(n+2) {
        margin-left: 1.129vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-2__btn:nth-of-type(n+2) {
        margin-left: 0;
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-card-4
* 通常ブロック(マンション詳細リスト)
* 使用ページ:/aboutBaus/caseStudy/・/aboutBaus/brand/rent/
--------------------------------------------- */
.c-card-4-wrap {
    padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
    .c-card-4-wrap {
        padding-bottom: 21.3333333333vw;
    }
}
.c-card-4-wrap__btn {
    text-align: center;
}

.c-card-4 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.c-card-4:nth-of-type(n+2) {
    margin-top: 100px;
}
@media screen and (min-width: 769px) {
    .c-card-4 {
        position: relative;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4 {
        display: block;
    }
    .c-card-4:nth-of-type(n+2) {
        margin-top: 25.3333333333vw;
    }
}
.c-card-4__content {
    width: 512px;
    margin-left: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 120px 0;
}
@media screen and (max-width: 1240px) {
    .c-card-4__content {
        width: 41.29vw;
        margin-left: 10px;
        gap: 9.677vw 0;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__content {
        width: 100%;
        max-width: none;
        flex-direction: column-reverse;
        margin-left: 0;
        margin-top: 9.0666666667vw;
        gap: 0;
    }
}
.c-card-4__head {
    margin-top: 28px;
}
@media screen and (max-width: 1240px) {
    .c-card-4__head {
        margin-top: 2.258vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__head {
        margin-top: 6.6666666667vw;
    }
}
.c-card-4__txt {
    margin-top: 28px;
}
@media screen and (max-width: 1240px) {
    .c-card-4__txt {
        margin-top: 2.258vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__txt {
        margin-top: 4.8vw;
    }
}
.c-card-4__list {
    margin-top: 28px;
}
@media screen and (max-width: 1240px) {
    .c-card-4__list {
        margin-top: 2.258vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-4__list {
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-card-6
* 通常ブロック(マンション詳細カラム)
* 使用ページ:/aboutBaus/caseStudy/
--------------------------------------------- */
.c-card-6-wrap__btn {
    text-align: center;
}

.c-card-6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 2.5%;
}
@media screen and (max-width: 768px) {
    .c-card-6 {
        grid-template-columns: repeat(2, 1fr);
        gap: 13.3333333333vw 4vw;
    }
}
.c-card-6__img {
    width: 100%;
    aspect-ratio: 1/1;
}
.c-card-6__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-card-6__label {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-card-6__label {
        margin-top: 4vw;
    }
}
.c-card-6__head {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-card-6__head {
        margin-top: 3.2vw;
    }
}
.c-card-6__txt {
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-card-6__txt {
        margin-top: 3.2vw;
    }
}
.c-card-6__list {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-card-6__list {
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-card-8
通常ブロック(TVCMブロック)
* 使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-card-8 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 52px 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-card-8 {
        display: block;
    }
}
.c-card-8--tvcm {
    display: flex;
    flex-direction: column;
    gap: 0 5%;
}
@media screen and (min-width: 769px) {
    .c-card-8--1col {
        grid-template-columns: 1fr;
        max-width: 1000px;
        margin-inline: auto;
    }
}
.c-card-8--type2 {
    gap: 60px 3.3333333333%;
    max-width: 1200px;
    margin-inline: auto;
}
.c-card-8__item {
    margin: 0 0 70px 0;
}
@media screen and (max-width: 768px) {
    .c-card-8__item {
        margin: 0;
    }
    .c-card-8__item:nth-of-type(n+2) {
        margin-top: 9.6vw;
    }
    .c-card-8--tvcm .c-card-8__item:nth-of-type(n+2) {
        margin-top: 13.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-card-8--1col .c-card-8__item, .c-card-8--type2 .c-card-8__item {
        margin: 0;
    }
}
.c-card-8__movie-outer {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-card-8--tvcm .c-card-8__movie-outer {
        width: 80vw;
        margin: 0 auto;
    }
}
.c-card-8__movie-outer img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-card-8__youtube {
    display: block;
    width: 100%;
    aspect-ratio: 570/321;
    border: none;
}
@media screen and (min-width: 769px) {
    .c-card-8__youtube {
        transition: opacity 300ms;
    }
    .c-card-8__youtube:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-card-8__youtube {
        aspect-ratio: 300/169;
    }
}
.c-card-8__thumb {
    position: relative;
    display: block;
    cursor: pointer;
}
.c-card-8__thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s;
    opacity: 1;
}
.c-card-8--tvcm .c-card-8__thumb::before {
    content: normal;
}
.c-card-8--1col .c-card-8__thumb::before {
    background-color: rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 769px) {
    .c-card-8__thumb:hover::before {
        opacity: 0;
    }
    .c-card-8--tvcm .c-card-8__thumb {
        transition: opacity 0.3s;
    }
    .c-card-8--tvcm .c-card-8__thumb:hover {
        opacity: 0.9;
    }
}
.c-card-8__thumb::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 62px;
    height: 62px;
    background-image: url("/shared/img/common/icon_playback.svg");
    background-size: 100% 100%;
}
@media screen and (min-width: 769px) and (max-width: 1240px) {
    .c-card-8__thumb::after {
        width: 10.6896551724%;
        height: 19.018404908%;
    }
    .c-card-8--tvcm .c-card-8__thumb::after {
        width: 10.8771929825%;
        height: 19.3146417445%;
    }
}
@media screen and (max-width: 768px) {
    .c-card-8__thumb::after {
        width: 13.3333333333vw;
        height: 13.3333333333vw;
    }
}
.c-card-8__movie {
    width: 56.8181818182%;
    margin: 0 auto;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-card-8__movie {
        width: 98.347107438%;
    }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    .c-card-8__movie {
        display: flex;
        align-items: center;
        width: 70%;
        height: 100vh;
        height: 100dvh;
    }
}
.c-card-8__movie video {
    width: 100%;
    vertical-align: bottom;
}
.c-card-8__movie iframe {
    width: 100%;
    aspect-ratio: 16/9;
    vertical-align: middle;
}
.c-card-8__img {
    width: 100%;
    aspect-ratio: 270/382;
    border: 1px solid #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-card-8__img {
        aspect-ratio: 160/226;
    }
}
.c-card-8__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-card-8__lead {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-card-8__lead {
        margin-top: 4vw;
    }
}
.c-card-8__txt {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-card-8__txt {
        margin-top: 1.3333333333vw;
    }
}
.c-card-8__txt--02 {
    margin-top: 24px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-card-8__txt--02 {
        margin-top: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-card-10
通常ブロック(その他広告物カラム)
* 使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-card-10 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 52px 3.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-card-10 {
        grid-template-columns: repeat(2, 1fr);
        gap: 9.0666666667vw 4vw;
    }
}
.c-card-10--type2 {
    gap: 40px 3.3333333333%;
    max-width: 1200px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-card-10--type2 {
        gap: 4vw;
    }
}
.c-card-10__img {
    width: 100%;
    aspect-ratio: 270/388;
}
@media screen and (max-width: 768px) {
    .c-card-10__img {
        aspect-ratio: 160/230;
    }
}
.c-card-10--type2 .c-card-10__img {
    aspect-ratio: 1/1;
}
.c-card-10__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-card-10__img a[href] {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.c-card-10__img a[href]::before, .c-card-10__img a[href]::after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
}
.c-card-10__img a[href]::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.c-card-10__img a[href]::after {
    top: 50%;
    right: 50%;
    z-index: 2;
    width: 35px;
    height: 35px;
    transform: translate(50%, -50%);
    background-image: url(/shared/img/common/icon_pdf.svg);
    background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
    .c-card-10__img a[href]:hover::before, .c-card-10__img a[href]:hover::after {
        opacity: 1;
    }
}
.c-card-10__txt {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-card-10__txt {
        margin-top: 2.6666666667vw;
    }
}
.c-card-10__more-btn {
    text-align: center;
}
.c-card-10__more-btn .c-link-1 {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-card-10__more-btn .c-link-1 {
        margin-top: 18.6666666667vw;
    }
}
.c-card-10__modal-trigger {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.c-card-10__modal-trigger::before, .c-card-10__modal-trigger::after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s;
}
.c-card-10__modal-trigger::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.c-card-10__modal-trigger::after {
    top: 50%;
    right: 50%;
    z-index: 2;
    width: 28px;
    height: 28px;
    transform: translate(50%, -50%);
    background-image: url(/shared/img/common/icon_link_modal_white.svg);
    background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
    .c-card-10__modal-trigger:hover::before, .c-card-10__modal-trigger:hover::after {
        opacity: 1;
    }
}
.c-card-10__modal {
    display: flex;
    justify-content: center;
    gap: 0 20px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 1172px;
    margin: 0 auto;
    padding: 20px;
}
@media screen and (max-width: 768px) {
    .c-card-10__modal {
        display: block;
        max-width: none;
        padding: 13.3333333333vw 5.3333333333vw;
    }
}
.c-card-10__modal-content-img {
    position: relative;
    max-width: 700px;
    max-height: 700px;
}
@media screen and (max-width: 768px) {
    .c-card-10__modal-content-img {
        display: block;
        max-width: none;
        max-height: none;
    }
}
.c-card-10__modal-content-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ---------------------------------------------
*   c-card-12
通常ブロック（メインカラム）
* 使用ページ:/voice/・/magazine/
--------------------------------------------- */
.c-card-12-wrap__btn {
    text-align: center;
}

.c-card-12 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 70px 3.33%;
}
@media screen and (max-width: 768px) {
    .c-card-12 {
        display: block;
    }
}
.c-card-12__item:first-of-type {
    grid-area: 1/1/2/4;
}
.c-card-12__item:nth-of-type(2) {
    grid-area: 1/4/2/7;
}
.c-card-12__item:nth-of-type(3n+3) {
    grid-column: 1/3;
}
.c-card-12__item:nth-of-type(3n+4) {
    grid-column: 3/5;
}
.c-card-12__item:nth-of-type(3n+5) {
    grid-column: 5/7;
}
@media screen and (max-width: 768px) {
    .c-card-12__item:nth-of-type(n+2) {
        margin-top: 14.6666666667vw;
    }
}
.c-card-12__link {
    display: block;
    position: relative;
}
.c-card-12__link .c-label-2.c-label-2--bg-blue {
    position: absolute;
    top: 3.8%;
    left: 3.8%;
    margin-left: 0;
    transition: opacity 0.3s;
}
@media screen and (min-width: 769px) {
    .c-card-12__link:hover .c-label-2.c-label-2--bg-blue {
        opacity: 0.8;
    }
}
.c-card-12__img {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
}
.c-card-12__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.24, 0.12, 0, 1), -webkit-transform 1.2s cubic-bezier(0.24, 0.12, 0, 1);
}
@media screen and (min-width: 769px) {
    .c-card-12__link:hover .c-card-12__img img {
        transform: scale(1.08);
    }
}
.c-card-12__img-txt {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.18em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.45s;
}
@media screen and (min-width: 769px) {
    .c-card-12__link:hover .c-card-12__img-txt {
        background-color: rgba(26, 26, 26, 0.5);
        opacity: 1;
    }
}
.c-card-12__cat {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-card-12__cat {
        margin-top: 5.3333333333vw;
    }
}
.c-card-12__txt {
    margin-top: 15px;
}
@media screen and (min-width: 769px) {
    .c-card-12__txt {
        transition: opacity 0.5s;
    }
    .c-card-12__link:hover .c-card-12__txt {
        opacity: 0.45;
    }
    .c-card-12__cat + .c-card-12__txt {
        margin-top: 5px;
    }
}
@media screen and (max-width: 768px) {
    .c-card-12__txt {
        margin-top: 4vw;
    }
}
.c-card-12__txt .c-txt-10 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---------------------------------------------
*   c-card-14
通常ブロック(内装詳細カラム)
* 使用ページ:/Bauslabo/coreclo_1/
--------------------------------------------- */
.c-card-14 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 2.2857142857%;
}
@media screen and (max-width: 768px) {
    .c-card-14 {
        grid-template-columns: repeat(2, 1fr);
        gap: 6.6666666667vw 1.8666666667vw;
    }
}
.c-card-14__img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-card-14__img {
        width: 43.7333333333vw;
    }
}
.c-card-14__ttl {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-card-14__ttl {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-card-14__ttl .c-txt-10 {
        font-size: 1.6363636364vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-14__txt {
        margin-top: 1.0666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-card-14__txt .c-txt-4 {
        font-size: 1.4545454545vw;
    }
}

/* ---------------------------------------------
*   c-card-16
通常ブロック(その他の賃貸住宅実績詳細)
* 使用ページ:/aboutBaus/brand/rent/
--------------------------------------------- */
.c-card-16-wrap__btn {
    text-align: center;
}

.c-card-16 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 2.2857142857%;
}
@media screen and (max-width: 768px) {
    .c-card-16 {
        grid-template-columns: repeat(2, 1fr);
        gap: 11.7333333333vw 4vw;
    }
}
.c-card-16__img {
    width: 100%;
    aspect-ratio: 1/1;
}
.c-card-16__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-card-16__head {
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-card-16__head {
        margin-top: 3.7333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-card-16__head .c-txt-10 {
        line-height: 1.5;
    }
}

/* ---------------------------------------------
*   c-card-18
通常ブロック(TOPICメインカラム)
* 使用ページ:/Bauslabo/
--------------------------------------------- */
.c-card-18 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 71px 40px;
}
@media screen and (max-width: 1240px) {
    .c-card-18 {
        gap: 5.7258064516vw 3.2258064516vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-18 {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-card-18__item:nth-of-type(n+2) {
        margin-top: 11.7333333333vw;
    }
}
.c-card-18__link {
    display: block;
}
.c-card-18__img-outer {
    position: relative;
}
.c-card-18__img-outer .c-label-2 {
    position: absolute;
    top: 3.8%;
    left: 3.8%;
    margin-left: 0 !important;
    transition: opacity 0.3s;
}
@media screen and (min-width: 769px) {
    .c-card-18__link:hover .c-card-18__img-outer .c-label-2 {
        opacity: 0.8;
    }
}
.c-card-18__img {
    width: 100%;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1/1;
}
.c-card-18__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.24, 0.12, 0, 1), -webkit-transform 1.2s cubic-bezier(0.24, 0.12, 0, 1);
}
@media screen and (min-width: 769px) {
    .c-card-18__link:hover .c-card-18__img img {
        transform: scale(1.08);
    }
}
.c-card-18__img-txt {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.18em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.45s;
}
@media screen and (min-width: 769px) {
    .c-card-18__link:hover .c-card-18__img-txt {
        background-color: rgba(26, 26, 26, 0.5);
        opacity: 1;
    }
}
.c-card-18__label {
    margin-top: 24px;
    line-height: 28px;
    display: flex;
}
@media screen and (max-width: 926px) {
    .c-card-18__label {
        justify-content: space-between;
    }
}
@media screen and (max-width: 768px) {
    .c-card-18__label {
        justify-content: flex-start;
        margin-top: 5.3333333333vw;
        line-height: 5.0666666667vw;
    }
}
.c-card-18__label-item:nth-of-type(n+2) {
    margin-left: 16px;
}
@media screen and (max-width: 926px) {
    .c-card-18__label-item:nth-of-type(n+2) {
        margin-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-card-18__label-item:nth-of-type(n+2) {
        margin-left: 4.2666666667vw;
    }
}
.c-card-18__head {
    margin-top: 11px;
}
@media screen and (max-width: 768px) {
    .c-card-18__head {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-card-18__head {
        transition: opacity 0.5s;
    }
    .c-card-18__link:hover .c-card-18__head {
        opacity: 0.45;
    }
}
@media screen and (min-width: 769px) and (max-width: 920px) {
    .c-card-18__head .c-txt-10 {
        font-size: 1.9565217391vw;
    }
}

/* ---------------------------------------------
*   c-card-20
通常ブロック(サービス内容カード)
* 使用ページ:/service/sumaiSupport/
--------------------------------------------- */
.c-card-20 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 2.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-card-20 {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-card-20__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0 4.2666666667vw;
        margin-top: 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-20__item:first-of-type {
        margin-top: 0;
    }
}
.c-card-20__box {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-card-20__box {
        width: 40.5333333333vw;
        height: 40.5333333333vw;
        border-radius: 2.6666666667vw;
        flex-shrink: 0;
    }
}
.c-card-20__icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-card-20__icon {
        width: 15.4666666667vw;
        height: 15.4666666667vw;
    }
}
.c-card-20__icon img {
    width: 100%;
    height: 100%;
}
.c-card-20__ttl {
    margin-top: 5px;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
}
@media screen and (max-width: 900px) {
    .c-card-20__ttl {
        font-size: 2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-20__ttl {
        margin-top: 1.3333333333vw;
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-card-20__ttl-s {
    font-size: 16px;
}
@media screen and (max-width: 900px) {
    .c-card-20__ttl-s {
        font-size: 1.7777777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-20__ttl-s {
        font-size: 2.9333333333vw;
    }
}
.c-card-20__txt-wrap {
    margin-top: 17px;
}
@media screen and (max-width: 768px) {
    .c-card-20__txt-wrap {
        margin-top: 0;
    }
}
.c-card-20__note {
    display: flex;
    gap: 0 2px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-card-20__note {
        gap: 0 0.5333333333vw;
        margin-top: 1.3333333333vw;
        font-size: 2.9333333333vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-card-20__note-asterisk {
    padding-right: 1px;
}
@media screen and (max-width: 768px) {
    .c-card-20__note-asterisk {
        padding-right: 0.2666666667vw;
    }
}
.safari .c-card-20__note-asterisk {
    margin-top: -1px;
}
@media screen and (max-width: 768px) {
    .safari .c-card-20__note-asterisk {
        margin-top: -0.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-card-22
通常ブロック(住宅設備機器等カード)
* 使用ページ:/service/equipmentGuarantee/
--------------------------------------------- */
.c-card-22 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 41px 32px;
}
@media screen and (max-width: 1040px) {
    .c-card-22 {
        gap: 3.9423076923vw 3.0769230769vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-22 {
        grid-template-columns: repeat(2, 1fr);
        gap: 6.6666666667vw 1.8666666667vw;
    }
}
.c-card-22__img {
    width: 100%;
    aspect-ratio: 1/1;
}
.c-card-22__img img {
    -o-object-fit: cover;
       object-fit: cover;
}
.c-card-22__head {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-card-22__head {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-card-22__head .c-txt-10 {
        font-size: 1.8947368421vw;
    }
}
.c-card-22__txt {
    margin-top: 2px;
}
@media screen and (max-width: 768px) {
    .c-card-22__txt {
        margin-top: 1.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-card-22__txt .c-txt-2 {
        letter-spacing: -0.03em;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-card-22__txt .c-txt-2 {
        font-size: 1.4vw;
    }
}

/* ---------------------------------------------
*   c-card-24
通常ブロック(保証対象外の故障・不具合等カード)
* 使用ページ:/service/equipmentGuarantee/
--------------------------------------------- */
.c-card-24-wrap {
    margin-top: 52px;
}
@media screen and (max-width: 768px) {
    .c-card-24-wrap {
        margin-top: 9.0666666667vw;
    }
}

.c-card-24 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 2%;
}
@media screen and (max-width: 768px) {
    .c-card-24 {
        grid-template-columns: repeat(3, 1fr);
        gap: 5.0666666667vw 4.5333333333vw;
    }
}
.c-card-24__box {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 10px;
    background-color: #F8F9F9;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-card-24__box {
        width: 26.6666666667vw;
        height: 26.6666666667vw;
        border-radius: 2.6666666667vw;
    }
}
.c-card-24__icon {
    width: 100px;
    height: 100px;
}
@media screen and (max-width: 1000px) {
    .c-card-24__icon {
        width: 10vw;
        height: 10vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-24__icon {
        width: 16vw;
        height: 16vw;
    }
}
.c-card-24__icon img {
    width: 100%;
    height: 100%;
}
.c-card-24__txt {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-align: center;
}
@media screen and (max-width: 900px) {
    .c-card-24__txt {
        font-size: 1.7777777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-24__txt {
        margin-top: 2.9333333333vw;
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}

/* ---------------------------------------------
*   c-card-26
通常ブロック(CAST紹介カード）
* 使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-card-26 {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
    .c-card-26 {
        display: block;
    }
}
.c-card-26__item {
    display: flex;
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-card-26__item {
        flex-direction: column;
        justify-content: center;
    }
}
.c-card-26__item:nth-of-type(2) {
    margin-top: 80px;
    padding-top: 80px;
    border-top: 1px solid #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-card-26__item:nth-of-type(2) {
        margin-top: 11.7333333333vw;
        padding-top: 12.8vw;
    }
}
.c-card-26__img {
    flex-shrink: 0;
    width: 300px;
    margin: 0 60px 0 0;
}
@media screen and (max-width: 768px) {
    .c-card-26__img {
        width: 60vw;
        margin: 0 auto;
    }
}
.c-card-26__name {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-card-26__name {
        margin-top: 7.7333333333vw;
        font-size: 4.8vw;
        line-height: 1.8;
        text-align: center;
    }
}
.c-card-26__artist {
    text-align: center;
    font-size: 17px;
    margin: 0 0 5px 0;
}
.c-card-26__cap {
    text-align: center;
    font-size: 13px;
}
.c-card-26__txtbox {
    flex-grow: 1;
}
@media screen and (min-width: 769px) {
    .c-card-26__txtbox {
        margin-top: -4px;
    }
}
@media screen and (max-width: 768px) {
    .c-card-26__txtbox {
        width: 100%;
    }
}
.c-card-26__txt {
    margin-top: 27px;
    font-weight: 500;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
}
.c-card-26__txt__comment {
    background-color: #f3f5f4;
    padding: 20px 25px;
    width: 100%;
    margin: 20px 0 0 0;
}
@media screen and (max-width: 768px) {
    .c-card-26__txt__comment {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: normal;
        margin-top: 4.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-26__txt {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: normal;
        margin-top: 2.9333333333vw;
    }
}
.windows .c-card-26__txt {
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .windows .c-card-26__txt {
        letter-spacing: -0.03em;
    }
}

.c-card-26__txt + .c-card-26__txt {
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .c-card-26__txt + .c-card-26__txt {
        margin-top: 1.3333333333vw;
    }
}
.c-card-26__txt + .c-card-26__txt--bottom {
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-card-26__txt + .c-card-26__txt--bottom {
        margin-top: 4.5333333333vw;
    }
}
.c-card-26__txt a {
    text-decoration: underline;
}
@media screen and (min-width: 769px) {
    .c-card-26__txt a:hover {
        text-decoration: none;
    }
}
.c-card-26__txt-l {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-card-26__txt-l {
        font-size: 4.8vw;
        line-height: 1.3;
    }
}
.c-card-26__txt-note {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-card-26__txt-note {
        font-size: 2.9333333333vw;
        line-height: 2.1272727273;
        letter-spacing: normal;
    }
}

/* ---------------------------------------------
*   c-card-1
通常ブロック(エレベータ部分詳細)
* 使用ページ:/aboutBaus/quality/
--------------------------------------------- */
.c-card-1 {
    max-width: 800px;
    display: flex;
    flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
    .c-card-1 {
        max-width: none;
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-card-1:nth-of-type(n+2) {
        margin-top: 10.9333333333vw;
    }
}
.c-card-1__sentence {
    padding: 40px 5% 30px;
    flex-basis: 45%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-card-1__sentence {
        padding: 6.6666666667vw 8vw 6.1333333333vw;
    }
}
.c-card-1__img {
    flex-basis: 55%;
}
@media screen and (max-width: 768px) {
    .c-card-1__img {
        width: 100%;
    }
}
.c-card-1__img img {
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.c-card-1__ttl {
    display: flex;
    align-items: center;
    gap: 0 10px;
}
.c-card-1__ttl-num {
    font-size: 22px;
    line-height: 1.0909090909;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-card-1__ttl-num {
        font-size: 4.8vw;
        line-height: 1.5;
    }
}
.c-card-1__ttl-line {
    width: 28px;
    height: 1px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-card-1__ttl-line {
        width: 5.3333333333vw;
    }
}
.c-card-1__ttl-line::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    left: 0;
    background-color: #6E6F6F;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-card-1__ttl-line::before {
        top: 0.2666666667vw;
    }
}
.c-card-1__ttl-txt {
    font-size: clamp(18px, 2.3407022107vw, 20px);
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .c-card-1__ttl-txt {
        font-size: 4.8vw;
        line-height: 1.7777777778;
    }
}
.c-card-1__lead {
    margin-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-card-1__lead {
        margin-top: 1.3333333333vw;
    }
}
.c-card-1__txt {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-card-1__txt {
        margin-top: 1.8666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-1__txt .c-txt-3 {
        line-height: 2;
    }
}

/*  c-card-1-wrap
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .c-card-1-wrap [id^=anchor-] {
        padding: 132px 0 0 0;
        margin: -84px 0 0 0;
    }
    .c-card-1-wrap [id^=anchor-]:nth-of-type(n+2) {
        padding: 144px 0 0 0;
    }
}

/* ---------------------------------------------
*   c-card-3
通常ブロック(PDFリンク)
* 使用ページ:/owners/limited_pre/・/service/・/owners/limited/
--------------------------------------------- */
.c-card-3 {
    display: block;
    max-width: calc(100% - 30px);
}
@media screen and (min-width: 769px) {
    .c-card-3 {
        transition: opacity 300ms;
    }
    .c-card-3:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-card-3 {
        max-width: none;
        width: 94.0298507463%;
    }
}
@media screen and (max-width: 768px) {
    .c-card-3:nth-of-type(n+2) {
        margin-top: 16vw;
    }
}
.c-card-3--blue .c-card-3__main::before {
    background-color: #18B3C9;
    opacity: 0.6;
}
.c-card-3--green .c-card-3__main::before {
    background-color: #2CB1A5;
    opacity: 0.6;
}
.c-card-3--yellow .c-card-3__main::before {
    background-color: #D1CCAC;
    opacity: 0.6;
}
.c-card-3--red .c-card-3__main::before {
    background-color: #A43C52;
    opacity: 0.75;
}
.c-card-3--gray .c-card-3__main::before {
    background-color: #BDB8AC;
    opacity: 0.6;
}
.c-card-3__main {
    width: 100%;
    aspect-ratio: 1;
    position: relative;
}
.c-card-3__main::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #004263;
    opacity: 0.75;
    top: 8%;
    left: 8%;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-card-3__main::before {
        top: 6.3492063492%;
        left: 6.3492063492%;
    }
}
.c-card-3__txt-wrap {
    position: absolute;
    bottom: 24px;
    left: 6.3157894737%;
    padding-right: 6.3157894737%;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-card-3__txt-wrap {
        bottom: 3.4666666667vw;
        left: 5.3333333333vw;
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-card-3__txt .c-txt-3 {
        font-size: 3.2vw;
        line-height: 1.75;
    }
}
.c-card-3__lead {
    font-size: clamp(18px, 2.3407022107vw, 22px);
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-top: 2px;
}
@media screen and (max-width: 768px) {
    .c-card-3__lead {
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
        margin-top: 0;
    }
}
.c-card-3__lead-pdf {
    position: relative;
    display: inline-block;
    width: 21px;
    padding-top: 27px;
    -webkit-mask: url(/shared/img/common/icon_pdf_bl.svg) 0 0 no-repeat;
            mask: url(/shared/img/common/icon_pdf_bl.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #fff;
    top: 2px;
    margin-left: 8px;
}
@media screen and (max-width: 768px) {
    .c-card-3__lead-pdf {
        width: 4.8vw;
        padding-top: 6.4vw;
        top: 0.5333333333vw;
        margin-left: 2.1333333333vw;
    }
}
.c-card-3__btn {
    margin-top: 62px;
}
@media screen and (max-width: 768px) {
    .c-card-3__btn {
        width: 95.2380952381%;
        position: relative;
        left: 5.7142857143%;
        margin-top: 11.7333333333vw;
    }
}
.c-card-3__btn .c-btn-2 {
    min-width: auto;
    min-height: auto;
    padding: 22px 0;
    background-color: transparent;
}
@media screen and (min-width: 769px) {
    .c-card-3__btn .c-btn-2:hover {
        background-color: #1A1A1A;
        border: 1px solid transparent;
    }
}
@media screen and (max-width: 768px) {
    .c-card-3__btn .c-btn-2 {
        padding: 4vw 0;
    }
}
.c-card-3__btn .c-btn-2__txt {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #1A1A1A;
}
@media screen and (max-width: 768px) {
    .c-card-3__btn .c-btn-2__txt {
        font-size: 3.7333333333vw;
        line-height: 2;
        position: relative;
        right: 1.3333333333%;
    }
}
@media screen and (min-width: 769px) {
    .c-card-3__btn .c-btn-2:hover .c-btn-2__txt {
        color: #fff;
    }
}
.c-card-3__btn .c-btn-2__icon--blank {
    margin-right: 0;
    width: 20px;
    margin-left: 7px;
}
@media screen and (max-width: 768px) {
    .c-card-3__btn .c-btn-2__icon--blank {
        width: 4.2666666667vw;
        position: relative;
        margin-left: 1.8666666667vw;
        right: 1.3333333333%;
    }
}
.c-card-3__btn .c-btn-2__icon--blank svg {
    width: 100%;
}
@media screen and (min-width: 769px) {
    .c-card-3__btn .c-btn-2:hover .c-btn-2__icon--blank path {
        fill: #fff;
    }
}

/*  c-card-3-wrap
--------------------------------------------- */
.c-card-3-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 5.6074766355%;
}
@media screen and (max-width: 768px) {
    .c-card-3-wrap {
        display: block;
    }
}
.c-card-3-wrap--owners {
    padding: 0 1.3636363636%;
}

/* ---------------------------------------------
*   c-card-5
通常ブロック(各種お手続き配下カード)
* 使用ページ:/owners/limited/・/owners/limited_pre/
--------------------------------------------- */
.c-card-5 {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-card-5 {
        display: block;
    }
}
.c-card-5__item {
    width: 32%;
    margin-left: 2%;
    height: 153px;
}
@media screen and (max-width: 768px) {
    .c-card-5__item {
        width: 100%;
        height: 40.2666666667vw;
        margin-top: 8vw;
        margin-left: 0;
    }
}
.c-card-5__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-card-5__item:first-of-type {
        margin-top: 0;
    }
}
.c-card-5__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #AAAA88;
    padding-bottom: 5px;
}
@media screen and (min-width: 769px) {
    .c-card-5__link {
        transition: opacity 300ms;
    }
    .c-card-5__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-card-5__link {
        padding-bottom: 0;
    }
}
.c-card-5__icon {
    display: block;
    width: 34px;
    padding-top: 34px;
    margin-inline: auto;
    background-color: #AAAA88;
}
@media screen and (max-width: 768px) {
    .c-card-5__icon {
        width: 9.0666666667vw;
        padding-top: 9.0666666667vw;
    }
}
.c-card-5__icon--change {
    -webkit-mask: url(/shared/img/common/icon_owner_change.svg) center center no-repeat;
            mask: url(/shared/img/common/icon_owner_change.svg) center center no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
.c-card-5__icon--person {
    -webkit-mask: url(/shared/img/common/icon_person.svg) center center no-repeat;
            mask: url(/shared/img/common/icon_person.svg) center center no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
.c-card-5__icon--repair {
    -webkit-mask: url(/shared/img/common/icon_repair.svg) center center no-repeat;
            mask: url(/shared/img/common/icon_repair.svg) center center no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
.c-card-5__txt {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 18px;
    padding-right: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 19px;
}
@media screen and (max-width: 768px) {
    .c-card-5__txt {
        font-size: 4.2666666667vw;
        padding-right: 5.3333333333vw;
        margin-top: 5.3333333333vw;
    }
}
.c-card-5__txt::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 0;
    border-top: solid 1px #1A1A1A;
    border-right: solid 1px #1A1A1A;
    transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
    .c-card-5__txt::after {
        width: 1.6vw;
        height: 1.6vw;
    }
}
.c-card-5__txt--blank {
    padding-right: 24px;
    padding-left: 5px;
}
@media screen and (max-width: 768px) {
    .c-card-5__txt--blank {
        padding-right: 8vw;
        padding-left: 1.3333333333vw;
    }
}
.c-card-5__txt--blank::after {
    width: 18px;
    height: 18px;
    border: none;
    transform: translate(0, -50%);
    -webkit-mask: url(/shared/img/common/icon_target_black.svg) center center no-repeat;
            mask: url(/shared/img/common/icon_target_black.svg) center center no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #1A1A1A;
}
@media screen and (max-width: 768px) {
    .c-card-5__txt--blank::after {
        width: 5.3333333333vw;
        height: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-card-7
BAUSオーナー様ご優待サービス配下画像リンク
* 使用ページ:/owners/limited_pre/・/owners/limited/
--------------------------------------------- */
.c-card-7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .c-card-7 {
        display: block;
    }
}
.c-card-7__item {
    width: 31.0909090909%;
}
@media screen and (max-width: 768px) {
    .c-card-7__item {
        width: 100%;
        margin-top: 16vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-7__item:first-of-type {
        margin-top: 0;
    }
}
.c-card-7__inner {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}
.c-card-7__inner .c-label-2.c-label-2--bg-blue {
    position: absolute;
    top: 3.8%;
    left: 3.8%;
    margin-left: 0;
}
@media screen and (min-width: 769px) {
    .c-card-7__inner {
        transition: opacity 300ms;
    }
    .c-card-7__inner:hover {
        opacity: 0.8;
    }
}
.c-card-7__txt {
    font-size: 18px;
    line-height: 1.7777777778;
    letter-spacing: 0.055em;
    margin-top: 19px;
    margin-bottom: 60px;
}
@media screen and (max-width: 1140px) {
    .c-card-7__txt br {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .c-card-7__txt {
        font-size: 4.2666666667vw;
        margin-top: 2.6666666667vw;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-card-7__txt .sp-display {
        display: block;
    }
}

/* ---------------------------------------------
*   c-card-9
* アイデアギャラリー画像リンク（モーダル）
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-card-9-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    max-width: 938px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-card-9-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5333333333vw 0.8%;
    }
}

.c-card-9 {
    position: relative;
    display: block;
    cursor: pointer;
}
.c-card-9__img {
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}
.c-card-9__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.24, 0.12, 0, 1);
}
@media screen and (min-width: 769px) {
    .c-card-9:hover .c-card-9__img img {
        transform: scale(1.08);
    }
}
.c-card-9__img-txt {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    letter-spacing: 0.18em;
    transition: background-color 0.45s, opacity 0.45s;
    opacity: 0;
}
@media screen and (min-width: 769px) {
    .c-card-9:hover .c-card-9__img-txt {
        background-color: rgba(26, 26, 26, 0.5);
        opacity: 1;
    }
}

/* ---------------------------------------------
*   c-cassette-2
[ロフト＆ロークロゼット断面概念図]画像ブロック
* 使用ページ:/Bauslabo/coreclo_1/
--------------------------------------------- */
.c-cassette-2 {
    display: flex;
    gap: 0 5.7142857143%;
}
@media screen and (max-width: 768px) {
    .c-cassette-2 {
        display: block;
    }
}
.c-cassette-2__img-outer {
    width: 64.5714285714%;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__img-outer {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }
}
.c-cassette-2__img {
    width: 100%;
}
.c-cassette-2__img img {
    width: 100%;
    height: auto;
}
.c-cassette-2__txt-wrap {
    width: 29.7142857143%;
    margin-top: 2px;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__txt-wrap {
        width: 100%;
        margin-top: 6.1333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-cassette-2__head .c-txt-8 {
        font-size: 1.8181818182vw;
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-cassette-2__head .ls {
        letter-spacing: -5em;
    }
}
.c-cassette-2__txt {
    padding-top: 6.7307692308%;
    margin-top: 10.0961538462%;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__txt {
        padding-top: 6.6666666667vw;
        margin-top: 6.1333333333vw;
    }
}
.c-cassette-2__txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72.1153846154%;
    height: 1px;
    background-color: #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-cassette-2__txt::before {
        width: 37.3333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-cassette-2__txt .c-txt-4 {
        font-size: 1.4545454545vw;
    }
}

/* ---------------------------------------------
*   c-cassette-4
ライフスタイルに合わせて自在に変化。見出し画像とテキストブロック
* 使用ページ:/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-cassette-4 {
    display: flex;
    gap: 0 5.7142857143%;
}
@media screen and (max-width: 768px) {
    .c-cassette-4 {
        display: block;
    }
}
.c-cassette-4__img-outer {
    width: 64.5714285714%;
    display: flex;
    gap: 0 1.1061946903%;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__img-outer {
        width: 100%;
        gap: 0 1.0666666667vw;
        padding: 0 4vw;
    }
}
.c-cassette-4__img {
    width: 49.4469026549%;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__img {
        width: 45.6vw;
    }
}
.c-cassette-4__img img {
    width: 100%;
    height: auto;
}
.c-cassette-4__txt-wrap {
    width: 29.7142857143%;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__txt-wrap {
        width: 100%;
        padding: 0 5.3333333333vw;
        margin-top: 6.1333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-cassette-4__head .c-txt-8 {
        font-size: 1.8181818182vw;
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) and (max-width: 1290px) {
    .c-cassette-4--02 .c-cassette-4__head .c-txt-8 {
        font-size: 1.5503875969vw;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-4--02 .c-cassette-4__head .c-txt-8 {
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-cassette-4__head .ls {
        letter-spacing: -5em;
    }
}
.c-cassette-4__txt {
    padding-top: 6.7307692308%;
    margin-top: 10.0961538462%;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__txt {
        padding-top: 6.6666666667vw;
        margin-top: 6.1333333333vw;
    }
}
.c-cassette-4__txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72.1153846154%;
    height: 1px;
    background-color: #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__txt::before {
        width: 37.3333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-cassette-4__txt .c-txt-4 {
        font-size: 1.4545454545vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-4--02 .c-cassette-4__txt {
        padding-top: 5.8666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1290px) {
    .c-cassette-4--02 .c-cassette-4__txt .c-txt-4 {
        font-size: 1.2403100775vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-4--02 .c-cassette-4__txt .c-txt-4 {
        font-size: 4.2666666667vw;
    }
}
.c-cassette-4__note {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-cassette-4__note {
        margin-top: 1.0666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 970px) {
    .c-cassette-4__note .c-txt-18 {
        font-size: 1.2371134021vw;
    }
}
.safari .c-cassette-4__note .position {
    position: relative;
}
@media screen and (min-width: 769px) {
    .safari .c-cassette-4__note .position {
        top: -1px;
        left: -1px;
    }
}
@media screen and (max-width: 768px) {
    .safari .c-cassette-4__note .position {
        top: -0.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-6
通常ブロック(提供サービス)
* 使用ページ:/service/sumaiSupport/
--------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 860px) {
    .c-cassette-6__head-ttl .c-ttl-8 {
        font-size: 3.488372093vw;
    }
}
.c-cassette-6__head-txt {
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-cassette-6__head-txt {
        margin-top: 6.1333333333vw;
    }
}
.c-cassette-6__body {
    margin-top: 55px;
}
@media screen and (max-width: 768px) {
    .c-cassette-6__body {
        margin-top: 9.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-cassette-8
通常ブロック(駆けつけサービス配下ブロック)
* 使用ページ:/service/sumaiSupport/
--------------------------------------------- */
.c-cassette-8 {
    margin-top: 94px;
}
@media screen and (max-width: 768px) {
    .c-cassette-8 {
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-8:first-of-type {
    margin-top: 0;
}
.c-cassette-8__head {
    position: relative;
    padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__head {
        padding-bottom: 5.6vw;
    }
}
.c-cassette-8__head::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #2CB1A5;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__head::before {
        width: 37.3333333333vw;
        height: 0.2666666667vw;
    }
}
.c-cassette-8__body {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__body {
        margin-top: 8vw;
    }
}
.c-cassette-8__note {
    display: flex;
    gap: 0 2px;
    margin-top: 34px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__note {
        gap: 0 0.5333333333vw;
        margin-top: 4vw;
        font-size: 2.9333333333vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-cassette-8__note + .c-cassette-8__note {
    margin-top: 0;
}
.c-cassette-8__note-asterisk {
    padding-right: 1px;
}
@media screen and (max-width: 768px) {
    .c-cassette-8__note-asterisk {
        padding-right: 0.2666666667vw;
    }
}
.safari .c-cassette-8__note-asterisk {
    margin-top: -1px;
}
@media screen and (max-width: 768px) {
    .safari .c-cassette-8__note-asterisk {
        margin-top: -0.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-10
通常ブロック(背景付き事例等ブロック)
* 使用ページ:/service/equipmentGuarantee/
--------------------------------------------- */
.c-cassette-10 {
    margin-top: 135px;
}
@media screen and (max-width: 768px) {
    .c-cassette-10 {
        margin-top: 20.5333333333vw;
    }
}
.c-cassette-10:first-of-type {
    margin-top: 0;
}
.c-cassette-10--colored-left, .c-cassette-10--colored-right {
    --pt: 75px;
    --pb: 120px;
    padding-top: var(--pt);
    padding-bottom: var(--pb);
    margin-top: 153px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-cassette-10--colored-left, .c-cassette-10--colored-right {
        --pt: calc(43 / 375 * 100vw);
        --pb: calc(80 / 375 * 100vw);
        margin-top: 21.0666666667vw;
        overflow: visible;
    }
}
.c-cassette-10__inner {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__inner {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-cassette-10__inner--s {
    max-width: 1040px;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__inner--s {
        max-width: none;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10__inner--spwide {
        padding: 0;
    }
}
.c-cassette-10__inner::before {
    position: absolute;
    top: calc(-1 * var(--pt));
    content: "";
    width: 100vw;
    height: calc(100% + var(--pt) + var(--pb));
    background-color: #F3F5F5;
    pointer-events: none;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__inner::before {
        width: 84%;
    }
}
.c-cassette-10--colored-left .c-cassette-10__inner::before {
    right: 120px;
}
@media screen and (max-width: 1240px) {
    .c-cassette-10--colored-left .c-cassette-10__inner::before {
        right: 9.6774193548vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10--colored-left .c-cassette-10__inner::before {
        right: auto;
        left: 0;
    }
}
.c-cassette-10--colored-right .c-cassette-10__inner::before {
    left: 120px;
}
@media screen and (max-width: 1240px) {
    .c-cassette-10--colored-right .c-cassette-10__inner::before {
        left: 9.6774193548vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10--colored-right .c-cassette-10__inner::before {
        left: auto;
        right: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10__inner-top {
        padding: 0 5.3333333333vw;
    }
}
.c-cassette-10__head {
    position: relative;
    padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__head {
        padding-bottom: 3.7333333333vw;
    }
}
.c-cassette-10__head::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #2CB1A5;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__head::before {
        width: 37.3333333333vw;
        height: 0.2666666667vw;
    }
}
.c-cassette-10__body {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__body {
        margin-top: 8vw;
    }
}
.c-cassette-10__body--02 {
    margin-top: 32px;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__body--02 {
        margin-top: 6.4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10__table {
        overflow-x: scroll;
        padding: 0 5.3333333333vw 6.1333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-10__table-inner {
        width: -moz-max-content;
        width: max-content;
    }
    .firefox .c-cassette-10__table-inner {
        padding-right: 5.3333333333vw;
    }
    .safari .c-cassette-10__table-inner {
        padding-right: 5.3333333333vw;
    }
    .edge .c-cassette-10__table-inner {
        padding-right: 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 860px) {
    .c-cassette-10__lead .c-txt-4 {
        font-size: 1.8604651163vw;
    }
}
.c-cassette-10__note {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__note {
        margin-top: 4vw;
    }
}
.c-cassette-10__caption {
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-cassette-10__caption {
        margin-top: 2.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-cassette-12
通常ブロック(下線付き見出し有りブロック)
* 使用ページ:/terms/link.html・/terms/attribute.html
--------------------------------------------- */
.c-cassette-12 {
    margin-top: 92px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12 {
        margin-top: 19.7333333333vw;
    }
}
.c-cassette-12:first-of-type {
    margin-top: 0;
}
.c-cassette-12__head {
    padding-bottom: 37px;
    border-bottom: 1px solid #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__head {
        padding-bottom: 7.2vw;
        border-width: 0.2666666667vw;
    }
}
.c-cassette-12__head .c-ttl-28 {
    display: flex;
    gap: 0 16px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__head .c-ttl-28 {
        gap: 0 2.6666666667vw;
    }
}
.c-cassette-12__body {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__body {
        margin-top: 6.4vw;
    }
}
.c-cassette-12__body--02 {
    margin-top: 42px;
    padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__body--02 {
        margin-top: 8vw;
        padding-bottom: 2.1333333333vw;
    }
}
.c-cassette-12__txt .c-txt-4__link {
    text-decoration: underline;
}
@media screen and (min-width: 769px) {
    .c-cassette-12__txt .c-txt-4__link {
        transition: opacity 0.3s;
    }
    .c-cassette-12__txt .c-txt-4__link:hover {
        opacity: 0.45;
    }
    .ipad .c-cassette-12__txt .c-txt-4__link:hover {
        opacity: 1 !important;
    }
}
@media screen and (max-width: 768px) {
    .windows .link .c-cassette-12__txt .c-txt-4 {
        letter-spacing: 0.04em;
    }
}

@media screen and (min-width: 769px) {
    .c-cassette-12__txt--pc-ls .c-txt-4 {
        letter-spacing: 0.03em;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-12__txt--pc-lspb .c-txt-4 {
        letter-spacing: 0.03em;
        padding-bottom: 32px;
    }
}
.c-cassette-12__note {
    margin-top: 21px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__note {
        margin-top: 2.6666666667vw;
    }
}
.c-cassette-12__btn {
    width: 360px;
    margin-top: 42px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__btn {
        width: 80vw;
        margin: 8.2666666667vw auto 0;
    }
}
.c-cassette-12__btn .c-btn-2 {
    width: 100%;
    min-height: 60px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__btn .c-btn-2 {
        min-height: 16vw;
    }
}
.c-cassette-12__btn .c-btn-2__txt {
    color: #1A1A1A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__btn .c-btn-2__txt {
        font-size: 3.7333333333vw;
    }
}
.c-cassette-12__btn .c-btn-2__icon--blank {
    width: 20px;
    margin-right: 0;
    margin-left: 7px;
}
@media screen and (max-width: 768px) {
    .c-cassette-12__btn .c-btn-2__icon--blank {
        width: 4.2666666667vw;
        margin-left: 1.8666666667vw;
    }
}
.c-cassette-12__btn .c-btn-2__icon--blank svg {
    width: 100%;
}
@media screen and (min-width: 769px) {
    .c-cassette-12__btn .c-btn-2:hover .c-btn-2__icon--blank path {
        fill: #fff;
    }
    .ipad .c-cassette-12__btn .c-btn-2:hover {
        border: 1px solid #6E6F6F !important;
        background-color: #fff !important;
    }
    .ipad .c-cassette-12__btn .c-btn-2:hover .c-btn-2__icon--blank path {
        fill: rgb(110, 111, 111) !important;
    }
    .ipad .c-cassette-12__btn .c-btn-2:hover .c-btn-2__txt {
        color: #1A1A1A !important;
    }
}
.c-cassette-12__btn--jp .c-btn-2__txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ", "Arial", sans-serif;
}

/* ---------------------------------------------
*   c-cassette-14
通常ブロック(Vol.要素部分背景付きブロック)
* 使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-cassette-14 {
    margin-top: 135px;
}
@media screen and (max-width: 768px) {
    .c-cassette-14 {
        margin-top: 20.5333333333vw;
    }
}
.c-cassette-14:first-of-type {
    margin-top: 0;
}
.c-cassette-14--colored-left, .c-cassette-14--colored-right {
    --pt: 70px;
    --pb: 70px;
    padding-top: var(--pt);
    padding-bottom: var(--pb);
    margin-top: 80px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-cassette-14--colored-left, .c-cassette-14--colored-right {
        --pt: calc(38 / 375 * 100vw);
        --pb: calc(32 / 375 * 100vw);
        margin-top: 13.3333333333vw;
        overflow: visible;
    }
}
.c-cassette-14__inner {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__inner {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-cassette-14__inner::before {
    position: absolute;
    top: calc(-1 * var(--pt));
    content: "";
    width: 100vw;
    height: calc(100% + var(--pt) + var(--pb));
    background-color: #F3F5F5;
    pointer-events: none;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-cassette-14__inner::before {
        width: 88%;
    }
}
.c-cassette-14--colored-left .c-cassette-14__inner::before {
    right: 185px;
}
@media screen and (max-width: 1040px) {
    .c-cassette-14--colored-left .c-cassette-14__inner::before {
        right: 17.7884615385vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-14--colored-left .c-cassette-14__inner::before {
        right: auto;
        left: 0;
    }
}
.c-cassette-14--colored-right .c-cassette-14__inner::before {
    left: 180px;
}
@media screen and (max-width: 1040px) {
    .c-cassette-14--colored-right .c-cassette-14__inner::before {
        left: 17.3076923077vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-14--colored-right .c-cassette-14__inner::before {
        left: auto;
        right: 0;
    }
}

/* ---------------------------------------------
*   c-cassette-16
通常ブロック(POINTブロック)
* 使用ページ:/Bauslabo/exterior_design/
--------------------------------------------- */
.c-cassette-16 {
    overflow: hidden;
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-cassette-16 {
        margin-top: 8.8vw;
    }
}
.c-cassette-16:first-of-type {
    margin-top: 0;
}
.c-cassette-16__area-wrap {
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__area-wrap {
        display: block;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-16:nth-of-type(n+2) .c-cassette-16__area-wrap {
        gap: 0 4.2857142857%;
        max-width: 1440px;
        padding: 0 20px;
    }
}
.c-section-46:nth-of-type(1) .c-cassette-16:nth-of-type(2n+1) .c-cassette-16__area-wrap,
.c-section-46:nth-of-type(3) .c-cassette-16:nth-of-type(2n+1) .c-cassette-16__area-wrap {
    flex-direction: row;
}
.c-section-46:nth-of-type(1) .c-cassette-16:nth-of-type(2n) .c-cassette-16__area-wrap,
.c-section-46:nth-of-type(3) .c-cassette-16:nth-of-type(2n) .c-cassette-16__area-wrap {
    flex-direction: row-reverse;
}
.c-section-46:nth-of-type(1) .c-cassette-16__area--bg::before,
.c-section-46:nth-of-type(3) .c-cassette-16__area--bg::before {
    right: -60px;
}
@media screen and (max-width: 1600px) {
    .c-section-46:nth-of-type(1) .c-cassette-16__area--bg::before,
    .c-section-46:nth-of-type(3) .c-cassette-16__area--bg::before {
        right: -3.75vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(1) .c-cassette-16__area--bg::before,
    .c-section-46:nth-of-type(3) .c-cassette-16__area--bg::before {
        right: 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-46:nth-of-type(1) .c-cassette-16__head,
    .c-section-46:nth-of-type(3) .c-cassette-16__head {
        max-width: 700px;
        margin-left: 12.5%;
    }
}
.c-section-46:nth-of-type(1) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap,
.c-section-46:nth-of-type(3) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
    margin-right: auto;
    margin-left: 130px;
    padding-right: 20px;
}
@media screen and (max-width: 1600px) {
    .c-section-46:nth-of-type(1) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap,
    .c-section-46:nth-of-type(3) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
        margin-left: 16.25%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(1) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap,
    .c-section-46:nth-of-type(3) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
        margin-inline: 0;
        padding-inline: 0;
    }
}

.c-section-46:nth-of-type(1) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
    margin-top: 30px;
}
@media screen and (max-width: 1420px) {
    .c-section-46:nth-of-type(1) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
        margin-top: 2.1126760563vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(1) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
        margin-top: 8.8vw;
    }
}

.c-section-46:nth-of-type(3) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(3) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
        margin-top: 8.8vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-46:nth-of-type(3) .c-cassette-16__txt {
        margin-top: 24px;
    }
    .c-section-46:nth-of-type(3) .c-cassette-16__txt:first-of-type {
        margin-top: 0;
    }
}

.c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2n+1) .c-cassette-16__area-wrap {
    flex-direction: row-reverse;
}
.c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2n) .c-cassette-16__area-wrap {
    flex-direction: row;
}
.c-section-46:nth-of-type(2) .c-cassette-16__area--bg::before {
    left: -60px;
}
@media screen and (max-width: 1600px) {
    .c-section-46:nth-of-type(2) .c-cassette-16__area--bg::before {
        left: -3.75vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(2) .c-cassette-16__area--bg::before {
        left: 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-46:nth-of-type(2) .c-cassette-16__head {
        max-width: 730px;
        margin-inline: 5.5% auto;
        padding-inline: 0 20px;
    }
}
.c-section-46:nth-of-type(2) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
    margin-top: 26%;
    margin-right: 16.25%;
    margin-left: 12.5%;
    padding-left: 0;
}
@media screen and (min-width: 769px) {
    .c-section-46:nth-of-type(2) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
        max-width: 610px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(2) .c-cassette-16:first-of-type .c-cassette-16__txt-wrap {
        margin-top: 8.8vw;
        margin-inline: 0;
        padding-inline: 0;
    }
}
.c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt-wrap {
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
}
@media screen and (min-width: 1421px) {
    .c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt-wrap {
        margin-top: -9px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1420px) {
    .c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt-wrap {
        margin-top: -0.6338028169vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt-wrap {
        margin-top: 5.8666666667vw;
    }
}
.c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt {
    margin-top: 45px;
    font-size: 18px;
    line-height: 2.5;
    letter-spacing: normal;
}
@media screen and (min-width: 769px) and (max-width: 1420px) {
    .c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt {
        margin-top: 3.1690140845vw;
        font-size: 1.2676056338vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt {
        margin-top: 8.5333333333vw;
        font-size: 4.2666666667vw;
        line-height: 2;
        letter-spacing: 0.025em;
    }
}
.c-section-46:nth-of-type(2) .c-cassette-16:nth-of-type(2) .c-cassette-16__txt:first-of-type {
    margin-top: 0;
}

.c-cassette-16__area {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__area {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-16:nth-of-type(n+2) .c-cassette-16__area:first-of-type {
        padding-inline: 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-16__area:nth-of-type(n+2) {
        padding-inline: 5.3333333333vw;
    }
}
.c-cassette-16__area--bg {
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 90px;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__area--bg {
        padding-top: 13.3333333333vw;
    }
}
.c-cassette-16__area--bg::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100vw;
    height: calc(100% - 50px);
    background-color: #F3F5F5;
    pointer-events: none;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__area--bg::before {
        height: 100%;
    }
}
.c-cassette-16__head {
    margin-bottom: 9.5%;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__head {
        margin-bottom: 6.9333333333vw;
        text-align: center;
    }
}
.c-cassette-16__lead {
    position: relative;
    padding-left: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.2142857143;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__lead {
        display: inline-block;
        padding-left: 6.4vw;
        font-size: 4.8vw;
        line-height: 1.2222222222;
    }
}
.c-cassette-16__lead::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #2CB1A5;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__lead::before {
        width: 3.7333333333vw;
        height: 3.7333333333vw;
    }
}
.c-cassette-16__ttl {
    margin-top: 18px;
    font-weight: 400;
    font-size: 36px;
    line-height: 2;
    letter-spacing: 0.15em;
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
    .c-cassette-16__ttl {
        font-size: 2.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-16__ttl {
        margin-top: 4.2666666667vw;
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
        letter-spacing: 0.04em;
    }
}
@media screen and (min-width: 769px) {
    .windows .c-cassette-16__ttl {
        letter-spacing: 0.1em;
    }
}

.c-cassette-16__txt-wrap {
    max-width: 590px;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__txt-wrap {
        max-width: none;
    }
}
.c-cassette-16__txt {
    margin-top: 30px;
    font-weight: 400;
    font-size: 24px;
    line-height: 2.5;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
    .c-cassette-16__txt {
        min-width: 300px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
    .c-cassette-16__txt {
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-16__txt {
        margin-top: 8.5333333333vw;
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
    }
}
.c-cassette-16__txt:first-of-type {
    margin-top: 0;
}
@media screen and (min-width: 769px) {
    .c-cassette-16__txt.nowrap {
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-16__txt--super {
        font-size: 10px !important;
        vertical-align: super !important;
    }
}
.c-cassette-16__note {
    margin-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.025em;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-16__note {
        font-size: 1.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-16__note {
        margin-top: 2.1333333333vw;
        font-size: 2.6666666667vw;
    }
}
.c-cassette-16__img {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 800/496;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__img {
        aspect-ratio: 375/230;
    }
}
.c-cassette-16:nth-of-type(n+2) .c-cassette-16__img {
    aspect-ratio: 670/447;
}
@media screen and (max-width: 768px) {
    .c-cassette-16:nth-of-type(n+2) .c-cassette-16__img {
        aspect-ratio: 335/223;
    }
}
.c-cassette-16__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-cassette-16__img figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-cassette-16__img figcaption {
        right: 1.3333333333vw;
        bottom: 1.3333333333vw;
        font-size: 2.6666666667vw;
    }
}
.c-cassette-16__img--bl figcaption {
    color: #1A1A1A;
}

/* ---------------------------------------------
*   c-cassette-20
* モーダル内ブロック
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-cassette-20 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-cassette-20 {
        display: block;
    }
}
.c-cassette-20__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
    width: 512px;
    min-height: 628px;
    margin-left: 60px;
    color: #fff;
    text-align: left;
}
@media screen and (max-width: 1240px) {
    .c-cassette-20__content {
        width: 41.2903225806vw;
        min-height: 50.6451612903vw;
        margin-left: 10px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20__content {
        flex-direction: column-reverse;
        width: 100%;
        max-width: none;
        min-height: auto;
        margin-top: 9.0666666667vw;
        margin-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20__txt-wrap {
        margin-top: 8vw;
    }
}
.c-cassette-20__ttl {
    margin-top: -6px;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-cassette-20__ttl {
        margin-top: 0;
        font-size: 6.4vw;
        letter-spacing: 0.04em;
    }
}
.c-cassette-20__txt {
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-cassette-20__txt {
        margin-top: 3.2vw;
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}
.c-cassette-20__list {
    margin-top: 28px;
}
@media screen and (max-width: 1240px) {
    .c-cassette-20__list {
        margin-top: 2.2580645161vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20__list {
        margin-top: 7.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20 .c-slider-2--main {
        position: static;
        width: 100%;
        margin: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-20 .c-slider-2--sub {
        margin-top: 56px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1240px) {
    .c-cassette-20 .c-slider-2--sub {
        margin-top: 4.5161290323vw;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-20 .c-slider-2--sub:has(.swiper-sub.slide-length-1) {
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20 .c-slider-2 .swiper-main {
        height: auto;
        aspect-ratio: 1/1;
    }
}
.c-cassette-20 .c-slider-2 .swiper-sub {
    width: 792px;
    height: 248px;
    margin-left: -272px;
}
@media screen and (max-width: 1240px) {
    .c-cassette-20 .c-slider-2 .swiper-sub {
        width: 63.8709677419vw;
        height: 20vw;
        margin-left: -21.935483871vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20 .c-slider-2 .swiper-sub {
        width: 140.8vw;
        height: 42.6666666667vw;
        margin-left: -49.0666666667vw;
    }
    .windows .c-cassette-20 .c-slider-2 .swiper-sub {
        margin-left: -49.0666666667vw;
    }
    .windows:not(.no-scrollbar) .c-cassette-20 .c-slider-2 .swiper-sub {
        margin-left: calc(-49.0666666667vw - 8px);
    }
}
.c-cassette-20 .c-slider-2 .swiper-sub.slide-length-2 {
    width: 528px;
}
@media screen and (max-width: 1240px) {
    .c-cassette-20 .c-slider-2 .swiper-sub.slide-length-2 {
        width: 42.5806451613vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20 .c-slider-2 .swiper-sub.slide-length-2 {
        width: 93.8666666667vw;
    }
}
.c-cassette-20 .c-slider-2 .swiper-sub.slide-length-1 {
    display: none;
}
.c-cassette-20 .c-slider-2 .swiper-sub::before, .c-cassette-20 .c-slider-2 .swiper-sub::after {
    content: normal;
}
.c-cassette-20 .c-slider-2__slide-sub {
    width: 264px;
    aspect-ratio: 264/248;
}
@media screen and (max-width: 1240px) {
    .c-cassette-20 .c-slider-2__slide-sub {
        width: 21.2903225806vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-20 .c-slider-2__slide-sub {
        width: 46.9333333333vw;
        aspect-ratio: 176/160;
    }
}
.c-cassette-20 .c-slider-2__slide-sub img {
    display: block;
    max-width: 93.9393939394%;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-20 .c-slider-2__slide-sub img {
        max-width: 90.9090909091%;
    }
}

/* ---------------------------------------------
*   c-cassette-1
見出し「お客様に寄り添う、中央日本土地建物グループの住まいづくり」配下のブロック
* 使用ページ:/aboutBaus/quality/
--------------------------------------------- */
.c-cassette-1__box {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-cassette-1__box {
        display: block;
        margin-top: 7.4666666667vw;
    }
}
.c-cassette-1__sentence {
    max-width: 436px;
    flex-basis: 38.2456140351%;
}
@media screen and (max-width: 768px) {
    .c-cassette-1__sentence {
        max-width: none;
    }
}
.c-cassette-1__txt:nth-of-type(n+2) {
    margin-top: 32px;
}
@media screen and (max-width: 768px) {
    .c-cassette-1__txt:nth-of-type(n+2) {
        margin-top: 6.6666666667vw;
    }
}
.c-cassette-1__img {
    max-width: 704px;
    flex-basis: 61.7543859649%;
    padding-top: 9px;
}
@media screen and (max-width: 768px) {
    .c-cassette-1__img {
        max-width: none;
        padding-top: 0;
        margin-top: 8.8vw;
    }
}
.c-cassette-1__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-cassette-3
POINT配下画像ブロック
* 使用ページ:/Bauslabo/windowPlan/
--------------------------------------------- */
.c-cassette-3 {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-cassette-3 {
        display: block;
        max-width: none;
        padding: 0 5.3333333333vw;
        margin-top: 6.9333333333vw;
    }
}
.c-cassette-3__img {
    max-width: 600px;
}
@media screen and (max-width: 768px) {
    .c-cassette-3__img {
        max-width: none;
    }
}
.c-cassette-3__img img {
    width: 100%;
}
.c-cassette-3__sentence {
    max-width: 320px;
    padding-top: 98px;
}
@media screen and (max-width: 768px) {
    .c-cassette-3__sentence {
        max-width: none;
        padding-top: 0;
        margin-top: 6.1333333333vw;
    }
}
.c-cassette-3__sentence-lead .c-txt-5 {
    line-height: 1.8;
    position: relative;
    padding-bottom: 43px;
    max-width: 210px;
}
@media screen and (max-width: 768px) {
    .c-cassette-3__sentence-lead .c-txt-5 {
        line-height: 1.7777777778;
        padding-bottom: 9.0666666667vw;
        max-width: none;
    }
}
.c-cassette-3__sentence-lead .c-txt-5::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 1px;
    background-color: #D1D1D0;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-cassette-3__sentence-lead .c-txt-5::before {
        width: 37.3333333333vw;
    }
}
.c-cassette-3__sentence-txt {
    margin-top: 28px;
}
@media screen and (max-width: 768px) {
    .c-cassette-3__sentence-txt {
        margin-top: 6.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-cassette-5
通常ブロック(Log in用ブロック)
* 使用ページ:/service/sumaiSupport/・/service/
--------------------------------------------- */
.c-cassette-5 {
    display: flex;
    align-items: center;
    gap: 0 20px;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-cassette-5 {
        display: block;
    }
}
.c-cassette-5__sentence {
    max-width: 340px;
    min-width: 240px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__sentence {
        max-width: none;
        min-width: auto;
    }
}
.c-cassette-5__sentence-ttl {
    font-size: 28px;
    line-height: 1.6071428571;
    letter-spacing: 0.02em;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__sentence-ttl {
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.c-cassette-5__sentence-txt {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__sentence-txt {
        margin-top: 3.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-5__sentence-txt .c-txt-3 {
        line-height: 2;
    }
}
.c-cassette-5__content-wrap {
    max-width: 760px;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-wrap {
        max-width: none;
    }
}
.c-cassette-5__content {
    max-width: 662px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content {
        max-width: none;
        margin-top: 14.4vw;
    }
}
.c-cassette-5__content-txt {
    font-size: 15px;
    line-height: 2.5333333333;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-txt {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-cassette-5__content-form {
    margin-top: 28px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-form {
        margin-top: 12.2666666667vw;
    }
}
.c-cassette-5__content-form .login_form {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-form .login_form {
        display: block;
    }
}
.c-cassette-5__content-form .login_form__input {
    background-color: #F3F5F5;
    width: 280px;
    padding: 16px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-form .login_form__input {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-form .login_form__input {
        padding: 4.2666666667vw;
        font-size: 3.7333333333vw;
    }
}
.c-cassette-5__content-form .login_form__input::-moz-placeholder {
    opacity: 1;
    color: #929393;
}
.c-cassette-5__content-form .login_form__input::placeholder {
    opacity: 1;
    color: #929393;
}
.c-cassette-5__content-form .login_btn {
    background-color: #000;
    width: 120px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (min-width: 769px) {
    .c-cassette-5__content-form .login_btn {
        transition: opacity 300ms;
    }
    .c-cassette-5__content-form .login_btn:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-form .login_btn {
        width: 100%;
        margin-left: 0;
        margin-top: 8vw;
    }
}
.c-cassette-5__content-form .login_btn__input {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-form .login_btn__input {
        font-size: 3.7333333333vw;
        padding: 2.9333333333vw 0;
    }
}
.c-cassette-5__content-form #error {
    font-size: 15px;
    width: 100%;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-cassette-5__content-form #error {
        font-size: 3.4666666667vw;
        margin-top: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-7
通常ブロック(sp右側要素ブロック)
* 使用ページ:/service/
--------------------------------------------- */
.c-cassette-7 {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7 {
        display: block;
    }
}
.c-cassette-7__sentence {
    max-width: 570px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__sentence {
        max-width: none;
    }
}
.c-cassette-7__ttl {
    max-width: 546px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__ttl {
        max-width: none;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-7__ttl .c-ttl-7--s {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
.c-cassette-7__txt {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__txt {
        margin-top: 7.4666666667vw;
    }
}
.c-cassette-7__anno .c-txt-7 {
    color: #1A1A1A;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__anno .c-txt-7 {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
    }
}
.c-cassette-7__img {
    max-width: 388px;
    min-width: 300px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__img {
        max-width: none;
        min-width: auto;
        width: 64vw;
        margin: 0 auto;
        margin-top: 11.4666666667vw;
    }
}
.c-cassette-7__content-wrap {
    margin-top: 76px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__content-wrap {
        margin-top: 10.1333333333vw;
    }
}
.c-cassette-7__content:nth-of-type(n+2) {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__content:nth-of-type(n+2) {
        margin-top: 6.6666666667vw;
    }
}
.c-cassette-7__content-ttl {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__content-ttl {
        font-size: 4.2666666667vw;
        line-height: 1.8125;
    }
}
.c-cassette-7__content-txt {
    margin-top: 11px;
}
@media screen and (max-width: 768px) {
    .c-cassette-7__content-txt {
        margin-top: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-cassette-9
　年表ブロック
* 使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-cassette-9 {
    position: relative;
}
.c-cassette-9--mgt100 {
    margin-top: 100px;
}
.c-cassette-9--1954 {
    padding-top: 84px;
    margin-top: -84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1954 {
        padding-top: 0;
        margin-top: 0;
    }
}
@media screen and (min-width: 769px) {
    .windows .c-cassette-9--1954 {
        padding-top: 83px;
        margin-top: -83px;
    }
}
.c-cassette-9--1961 {
    padding-top: 151px;
    margin-top: -84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1961 {
        padding-top: 8.8vw;
        margin-top: 0;
    }
}
.c-cassette-9--1961:before {
    position: absolute;
    top: 80px;
    right: 0;
    width: 83.75%;
    height: 1830px;
    background-color: #F3F5F5;
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-cassette-9--1961 .c-txt-1 {
        font-size: 1.7777777778vw;
    }
}
.c-cassette-9--1963 {
    padding-top: 84px;
    margin-top: -103px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1963 {
        margin-top: -13.3333333333vw;
        padding-top: 0;
    }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-cassette-9--1963 .c-txt-1 {
        font-size: 1.7777777778vw;
    }
}
.c-cassette-9--1964 {
    margin-top: 8px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1964 {
        margin-top: 14.4vw;
        padding-top: 0;
    }
}
.c-cassette-9--1965 {
    margin-top: 0;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1965 {
        margin-top: 24.8vw;
        padding-top: 0;
    }
}
.c-cassette-9--1969 {
    margin-top: -294px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1969 {
        margin-top: 30.9333333333vw;
        padding-top: 0;
    }
}
.c-cassette-9--1972 {
    margin-top: -129px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1972 {
        margin-top: 30.6666666667vw;
        padding-top: 0;
    }
}
.c-cassette-9--1974 {
    margin-top: 16px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1974 {
        margin-top: 16vw;
        padding-top: 0;
    }
}
@media screen and (min-width: 769px) and (max-width: 1040px) {
    .c-cassette-9--1965 .c-ttl-11, .c-cassette-9--1969 .c-ttl-11, .c-cassette-9--1972 .c-ttl-11 {
        font-size: 5.5769230769vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1040px) {
    .c-cassette-9--1965 .c-txt-1, .c-cassette-9--1969 .c-txt-1, .c-cassette-9--1972 .c-txt-1 {
        font-size: 1.5384615385vw;
        white-space: nowrap;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9--1979 {
        padding-top: 84px;
        margin-top: -84px;
    }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-cassette-9--1979 .c-txt-1 {
        font-size: 1.7777777778vw;
    }
}
.c-cassette-9--1984 {
    margin-top: -84px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1984 {
        margin-top: 0;
        padding-top: 0;
    }
}
.c-cassette-9--1984:before {
    position: absolute;
    top: -60px;
    left: 0;
    width: 83.75%;
    height: 1277px;
    background-color: #F3F5F5;
}
.c-cassette-9--1988 {
    margin-top: -4px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1988 {
        margin-top: 19.4666666667vw;
        padding-top: 0;
    }
}
.c-cassette-9--1988 .c-ttl-11 {
    padding-left: 0;
}
.c-cassette-9--1994 {
    margin-top: 36px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1994 {
        margin-top: 26.6666666667vw;
        padding-top: 0;
    }
}
.c-cassette-9--1999 {
    margin-top: -32px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1999 {
        margin-top: 25.6vw;
        padding-top: 0;
    }
}
@media screen and (min-width: 769px) and (max-width: 840px) {
    .c-cassette-9--1999 .c-txt-1 {
        font-size: 1.9047619048vw;
    }
}
.c-cassette-9--2002 {
    margin-top: -11px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2002 {
        margin-top: 20.2666666667vw;
        padding-top: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9--2002 .c-ttl-11 {
        padding-left: 0;
        letter-spacing: -0.04em;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2002 .c-ttl-11 {
        padding-left: 0;
        letter-spacing: -0.04em;
    }
}
@media screen and (min-width: 769px) and (max-width: 800px) {
    .c-cassette-9--2002 .c-txt-1 {
        font-size: 2vw;
    }
}
.c-cassette-9--2004 {
    margin-top: 16px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2004 {
        margin-top: 18.6666666667vw;
        padding-top: 0;
    }
}
@media screen and (min-width: 769px) and (max-width: 1040px) {
    .c-cassette-9--2008 .c-ttl-11, .c-cassette-9--2012 .c-ttl-11, .c-cassette-9--2013 .c-ttl-11 {
        font-size: 5.5769230769vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--2008 .c-txt-1, .c-cassette-9--2012 .c-txt-1, .c-cassette-9--2013 .c-txt-1 {
        font-size: 1.6vw;
        white-space: nowrap;
    }
}
.c-cassette-9--2008 {
    margin-top: -1px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2008 {
        margin-top: 15.4666666667vw;
        padding-top: 0;
    }
}
.c-cassette-9--2008 .c-ttl-11 {
    letter-spacing: -0.04em;
    padding-left: 0;
}
@media screen and (min-width: 769px) {
    .c-cassette-9--2008 .c-ttl-11 {
        padding-top: 3px;
    }
}
.c-cassette-9--2012 {
    margin-top: -616px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2012 {
        margin-top: 0;
        padding-top: 0;
    }
}
.c-cassette-9--2012:before {
    position: absolute;
    top: 60px;
    right: 0;
    width: 83.75%;
    height: 2006px;
    background-color: #F3F5F5;
}
.c-cassette-9--2012 .c-ttl-11 {
    padding-left: 0;
}
.c-cassette-9--2013 {
    margin-top: -167px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2013 {
        margin-top: 21.3333333333vw;
        padding-top: 0;
    }
}
.c-cassette-9--2013 .c-ttl-11 {
    padding-left: 0;
}
@media screen and (min-width: 769px) and (max-width: 1040px) {
    .c-cassette-9--2013 .c-txt-1 {
        font-size: 1.5384615385vw;
        white-space: nowrap;
    }
}
.c-cassette-9--2014 {
    margin-top: 16px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2014 {
        margin-top: 16vw;
        padding-top: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9--2015 {
        padding-top: 84px;
        margin-top: -84px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--2015 .c-txt-1 {
        font-size: 1.6vw;
        white-space: nowrap;
    }
}
.c-cassette-9--2015 .c-ttl-11 {
    padding-left: 0;
}
.c-cassette-9--2016 {
    margin-top: -31px;
    padding-top: 144px;
    padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2016 {
        margin-top: 17.6vw;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.c-cassette-9--2016:before {
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
    height: calc(100% - 84px);
    background-color: #F3F5F5;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2016:before {
        top: 0;
        height: 100%;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9--2016 .c-ttl-9 {
        padding-top: 58px;
        padding-bottom: 54px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-cassette-9--2017 .c-txt-1, .c-cassette-9--2018 .c-txt-1, .c-cassette-9--2020 .c-txt-1 {
        font-size: 1.6vw;
        white-space: nowrap;
    }
}
.c-cassette-9--2017 {
    margin-top: -21px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2017 {
        margin-top: 13.3333333333vw;
        padding-top: 0;
    }
}
.c-cassette-9--2017 .c-ttl-11 {
    padding-left: 0;
}
.c-cassette-9--2017 .c-txt-1 {
    margin-left: 15px;
}
@media screen and (min-width: 769px) {
    .c-cassette-9--2017 .c-txt-1 {
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2017 .c-txt-1 {
        margin-left: 2.1333333333vw;
    }
}
.c-cassette-9--2018 {
    margin-top: -490px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2018 {
        margin-top: 21.3333333333vw;
        padding-top: 0;
    }
}
.c-cassette-9--2018 .c-ttl-11 {
    padding-left: 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2018 .c-txt-1 {
        padding-left: 4vw;
        margin-top: 2.1333333333vw;
    }
    .c-cassette-9--2018 .c-txt-1:first-of-type {
        margin-top: 0;
    }
}
.c-cassette-9--2020 {
    margin-top: -25px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2020 {
        margin-top: 20vw;
        padding-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2020 .c-ttl-11 {
        padding-left: 0;
    }
}
@media screen and (min-width: 769px) and (max-width: 940px) {
    .c-cassette-9--2021 .c-txt-1, .c-cassette-9--2022 .c-txt-1 {
        font-size: 1.7021276596vw;
        white-space: nowrap;
    }
}
.c-cassette-9--2021 {
    margin-top: -5px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2021 {
        margin-top: 20vw;
        padding-top: 0;
    }
}
.c-cassette-9--2022 {
    margin-top: -94px;
    padding-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2022 {
        margin-top: 20vw;
        padding-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2022 .c-txt-1 {
        padding-left: 4.8vw;
    }
}
.c-cassette-9--2024 {
    margin-top: -60px;
    padding-top: 160px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2024 {
        margin-top: 25.0666666667vw;
        padding-top: 0;
    }
}
.c-cassette-9__wrapper {
    position: relative;
    flex-grow: 1;
}
@media screen and (min-width: 769px) {
    .c-cassette-9__wrapper {
        padding-bottom: 60px;
    }
}
@media screen and (min-width: 1600px) {
    .c-cassette-9__wrapper {
        overflow: hidden;
    }
}
.c-cassette-9__wrapper-inner {
    position: relative;
    padding: 100px 0;
    background-color: #fff;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__wrapper-inner {
        padding: 26.6666666667vw 0;
    }
}
.c-cassette-9__wrapper-inner--top {
    padding-top: 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__wrapper-inner--top {
        padding-bottom: 24.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__wrapper-inner--middle {
        padding-bottom: 22.1333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__wrapper-inner--bottom {
        padding-top: 15.4666666667vw;
    }
}
.c-cassette-9__wrapper-border {
    position: absolute;
    top: 0;
    left: 50%;
    transform: none;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}
.windows .c-cassette-9__wrapper-border {
    transform: none;
}

.c-cassette-9__inner {
    position: relative;
    z-index: 1;
    max-width: 1120px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__inner {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__inner--02 {
        padding-top: 13.3333333333vw;
        padding-bottom: 17.6vw;
    }
}
.c-cassette-9__note {
    position: relative;
    margin-top: 75px;
    padding: 25px 0;
    text-align: center;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__note {
        font-size: 5.3333333333vw;
        line-height: 1.8;
        margin-top: 9.3333333333vw;
        padding: 4vw 0;
    }
}
.c-cassette-9__note:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: none;
    width: 1px;
    height: 100%;
    background-color: rgba(234, 235, 236, 0.85);
    content: "";
}
.c-cassette-9__note:after {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 50%;
    transform: none;
    width: 1px;
    height: 100%;
    background-color: #fff;
    content: "";
}
.c-cassette-9__note--small {
    font-size: 16px;
    line-height: 2;
    margin-top: 86px;
    padding: 26px 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__note--small {
        font-size: 3.7333333333vw;
        line-height: 1.8;
        letter-spacing: 0.05em;
        text-align: left;
        margin-top: 9.8666666667vw;
        padding: 4.8vw 0;
    }
}
.safari .c-cassette-9__note .bracket {
    position: relative;
    top: -3px;
}
@media screen and (max-width: 768px) {
    .safari .c-cassette-9__note .bracket {
        top: -0.4vw;
    }
}

.androidphone .c-cassette-9__note .bracket {
    position: relative;
    top: -0.2666666667vw;
}

.c-cassette-9__note-small {
    font-size: 22px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__note-small {
        font-size: 4.8vw;
        line-height: 2;
    }
}
.c-cassette-9__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__item {
        gap: 5.3333333333vw;
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-9__item--left {
    justify-content: flex-start;
}
.c-cassette-9--2016 .c-cassette-9__item {
    margin-top: 60px;
    gap: 0 5.5555555556%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2016 .c-cassette-9__item {
        flex-direction: column;
        margin-top: 10.6666666667vw;
        gap: 5.3333333333vw 0;
    }
}
.c-cassette-9--2016 .c-cassette-9__item:first-of-type {
    margin-top: 80px;
}
@media screen and (min-width: 769px) {
    .c-cassette-9--2016 .c-cassette-9__item:first-of-type {
        justify-content: space-between;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2016 .c-cassette-9__item:first-of-type {
        margin-top: 23.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2016 .c-cassette-9__item:nth-of-type(2n) {
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9--2016 .c-cassette-9__item:last-of-type {
        gap: 0 6.4814814815%;
    }
}

.c-cassette-9__item--1984 {
    justify-content: flex-end;
}
@media screen and (max-width: 1320px) {
    .c-cassette-9__item--1984 {
        gap: 0 4.5454545455vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__item--1984 {
        display: block;
    }
}
.c-cassette-9__item--1984 .c-cassette-9__txt {
    margin-right: 188px;
    white-space: nowrap;
}
@media screen and (max-width: 1600px) {
    .c-cassette-9__item--1984 .c-cassette-9__txt {
        margin-right: 11.75vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__item--1984 .c-cassette-9__txt {
        margin-right: 0;
        white-space: normal;
        margin-top: 4.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__item--1974 {
        width: 80vw;
        margin: 13.3333333333vw auto 0;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__item--2014 {
        display: block;
        width: 80vw;
        margin: 13.3333333333vw auto 0;
    }
    .c-cassette-9__item--2014 .c-cassette-9__txt {
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-9__img-outer--left {
    margin-right: auto;
    margin-left: 0;
    text-align: left;
}
.c-cassette-9__img-outer--right {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}
.c-cassette-9__img-outer--center {
    margin-left: auto;
    margin-right: auto;
}
.c-cassette-9__img-outer {
    width: -moz-fit-content;
    width: fit-content;
}
.c-cassette-9__img-outer + .c-cassette-9__img-outer {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img-outer + .c-cassette-9__img-outer {
        margin-top: 8.5333333333vw;
    }
}
.c-cassette-9__img {
    width: -moz-fit-content;
    width: fit-content;
}
.c-cassette-9__img--1954-1 {
    width: 65.5555555556%;
    margin-left: 70px;
    margin-right: auto;
}
@media screen and (max-width: 1220px) {
    .c-cassette-9__img--1954-1 {
        width: 58.0327868852vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--1954-1 {
        width: 100%;
        margin-left: auto;
    }
}
.c-cassette-9__img--1954-2 {
    width: 49.3518518519%;
    margin-right: 70px;
    margin-left: auto;
}
@media screen and (max-width: 1220px) {
    .c-cassette-9__img--1954-2 {
        width: 43.6885245902vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--1954-2 {
        width: 74.6666666667vw;
        margin-right: 0;
    }
}
.c-cassette-9__img--1964 {
    width: 51.8518518519%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--1964 {
        width: 100%;
    }
}
.c-cassette-9__img--1974 {
    width: 42.5925925926%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--1974 {
        width: 100%;
    }
}
.c-cassette-9__img--1984 {
    width: 64.8148148148%;
}
@media screen and (max-width: 1320px) {
    .c-cassette-9__img--1984 {
        width: 53.0303030303vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--1984 {
        width: 100%;
    }
}
.c-cassette-9__img--2014 {
    width: 42.5925925926%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--2014 {
        width: 100%;
    }
}
.c-cassette-9__img--2016-1 {
    width: 52.7777777778%;
    margin-left: 83px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--2016-1 {
        width: 100%;
        margin-left: 0;
    }
}
.c-cassette-9__img--2016-2 {
    width: 37.037037037%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--2016-2 {
        width: 100%;
    }
}
.c-cassette-9__img--2016-3 {
    width: 39.2592592593%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--2016-3 {
        width: 100%;
    }
}
.c-cassette-9__img--2016-4 {
    width: 38.8888888889%;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img--2016-4 {
        width: 100%;
    }
}
.c-cassette-9__img-caption {
    color: #6E6F6F;
    font-size: 13px;
    line-height: 2;
    padding-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__img-caption {
        font-size: 2.9333333333vw;
        line-height: 1.8;
        padding-top: 2.1333333333vw;
    }
}
.c-cassette-9__txt {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    display: inline-block;
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-cassette-9__txt {
        font-size: 1.7777777778vw;
        white-space: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__txt {
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
        width: 100%;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-9__txt--l {
        font-size: 20px;
        line-height: 1.8;
    }
}
@media screen and (min-width: 769px) and (max-width: 950px) {
    .c-cassette-9__txt--l {
        font-size: 2.1052631579vw;
    }
}
.c-cassette-9__txt--2016 {
    margin-right: 9.0740740741%;
}
@media screen and (min-width: 769px) {
    .c-cassette-9__txt--2016 {
        white-space: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__txt--2016 {
        margin-right: 0;
    }
}
.c-cassette-9__txt-m {
    display: inline-block;
    font-size: 18px;
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-cassette-9__txt-m {
        font-size: 2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__txt-m {
        font-size: 4.2666666667vw;
        position: relative;
        top: -1.8666666667vw;
    }
    .edge .c-cassette-9__txt-m {
        letter-spacing: normal;
    }
}
.c-cassette-9__txt-b {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.8571428571;
    letter-spacing: 0.015em;
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-cassette-9__txt-b {
        font-size: 3.1111111111vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__txt-b {
        font-size: 5.8666666667vw;
        letter-spacing: 0.05em;
        margin-bottom: 0;
        position: relative;
        top: -1.0666666667vw;
    }
}
.c-cassette-9__line-2024 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: none;
    width: 1px;
    height: 100%;
}
.c-cassette-9__line-2024--01 {
    top: -142px;
    height: 160px;
    background: rgb(0, 0, 0);
    background-size: 1px 8px;
    background-position: right top;
    background-repeat: repeat-y;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__line-2024--01 {
        top: -19.7333333333vw;
        height: 19.7333333333vw;
    }
}
.c-cassette-9__line-2024--02 {
    background: rgb(0, 0, 0);
}
.c-cassette-9__line-2024--03 {
    top: 204px;
    height: 80px;
    background-color: #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__line-2024--03 {
        top: 38.4vw;
        height: 6.9333333333vw;
    }
}
.c-cassette-9__line-2024--04 {
    top: 350px;
    height: 200px;
    background-image: linear-gradient(#D1D1D0 4px, transparent 4px);
    background-size: 1px 8px;
    background-position: right top;
    background-repeat: repeat-y;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__line-2024--04 {
        top: 45.3333333333vw;
        height: 19.7333333333vw;
        background-image: linear-gradient(#D1D1D0 1.0666666667vw, transparent 1.0666666667vw);
        background-size: 0.2666666667vw 2.1333333333vw;
    }
}
.c-cassette-9__bg {
    position: relative;
    margin-top: 51px;
}
@media screen and (min-width: 1600px) {
    .c-cassette-9__bg {
        max-width: 1600px;
        margin: 51px auto 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__bg {
        margin-top: 8.2666666667vw;
    }
}
.c-cassette-9__bg::before {
    content: "";
    position: absolute;
    top: 84px;
    left: 12.8571428571vw;
    width: calc(100% - 12.8571428571vw);
    height: calc(100% - 232px);
    background-color: #F3F5F5;
}
@media screen and (min-width: 1600px) {
    .c-cassette-9__bg::before {
        width: calc(50vw + 594px);
        left: 206px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__bg::before {
        top: 0;
        left: auto;
        right: 0;
        width: 85.3333333333vw;
        height: calc(100% - 22.667vw);
    }
}
.c-cassette-9__bg--02 {
    margin-top: 118px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__bg--02 {
        margin-top: 26.6666666667vw;
    }
}
.c-cassette-9__bg--02::before {
    top: 26px;
    left: auto;
    right: 12.8571428571vw;
    height: calc(100% + 34px);
}
@media screen and (min-width: 1600px) {
    .c-cassette-9__bg--02::before {
        right: 206px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9__bg--02::before {
        top: -13.3333333333vw;
        right: auto;
        left: 0;
        width: 85.3333333333vw;
        height: calc(100% + 26.667vw);
    }
}
.c-cassette-9__bg--03 {
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .c-cassette-9__bg--03 {
        margin-top: 20.2666666667vw;
    }
}
.c-cassette-9__bg--03::before {
    top: 154px;
    height: calc(100% - 284px);
}
@media screen and (max-width: 768px) {
    .c-cassette-9__bg--03::before {
        top: 19.2vw;
        height: calc(100% - 64vw);
    }
}
.c-cassette-9 .dot {
    position: relative;
}
.c-cassette-9 .dot::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・";
}
.c-cassette-9 .dot2 {
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-cassette-9 .dot2 {
        padding-left: 18px;
    }
}
.c-cassette-9 .dot2::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・";
}
@media screen and (max-width: 768px) {
    .c-cassette-9 .dot2::before {
        top: -0.5333333333vw;
        font-size: 4.2666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9 .sp-border {
        position: relative;
    }
    .c-cassette-9 .sp-border:before, .c-cassette-9 .sp-border:after {
        position: absolute;
        top: 0;
        left: 50%;
        content: "";
        width: 0.2666666667vw;
        height: 100%;
    }
    .c-cassette-9 .sp-border:before {
        z-index: -1;
        background-color: rgba(234, 235, 236, 0.85);
    }
    .c-cassette-9 .sp-border:after {
        z-index: -2;
        background-color: #fff;
    }
    .c-cassette-9 .sp-border.c-cassette-9__img--1964 {
        padding-bottom: 5.3333333333vw;
    }
    .c-cassette-9 .sp-border .c-box-19__ttl:before {
        position: absolute;
        top: -10.6666666667vw;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        background-color: #000;
        border-radius: 99px;
    }
    .c-cassette-9 .sp-border .c-box-19__ttl:after {
        content: normal;
    }
    .c-cassette-9 .sp-border .c-box-17__ttl:after {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        background-color: #000;
        border-radius: 99px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1974 .c-cassette-9__txt.sp-border:before, .c-cassette-9--1974 .c-cassette-9__txt.sp-border:after {
        top: 50%;
        transform: translateY(-50%);
        height: calc(100% + 10.667vw);
    }
}

@media screen and (max-width: 768px) {
    .c-box-19--1979 .sp-border:before, .c-box-19--1979 .sp-border:after {
        top: 50%;
        transform: translateY(-50%);
        height: calc(100% + 18.667vw);
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9__txt.sp-border:before, .c-cassette-9__txt.sp-border:after {
        top: -5.3333333333vw;
        height: calc(100% + 8.533vw);
    }
}
@media screen and (max-width: 768px) {
    .c-box-19--1988 .sp-border:before, .c-box-19--1988 .sp-border:after {
        height: calc(100% + 5.333vw);
    }
}

@media screen and (max-width: 768px) {
    .c-box-19--1999.sp-border:before, .c-box-19--1999.sp-border:after {
        height: calc(100% + 4.533vw);
    }
    .c-box-19--1999.sp-border .c-box-19__ttl:before {
        top: -17.6vw;
    }
}

@media screen and (max-width: 768px) {
    .c-box-19--2002.sp-border:before, .c-box-19--2002.sp-border:after {
        top: 1.3333333333vw;
    }
    .c-box-19--2002.sp-border .c-box-19__ttl:before {
        top: -8vw;
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2008 .sp-border:before, .c-cassette-9--2008 .sp-border:after {
        top: 10.1333333333vw;
        height: calc(100% - 6.133vw);
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2012 .sp-border:before, .c-cassette-9--2012 .sp-border:after {
        top: 1.3333333333vw;
        height: calc(100% + 4vw);
    }
}

@media screen and (max-width: 768px) {
    .c-box-19--2015.sp-border:before, .c-box-19--2015.sp-border:after {
        top: 1.3333333333vw;
        height: calc(100% + 2.933vw);
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9__item-wrap.sp-border:before, .c-cassette-9__item-wrap.sp-border:after {
        height: calc(100% + 4.267vw);
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2017 .sp-border:before, .c-cassette-9--2017 .sp-border:after {
        top: 1.3333333333vw;
        height: calc(100% + 4vw);
    }
    .c-cassette-9--2017 .sp-border .c-ttl-11__outer:after {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        background-color: #000;
        border-radius: 99px;
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2018 .sp-border:before, .c-cassette-9--2018 .sp-border:after {
        top: 1.3333333333vw;
        height: calc(100% + 2.667vw);
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2020 .sp-border:before, .c-cassette-9--2020 .sp-border:after {
        top: 1.3333333333vw;
        height: calc(100% + 2.133vw);
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2021 .sp-border:before, .c-cassette-9--2021 .sp-border:after {
        top: 1.3333333333vw;
        height: calc(100% + 2.133vw);
    }
    .c-cassette-9--2021 .sp-border .c-box-15__ttl:after {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        background-color: #000;
        border-radius: 99px;
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9--2022 .sp-border:before, .c-cassette-9--2022 .sp-border:after {
        top: 1.0666666667vw;
        height: calc(100% - 1.067vw);
    }
}

@media screen and (max-width: 768px) {
    .c-cassette-9 .sp-border-2 {
        position: relative;
    }
    .c-cassette-9 .sp-border-2:before, .c-cassette-9 .sp-border-2:after {
        position: absolute;
        top: -8vw;
        left: 50%;
        content: "";
        width: 0.2666666667vw;
        height: calc(100% + 12.8vw);
    }
    .c-cassette-9 .sp-border-2:before {
        z-index: -1;
        background-color: rgba(234, 235, 236, 0.85);
    }
    .c-cassette-9 .sp-border-2:after {
        z-index: -2;
        background-color: #fff;
    }
    .c-cassette-9 .sp-border-2 .c-box-17--right:after,
    .c-cassette-9 .sp-border-2 .c-box-17--left:after {
        position: absolute;
        top: -8.8vw;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        background-color: #000;
        border-radius: 99px;
    }
    .c-cassette-9 .sp-border-2 .c-box-17--right:before,
    .c-cassette-9 .sp-border-2 .c-box-17--left:before {
        content: normal;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--1972 .sp-border-2:before, .c-cassette-9--1972 .sp-border-2:after {
        height: calc(100% + 8vw);
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2014 .sp-border-2:before, .c-cassette-9--2014 .sp-border-2:after {
        height: calc(100% + 14.667vw);
    }
}

/* ---------------------------------------------
*   c-cassette-11
通常ブロック(BAUSオーナー様限定優待サービスブロック)
* 使用ページ:/owners/livinghouse/・/owners/2ndstorage/・/owners/kawamotobousai/
--------------------------------------------- */
.c-cassette-11 {
    background-color: #F3F5F5;
    padding-top: 127px;
    padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11 {
        padding-top: 13.3333333333vw;
        padding-bottom: 13.3333333333vw;
    }
}
.c-cassette-11--kawamoto .c-cassette-11__body {
    margin-top: 70px;
}
@media screen and (max-width: 1024px) {
    .c-cassette-11--kawamoto .c-cassette-11__body {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11--kawamoto .c-cassette-11__body {
        margin-top: 10.6666666667vw;
    }
}
.c-cassette-11--kawamoto .c-cassette-11__desc {
    padding-top: 0;
    margin-inline: auto;
    max-width: 538px;
}
@media screen and (max-width: 1024px) {
    .c-cassette-11--kawamoto .c-cassette-11__desc {
        width: 100%;
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11--kawamoto .c-cassette-11__desc {
        max-width: 100%;
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-11--kawamoto .c-cassette-11__img {
    width: 27.1304347826%;
    margin-left: 6.5217391304%;
    margin-right: 0;
}
@media screen and (max-width: 1024px) {
    .c-cassette-11--kawamoto .c-cassette-11__img {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11--kawamoto .c-cassette-11__img {
        width: 100%;
    }
}
.c-cassette-11--kawamoto .c-cassette-11__container {
    max-width: 1190px;
}
@media screen and (max-width: 1024px) {
    .c-cassette-11--kawamoto .c-cassette-11__container {
        max-width: 740px;
    }
}
.c-cassette-11--kawamoto .c-cassette-11__btn {
    margin-top: 69px;
    width: 46.7826086957%;
    margin-inline: auto;
}
@media screen and (max-width: 1024px) {
    .c-cassette-11--kawamoto .c-cassette-11__btn {
        width: 538px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11--kawamoto .c-cassette-11__btn {
        width: 100%;
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-11__container {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__container {
        padding: 0 5.3333333333vw;
    }
}
.c-cassette-11__head {
    text-align: center;
}
.c-cassette-11__head-ttl {
    font-size: 28px;
    line-height: 1.8571428571;
    letter-spacing: 0.03em;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__head-ttl {
        font-size: 4.8vw;
    }
}
.c-cassette-11__head-logo {
    max-width: 380px;
    margin-inline: auto;
    margin-top: 59px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__head-logo {
        max-width: none;
        width: 70%;
        margin-top: 8vw;
    }
}
.c-cassette-11__head-logo--kawamoto {
    max-width: 284px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__head-logo--kawamoto {
        max-width: none;
        width: 70%;
    }
}
.c-cassette-11__body {
    display: flex;
    margin-top: 57px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__body {
        display: block;
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-11__body--block {
    display: block;
}
.c-cassette-11__body--kawamoto {
    margin-top: 48px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__body--kawamoto {
        margin-top: 10.6666666667vw;
    }
}
.c-cassette-11__body--livinghouse {
    margin-top: 70px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__body--livinghouse {
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-11__body-logo {
    max-width: 396px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__body-logo {
        max-width: none;
        width: 80%;
    }
}
.c-cassette-11__img {
    flex-shrink: 0;
    width: 41.1538461538%;
    margin-right: 7.6923076923%;
    margin-left: 4.8076923077%;
}
@media screen and (max-width: 1080px) {
    .c-cassette-11__img {
        margin-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11__img {
        margin: 0 auto;
        width: 100%;
    }
}
.c-cassette-11__img--2ndstorage {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__img--2ndstorage {
        width: 100%;
        margin-top: 8vw;
    }
}
.c-cassette-11__desc {
    padding-top: 24px;
    width: 46.3461538462%;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__desc {
        width: 100%;
    }
}
.c-cassette-11__btn {
    text-align: center;
    margin-top: 47px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__btn {
        margin-top: 10.6666666667vw;
    }
}
.c-cassette-11__btn:nth-of-type(n + 2) {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__btn:nth-of-type(n + 2) {
        margin-top: 8vw;
    }
}
.c-cassette-11__btn--1col {
    width: 51.7307692308%;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__btn--1col {
        width: 100%;
    }
}
.c-cassette-11__note {
    margin-top: 83px;
    padding-left: 50px;
}
@media screen and (max-width: 1080px) {
    .c-cassette-11__note {
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11__note {
        margin-top: 8vw;
        padding-left: 0;
    }
}
.c-cassette-11__note--kawamoto {
    margin-left: 120px;
}
@media screen and (max-width: 1080px) {
    .c-cassette-11__note--kawamoto {
        margin-left: auto;
        margin-right: auto;
        width: 700px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11__note--kawamoto {
        margin-left: 0;
        width: auto;
    }
}
.c-cassette-11__note--2ndstorage {
    margin-left: 120px;
}
@media screen and (max-width: 1080px) {
    .c-cassette-11__note--2ndstorage {
        margin-left: auto;
        margin-right: auto;
        width: 700px;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11__note--2ndstorage {
        margin-left: 0;
        width: auto;
    }
}
.c-cassette-11__note-txt {
    font-size: 12px;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__note-txt {
        font-size: 3.2vw;
    }
}
.c-cassette-11__link {
    margin-top: 35px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__link {
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-cassette-13
通常ブロック(BAUS防災リュック見出しコンテンツ)
* 使用ページ:/owners/kawamotobousai/
--------------------------------------------- */
.c-cassette-13__container {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 1024px) {
    .c-cassette-13__container {
        justify-content: flex-start;
        flex-direction: column-reverse;
    }
}
.c-cassette-13__box {
    border: 1px solid #6E6F6F;
    padding: 37px 9.0342679128% 32px 7.9439252336%;
}
@media screen and (max-width: 1024px) {
    .c-cassette-13__box {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-13__box {
        padding: 8vw 5%;
    }
}
.c-cassette-13__box-ttl {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.025em;
    padding-left: 5px;
}
@media screen and (max-width: 768px) {
    .c-cassette-13__box-ttl {
        font-size: 5.3333333333vw;
        padding-left: 0;
    }
}
.c-cassette-13__desc {
    width: 642px;
    margin-top: 84px;
}
@media screen and (max-width: 1024px) {
    .c-cassette-13__desc {
        margin-inline: auto;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-13__desc {
        margin-top: 10.6666666667vw;
    }
}
.c-cassette-13__img {
    width: 39.5%;
}
@media screen and (max-width: 1024px) {
    .c-cassette-13__img {
        width: 500px;
        margin-inline: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-13__img {
        width: 100%;
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-13__list-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-cassette-13__list-wrap {
        display: block;
        margin-top: 5.3333333333vw;
    }
}
.c-cassette-13__list-item {
    position: relative;
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: 0.04em;
    padding-left: 1em;
}
@media screen and (max-width: 768px) {
    .c-cassette-13__list-item {
        font-size: 4.2666666667vw;
    }
}
.c-cassette-13__list-item::before {
    position: absolute;
    content: "・";
    top: 0;
    left: 0;
}
.c-cassette-13__note {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    margin-top: 31px;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
    .c-cassette-13__note {
        margin-top: 2.6666666667vw;
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-cassette-17
通常ブロック(テーマコンテンツ)
* 使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-cassette-17 {
    position: relative;
    overflow: hidden;
    margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17 {
        margin-bottom: 22.4vw;
    }
}
.c-cassette-17__container {
    position: relative;
    max-width: 1240px;
    margin-inline: auto;
    padding: 120px 20px 110px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__container {
        padding: 13.3333333333vw 5.3333333333vw 16vw;
    }
}
.c-cassette-17__container::before {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    content: "";
    background-color: #F3F5F5;
    pointer-events: none;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__container::before {
        width: 85.3333333333vw;
    }
}
.c-cassette-17--bg-left .c-cassette-17__container::before {
    left: auto;
    right: 272px;
}
@media screen and (max-width: 1440px) {
    .c-cassette-17--bg-left .c-cassette-17__container::before {
        right: 18.8888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17--bg-left .c-cassette-17__container::before {
        right: 14.6666666667vw;
    }
}
.c-cassette-17--bg-right .c-cassette-17__container::before {
    left: 221px;
    right: auto;
}
@media screen and (max-width: 1440px) {
    .c-cassette-17--bg-right .c-cassette-17__container::before {
        left: 15.3472222222vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-17--bg-right .c-cassette-17__container::before {
        left: 14.6666666667vw;
    }
}
.c-cassette-17__head {
    text-align: center;
}
.c-cassette-17__body {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__body {
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-17__note {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__note {
        margin-top: 4vw;
        margin-inline: 5.3333333333vw 10.6666666667vw;
        font-size: 2.9333333333vw;
        line-height: 1.8;
    }
}
.c-cassette-17__img {
    width: 83.3333333333%;
    margin-top: 40px;
    margin-inline: auto;
    translate: 22px 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__img {
        width: 80vw;
        margin-top: 5.3333333333vw;
        translate: 0 0;
    }
}
.c-cassette-17__img img {
    width: 100%;
    height: auto;
}
.c-cassette-17__example {
    margin-top: 90px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__example {
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-17__example-contents {
    margin-top: 67px;
}
@media screen and (max-width: 768px) {
    .c-cassette-17__example-contents {
        margin-top: 8vw;
    }
}

/* ---------------------------------------------
*   c-cassette-18
通常ブロック(事例コンテンツ)
* 使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-cassette-18 {
    display: flex;
    align-items: center;
    -moz-column-gap: 8.3333333333%;
         column-gap: 8.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-cassette-18 {
        display: block;
    }
}
.c-cassette-18 + .c-cassette-18 {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-cassette-18 + .c-cassette-18 {
        margin-top: 13.3333333333vw;
    }
}
.c-cassette-18:nth-of-type(2n+1) {
    flex-direction: row-reverse;
}
.c-cassette-18__main {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .c-cassette-18__main {
        width: 100%;
        margin-top: 8vw;
    }
}
.c-cassette-18__ttl {
    font-size: 28px;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-cassette-18__ttl {
        font-size: 6.4vw;
        line-height: 1.8;
    }
}
.c-cassette-18__txt {
    margin-top: 36px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-cassette-18__txt {
        margin-top: 4.8vw;
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
.c-cassette-18__img {
    width: 41.6666666667%;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-cassette-18__img {
        width: 100%;
    }
}
.c-cassette-18__img img {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
}

/* ---------------------------------------------
*   c-cassette-19
通常ブロック(ライフスタイルコンテンツ)
* 使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-cassette-19 {
    background-color: #F3F5F5;
}
.c-cassette-19__container {
    max-width: 1240px;
    margin-inline: auto;
    padding: 120px 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__container {
        padding: 16vw 9.8666666667vw;
    }
}
.c-cassette-19__head {
    text-align: center;
}
.c-cassette-19__body {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-cassette-19__body {
        margin-top: 8vw;
    }
}

/* ---------------------------------------------
*   c-cassette-21
* 通常ブロック(アイデアギャラリーコンテンツ)
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-cassette-21 {
    display: flex;
    max-width: 978px;
    margin-top: -76px;
    margin-inline: auto;
    padding-inline: 20px;
}
@media screen and (max-width: 768px) {
    .c-cassette-21 {
        display: block;
        margin-top: -8.8vw;
        padding-inline: 5.3333333333%;
    }
}
.c-cassette-21__head {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27.6119402985%;
    padding-block: 2.9850746269%;
}
@media screen and (max-width: 768px) {
    .c-cassette-21__head {
        display: none;
    }
}
.c-cassette-21__ttl {
    width: 79.5366795367%;
    text-align: center;
}
.c-cassette-21__ttl span {
    display: inline-block;
}
.c-cassette-21__ttl span:nth-of-type(1) {
    width: 36.4077669903%;
}
.c-cassette-21__ttl span:nth-of-type(1).js-fadein-labo {
    opacity: 0;
    transition: opacity 1.5s ease-out;
}
.c-cassette-21__ttl span:nth-of-type(1).js-fadein-labo.is-fadein-labo {
    opacity: 1;
}
.c-cassette-21__ttl span:nth-of-type(2) {
    position: relative;
    z-index: 0;
    margin-top: 11px;
}
.c-cassette-21__ttl span:nth-of-type(2) img {
    opacity: 0;
}
.c-cassette-21__ttl span:nth-of-type(2).js-fadein-labo {
    position: relative;
}
.c-cassette-21__ttl span:nth-of-type(2).js-fadein-labo::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0%;
    right: 100%;
    bottom: 0%;
    left: 0%;
    background: #fff;
    opacity: 1;
}
.c-cassette-21__ttl span:nth-of-type(2).js-fadein-labo.is-fadein-labo img {
    animation-name: labo-animation3;
    animation-duration: 0s;
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
}
.c-cassette-21__ttl span:nth-of-type(2).js-fadein-labo.is-fadein-labo::before {
    animation-name: labo-animation2;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
.c-cassette-21__body {
    flex-grow: 1;
    margin-left: 8.5287846482%;
}
@media screen and (max-width: 768px) {
    .c-cassette-21__body {
        margin-left: 0;
    }
}
.c-cassette-21__txt {
    font-weight: 500;
    font-size: 18px;
    line-height: 2.5;
    letter-spacing: 0.015em;
}
@media screen and (min-width: 769px) and (max-width: 978px) {
    .c-cassette-21__txt {
        font-size: 1.8404907975vw;
        white-space: nowrap;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-21__txt {
        font-size: 4vw;
        line-height: 2;
        letter-spacing: 0.05em;
    }
}
.c-cassette-21__link {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-cassette-21__link {
        margin-top: 4.5333333333vw;
    }
}
.c-cassette-21__link .c-link-1__txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ", "Arial", sans-serif;
    color: #1A1A1A;
}
@media screen and (min-width: 769px) and (max-width: 978px) {
    .c-cassette-21__link .c-link-1__txt {
        font-size: 1.63599182vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-21__link .c-link-1__txt {
        font-size: 3.7333333333vw;
        line-height: 1.8571428571;
    }
}
@media screen and (min-width: 769px) {
    .c-cassette-21__link .c-link-1__arw {
        margin-left: 15px;
    }
}

/* ---------------------------------------------
*   c-elevator-nav
エレベーターナビ（[住まいづくりの流れ]左側）
使用ページ：/aboutBaus/quality/
--------------------------------------------- */
.c-elevator-nav {
    position: sticky;
    top: 184px;
    z-index: 10;
    height: 100%;
    width: 200px;
    flex-shrink: 0;
    padding-top: 41px;
}
.c-elevator-nav__list {
    position: relative;
}
.c-elevator-nav__list::before {
    position: absolute;
    width: 1px;
    height: 243px;
    content: "";
    background-color: #CFD0D0;
    top: 16px;
    left: 5px;
}
.c-elevator-nav__item {
    padding-left: 23px;
    position: relative;
}
.c-elevator-nav__item:nth-of-type(n+2) {
    margin-top: 13px;
}
.c-elevator-nav__link {
    display: flex;
    align-items: center;
    gap: 0 41px;
}
.c-elevator-nav__link::before {
    width: 11px;
    height: 11px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #CFD0D0;
    content: "";
    position: absolute;
}
@media screen and (min-width: 769px) {
    .c-elevator-nav__link {
        transition: opacity 300ms;
    }
    .c-elevator-nav__link:hover {
        opacity: 0.8;
    }
}
.c-elevator-nav__link.is-current::before {
    background-color: #00AEBD;
}
.c-elevator-nav__link.is-current .c-elevator-nav__link-num {
    color: #00AEBD;
}
.c-elevator-nav__link.is-current .c-elevator-nav__link-txt {
    color: #00AEBD;
}
.c-elevator-nav__link-num {
    font-size: 16px;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    width: 21px;
    flex-shrink: 0;
}
.c-elevator-nav__link-txt {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
}

/* ---------------------------------------------
*   c-img-2
画像
* 使用ページ:/Bauslabo/coreclo_1/
--------------------------------------------- */
.c-img-2 {
    max-width: 820px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-img-2 {
        width: 100%;
    }
}
.c-img-2 img {
    width: 100%;
    height: auto;
}

/* ---------------------------------------------
*   c-img-4
画像(CORECLO)
* 使用ページ:/Bauslabo/coreclo_1/
--------------------------------------------- */
.c-img-4 {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-img-4 {
        display: block;
    }
}
.c-img-4__item:first-of-type {
    width: 42.2857142857%;
}
@media screen and (max-width: 768px) {
    .c-img-4__item:first-of-type {
        width: 100%;
    }
}
.c-img-4__item:last-of-type {
    width: 57.7142857143%;
}
@media screen and (max-width: 768px) {
    .c-img-4__item:last-of-type {
        width: 100%;
        margin-top: 2.6666666667vw;
    }
}
.c-img-4__item:last-of-type img {
    width: 100%;
    height: auto;
}

/* ---------------------------------------------
*   c-img-6
画像(CORECLO)
* 使用ページ:/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-img-6 {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .c-img-6 {
        overflow-x: scroll;
        padding: 0 5.3333333333vw;
    }
}
.c-img-6__img {
    max-width: 1320px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-img-6__img {
        width: 230.4vw;
    }
}

/* ---------------------------------------------
*   c-img-7
画像
* 使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-img-7 {
    margin-top: 70px;
    width: 220px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-img-7 {
        margin-top: 10.6666666667vw;
        width: 53.3333333333vw;
    }
}
.c-img-7 img {
    height: auto;
}

/* ---------------------------------------------
*   c-kv-2
kv
* 使用ページ:/Bauslabo/
--------------------------------------------- */
.c-kv-2 .l-breadcrumb__list {
    justify-content: flex-end;
}
.c-kv-2__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 90px 20px 0;
}
@media screen and (max-width: 768px) {
    .c-kv-2__inner {
        max-width: none;
        width: 100%;
        padding: 0;
    }
}
.c-kv-2__container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 86px 0 0;
}
@media screen and (max-width: 768px) {
    .c-kv-2__container {
        max-width: none;
        padding: 21.3333333333vw 5.3333333333vw 0;
    }
}
.c-kv-2__ttl {
    width: 319px;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-kv-2__ttl {
        width: 50.9333333333vw;
    }
}
.c-kv-2__ttl span {
    display: inline-block;
}
.c-kv-2__ttl span:nth-of-type(1).js-fadein-labo {
    opacity: 0;
    transition: opacity 1.5s ease-out;
}
.c-kv-2__ttl span:nth-of-type(1).js-fadein-labo.is-fadein-labo {
    opacity: 1;
}
.c-kv-2__ttl span:nth-of-type(2) {
    position: relative;
    z-index: 0;
    margin-top: 28px;
}
@media screen and (max-width: 768px) {
    .c-kv-2__ttl span:nth-of-type(2) {
        margin-top: 4.5333333333vw;
    }
}
.c-kv-2__ttl span:nth-of-type(2) img {
    opacity: 0;
}
.c-kv-2__ttl span:nth-of-type(2).js-fadein-labo {
    position: relative;
}
.c-kv-2__ttl span:nth-of-type(2).js-fadein-labo::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0%;
    right: 100%;
    bottom: 0%;
    left: 0%;
    background: #fff;
    opacity: 1;
}
.c-kv-2__ttl span:nth-of-type(2).js-fadein-labo.is-fadein-labo img {
    animation-name: labo-animation3;
    animation-duration: 0s;
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
}
.c-kv-2__ttl span:nth-of-type(2).js-fadein-labo.is-fadein-labo::before {
    animation-name: labo-animation2;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
.c-kv-2__body {
    display: flex;
    gap: 0 7.2727272727%;
    margin-top: 180px;
}
@media screen and (max-width: 768px) {
    .c-kv-2__body {
        display: block;
        margin-top: 18.6666666667vw;
    }
}
.c-kv-2__txt-outer-1 {
    width: 36.3636363636%;
}
@media screen and (max-width: 768px) {
    .c-kv-2__txt-outer-1 {
        width: 100%;
    }
}
.c-kv-2__txt-outer-2 {
    width: 56.3636363636%;
    margin-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-kv-2__txt-outer-2 {
        width: 100%;
        margin-top: 8.8vw;
    }
}
.c-kv-2__txt-1 {
    font-size: 32px;
    line-height: 2.25;
    letter-spacing: 0.04em;
    font-weight: 500;
    white-space: nowrap;
}
@media screen and (max-width: 1140px) {
    .c-kv-2__txt-1 {
        font-size: 2.8070175439vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-2__txt-1 {
        font-size: 6.4vw;
        line-height: 1.8;
    }
}
.c-kv-2__txt-1--blank {
    padding-left: 0.5em;
}
.c-kv-2__txt-1--blank2 {
    padding-right: 0.5em;
}
.c-kv-2__txt-1.js-fadein-labo {
    position: relative;
    color: transparent;
}
.c-kv-2__txt-1.js-fadein-labo::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0%;
    right: 100%;
    bottom: 0%;
    left: 0%;
    background: #fff;
}
.c-kv-2__txt-1.js-fadein-labo.is-fadein-labo {
    animation-name: labo-animation1;
    animation-duration: 0s;
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
}
.c-kv-2__txt-1.js-fadein-labo.is-fadein-labo::before {
    animation-name: labo-animation2;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}
.c-kv-2__txt-2 {
    font-size: 18px;
    line-height: 2.5;
    letter-spacing: 0.015em;
    font-weight: 500;
}
@media screen and (max-width: 1140px) {
    .c-kv-2__txt-2 {
        font-size: 1.5789473684vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-2__txt-2 {
        font-size: 4vw;
        line-height: 2;
        letter-spacing: 0.05em;
    }
}
.c-kv-2__txt-2:nth-of-type(n + 2) {
    margin-top: 45px;
}
@media screen and (max-width: 768px) {
    .c-kv-2__txt-2:nth-of-type(n + 2) {
        margin-top: 8vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-2__txt-2--l {
        font-size: 20px;
        line-height: 1.5;
        letter-spacing: 0.05em;
        margin-top: 25px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
    .c-kv-2__txt-2--l {
        font-size: 1.7543859649vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-2__txt-2--l {
        margin-top: 4vw;
    }
}
.c-kv-2__txt-2.js-fadein-labo {
    position: relative;
    color: transparent;
}
.c-kv-2__txt-2.js-fadein-labo::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0%;
    right: 100%;
    bottom: 0%;
    left: 0%;
    background: #fff;
}
.c-kv-2__txt-2.js-fadein-labo.is-fadein-labo {
    animation-name: labo-animation1;
    animation-duration: 0s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
}
.c-kv-2__txt-2.js-fadein-labo.is-fadein-labo::before {
    animation-name: labo-animation2;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.c-kv-2__ls {
    letter-spacing: -5em;
}
.c-kv-2__img {
    width: 100%;
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-kv-2__img {
        margin-top: 8vw;
    }
}
.c-kv-2__img img {
    width: 100%;
}
@keyframes labo-animation1 {
    100% {
        color: inherit;
    }
}
@keyframes labo-animation2 {
    50% {
        left: 0%;
        right: 0%;
    }
    100% {
        left: 100%;
        right: 0%;
    }
}
@keyframes labo-animation3 {
    100% {
        opacity: 1;
    }
}
.c-kv-2__btn {
    margin-top: 36px;
}
@media screen and (max-width: 768px) {
    .c-kv-2__btn {
        margin-top: 5.8666666667vw;
        text-align: center;
    }
}

/* ---------------------------------------------
*   c-kv-1
kv
* 使用ページ:/index-test.html・/index.html
--------------------------------------------- */
.c-kv-1 {
    position: relative;
    width: 100%;
    margin-bottom: 23px;
    height: 59.0625vw;
}
@media screen and (max-width: 768px) {
    .c-kv-1 {
        height: 187.7333333333vw;
        margin-bottom: 8vw;
    }
}
.c-kv-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-kv-1__inner {
    position: absolute;
    top: 10.4375vw;
    left: 19.125vw;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .c-kv-1__inner {
        top: 56vw;
        left: 12.2666666667vw;
    }
}
.c-kv-1__big {
    font-size: 2.5vw;
    line-height: 1.65;
    font-weight: 500;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-kv-1__big {
        font-size: 6.4vw;
        line-height: 1.6666666667;
    }
}
.c-kv-1__big--white {
    color: #fff;
}

/* ---------------------------------------------
*   c-kv-3
kv
* 使用ページ:/Bauslabo/cookpad/・/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/
* /Bauslabo/windowPlan/・/Bauslabo/exterior_design/
--------------------------------------------- */
.c-kv-3 {
    padding-top: 97px;
}
@media screen and (max-width: 768px) {
    .c-kv-3 {
        padding-top: 49px;
    }
}
.c-kv-3--coreclo .c-kv-3__ttl {
    width: 100%;
}
.c-kv-3--coreclo .c-kv-3__ttl-img {
    width: 23.75vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3--coreclo .c-kv-3__ttl-img {
        width: 67.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--coreclo .c-kv-3__txt-area {
        margin-top: 13.3333333333vw;
    }
}
.c-kv-3--coreclo .c-kv-3__ttl-txt {
    text-align: left;
    margin-top: 1.5vw;
    left: 0;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-kv-3--coreclo .c-kv-3__ttl-txt {
        margin-top: 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--window .c-kv-3__sentence {
        margin-top: 9.6vw;
    }
}
.c-kv-3--window .c-kv-3__ttl {
    width: auto;
    font-size: 2.625vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-top: 10.8125vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3--window .c-kv-3__ttl {
        font-size: 6.9333333333vw;
        line-height: 1.5;
        letter-spacing: 0.04em;
        margin-top: 0;
    }
}
.c-kv-3--window .c-kv-3__txt-area {
    margin-top: 5vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3--window .c-kv-3__txt-area {
        margin-top: 9.6vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--window .c-kv-3__txt .c-txt-10 {
        font-size: 4vw;
        line-height: 2;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3--exterior-design .c-kv-3__sentence {
        margin-top: 9.6vw;
    }
}
.c-kv-3--exterior-design .c-kv-3__ttl {
    width: 100%;
    margin-top: 7.0625vw;
    font-weight: 500;
    font-size: 2.625vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-kv-3--exterior-design .c-kv-3__ttl {
        margin-top: 0;
        font-size: 6.9333333333vw;
        line-height: 1.5;
        letter-spacing: 0.04em;
    }
}
.c-kv-3--exterior-design .c-kv-3__txt-area {
    margin-top: 5.875vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3--exterior-design .c-kv-3__txt-area {
        margin-top: 9.6vw;
    }
}
.c-kv-3--exterior-design .c-kv-3__txt .c-txt-10 {
    font-weight: 400;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-kv-3--exterior-design .c-kv-3__txt .c-txt-10 {
        letter-spacing: 0.05em;
    }
}
.c-kv-3__container {
    padding-right: 7.5vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3__container {
        max-width: none;
        padding-right: 0;
    }
}
.c-kv-3__cassette {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-kv-3__cassette {
        display: block;
    }
}
.c-kv-3__img {
    width: 49vw;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-kv-3__img {
        width: 100%;
    }
}
.c-kv-3__sentence {
    width: 36vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3__sentence {
        width: 89.3333333333vw;
        margin: 0 auto;
        margin-top: 11.2vw;
    }
}
.c-kv-3__ttl {
    margin-top: 9.3125vw;
    display: block;
    width: 31.6875vw;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-kv-3__ttl {
        width: 88.5333333333vw;
        margin-top: 0;
    }
}
.c-kv-3__ttl-img {
    display: block;
}
.c-kv-3__ttl-img img {
    width: 80%;
}
.c-kv-3__ttl-txt {
    font-size: 1.5vw;
    line-height: 1.5;
    letter-spacing: 0.015em;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-top: 0.8125vw;
    position: relative;
    left: 0;
}
@media screen and (max-width: 768px) {
    .c-kv-3__ttl-txt {
        font-size: 4.8vw;
        line-height: 1.2777777778;
        margin-top: 3.2vw;
        left: 5.6vw;
    }
}
.c-kv-3__txt-area {
    margin-top: 5.3125vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3__txt-area {
        margin-top: 10.6666666667vw;
    }
}
.c-kv-3__lead {
    font-size: 2vw;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.04em;
    margin-top: 0.1875vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3__lead {
        font-size: 6.4vw;
        line-height: 1.5;
        margin-top: 0.8vw;
    }
}
.c-kv-3__lead sup {
    font-size: 0.6875vw;
    position: relative;
    top: -0.3125vw;
    right: 0.1875vw;
}
@media screen and (max-width: 768px) {
    .c-kv-3__lead sup {
        font-size: 2.6666666667vw;
        top: -0.5333333333vw;
        right: 1.6vw;
    }
}
.c-kv-3__anno {
    margin-top: 17px;
}
@media screen and (max-width: 768px) {
    .c-kv-3__anno {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3__anno .c-txt-11 {
        font-size: 0.6875vw;
        margin-top: 1.0625vw;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-3__anno .c-txt-11 {
        font-size: 2.9333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3__txt .c-txt-10 {
        font-size: 1.125vw;
    }
}
@media screen and (min-width: 769px) {
    .c-kv-3__txt .ib {
        display: inline-block;
    }
}
.c-kv-3 .l-breadcrumb__list {
    justify-content: flex-end;
}
@media screen and (min-width: 769px) and (max-width: 1500px) {
    .c-kv-3 .l-breadcrumb__list {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
@media screen and (min-width: 769px) and (max-width: 1750px) {
    .c-kv-3--exterior-design .l-breadcrumb__list {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

/* ---------------------------------------------
*   c-kv-5
kv
* 使用ページ:/Bauslabo/proplan/
--------------------------------------------- */
.c-kv-5 {
    padding-top: 74px;
    padding-bottom: 111px;
}
@media screen and (max-width: 768px) {
    .c-kv-5 {
        padding-top: 12vw;
        padding-bottom: 13.8666666667vw;
    }
}
.c-kv-5__container {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-kv-5__container {
        max-width: none;
        padding: 0;
    }
}
.c-kv-5__ttl {
    text-align: center;
    font-size: 32px;
    line-height: 2.25;
    letter-spacing: 0.04em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-kv-5__ttl {
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
    }
}
.c-kv-5__ttl span {
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: 0.044em;
    display: block;
}
@media screen and (max-width: 768px) {
    .c-kv-5__ttl span {
        font-size: 6.9333333333vw;
        line-height: 1.5;
        letter-spacing: 0.04em;
        margin-top: 0.5333333333vw;
    }
}
.c-kv-5__img {
    margin-top: 107px;
}
@media screen and (max-width: 768px) {
    .c-kv-5__img {
        margin-top: 9.8666666667vw;
    }
}
.c-kv-5__img img {
    width: 100%;
}
.c-kv-5__lead {
    text-align: center;
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .c-kv-5__lead {
        margin-top: 8.2666666667vw;
    }
}
.c-kv-5__txt {
    text-align: center;
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-kv-5__txt {
        margin-top: 6.4vw;
        padding: 0 5.3333333333vw;
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .c-kv-5__txt .c-txt-10 {
        font-size: 4vw;
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-kv-7
kv
* 使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-kv-7 {
    position: relative;
}
.c-kv-7__img img {
    width: 100%;
}
.c-kv-7__content {
    position: absolute;
    max-width: 1240px;
    width: 100%;
    padding: 0 20px;
    top: clamp(200px, 17.1875vw, 275px);
    right: 50%;
    transform: translateX(50%);
}
@media screen and (max-width: 768px) {
    .c-kv-7__content {
        max-width: 89.3333333333vw;
        top: 60.8vw;
        padding: 0;
    }
}
.c-kv-7__breadcrumb .l-breadcrumb__list {
    justify-content: flex-end;
}
.c-kv-7__logo {
    width: clamp(240px, 31.2093628088vw, 585px);
    margin: 0 auto;
    margin-top: clamp(22px, 2.8608582575vw, 54px);
}
@media screen and (max-width: 768px) {
    .c-kv-7__logo {
        width: 64vw;
        margin-top: 7.7333333333vw;
    }
}
.c-kv-7__txt {
    font-size: clamp(16px, 2.0806241873vw, 22px);
    line-height: 2.5;
    letter-spacing: 0.1em;
    margin-top: clamp(60px, 7.8023407022vw, 122px);
    font-weight: 500;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-kv-7__txt {
        font-size: 4.2666666667vw;
        line-height: 2;
        margin-top: 0;
        letter-spacing: 0;
    }
}

/* ---------------------------------------------
*   c-label-2
角に丸みのついたラベル
使用ページ:/aboutBaus/brand/rent/・/aboutBaus/caseStudy/・/Bauslabo/
/lineup/・/magazine/・/service/clubOff/・/voice/
--------------------------------------------- */
.c-label-2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 80px;
    min-height: 28px;
    padding: 4px 14px;
    border-radius: 4px;
    border: 1px solid #D1D1D0;
    background-color: #fff;
}
.c-label-2:nth-of-type(n+2) {
    margin-left: 16px;
}
@media screen and (max-width: 768px) {
    .c-label-2 {
        min-width: 16.5333333333vw;
        min-height: 5.8666666667vw;
        padding: 0.5333333333vw 2.4vw;
        border-radius: 1.0666666667vw;
    }
    .windows .c-label-2 {
        padding: 0.8vw 2.4vw 0.2666666667vw;
    }
    .safari .c-label-2 {
        padding: 0.8vw 2.4vw 0.2666666667vw;
    }
    .androidphone .c-label-2 {
        padding: 0.8vw 2.4vw 0.2666666667vw;
    }
    .c-label-2:nth-of-type(n+2) {
        margin-left: 4.2666666667vw;
    }
}
.c-label-2--bg-gold {
    background-color: #AAAA88;
    border: none;
    padding: 5px 15px;
}
@media screen and (max-width: 768px) {
    .c-label-2--bg-gold {
        padding: 0.8vw 2.6666666667vw;
    }
}
.c-label-2--bg-gold-2 {
    background-color: #D1CCAC;
    border: none;
    padding: 5px 15px;
}
@media screen and (max-width: 768px) {
    .c-label-2--bg-gold-2 {
        padding: 0.8vw 2.6666666667vw;
    }
}
.c-label-2--bg-gray {
    background-color: #C1C6CB;
    border: none;
    padding: 5px 15px;
}
@media screen and (max-width: 768px) {
    .c-label-2--bg-gray {
        padding: 0.8vw 2.6666666667vw;
    }
}
.c-label-2--bg-blue {
    background-color: #00AEBD;
    border: none;
    padding: 5px 15px;
}
@media screen and (max-width: 768px) {
    .c-label-2--bg-blue {
        padding: 0.8vw 2.6666666667vw;
    }
}
.c-label-2__txt {
    color: #1A1A1A;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-label-2__txt {
        font-size: 2.9333333333vw;
        letter-spacing: normal;
    }
}
.c-label-2__txt--en {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    letter-spacing: normal;
}
@media screen and (max-width: 768px) {
    .windows .c-label-2__txt--en {
        position: relative;
        top: -0.2666666667vw;
    }
    .safari .c-label-2__txt--en {
        position: relative;
        top: -0.2666666667vw;
    }
    .androidphone .c-label-2__txt--en {
        position: relative;
        top: -0.2666666667vw;
    }
}
.c-label-2__txt--white {
    color: #fff;
}

/* ---------------------------------------------
*   c-label-4
ラベル(角丸無し)
* 使用ページ:/Bauslabo/
--------------------------------------------- */
.c-label-4 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 56px;
    min-height: 28px;
    padding: 4px 12px;
    background-color: #C1C6CB;
}
@media screen and (max-width: 926px) {
    .c-label-4 {
        min-width: 6.0475161987vw;
        padding: 4px 1.2958963283vw;
    }
}
@media screen and (max-width: 768px) {
    .c-label-4 {
        min-width: 12.2666666667vw;
        min-height: 5.0666666667vw;
        padding: 1.0666666667vw 3.2vw;
    }
    .windows .c-label-4 {
        padding: 0.8vw 3.2vw 0.2666666667vw;
    }
    .safari .c-label-4 {
        padding: 0.8vw 3.2vw 0.2666666667vw;
    }
    .androidphone .c-label-4 {
        padding: 0.8vw 3.2vw 0.2666666667vw;
    }
}
.c-label-4--on {
    background-color: #1A1A1A;
}
.c-label-4--l {
    min-width: 129px;
}
@media screen and (max-width: 926px) {
    .c-label-4--l {
        min-width: 13.9308855292vw;
    }
}
@media screen and (max-width: 768px) {
    .c-label-4--l {
        min-width: 29.6vw;
    }
}
.c-label-4__txt {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: 1;
}
@media screen and (max-width: 920px) {
    .c-label-4__txt {
        font-size: 1.3043478261vw;
    }
}
@media screen and (max-width: 768px) {
    .c-label-4__txt {
        font-size: 2.9333333333vw;
        letter-spacing: normal;
    }
}

/* ---------------------------------------------
*   c-label-1
ラベル(角丸無し)
使用ページ:/index-test.html・/index.html・/news/
--------------------------------------------- */
.c-label-1 {
    min-width: 106px;
    background-color: #AAAA88;
    padding: 4px 10px 3px;
    text-align: center;
    display: inline-block;
    font-size: 0;
}
@media screen and (max-width: 768px) {
    .c-label-1 {
        padding: 1.0666666667vw 2.6666666667vw 0.8vw;
        min-width: 24.8vw;
    }
}
.c-label-1--gray {
    background-color: #7A8592;
}
.c-label-1--green {
    background-color: #578C7E;
}
.c-label-1__txt {
    font-size: 11px;
    line-height: 1.5;
    color: #fff;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-label-1__txt {
        font-size: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-label-3
ラベル(丸)(IDEA)
* 使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-label-3 {
    aspect-ratio: 1;
    background-color: #BE7F72;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.c-label-3--no-use .c-label-3__txt {
    position: relative;
    top: 5px;
}
@media screen and (max-width: 768px) {
    .c-label-3--no-use .c-label-3__txt {
        top: 0.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-label-3--family .c-label-3__txt-ja {
        width: 18.4vw;
    }
}
.c-label-3__txt-en {
    font-size: 14px;
    line-height: 1.7142857143;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1600px) {
    .c-label-3__txt-en {
        font-size: 0.875vw;
    }
}
@media screen and (max-width: 768px) {
    .c-label-3__txt-en {
        font-size: 0;
        width: 5.6vw;
    }
    .c-label-3__txt-en img {
        width: 100%;
    }
}
.c-label-3__txt-ja {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-top: 7px;
}
@media screen and (max-width: 1600px) {
    .c-label-3__txt-ja {
        font-size: 1.125vw;
        margin-top: 0.4375vw;
    }
}
@media screen and (max-width: 768px) {
    .c-label-3__txt-ja {
        font-size: 0;
        width: 11.8666666667vw;
        margin-top: 3.2vw;
    }
    .c-label-3__txt-ja img {
        width: 100%;
    }
}
.c-label-3__txt-ja span {
    letter-spacing: -0.1em;
}
.c-label-3__txt {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.025em;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .c-label-3__txt {
        font-size: 0;
        width: 10.4vw;
    }
    .c-label-3__txt img {
        width: 100%;
    }
}
.c-label-3__txt--counter {
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-label-3__txt--counter {
        width: 12.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-link-2
リンク
* 使用ページ:/aboutBaus/caseStudy/
--------------------------------------------- */
.c-link-2 {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto 40px;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media screen and (max-width: 768px) {
    .c-link-2 {
        display: block;
        margin-bottom: 0;
    }
}
.c-link-2__item {
    width: 30.75%;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-link-2__item {
        width: 100%;
    }
}
.c-link-2__item::before {
    position: absolute;
    right: 1%;
    top: 49%;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #6E6F6F;
    border-right: 1px solid #6E6F6F;
    transform: translateY(-50%) rotate(135deg);
    content: "";
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-link-2__item::before {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
    }
}
.c-link-2__link {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    padding: 10px 0;
    display: block;
}
@media screen and (min-width: 769px) {
    .c-link-2__link {
        will-change: font-size, font-weight;
        transition: all 0.2s ease-in-out;
        min-height: 56px;
    }
    .c-link-2__link:hover {
        font-size: 18px;
        font-weight: 700;
    }
    .ipad .c-link-2__link:hover {
        font-size: 16px !important;
        font-weight: 500 !important;
        padding: 12px 0 !important;
    }
}
@media screen and (max-width: 768px) {
    .c-link-2__link {
        font-size: 3.7333333333vw;
        line-height: 1.8;
        padding: 4.2666666667vw 0;
    }
}
.c-link-2__link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #D1D1D0;
    content: "";
}
.c-link-2__link.line-anim1 {
    display: flex;
    align-items: center;
}
.c-link-2__link.line-anim1::before {
    background-color: #00AEBD;
}
.ipad .c-link-2__link.line-anim1::before {
    background-color: #D1D1D0 !important;
}

/* ---------------------------------------------
*   c-link-4
モーダル立ち上げ用トグル（現在非表示）
* 使用ページ:/aboutBaus/brand/rent/
--------------------------------------------- */
.c-link-4 {
    font-size: 0;
    cursor: pointer;
}
.c-link-4::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #6E6F6F;
    content: "";
    z-index: 0;
}
.c-link-4__txt {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.045em;
    position: relative;
    display: inline-block;
    color: #6E6F6F;
    font-family: "Montserrat", sans-serif;
    transition: color 0.3s;
}
@media screen and (max-width: 768px) {
    .c-link-4__txt {
        font-size: 3.4666666667vw;
        line-height: 1.6923076923;
    }
}
@media screen and (min-width: 769px) {
    .c-link-4:hover .c-link-4__txt {
        color: #00AEBD;
        font-weight: 600;
    }
}
.c-link-4__txt--b {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 3px;
}
@media screen and (max-width: 768px) {
    .c-link-4__txt--b {
        font-size: 3.4666666667vw;
        line-height: 2;
        padding-bottom: 0;
    }
}
.c-link-4__plus {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    margin-left: 23px;
}
@media screen and (max-width: 768px) {
    .c-link-4__plus {
        width: 2.6666666667vw;
        height: 2.6666666667vw;
        margin-left: 5.3333333333vw;
    }
}
.c-link-4__plus::before, .c-link-4__plus::after {
    display: block;
    content: "";
    background-color: #6E6F6F;
    position: absolute;
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .c-link-4:hover .c-link-4__plus::before, .c-link-4:hover .c-link-4__plus::after {
        background-color: #00AEBD;
    }
}
.c-link-4__plus::before {
    width: 1px;
    height: 10px;
    top: 0;
    left: 4.5px;
}
@media screen and (max-width: 768px) {
    .c-link-4__plus::before {
        width: 0.2666666667vw;
        height: 2.6666666667vw;
        left: 1.2vw;
    }
}
.c-link-4__plus::after {
    width: 10px;
    height: 1px;
    top: 4.5px;
    left: 0;
}
@media screen and (max-width: 768px) {
    .c-link-4__plus::after {
        width: 2.6666666667vw;
        height: 0.2666666667vw;
        top: 1.2vw;
    }
}
.c-link-4.line-anim1::before {
    transition-delay: 0.3s;
}

/* ---------------------------------------------
*   c-link-6
ステージ、クロス、フラッツのアンカー
* 使用ページ:/aboutBaus/brand/rent/
--------------------------------------------- */
.c-link-6 {
    display: flex;
    max-width: 1030px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-link-6 {
        display: block;
        max-width: none;
    }
}
.c-link-6__item {
    width: 330px;
    height: 330px;
    background-color: #F8F9F9;
}
@media screen and (max-width: 1070px) {
    .c-link-6__item {
        width: 30.8411214953vw;
        height: 30.8411214953vw;
    }
}
@media screen and (max-width: 768px) {
    .c-link-6__item {
        width: 80vw;
        height: 57.0666666667vw;
        margin: 0 auto;
    }
}
.c-link-6__item:nth-of-type(n+2) {
    margin-left: 1.9417475728%;
}
@media screen and (max-width: 768px) {
    .c-link-6__item:nth-of-type(n+2) {
        margin-left: auto;
        margin-top: 2.6666666667vw;
    }
}
.c-link-6__link {
    display: block;
    height: 100%;
    padding: 0 60px;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-link-6__link {
        transition: opacity 300ms;
    }
    .c-link-6__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 1070px) {
    .c-link-6__link {
        padding: 0 5.6074766355vw;
    }
}
@media screen and (max-width: 768px) {
    .c-link-6__link {
        padding: 0 5.3333333333vw;
    }
}
.c-link-6__link::before {
    content: "";
    position: absolute;
    bottom: 13.3333333333%;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 3.6363636364%;
    height: 6.0606060606%;
    background: url("/shared/img/common/icon_arr.svg") 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-link-6__link::before {
        bottom: 8vw;
        width: 2.4vw;
        height: 4vw;
    }
}
.c-link-6__img {
    width: 180px;
    margin: 0 auto;
    padding-top: 48px;
}
@media screen and (max-width: 1070px) {
    .c-link-6__img {
        width: 16.8224299065vw;
        padding-top: 4.4859813084vw;
    }
}
@media screen and (max-width: 768px) {
    .c-link-6__img {
        width: 36.2666666667vw;
        padding-top: 8vw;
    }
}
.c-link-6__img img {
    width: 100%;
}
.c-link-6__txt {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-link-6__txt {
        margin-top: 2.6666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1070px) {
    .c-link-6__txt .c-txt-2 {
        font-size: 1.308411215vw;
    }
}

/* ---------------------------------------------
*   brand-banner ブランドページ下部の住まいサイト導線バナー（非表示）
--------------------------------------------- */
.brand-banner {
    display: none;
    margin-inline: auto;
    padding-top: 100px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .brand-banner {
        padding-top: 14vw;
    }
}
.brand-banner > div {
    max-width: 867px;
    width: 89.3%;
    height: auto;
    aspect-ratio: 2.752/1;
    margin: auto;
}
.brand-banner > div > a {
    display: block;
}
@media screen and (min-width: 769px) {
    .brand-banner > div > a {
        transition: opacity 300ms;
    }
    .brand-banner > div > a:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-link-1
View More リンク
使用ページ:/aboutBaus/brand/・/aboutBaus/brand/rent/・/aboutBaus/caseStudy/
/Bauslabo/proplan/・/index-test.html・/index.html・/magazine/・/service/・/voice/
--------------------------------------------- */
.c-link-1 {
    font-size: 0;
    cursor: pointer;
}
.c-link-1::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #6E6F6F;
    content: "";
    z-index: 0;
}
.c-link-1--white::after {
    background-color: #fff;
}
.c-link-1--white .c-link-1__txt {
    color: #fff;
}
.c-link-1--white .c-link-1__arw::after {
    border-color: #fff;
}
.c-link-1__txt {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.045em;
    position: relative;
    display: inline-block;
    color: #6E6F6F;
    font-family: "Montserrat", sans-serif;
    transition: color 0.3s;
}
@media screen and (max-width: 768px) {
    .c-link-1__txt {
        font-size: 3.4666666667vw;
        line-height: 1.6923076923;
    }
}
@media screen and (min-width: 769px) {
    .c-link-1:hover .c-link-1__txt {
        color: #00AEBD;
        font-weight: 600;
    }
}
.c-link-1__txt--b {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 3px;
}
@media screen and (max-width: 768px) {
    .c-link-1__txt--b {
        font-size: 3.4666666667vw;
        line-height: 2;
        padding-bottom: 0;
    }
}
.c-link-1__arw {
    position: relative;
    margin-left: 23px;
}
@media screen and (max-width: 768px) {
    .c-link-1__arw {
        margin-left: 5.3333333333vw;
    }
}
.c-link-1__arw::after {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #6E6F6F;
    border-right: 1px solid #6E6F6F;
    transform: rotate(45deg);
    content: "";
    position: relative;
    right: 2px;
    transition: 0.3s;
}
@media screen and (max-width: 768px) {
    .c-link-1__arw::after {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        border-width: 0.4vw;
        right: 0.5333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-link-1:hover .c-link-1__arw::after {
        border-color: #00AEBD;
    }
}
.c-link-1__arw--down {
    margin-left: 15px;
}
@media screen and (max-width: 768px) {
    .c-link-1__arw--down {
        margin-left: 3.2vw;
    }
}
.c-link-1__arw--down::after {
    bottom: 2px;
    transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
    .c-link-1__arw--down::after {
        bottom: 0.5333333333vw;
    }
}
.c-link-1__search {
    width: 20px;
    display: inline-block;
    margin-left: 24px;
    position: relative;
    top: 5px;
}
@media screen and (max-width: 768px) {
    .c-link-1__search {
        width: 3.7333333333vw;
        margin-left: 3.4666666667vw;
        top: 0.8vw;
    }
}
.c-link-1__search svg {
    width: 100%;
}
.c-link-1__search path {
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .c-link-1:hover .c-link-1__search path {
        fill: #00AEBD;
    }
}
.c-link-1__target {
    width: 14px;
    display: inline-block;
    margin-left: 11px;
    position: relative;
    top: 2px;
}
@media screen and (max-width: 768px) {
    .c-link-1__target {
        width: 3.7333333333vw;
        top: 0.8vw;
        margin-left: 3.7333333333vw;
    }
}
.c-link-1__target svg {
    width: 100%;
}
.c-link-1__target path {
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .c-link-1:hover .c-link-1__target path {
        fill: #00AEBD;
    }
}
.c-link-1.line-anim1::before {
    transition-delay: 0.3s;
}

/* ---------------------------------------------
*   c-link-3
対象店舗一覧 リンク
* 使用ページ:/owners/livinghouse/
--------------------------------------------- */
.c-link-3 {
    display: inline-block;
    position: relative;
    font-size: 16px;
    padding-right: 30px;
    border-bottom: 1px solid #6E6F6F;
    padding-bottom: 8px;
    color: #6E6F6F;
}
@media screen and (min-width: 769px) {
    .c-link-3 {
        transition: opacity 300ms;
    }
    .c-link-3:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-link-3 {
        font-size: 3.7333333333vw;
        padding-right: 5.3333333333vw;
        padding-bottom: 1.0666666667vw;
    }
}
.c-link-3::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    right: 3px;
    top: 13px;
    transform: translate(0, -50%);
    background: url(/shared/img/common/icon_target_black.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-link-3::before {
        width: 3.7333333333vw;
        height: 3.7333333333vw;
        right: 0.8vw;
        top: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-link-7
アンカーリンク
使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-link-7 {
    display: flex;
    justify-content: center;
    max-width: 1030px;
    margin: 0 auto;
}
.c-link-7__item {
    width: 330px;
    height: 198px;
    background-color: #F8F9F9;
}
@media screen and (max-width: 1070px) {
    .c-link-7__item {
        width: 30.8411214953vw;
        height: 18.5046728972vw;
    }
}
@media screen and (max-width: 768px) {
    .c-link-7__item {
        width: 25.8666666667vw;
        height: 29.8666666667vw;
    }
}
.c-link-7__item:nth-of-type(n+2) {
    margin-left: 1.9417475728%;
}
@media screen and (max-width: 768px) {
    .c-link-7__item:nth-of-type(n+2) {
        margin-left: 1.3333333333vw;
    }
}
.c-link-7__link {
    display: block;
    height: 100%;
    padding: 60px 1em 0;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-link-7__link {
        transition: opacity 300ms;
    }
    .c-link-7__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 1070px) {
    .c-link-7__link {
        padding: 18.1818181818% 1em 0;
    }
}
@media screen and (max-width: 768px) {
    .c-link-7__link {
        padding: 5.3333333333vw 0;
    }
}
.c-link-7__link::before {
    content: "";
    position: absolute;
    bottom: 13.3333333333%;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 3.6363636364%;
    height: 10.101010101%;
    background: url("/shared/img/common/icon_arr.svg") 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-link-7__link::before {
        bottom: 6.1333333333vw;
        width: 2.4vw;
        height: 4vw;
    }
}
.c-link-7__txt {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
@media screen and (max-width: 1070px) {
    .c-link-7__txt {
        font-size: 2.0560747664vw;
    }
}
@media screen and (max-width: 768px) {
    .c-link-7__txt {
        font-size: 3.2vw;
        letter-spacing: -0.05em;
    }
}

/* ---------------------------------------------
*   c-list-2
建設地・総戸数・竣工年月のためのリスト
使用ページ:/aboutBaus/brand/rent/
--------------------------------------------- */
.c-list-2__item {
    display: flex;
}
.c-list-2__term {
    width: 86px;
    padding-right: 5px;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-list-2__term {
        width: 22.9333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-2__term--small {
        width: 16vw;
    }
}
.c-list-2__desc {
    width: calc(100% - 86px);
}
@media screen and (max-width: 768px) {
    .c-list-2__desc {
        width: calc(100% - 22.933vw);
    }
}
@media screen and (max-width: 768px) {
    .c-list-2__desc--small {
        width: calc(100% - 16vw);
    }
}

/* ---------------------------------------------
*   c-list-4
通常リスト(画面下部補足)
使用ページ:/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-list-4__item .c-txt-18 {
    padding-left: 15px;
    text-indent: -15px;
}
@media screen and (max-width: 768px) {
    .c-list-4__item .c-txt-18 {
        padding-left: 4vw;
        text-indent: -4vw;
    }
}
.safari .c-list-4__item .c-txt-18 {
    padding-left: 10px;
    text-indent: -10px;
}
@media screen and (max-width: 768px) {
    .safari .c-list-4__item .c-txt-18 {
        padding-left: 2.6666666667vw;
        text-indent: -2.6666666667vw;
    }
}

@media screen and (max-width: 768px) {
    .androidphone .c-list-4__item .c-txt-18 {
        padding-left: 2.6666666667vw;
        text-indent: -2.6666666667vw;
    }
}

.c-list-4__item .c-txt-18 .mark {
    padding-right: 2px;
}
@media screen and (max-width: 768px) {
    .c-list-4__item .c-txt-18 .mark {
        padding-right: 1.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-6
モーダル内リスト(現在非表示)
* 使用ページ:/aboutBaus/brand/rent/
--------------------------------------------- */
.c-list-6__item {
    display: flex;
    margin-top: 17px;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 39px;
    border-bottom: 1px solid #ECEEEF;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-list-6__item {
        margin-top: 4vw;
        padding-bottom: 3.4666666667vw;
        padding-left: 4vw;
        padding-right: 3.7333333333vw;
        font-size: 3.2vw;
        letter-spacing: 0.025em;
        line-height: 1.8;
    }
}
.c-list-6--head .c-list-6__item {
    margin-top: 0;
    padding-bottom: 22px;
    border-color: #C1C6CB;
    font-weight: 700;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-list-6--head .c-list-6__item {
        padding-bottom: 3.4666666667vw;
    }
}
.c-list-6__name {
    width: 37.2670807453%;
    padding-right: 10px;
}
@media screen and (max-width: 768px) {
    .c-list-6__name {
        width: 36.563071298%;
        padding-right: 8.5333333333vw;
    }
}
.c-list-6__address {
    width: 39.2546583851%;
}
@media screen and (max-width: 768px) {
    .c-list-6__address {
        width: 36.7458866545%;
    }
}
.c-list-6__num {
    width: 7.950310559%;
    text-align: right;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .c-list-6__num {
        width: 9.323583181%;
    }
}
.c-list-6__date {
    width: 15.5279503106%;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-list-6__date {
        width: 17.3674588665%;
    }
}

/* ---------------------------------------------
*   c-list-8
通常リスト(※付き)
使用ページ:/service/sumaiSupport/・/service/clubOff/・/service/equipmentGuarantee/
--------------------------------------------- */
.c-list-8__item {
    display: flex;
    gap: 0 2px;
    font-size: 14px;
    line-height: 1.7142857143;
    letter-spacing: 0.025em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-list-8__item {
        gap: 0 0.5333333333vw;
        font-size: 2.9333333333vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-list-8__asterisk {
    padding-right: 1px;
}
@media screen and (max-width: 768px) {
    .c-list-8__asterisk {
        padding-right: 0.2666666667vw;
    }
}
.safari .c-list-8__asterisk {
    margin-top: -1px;
}
@media screen and (max-width: 768px) {
    .safari .c-list-8__asterisk {
        margin-top: -0.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-list-10
通常リスト(・付きリスト)
使用ページ:/aboutBaus/media/・/terms/link.html
--------------------------------------------- */
.c-list-10 {
    margin-top: 14px;
}
@media screen and (max-width: 768px) {
    .c-list-10 {
        margin-top: 3.4666666667vw;
    }
}
.c-list-10__item {
    display: flex;
    gap: 0 2px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    margin-top: 8px;
}
@media screen and (max-width: 768px) {
    .c-list-10__item {
        gap: 0 0.5333333333vw;
        font-size: 3.7333333333vw;
        line-height: 1.8;
        margin-top: 2.4vw;
    }
}
.c-list-10__item:first-of-type {
    margin-top: 0;
}
@media screen and (min-width: 769px) {
    .c-list-10--02 .c-list-10__item {
        margin-top: 2.1052631579%;
    }
}
.c-list-10__dot {
    font-weight: 700;
}
.c-list-10__txt-s {
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    .c-list-10__txt-s {
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-list-12
通常リスト(下線付き)
使用ページ:/terms/attribute.html
--------------------------------------------- */
.c-list-12__item {
    height: 65px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C1C6CB;
}
@media screen and (max-width: 768px) {
    .c-list-12__item {
        height: 21.3333333333vw;
        flex-direction: column;
        justify-content: center;
        border-width: 0.2666666667vw;
        padding-left: 2.1333333333vw;
    }
}
.c-list-12__item .c-txt-4 {
    padding-left: 24px;
}
@media screen and (max-width: 768px) {
    .c-list-12__item .c-txt-4 {
        width: 100%;
        padding-left: 0;
        margin-top: 1.3333333333vw;
    }
}
.c-list-12__item .c-txt-4:first-of-type {
    width: 330px;
}
@media screen and (max-width: 768px) {
    .c-list-12__item .c-txt-4:first-of-type {
        width: 100%;
        margin-top: 0;
    }
}

/* ---------------------------------------------
*   c-list-14
エレベーター要素部分リスト
使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-list-14__item-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 16px;
    margin-bottom: 9px;
    position: relative;
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    letter-spacing: 0.02em;
    font-weight: 300;
    color: #6E6F6F;
}
.c-list-14__item-link.is-current::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: calc(100% + 1px);
    height: 1px;
    background-color: #00AEBD;
}

/* ---------------------------------------------
*   c-list-1
NEWSリスト
使用ページ:/index.html・/news/・/index-test.html
--------------------------------------------- */
.c-list-1 {
    border-top: 1px solid #D1D1D0;
}
.c-list-1__item {
    border-bottom: 1px solid #D1D1D0;
}
.c-list-1__link {
    padding: 27px 60px 22px;
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .c-list-1__link {
        flex-wrap: wrap;
        align-items: center;
        padding: 8vw 3.2vw 5.8666666667vw;
    }
}
.c-list-1__link--pdf .c-list-1__txt .c-txt-1::after {
    width: 24px;
    height: 24px;
    background-image: url(/shared/img/common/icon_pdf_bl.svg);
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    position: relative;
    top: 6px;
    margin-left: 3px;
}
@media screen and (max-width: 768px) {
    .c-list-1__link--pdf .c-list-1__txt .c-txt-1::after {
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        top: 1.0666666667vw;
        margin-left: 0.8vw;
    }
}
.c-list-1__link--target .c-list-1__txt .c-txt-1::after {
    width: 18px;
    height: 18px;
    background-image: url(/shared/img/common/icon_target_black.svg);
    background-size: 100% 100%;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 3px;
}
@media screen and (max-width: 768px) {
    .c-list-1__link--target .c-list-1__txt .c-txt-1::after {
        width: 3.7333333333vw;
        height: 3.7333333333vw;
        top: 0.5333333333vw;
        margin-left: 0.8vw;
    }
}
.c-list-1__link--no-event {
    pointer-events: none;
}
.c-list-1__day {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-family: "Montserrat", sans-serif;
    color: #929393;
    flex-shrink: 0;
    margin-right: 34px;
    width: 85px;
}
@media screen and (max-width: 768px) {
    .c-list-1__day {
        font-size: 3.2vw;
        margin-right: 6.4vw;
        width: 19.2vw;
    }
}
.c-list-1__label {
    display: block;
    margin-right: 50px;
    flex-shrink: 0;
    font-size: 0;
}
@media screen and (max-width: 768px) {
    .c-list-1__label {
        margin-right: 0;
    }
}
.c-list-1__txt {
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-list-1__txt {
        top: -2px;
    }
}
@media screen and (max-width: 768px) {
    .c-list-1__txt {
        width: 100%;
        margin-top: 1.0666666667vw;
    }
}
.c-list-1__txt .c-txt-1 {
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .c-list-1__link:hover .c-list-1__txt .c-txt-1 {
        font-weight: 700;
        color: #00AEBD;
    }
}

/* ---------------------------------------------
*   c-list-3
通常リスト(Magazine)
使用ページ:/index-test.html・/index.html
--------------------------------------------- */
.c-list-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 34px 2.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-list-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 6.9333333333vw 4.2666666667vw;
    }
}
.c-list-3__item .c-box-1__sentence {
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-list-3__item .c-box-1__sentence {
        margin-top: 1.3333333333vw;
    }
}
.c-list-3__item .c-box-1__txt {
    margin-top: 7px;
    padding-right: 0;
}
@media screen and (max-width: 768px) {
    .c-list-3__item .c-box-1__txt {
        margin-top: 0.2666666667vw;
    }
}
.c-list-3__item .c-box-1__img-txt {
    letter-spacing: 0.045em;
    font-family: "Montserrat", sans-serif;
}
.c-list-3__item .c-txt-7 {
    color: #6E6F6F;
}
@media screen and (max-width: 768px) {
    .c-list-3__item .c-txt-7 {
        color: #1A1A1A;
        letter-spacing: 0.08em;
    }
}

/* ---------------------------------------------
*   c-list-5
ロゴリスト
使用ページ:/index-test.html/・/index.html
--------------------------------------------- */
.c-list-5 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 32px;
}
@media screen and (max-width: 768px) {
    .c-list-5 {
        display: block;
        width: 100%;
    }
}
.c-list-5__item {
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-list-5__item:nth-of-type(n+2) {
        margin-top: 5.3333333333vw;
    }
}
.c-list-5__link {
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .c-list-5__link:hover {
        opacity: 0.45;
    }
}

/* ---------------------------------------------
*   c-list-7
吹き出しコメントリスト
使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-list-7__item:nth-of-type(n+2) {
    margin-top: 206px;
}
@media screen and (max-width: 768px) {
    .c-list-7__item:nth-of-type(n+2) {
        margin-top: 16.5333333333vw;
    }
}
.c-list-7__ttl {
    display: flex;
}
.c-list-7__ttl-icon {
    width: 40px;
    flex-shrink: 0;
    margin-right: 20px;
    padding-top: 10px;
    display: block;
}
@media screen and (max-width: 768px) {
    .c-list-7__ttl-icon {
        width: 9.0666666667vw;
        margin-right: 4.2666666667vw;
        padding-top: 2.1333333333vw;
    }
}
.c-list-7__ttl-icon img {
    width: 100%;
}
.c-list-7__ttl-txt {
    display: block;
    padding-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-list-7__ttl-txt {
        padding-top: 1.0666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-7__ttl-txt .c-txt-5 {
        line-height: 1.5;
    }
}
@media screen and (max-width: 768px) {
    .c-list-7__ttl-txt .c-txt-3 {
        font-size: 3.2vw;
        line-height: 2.25;
    }
}
.c-list-7__sub-list {
    display: flex;
    justify-content: space-between;
    gap: 0 10px;
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-list {
        display: block;
        margin-top: 7.4666666667vw;
    }
}
.c-list-7__sub-item {
    max-width: 320px;
    border: 2px solid #577B89;
    border-radius: 10px;
    padding: 30px;
    position: relative;
}
@media screen and (max-width: 1020px) {
    .c-list-7__sub-item {
        width: 32.6530612245%;
    }
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item {
        max-width: none;
        margin-left: auto;
        width: 79.2vw;
        border-radius: 2.6666666667vw;
        border-width: 0.5333333333vw;
        padding: 3.4666666667vw 5.0666666667vw 3.2vw 10.9333333333vw;
        min-height: 41.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item:nth-of-type(n+2) {
        margin-top: 7.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--sp-left {
        margin-left: 0;
        padding: 3.4666666667vw 10.9333333333vw 3.2vw 5.0666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--sp-left .c-list-7__img {
        left: auto;
        right: -10.6666666667vw;
    }
}
.c-list-7__sub-item--02 .c-list-7__img {
    width: 210px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--02 .c-list-7__img {
        width: 39.2vw;
    }
}
.c-list-7__sub-item--03 .c-list-7__img {
    width: 138px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--03 .c-list-7__img {
        width: 25.3333333333vw;
    }
}
.c-list-7__sub-item--04 .c-list-7__img {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--04 .c-list-7__img {
        width: 27.7333333333vw;
    }
}
.c-list-7__sub-item--05 .c-list-7__img {
    width: 172px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--05 .c-list-7__img {
        width: 32vw;
    }
}
.c-list-7__sub-item--06 .c-list-7__img {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--06 .c-list-7__img {
        width: 27.7333333333vw;
    }
}
.c-list-7__sub-item--07 .c-list-7__img {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--07 .c-list-7__img {
        width: 27.7333333333vw;
    }
}
.c-list-7__sub-item--08 .c-list-7__img {
    width: 176px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--08 .c-list-7__img {
        width: 32.5333333333vw;
    }
}
.c-list-7__sub-item--09 .c-list-7__img {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-list-7__sub-item--09 .c-list-7__img {
        width: 27.7333333333vw;
    }
}
.c-list-7__txt-wrap .c-txt-1--b {
    display: inline;
}
.c-list-7__txt {
    font-size: 13px;
    line-height: 2.4615384615;
}
@media screen and (max-width: 768px) {
    .c-list-7__txt {
        font-size: 3.2vw;
        line-height: 2.0833333333;
        letter-spacing: 0.025em;
    }
}
.c-list-7__img {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: -119px;
    width: 138px;
}
@media screen and (max-width: 768px) {
    .c-list-7__img {
        bottom: -0.5333333333vw;
        right: auto;
        left: -15.4666666667vw;
        transform: translateX(0);
        width: 25.3333333333vw;
    }
}
.c-list-7__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-list-9
タイル状リスト
使用ページ:/aboutBaus/
--------------------------------------------- */
.c-list-9 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}
@media screen and (max-width: 1024px) {
    .c-list-9 {
        display: block;
    }
}
.c-list-9__item {
    background-image: url(/shared/img/aboutBaus/bg_about.png);
    background-size: cover;
    aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
    .c-list-9__item {
        width: 89.3333333333vw;
        margin: 0 auto;
        margin-top: 2.6666666667vw;
    }
}
.c-list-9__item--brand {
    background-image: url(/shared/img/aboutBaus/bg_brand.jpg);
}
.c-list-9__item--history {
    background-image: url(/shared/img/aboutBaus/bg_history.jpg);
}
.c-list-9__item--sustainability {
    background-image: url(/shared/img/aboutBaus/bg_sustainability.jpg);
}
.c-list-9__item--gallery {
    background-image: url(/shared/img/aboutBaus/bg_gallery.jpg);
}
.c-list-9__item--quality {
    background-image: url(/shared/img/aboutBaus/bg_quality.jpg);
}
.c-list-9__item--case {
    background-image: url(/shared/img/aboutBaus/bg_case.jpg);
}
.c-list-9__content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 10px 20px;
}
@media screen and (max-width: 1024px) {
    .c-list-9__content {
        padding: 0;
    }
}
.c-list-9__content-txt {
    font-size: 18px;
    line-height: 3;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 1300px) {
    .c-list-9__content-txt {
        font-size: 12px;
    }
}
@media screen and (max-width: 1024px) {
    .c-list-9__content-txt {
        font-size: 3.7333333333vw;
        line-height: 2.5;
        position: relative;
        top: 0.5333333333vw;
        right: 9.6vw;
    }
}
.c-list-9__link {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 30px;
    padding-bottom: 23px;
}
@media screen and (max-width: 1024px) {
    .c-list-9__link {
        padding: 0;
        padding-bottom: 6.4vw;
    }
}
.c-list-9__link::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(73, 73, 73, 0.09) 43.35%, rgba(84, 84, 84, 0) 100%);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: scale(-1, -1);
    transition: 0.3s;
    pointer-events: none;
}
@media screen and (max-width: 1024px) {
    .c-list-9__link::before {
        background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(73, 73, 73, 0.09) 72.41%, rgba(84, 84, 84, 0) 100%);
    }
}
@media screen and (min-width: 1025px) {
    .c-list-9__link:hover::before {
        opacity: 0.2;
    }
}
.c-list-9__sentence {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 1;
    max-width: 345px;
}
@media screen and (max-width: 1024px) {
    .c-list-9__sentence {
        max-width: none;
        width: 73.3333333333vw;
        margin: 0 auto;
    }
}
.c-list-9__lead-ja {
    font-size: 13px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
}
@media screen and (max-width: 1024px) {
    .c-list-9__lead-ja {
        font-size: 3.2vw;
        line-height: 1.8333333333;
    }
}
.c-list-9__lead-en {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    margin-top: 4px;
}
@media screen and (max-width: 1024px) {
    .c-list-9__lead-en {
        font-size: 5.3333333333vw;
        line-height: 1.5;
        letter-spacing: 0.06em;
        margin-top: 0.2666666667vw;
    }
}
.c-list-9__txt {
    margin-top: 13px;
}
@media screen and (max-width: 1024px) {
    .c-list-9__txt {
        margin-top: 2.6666666667vw;
    }
}
.c-list-9__txt .c-txt-3 {
    color: #fff;
}
@media screen and (max-width: 1024px) {
    .c-list-9__txt .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
    }
}

/* ---------------------------------------------
*   c-list-11
通常リスト(価値)
使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-list-11__item {
    display: flex;
    padding: 69px 0 47px;
    border-bottom: 1px solid #C1C6CB;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-list-11__item {
        display: block;
        padding: 10.6666666667vw 0 6.4vw;
    }
}
.c-list-11__item hr {
    position: absolute;
    top: 0;
}
.c-list-11__lead {
    flex-shrink: 0;
    width: 275px;
}
@media screen and (max-width: 768px) {
    .c-list-11__lead {
        width: 100%;
    }
}
.c-list-11__lead-txt {
    font-size: 28px;
    line-height: 1.8571428571;
    letter-spacing: 0.03em;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .c-list-11__lead-txt {
        font-size: 5.8666666667vw;
        line-height: 1.9545454545;
        letter-spacing: 0.04em;
    }
}
.c-list-11__sentence {
    padding-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-list-11__sentence {
        padding-top: 0;
        margin-top: 5.3333333333vw;
    }
}
.c-list-11__sentence-lead .c-txt-9 {
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-list-11__sentence-lead .c-txt-9 {
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
    }
}
.c-list-11__sentence-txt {
    margin-top: 26px;
}
@media screen and (max-width: 768px) {
    .c-list-11__sentence-txt {
        margin-top: 5.0666666667vw;
    }
}
.c-list-11__sentence-txt .c-txt-1 {
    line-height: 2.5;
}
@media screen and (min-width: 769px) {
    .c-list-11__sentence-txt .c-txt-1 {
        font-size: clamp(14px, 1.8205461638vw, 16px);
    }
}
@media screen and (max-width: 768px) {
    .c-list-11__sentence-txt .c-txt-1 {
        line-height: 1.7857142857;
    }
}

/* ---------------------------------------------
*   c-list-13
リスト(画像)
使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-list-13 {
    display: grid;
    gap: 0 3.0612244898%;
    grid-template-columns: repeat(var(--col), 1fr);
}
@media screen and (max-width: 768px) {
    .c-list-13 {
        display: block;
    }
}
.c-list-13--2col {
    --col: 2;
}
.c-list-13--2col .c-list-13__item {
    padding: 110px 20px;
}
@media screen and (max-width: 768px) {
    .c-list-13--2col .c-list-13__item {
        padding: 12.8vw 12.8vw 13.6vw;
    }
}
.c-list-13--2col .c-list-13__logo {
    width: 325px;
    margin: 0 auto;
    margin-top: 18px;
}
@media screen and (max-width: 768px) {
    .c-list-13--2col .c-list-13__logo {
        width: 53.3333333333vw;
        margin-top: 4vw;
    }
}
.c-list-13--2col .c-list-13__logo img {
    width: 100%;
}
.c-list-13--2col .c-list-13__txt {
    margin-top: 31px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-list-13--2col .c-list-13__txt {
        margin-top: 7.2vw;
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-list-13--2col .c-list-13__txt .c-txt-1 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-list-13--3col {
    --col: 3;
}
.c-list-13--3col .c-list-13__item {
    padding: 41px 20px;
}
@media screen and (max-width: 768px) {
    .c-list-13--3col .c-list-13__item {
        padding: 12.8vw 12.8vw 13.6vw;
    }
}
.c-list-13--3col .c-list-13__logo {
    width: 180px;
    margin: 0 auto;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-list-13--3col .c-list-13__logo {
        width: 48vw;
        margin-top: 1.6vw;
    }
}
.c-list-13--3col .c-list-13__txt {
    max-width: 210px;
    margin: 0 auto;
    margin-top: 21px;
}
@media screen and (max-width: 768px) {
    .c-list-13--3col .c-list-13__txt {
        max-width: none;
        margin-top: 3.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-13--3col .c-list-13__txt .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-list-13__item {
    background-color: #F8F9F9;
}
@media screen and (max-width: 768px) {
    .c-list-13__item:nth-of-type(n+2) {
        margin-top: 4.2666666667vw;
    }
}
.c-list-13__lead {
    text-align: center;
}
.c-list-13__lead .c-txt-3 {
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .c-list-13__lead .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-list-13__logo img {
    width: 100%;
}

/* ---------------------------------------------
*   c-list-15
通常リスト(社員の声)
使用ページ:/aboutBaus/quality/
--------------------------------------------- */
.c-list-15__item:nth-of-type(n+2) {
    margin-top: 79px;
    padding-top: 51px;
    border-top: 1px solid #CFD0D0;
}
@media screen and (max-width: 768px) {
    .c-list-15__item:nth-of-type(n+2) {
        margin-top: 11.4666666667vw;
        padding-top: 7.4666666667vw;
    }
}
.c-list-15__item:last-of-type {
    padding-bottom: 80px;
    border-bottom: 1px solid #CFD0D0;
}
@media screen and (max-width: 768px) {
    .c-list-15__item:last-of-type {
        padding-bottom: 12.2666666667vw;
    }
}
.c-list-15__ttl {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-list-15__ttl {
        font-size: 4.8vw;
        line-height: 1.5;
    }
}
.c-list-15__cassette {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    margin-top: 51px;
}
@media screen and (max-width: 768px) {
    .c-list-15__cassette {
        display: block;
        margin-top: 9.6vw;
    }
}
.c-list-15__cassette-img {
    max-width: 238px;
    min-width: 200px;
    flex-basis: 20.5172413793%;
    padding-top: 13px;
}
@media screen and (max-width: 768px) {
    .c-list-15__cassette-img {
        max-width: none;
        min-width: auto;
        padding-top: 0;
        width: 52.8vw;
        margin: 0 auto;
    }
}
.c-list-15__cassette-img img {
    width: 100%;
}
.c-list-15__sentence {
    max-width: 902px;
    flex-basis: 77.7586206897%;
    padding-top: 2px;
}
@media screen and (max-width: 768px) {
    .c-list-15__sentence {
        max-width: none;
        margin-top: 6.6666666667vw;
        padding-top: 0;
    }
}
.c-list-15__sentence-lead .c-txt-3 {
    margin-left: 16px;
    display: inline;
}
@media screen and (max-width: 768px) {
    .c-list-15__sentence-lead .c-txt-3 {
        margin-left: 4.2666666667vw;
        font-size: 3.4666666667vw;
        line-height: 2.2307692308;
        letter-spacing: 0;
    }
}
.c-list-15__sentence-lead .c-txt-10 {
    margin-left: 2px;
}
@media screen and (max-width: 768px) {
    .c-list-15__sentence-lead .c-txt-10 {
        margin-left: 0.5333333333vw;
    }
}
.c-list-15__sentence-txt {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-list-15__sentence-txt {
        margin-top: 4.2666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-list-15__sentence-txt .c-txt-1 {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: 0;
    }
}

/* ---------------------------------------------
*   c-list-17
通常リスト(SUPPORT)
使用ページ:/service/
--------------------------------------------- */
.c-list-17__item {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-list-17__item {
        display: block;
    }
}
.c-list-17__item:nth-of-type(n+2) {
    margin-top: 81px;
}
@media screen and (max-width: 768px) {
    .c-list-17__item:nth-of-type(n+2) {
        margin-top: 13.0666666667vw;
    }
}
.c-list-17__sentence {
    max-width: 716px;
    flex-basis: 62.8070175439%;
}
@media screen and (max-width: 768px) {
    .c-list-17__sentence {
        max-width: none;
    }
}
.c-list-17__sentence-ttl {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .c-list-17__sentence-ttl {
        font-size: 4.8vw;
        line-height: 1.7777777778;
        margin-top: 2.6666666667vw;
    }
}
.c-list-17__sentence-txt {
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .c-list-17__sentence-txt {
        margin-top: 4.8vw;
    }
}
.c-list-17__anno-wrap {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-list-17__anno-wrap {
        margin-top: 1.3333333333vw;
    }
}
.c-list-17__anno {
    font-size: 0;
}
.c-list-17__anno .c-txt-7 {
    color: #1A1A1A;
}
@media screen and (max-width: 768px) {
    .c-list-17__anno .c-txt-7 {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
    }
}
.c-list-17__img {
    max-width: 404px;
    padding-top: 4px;
    flex-basis: 35.4385964912%;
}
@media screen and (max-width: 768px) {
    .c-list-17__img {
        max-width: none;
        padding-top: 0;
        margin-top: 8vw;
    }
}
.c-list-17__cassette {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
    margin-top: 34px;
    padding: 32px 5.5865921788% 40px;
    border: 1px solid #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-list-17__cassette {
        display: block;
        margin-top: 15.2vw;
        padding: 5.6vw 8vw 7.2vw;
    }
}
.c-list-17__cassette-sentence {
    max-width: 431px;
}
@media screen and (max-width: 768px) {
    .c-list-17__cassette-sentence {
        max-width: none;
    }
}
.c-list-17__cassette-ttl {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 700;
}
@media screen and (max-width: 768px) {
    .c-list-17__cassette-ttl {
        font-size: 4vw;
    }
}
.c-list-17__cassette-list {
    margin-top: 17px;
}
@media screen and (max-width: 768px) {
    .c-list-17__cassette-list {
        margin-top: 2.4vw;
    }
}
.c-list-17__cassette-item .c-txt-3 {
    display: flex;
    line-height: 1.7857142857;
}
@media screen and (max-width: 768px) {
    .c-list-17__cassette-item .c-txt-3 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        letter-spacing: 0;
    }
}
.c-list-17__cassette-item .c-txt-3 span {
    font-size: 13px;
    line-height: 1.9230769231;
}
@media screen and (max-width: 768px) {
    .c-list-17__cassette-item .c-txt-3 span {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
    }
}
.c-list-17__cassette-img {
    max-width: 165px;
    padding-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-list-17__cassette-img {
        max-width: none;
        width: 42.4vw;
        margin: 0 auto;
        margin-top: 5.3333333333vw;
        padding-top: 0;
    }
}

/* ---------------------------------------------
*   c-list-18
リスト:モーダルトグル
使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-list-18 {
    display: flex;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-list-18 {
        margin-top: 5.8666666667vw;
    }
}
.c-card-8--1col .c-list-18 {
    justify-content: center;
    margin-top: 36px;
}
@media screen and (max-width: 768px) {
    .c-card-8--1col .c-list-18 {
        margin-top: 6.4vw;
    }
}

.c-list-18__item {
    width: 28.9%;
    box-sizing: border-box;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-18__item {
        width: 44.9%;
    }
}
.c-list-18__item:not(:last-of-type) {
    margin-right: 20px;
}
@media screen and (max-width: 768px) {
    .c-list-18__item:not(:last-of-type) {
        margin-right: 3.2vw;
    }
}
.c-card-8--1col .c-list-18__item {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-card-8--1col .c-list-18__item {
        width: 28%;
    }
}
@media screen and (max-width: 768px) {
    .c-card-8--1col .c-list-18__item:not(:last-of-type) {
        margin-right: 2.6666666667vw;
    }
}

.c-card-8--type2 .c-list-18__item {
    width: 25.8620689655%;
    max-width: 150px;
}
@media screen and (max-width: 768px) {
    .c-card-8--type2 .c-list-18__item {
        width: 31.3432835821%;
        max-width: none;
    }
}
.c-card-8--type2 .c-list-18__item:not(:last-of-type) {
    margin-right: 3.4482758621%;
}
@media screen and (max-width: 768px) {
    .c-card-8--type2 .c-list-18__item:not(:last-of-type) {
        margin-right: 2.6666666667vw;
    }
}

.c-card-8--type2 .c-list-18:has(.c-list-18__item:nth-of-type(4)) .c-list-18__item {
    width: 22.4137931034%;
    max-width: 130px;
}
@media screen and (max-width: 768px) {
    .c-card-8--type2 .c-list-18:has(.c-list-18__item:nth-of-type(4)) .c-list-18__item {
        width: 22.0895522388%;
        max-width: none;
    }
}

.c-list-18__link {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #AFB1B2;
    transition: all 0.3s;
}
@media screen and (max-width: 768px) {
    .c-list-18__link {
        padding-top: 0.5333333333vw;
        padding-bottom: 0.5333333333vw;
    }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .c-list-18__link:hover {
        background-color: #000;
    }
}
.c-list-18__txt {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-list-18__txt {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: 0.05em;
    }
}
.c-list-18__txt.pdf::after {
    content: "";
    position: relative;
    top: 6px;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    background-image: url(/shared/img/common/icon_pdf.svg);
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-list-18__txt.pdf::after {
        top: 1.0666666667vw;
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        margin-left: 0.8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-card-8--1col .c-list-18__txt {
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-list-19
* 絞り込みタグリスト
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-list-19-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 30px;
}
@media screen and (max-width: 768px) {
    .c-list-19-wrap {
        gap: 2.6666666667vw 7.7611940299%;
    }
}
.c-list-19-wrap--type2 {
    gap: 7px 21px;
}
@media screen and (max-width: 768px) {
    .c-list-19-wrap--type2 {
        gap: 2.9333333333vw 7.1641791045%;
    }
}

.c-list-19 {
    display: block;
    font-size: 0;
    line-height: 0;
}
.c-list-19:has(input[value=""]) {
    display: none;
}
.c-list-19__input {
    display: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    opacity: 0;
}
.c-list-19__txt {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.025em;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-list-19__txt {
        font-size: 3.2vw;
        line-height: 1.6666666667;
        letter-spacing: 0;
    }
}
.c-list-19-wrap--type2 .c-list-19__txt {
    font-size: 13px;
    line-height: 1.5384615385;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .c-list-19-wrap--type2 .c-list-19__txt {
        font-size: 3.4666666667vw;
    }
}

@media screen and (min-width: 769px) {
    body:not(.ipad) .c-list-19__input + .c-list-19__txt:hover {
        font-weight: 700;
        color: #00AEBD;
    }
}

.c-list-19__input:checked + .c-list-19__txt {
    font-weight: 700;
    color: #00AEBD;
}
.c-list-19__txt::before {
    content: "#";
}

/* ---------------------------------------------
*   c-modal
* モーダル
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-modal {
    max-width: 1240px;
    margin-inline: auto;
    padding-block: 86px 20px;
    padding-inline: 20px;
}
@media screen and (max-width: 768px) {
    .c-modal {
        padding-inline: 5.3333333333%;
    }
}
.c-modal__btn {
    margin-top: 60px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-modal__btn {
        margin-top: 9.6vw;
    }
}
body:has(.c-modal) .mfp-bg {
    background: #000;
    opacity: 0.7;
}

.mfp-container:has(.c-modal) {
    padding: 0;
}
@media screen and (max-width: 768px) {
    .mfp-container:has(.c-modal) {
        min-height: calc(100% + 1px);
    }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    .mfp-container:has(.c-modal) {
        align-items: flex-start;
    }
}
.mfp-container:has(.c-modal) .close-btn {
    z-index: 1;
}

/* ---------------------------------------------
*   c-pager-2
ページャー
使用ページ:/voice/article/・/magazine/article/

--------------------------------------------- */
.c-pager-2__container {
    max-width: 1240px;
    padding: 180px 20px 80px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-pager-2__container {
        max-width: none;
        padding: 21.3333333333vw 5.3333333333vw 14.6666666667vw;
        overflow: hidden;
    }
}
.c-pager-2__list {
    border-top: 1px solid #D1D1D0;
    padding-top: 100px;
    padding-bottom: 300px;
    position: relative;
}
@media screen and (max-width: 1200px) {
    .c-pager-2__list {
        padding-bottom: 24.194vw;
    }
}
@media screen and (max-width: 768px) {
    .c-pager-2__list {
        padding-top: 16vw;
        padding-bottom: 67.2vw;
    }
}
.c-pager-2__item {
    position: absolute;
    bottom: 0;
    width: 46.6666666667%;
    max-height: 300px;
}
@media screen and (max-width: 768px) {
    .c-pager-2__item {
        width: 40.5333333333vw;
        max-height: none;
        top: 16vw;
        bottom: auto;
    }
}
.c-pager-2__item--pre {
    left: 0;
}
.c-pager-2__item--next {
    right: 0;
}
.c-pager-2__link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.c-pager-2__item--pre .c-pager-2__link {
    flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
    .c-pager-2__link {
        display: block;
    }
}
.c-pager-2__img-outer {
    width: 53.5714285714%;
}
@media screen and (max-width: 768px) {
    .c-pager-2__img-outer {
        width: 100%;
        height: 40.5333333333vw;
    }
}
.c-pager-2__img {
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
}
.c-pager-2__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.24, 0.12, 0, 1), -webkit-transform 1.2s cubic-bezier(0.24, 0.12, 0, 1);
}
@media screen and (min-width: 769px) {
    .c-pager-2__link:hover .c-pager-2__img img {
        transform: scale(1.08);
    }
}
.c-pager-2__img-txt {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.18em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.45s;
}
@media screen and (min-width: 769px) {
    .c-pager-2__link:hover .c-pager-2__img-txt {
        background-color: rgba(26, 26, 26, 0.5);
        opacity: 1;
    }
}
.c-pager-2__txt-wrap {
    width: 42.8571428571%;
}
@media screen and (min-width: 769px) {
    .c-pager-2__txt-wrap {
        transition: opacity 0.5s;
    }
    .c-pager-2__link:hover .c-pager-2__txt-wrap {
        opacity: 0.45;
    }
}
@media screen and (max-width: 768px) {
    .c-pager-2__txt-wrap {
        width: 100%;
        height: 26.667vw;
        padding-top: 3.7333333333vw;
    }
}
.c-pager-2__item--pre .c-pager-2__txt-wrap {
    padding-right: 3.5714285714%;
}
@media screen and (max-width: 768px) {
    .c-pager-2__item--pre .c-pager-2__txt-wrap {
        padding-right: 0;
    }
}
.c-pager-2__item--next .c-pager-2__txt-wrap {
    padding-left: 3.5714285714%;
}
@media screen and (max-width: 768px) {
    .c-pager-2__item--next .c-pager-2__txt-wrap {
        padding-left: 0;
    }
}
.c-pager-2__lead {
    color: #6E6F6F;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.045em;
    font-weight: 600;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-pager-2__lead {
        font-size: 3.2vw;
    }
}
.c-pager-2__lead::before {
    content: "";
    position: absolute;
    top: 49%;
    width: 8px;
    height: 8px;
    border-left: 1px solid #6E6F6F;
    border-bottom: 1px solid #6E6F6F;
}
@media screen and (max-width: 768px) {
    .c-pager-2__lead::before {
        width: 2.1333333333vw;
        height: 2.1333333333vw;
    }
}
.c-pager-2__item--pre .c-pager-2__lead {
    text-align: left;
    padding-left: 27px;
}
@media screen and (max-width: 768px) {
    .c-pager-2__item--pre .c-pager-2__lead {
        padding-left: 5.6vw;
    }
}
.c-pager-2__item--pre .c-pager-2__lead::before {
    left: 6px;
    transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
    .c-pager-2__item--pre .c-pager-2__lead::before {
        left: 1.6vw;
    }
}
.c-pager-2__item--next .c-pager-2__lead {
    text-align: right;
    padding-right: 27px;
}
@media screen and (max-width: 768px) {
    .c-pager-2__item--next .c-pager-2__lead {
        padding-right: 5.6vw;
    }
}
.c-pager-2__item--next .c-pager-2__lead::before {
    right: 6px;
    transform: translateY(-50%) rotate(225deg);
}
@media screen and (max-width: 768px) {
    .c-pager-2__item--next .c-pager-2__lead::before {
        right: 1.6vw;
    }
}
.c-pager-2__cat {
    color: #6E6F6F;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 500;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-pager-2__cat {
        font-size: 3.2vw;
        margin-top: 4vw;
    }
}
.c-pager-2__txt {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-pager-2__txt {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        margin-top: 2.6666666667vw;
    }
}
.c-pager-2__back {
    background-color: #F8F9F9;
    padding: 0 60px;
}
@media screen and (max-width: 768px) {
    .c-pager-2__back {
        padding: 0 5.3333333333vw;
    }
}
.c-pager-2__back-inner {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 42px 0;
}
@media screen and (max-width: 768px) {
    .c-pager-2__back-inner {
        padding: 8.5333333333vw 0;
    }
}
.c-pager-2__back-link {
    color: #929393;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding-left: 44px;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-pager-2__back-link {
        transition: opacity 300ms;
    }
    .c-pager-2__back-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-pager-2__back-link {
        font-size: 3.7333333333vw;
        padding-left: 6.4vw;
    }
}
.c-pager-2__back-link::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 15px;
    height: 15px;
    border-left: 1px solid #929393;
    border-bottom: 1px solid #929393;
}
@media screen and (max-width: 768px) {
    .c-pager-2__back-link::before {
        left: 1.6vw;
        width: 2.1333333333vw;
        height: 2.1333333333vw;
        border-color: #6E6F6F;
    }
}

/* ---------------------------------------------
*   c-parallax-1
パララックス
使用ページ:/aboutBaus/brand/・/aboutBaus/history/
--------------------------------------------- */
.c-parallax-1 {
    height: 680px;
}
@media screen and (max-width: 768px) {
    .c-parallax-1 {
        height: 89.0666666667vw;
    }
}
.c-parallax-1::before {
    position: fixed;
    top: 84px;
    width: 100%;
    height: 100vh;
    left: 0;
    z-index: -1;
    background-image: url(/shared/img/aboutBaus/brand/img_parallax_01.jpg);
    background-size: cover;
    background-position: center;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-parallax-1::before {
        background-image: url(/shared/img/aboutBaus/brand/sp/img_parallax_01.jpg);
    }
}
.c-parallax-1.hidden::before {
    opacity: 0;
}
.c-parallax-1--02 {
    height: 650px;
}
.c-parallax-1--02::before {
    z-index: -2;
    background-image: url(/shared/img/aboutBaus/brand/img_parallax_02.jpg);
}
@media screen and (max-width: 768px) {
    .c-parallax-1--02::before {
        background-image: url(/shared/img/aboutBaus/brand/sp/img_parallax_02.jpg);
    }
}
@media screen and (max-width: 768px) {
    .c-parallax-1--02 {
        height: 89.0666666667vw;
    }
}
.c-parallax-1--03 {
    height: 300px;
}
.c-parallax-1--03::before {
    z-index: -1;
    background-image: url(/shared/img/aboutBaus/history/img_parallax_01.jpg);
}
@media screen and (max-width: 768px) {
    .c-parallax-1--03::before {
        background-image: url(/shared/img/aboutBaus/history/sp/img_parallax_01.jpg);
    }
}
@media screen and (max-width: 768px) {
    .c-parallax-1--03 {
        height: 89.0666666667vw;
    }
}
.c-parallax-1--04 {
    height: 300px;
}
.c-parallax-1--04::before {
    z-index: -2;
    background-image: url(/shared/img/aboutBaus/history/img_parallax_02.jpg);
}
@media screen and (max-width: 768px) {
    .c-parallax-1--04::before {
        background-image: url(/shared/img/aboutBaus/history/sp/img_parallax_02.jpg);
    }
}
@media screen and (max-width: 768px) {
    .c-parallax-1--04 {
        height: 89.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-2
ページのコンテンツエリアを囲うセクション（ページ共通）
使用ページ:/aboutBaus/brand/rent/・/aboutBaus/caseStudy/・/aboutBaus/history/・
/aboutBaus/・/aboutBaus/media/・/aboutBaus/quality/・/lineup/・/magazine/article/
/magazine/・/news/・/owners/2ndstorage/・/owners/kawamotobousai/
/owners/limited/・/owners/limited_pre/・/owners/livinghouse/・/service/afterService/
/service/clubOff/・/service/equipmentGuarantee/・/service/・/service/sumaiSupport/
/terms/attribute.html・/terms/link.html・/voice/article/・/voice/

--------------------------------------------- */
.c-section-2--history {
    position: relative;
    background-color: #fff;
    z-index: 2;
}
.c-section-2__container {
    padding-top: 90px;
}
@media screen and (max-width: 768px) {
    .c-section-2__container {
        padding-top: 24vw;
    }
}
.c-section-2__head {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto 150px;
}
@media screen and (max-width: 768px) {
    .c-section-2__head {
        max-width: none;
        padding: 0 5.3333333333vw;
        margin-bottom: 18.6666666667vw;
    }
}
.c-section-2__head-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-section-2__head-inner {
        display: block;
        margin-top: 2.6666666667vw;
    }
}
.c-section-2__bg {
    position: absolute;
    top: 430px;
    left: 0;
    width: 100%;
    height: calc(100% - 430px);
    background-color: #fff;
    z-index: 0;
    transition: 0.5s;
}
.c-section-2__img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 430px;
}
@media screen and (max-width: 768px) {
    .c-section-2__img {
        height: 61.3333333333vw;
    }
}
.c-section-2__img--large {
    height: 518px;
}
@media screen and (max-width: 768px) {
    .c-section-2__img--large {
        height: 61.3333333333vw;
    }
}
.c-section-2__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-section-2__img--history {
    height: auto;
}
.c-section-2__img--history img {
    width: 100%;
    height: auto;
}
.c-section-2__btn {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-2__btn {
        padding-top: 10.6666666667vw;
        padding-bottom: 10.6666666667vw;
    }
}
.c-section-2__btn--bg-colored-02 {
    background-color: #F8F9F9;
}
.c-section-2__fixed {
    position: absolute;
    top: 400px;
    left: 50px;
    transform: translateY(-50%);
}

/* ---------------------------------------------
*   c-section-4
ページのコンテンツエリアを囲うセクション（ページ共通）
使用ページ:/aboutBaus/brand/rent/・/aboutBaus/caseStudy/・/Bauslabo/・
/lineup/・/magazine/article/・/magazine/・/news/・/owners/kawamotobousai/
/owners/limited/・/owners/limited_pre/・/service/・/service/sumaiSupport/
/voice/article/・/voice/
--------------------------------------------- */
.c-section-4 {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-4 {
        margin-top: 18.6666666667vw;
    }
}
.c-section-4--bg-colored-02 {
    background-color: #F3F5F5;
    padding-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-4--bg-colored-02 {
        padding-top: 18.6666666667vw;
    }
}
.c-section-4--02 {
    margin-top: 0;
}
.c-section-4__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-4__container {
        max-width: none;
        padding: 0 5.3333333333vw;
        overflow: hidden;
    }
}
@media screen and (min-width: 1241px) {
    .c-section-4__container--02 {
        padding: 0 120px;
    }
}
@media screen and (max-width: 1240px) {
    .c-section-4__container--02 {
        padding: 0 9.677vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-4__container--02 {
        padding: 0 5.3333333333vw;
    }
}
.c-section-4--02 .c-section-4__container {
    padding-top: 108px;
    padding-bottom: 131px;
}
@media screen and (max-width: 768px) {
    .c-section-4--02 .c-section-4__container {
        padding-top: 13.8666666667vw;
        padding-bottom: 19.6266666667vw;
    }
}
.c-section-4__head {
    transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}
.c-section-4__head--flex {
    display: flex;
    align-items: flex-end;
}
@media screen and (max-width: 768px) {
    .c-section-4__head--flex {
        justify-content: space-between;
    }
}
.c-section-4__head--center {
    text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 830px) {
    .c-section-4--02 .c-section-4__head .c-ttl-8 {
        font-size: 3.6144578313vw;
    }
}
.c-section-4__head--livinghouse {
    line-height: 1.8;
    letter-spacing: 0.04em;
}
.c-section-4__body {
    margin-top: 90px;
}
@media screen and (max-width: 768px) {
    .c-section-4__body {
        margin-top: 13.3333333333vw;
    }
}
.c-section-4__head--flex + .c-section-4__body {
    margin-top: 110px;
}
@media screen and (max-width: 768px) {
    .c-section-4__head--flex + .c-section-4__body {
        margin-top: 16vw;
    }
}
.c-section-4--02 .c-section-4__body {
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-section-4--02 .c-section-4__body {
        margin-top: 6.8266666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 830px) {
    .c-section-4--02 .c-section-4__body .c-txt-10 {
        font-size: 2.1686746988vw;
    }
}
.c-section-4__border {
    width: 100%;
    height: 1px;
    background-color: #D1D1D0;
    margin-top: 90px;
}
@media screen and (max-width: 768px) {
    .c-section-4__border {
        margin-top: 8vw;
    }
}

/* ---------------------------------------------
*   c-section-6
見出し「ウォークインクローゼットで広がる多様な住空間」配下ブロック
使用ページ:/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-section-6--02 {
    margin-top: 180px;
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .c-section-6--02 {
        margin-top: 16.3636363636vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-6--02 {
        margin-top: 20vw;
    }
}
.c-section-6__head {
    text-align: center;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-section-6__head {
        padding: 0 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 850px) {
    .c-section-6__head--coreclo-1 .c-ttl-6 {
        font-size: 4.2352941176vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-section-6__head--coreclo-2 .c-ttl-6 {
        font-size: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-6__head--coreclo-2 .c-ttl-6 {
        white-space: nowrap;
    }
}
.c-section-6__body {
    margin-top: 90px;
}
@media screen and (max-width: 768px) {
    .c-section-6__body {
        margin-top: 14.4vw;
    }
}

/* ---------------------------------------------
*   c-section-8
通常セクション
使用ページ:/Bauslabo/coreclo_1/
--------------------------------------------- */
.c-section-8__container {
    max-width: 1440px;
    padding: 90px 20px 120px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-8__container {
        max-width: none;
        padding: 13.3333333333vw 1.8666666667vw 18.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-8__head {
        padding-right: 3.4666666667vw;
        padding-left: 3.4666666667vw;
    }
}
.c-section-8__ttl {
    text-align: center;
}
.c-section-8__lead {
    text-align: center;
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .c-section-8__lead {
        text-align: left;
        margin-top: 6.6666666667vw;
    }
}
.c-section-8__body {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-8__body {
        margin-top: 9.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-10
通常セクション
使用ページ:/Bauslabo/coreclo_1/
--------------------------------------------- */
.c-section-10 {
    background-color: #F3F5F5;
}
.c-section-10__container {
    max-width: 1440px;
    padding: 120px 20px 140px;
    margin: 0 auto;
}
@media screen and (max-width: 1440px) {
    .c-section-10__container {
        padding-top: 8.3333333333vw;
        padding-bottom: 9.7222222222vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__container {
        max-width: none;
        padding: 16vw 5.3333333333vw 21.3333333333vw;
    }
}
.c-section-10__inner {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-section-10__inner {
        display: block;
    }
}
.c-section-10__head {
    width: 42.2857142857%;
}
@media screen and (max-width: 768px) {
    .c-section-10__head {
        width: 100%;
    }
}
.c-section-10__txt-outer {
    width: 57.7142857143%;
}
@media screen and (max-width: 768px) {
    .c-section-10__txt-outer {
        width: 100%;
        margin-top: 9.0666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
    .c-section-10__txt-outer .c-txt-4 {
        font-size: 1.1111111111vw;
    }
}
.c-section-10__ttl {
    display: flex;
    align-items: flex-end;
    gap: 0 8px;
    margin-top: 26px;
}
@media screen and (max-width: 1440px) {
    .c-section-10__ttl {
        gap: 0 0.5555555556vw;
        margin-top: 1.8055555556vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__ttl {
        gap: 0 2.1333333333vw;
        margin-top: 2.6666666667vw;
    }
}
.c-section-10__ttl-img {
    width: 260px;
}
@media screen and (max-width: 1440px) {
    .c-section-10__ttl-img {
        width: 18.0555555556vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__ttl-img {
        width: 48vw;
    }
}
.c-section-10__ttl-txt {
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.04em;
    position: relative;
    bottom: -4px;
}
@media screen and (max-width: 1440px) {
    .c-section-10__ttl-txt {
        font-size: 2.5vw;
        bottom: -0.2777777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__ttl-txt {
        font-size: 6.9333333333vw;
        bottom: -0.5333333333vw;
    }
}
.c-section-10__sub-ttl {
    font-size: 16px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    line-height: 1.5;
}
@media screen and (max-width: 1440px) {
    .c-section-10__sub-ttl {
        font-size: 1.1111111111vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__sub-ttl {
        font-size: 3.7333333333vw;
        line-height: 1.2857142857;
    }
}
.c-section-10__body {
    margin-top: 40px;
}
@media screen and (max-width: 1440px) {
    .c-section-10__body {
        margin-top: 2.7777777778vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-10__body {
        margin-top: 6.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-12
通常セクション
使用ページ:/aboutBaus/brand/rent/
--------------------------------------------- */
.c-section-12__head {
    padding-bottom: 165px;
    margin-bottom: 180px;
    position: relative;
}
@media screen and (max-width: 1070px) {
    .c-section-12__head {
        padding-bottom: 15.4205607477vw;
        margin-bottom: 16.8224299065vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-12__head {
        padding-bottom: 0;
        margin-bottom: 26.6666666667vw;
    }
}
.c-section-12__ttl-outer {
    height: 100%;
    background: url("/shared/img/aboutBaus/brand/rent/img_bg.jpg") 0 0 no-repeat;
    background-size: 100% 100%;
}
.c-section-12__ttl {
    height: 365px;
    padding-top: 78px;
    text-align: center;
    background: rgba(20, 15, 5, 0.45);
}
@media screen and (max-width: 768px) {
    .c-section-12__ttl {
        height: 51.7333333333vw;
        padding-top: 16.8vw;
    }
}
.c-section-12__ttl .c-ttl-10 {
    color: #fff;
}
.c-section-12__anchor {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-section-12__anchor {
        position: static;
        transform: translateX(0);
        padding: 0 5.3333333333vw;
        margin-top: -15.2vw;
    }
}
/* ---------------------------------------------
*   c-section-14
通常セクション
使用ページ:/Bauslabo/
--------------------------------------------- */
.c-section-14 {
    background-color: #F3F5F5;
    padding-top: 123px;
    padding-bottom: 160px;
    margin-top: 200px;
}
@media screen and (max-width: 768px) {
    .c-section-14 {
        padding-top: 16.8vw;
        padding-bottom: 21.3333333333vw;
        margin-top: 22.4vw;
    }
}
.c-section-14__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-14__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-14__head {
    text-align: center;
}
.c-section-14__ttl {
    margin-top: 3px;
}
@media screen and (max-width: 768px) {
    .c-section-14__ttl {
        margin-top: 1.8666666667vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 850px) {
    .c-section-14__ttl .c-ttl-18 {
        font-size: 3.7647058824vw;
    }
}
.c-section-14__lead {
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-section-14__lead {
        text-align: left;
        margin-top: 6.1333333333vw;
        padding-left: 7.4666666667vw;
        padding-right: 7.2vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 850px) {
    .c-section-14__lead .c-txt-4 {
        font-size: 1.8823529412vw;
        white-space: nowrap;
    }
}
.c-section-14__body {
    margin-top: 92px;
}
@media screen and (max-width: 768px) {
    .c-section-14__body {
        margin-top: 14.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-16
通常セクション
使用ページ:/service/sumaiSupport/
--------------------------------------------- */
.c-section-16 {
    margin-top: 112px;
}
@media screen and (max-width: 768px) {
    .c-section-16 {
        margin-top: 13.8666666667vw;
    }
}
.c-section-16__head {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-16__head {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 860px) {
    .c-section-16__head .c-ttl-7 {
        font-size: 3.7209302326vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-16__head .c-ttl-7 {
        text-align: left;
    }
}
@media screen and (min-width: 769px) and (max-width: 865px) {
    .safari .c-section-16__head .c-ttl-7 {
        font-size: 3.6994219653vw;
    }
}

.c-section-16__img-wrap {
    margin-top: 72px;
    padding-top: 77px;
    padding-bottom: 62px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-section-16__img-wrap {
        margin-top: 11.4666666667vw;
        padding-top: 0;
        padding-bottom: 0;
        position: static;
    }
}
.c-section-16__bg {
    width: 100%;
    height: 23.4375vw;
    background: url("/shared/img/service/sumaiSupport/img_bg.png") 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-section-16__bg {
        margin-top: -18.6666666667vw;
        height: 69.8666666667vw;
        background-image: url("/shared/img/service/sumaiSupport/sp/img_bg.png");
    }
}
.c-section-16__img-outer {
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
    .c-section-16__img-outer {
        max-width: none;
        padding: 0 4vw 0 2.6666666667vw;
        position: static;
        transform: translateX(0);
    }
}
.c-section-16__img {
    width: 51.5833333333%;
    margin-left: 9px;
}
@media screen and (max-width: 1350px) {
    .c-section-16__img {
        width: 45.8518518519vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-16__img {
        width: 100%;
        margin-left: 0;
    }
}
.c-section-16__img img {
    width: 100%;
}
.c-section-16__body {
    max-width: 1240px;
    padding: 0 20px;
    margin: 88px auto 0;
}
@media screen and (max-width: 768px) {
    .c-section-16__body {
        max-width: none;
        padding: 0 5.3333333333vw;
        margin-top: 13.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-18
通常セクション
使用ページ:/service/sumaiSupport/
--------------------------------------------- */
.c-section-18 {
    margin-top: 88px;
}
@media screen and (max-width: 768px) {
    .c-section-18 {
        margin-top: 16.5333333333vw;
    }
}
.c-section-18--bg-colored {
    background-color: #F3F5F5;
    margin-top: 134px;
    padding: 118px 0 144px;
}
@media screen and (max-width: 768px) {
    .c-section-18--bg-colored {
        margin-top: 22.4vw;
        padding: 16.5333333333vw 0 20vw;
    }
}
.c-section-18__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-18__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-18__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-18__head--spleft {
        text-align: left;
    }
}
.c-section-18__body {
    margin-top: 68px;
}
@media screen and (max-width: 768px) {
    .c-section-18__body {
        margin-top: 8.5333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-18__body--02 {
        margin-top: 11.2vw;
    }
}
.c-section-18__note {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-section-18__note {
        margin-top: 10.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-20
通常セクション
使用ページ:/service/equipmentGuarantee/
--------------------------------------------- */
.c-section-20 {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-20 {
        margin-top: 13.8666666667vw;
    }
}
.c-section-20__head {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-section-20__head {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 920px) {
    .c-section-20__head-ttl .c-ttl-7 {
        font-size: 3.4782608696vw;
        white-space: nowrap;
    }
}
.c-section-20__head-txt {
    margin-top: 31px;
}
@media screen and (max-width: 768px) {
    .c-section-20__head-txt {
        margin-top: 6.9333333333vw;
    }
}
.c-section-20__head-txt-note {
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .c-section-20__head-txt-note {
        margin-top: 0.8vw;
    }
}
.c-section-20__body {
    margin-top: 94px;
}
@media screen and (max-width: 768px) {
    .c-section-20__body {
        margin-top: 14.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-22
セクション
使用ページ:/service/clubOff/
--------------------------------------------- */
.c-section-22 {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-22 {
        margin-top: 13.8666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-22__container {
        padding: 0 5.3333333333vw;
    }
}
.c-section-22__head {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-22__head {
        max-width: none;
        padding: 0;
    }
}
.c-section-22__head .ls {
    letter-spacing: -0.7em;
}
@media screen and (min-width: 769px) and (max-width: 1110px) {
    .c-section-22__head-ttl .c-ttl-7 {
        font-size: 2.8828828829vw;
        white-space: nowrap;
    }
}
.c-section-22__head-txt {
    margin-top: 31px;
}
@media screen and (max-width: 768px) {
    .c-section-22__head-txt {
        margin-top: 6.9333333333vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
    .c-section-22__head-txt .c-txt-10 {
        font-size: 1.8367346939vw;
    }
}
.c-section-22__body {
    margin-top: 131px;
}
@media screen and (max-width: 768px) {
    .c-section-22__body {
        margin-top: 13.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-24
セクション
使用ページ:/service/clubOff/
--------------------------------------------- */
.c-section-24 {
    margin: 160px 0 154px;
}
@media screen and (max-width: 768px) {
    .c-section-24 {
        margin: 23.2vw 0 21.3333333333vw;
    }
}
.c-section-24__container {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-24__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-24__head {
    position: relative;
    padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
    .c-section-24__head {
        padding-bottom: 5.6vw;
    }
}
.c-section-24__head::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #D1CCAC;
}
@media screen and (max-width: 768px) {
    .c-section-24__head::before {
        width: 37.3333333333vw;
        height: 0.2666666667vw;
    }
}
.c-section-24__body {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-24__body {
        margin-top: 8vw;
    }
}
.c-section-24__note {
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-24__note {
        margin-bottom: 13.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-26
セクション
使用ページ:/service/clubOff/
--------------------------------------------- */
.c-section-26 {
    padding: 130px 0 144px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-26 {
        padding: 18.6666666667vw 0 20vw;
    }
}
.c-section-26__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-26__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-26__head-ttl {
    text-align: center;
}
.c-section-26__head-txt {
    margin-top: 42px;
}
@media screen and (max-width: 768px) {
    .c-section-26__head-txt {
        margin-top: 6.6666666667vw;
    }
}
.c-section-26__body {
    margin-top: 72px;
}
@media screen and (max-width: 768px) {
    .c-section-26__body {
        margin-top: 12vw;
    }
}
.c-section-26__note {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-section-26__note {
        margin-top: 4vw;
    }
}

/* ---------------------------------------------
*   c-section-28
通常セクション
使用ページ:/terms/attribute.html・/terms/link.html
--------------------------------------------- */
.c-section-28__container {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-28__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-28__lead {
    margin-bottom: 72px;
}
@media screen and (max-width: 768px) {
    .c-section-28__lead {
        margin-bottom: 14.4vw;
    }
}
.c-section-28__list {
    margin-top: 72px;
}
@media screen and (max-width: 768px) {
    .c-section-28__list {
        margin-top: 14.4vw;
    }
}

/* ---------------------------------------------
*   c-section-30
通常セクション
使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-section-30 {
    margin-top: 180px;
}
@media screen and (max-width: 768px) {
    .c-section-30 {
        margin-top: 22.4vw;
    }
}
.c-section-30--tvcm {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-30--tvcm {
        margin-top: 16vw;
    }
}
.c-section-30--interview {
    margin-top: 200px;
}
@media screen and (max-width: 768px) {
    .c-section-30--interview {
        margin-top: 23.4666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-30--cast {
        margin-top: 180px;
    }
}
.c-section-30--movie {
    margin-top: 180px;
    padding: 120px 0 131px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-30--movie {
        margin-top: 20.8vw;
        padding: 18.6666666667vw 0 19.7333333333vw;
    }
}
.c-section-30__container {
    max-width: 1340px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-30__container {
        max-width: none;
        padding: 0 5.3333333333vw;
        overflow: hidden;
    }
}
.c-section-30__container--wide {
    max-width: none;
    padding: 0;
    margin: 0;
}
.c-section-30__head {
    text-align: center;
}
.c-section-30__sub-ttl {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-section-30__sub-ttl {
        margin-top: 3.7333333333vw;
    }
}
.c-section-30__body {
    margin-top: 100px;
}
.c-section-30__body--tvcmb {
    display: flex;
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-30__body--tvcmb {
        margin-top: 50px;
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    .c-section-30__body {
        margin-top: 10.6666666667vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-30--interview .c-section-30__body {
        margin-top: 80px;
    }
}
.c-section-30--making .c-section-30__body {
    position: relative;
    margin-top: 30px;
    padding: 0;
}
@media screen and (max-width: 768px) {
    .c-section-30--making .c-section-30__body {
        margin-top: 4vw;
    }
}
.c-section-30--making .c-section-30__body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 920px;
    background-image: url(/shared/img/aboutBaus/media/bg_making.png);
    background-size: 1600px 920px;
    background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
    .c-section-30--making .c-section-30__body::before {
        height: 91.7333333333vw;
        background-image: url(/shared/img/index/bg_lineup.png);
        background-size: cover;
    }
}
.c-section-30--concept .c-section-30__body {
    margin-top: 92px;
}
@media screen and (max-width: 768px) {
    .c-section-30--concept .c-section-30__body {
        margin-top: 8.8vw;
    }
    .c-section-30--concept .c-section-30__body .c-txt-1 {
        line-height: 1.8;
    }
}
.c-section-30__body--narrow {
    max-width: 780px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-30__body--narrow {
        max-width: none;
    }
}
.c-section-30__lead {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-30__lead {
        margin-top: 8vw;
    }
}
.c-section-30 div.tvcm_txt_b {
    margin: 0 0 0 60px;
    width: 60%;
}
@media screen and (max-width: 768px) {
    .c-section-30 div.tvcm_txt_b {
        margin: 50px 0 0 0;
        width: 100%;
    }
}
.c-section-30 div.tvcm_txt_b h2 {
    font-size: 20px;
    margin: 0 0 30px 0;
}
.c-section-30 div.tvcm_txt_b p {
    line-height: 2.2rem;
    margin: 0 0 50px 0;
}
.c-section-30 div.tvcm_txt_b p span {
    font-size: 20px;
}
.c-section-30 p.storybord_bnr {
    text-align: center;
    margin: 100px 0 0 0;
}
@media screen and (max-width: 768px) {
    .c-section-30 p.storybord_bnr {
        margin: 20px 0 0 0;
    }
}

/* ---------------------------------------------
*   c-section-32
通常セクション
使用ページ:/magazine/article/
--------------------------------------------- */
.c-section-32 {
    margin-top: 140px;
    padding: 120px 0 140px;
    background-color: #F8F9F9;
}
@media screen and (max-width: 768px) {
    .c-section-32 {
        margin-top: 21.3333333333vw;
        padding: 18.6666666667vw 0 20vw;
    }
}
.c-section-32__container {
    max-width: 1240px;
    margin: 0 auto;
}

/* ---------------------------------------------
*   c-section-34
通常セクション
使用ページ:/owners/2ndstorage/・/owners/kawamotobousai/・/owners/livinghouse/
--------------------------------------------- */
.c-section-34 {
    margin-top: 110px;
}
@media screen and (max-width: 768px) {
    .c-section-34 {
        margin-top: 16vw;
    }
}
.c-section-34__head {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-section-34__head {
        padding: 0 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-34__head {
        max-width: none;
        padding: 0 5.3333333333vw;
        overflow: hidden;
    }
}
.c-section-34__head-sub {
    margin-top: 38px;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-34__head-sub {
        margin-top: 8vw;
    }
}
@media screen and (max-width: 1024px) {
    .c-section-34__head-sub--livinghouse .sp-hide {
        display: none;
    }
}
.c-section-34__body {
    margin-top: 130px;
}
@media screen and (max-width: 768px) {
    .c-section-34__body {
        margin-top: 18.6666666667vw;
    }
}
.c-section-34__body--kawamoto {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-34__body--kawamoto {
        margin-top: 13.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-36
通常セクション
使用ページ:/owners/kawamotobousai/・/owners/livinghouse/
--------------------------------------------- */
.c-section-36--kawamoto .c-section-36__ttl {
    display: block;
    color: #1A1A1A;
    border: none;
    font-size: 20px;
    padding: 0;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-36--kawamoto .c-section-36__ttl {
        font-size: 4.8vw;
    }
}
.c-section-36--kawamoto .c-section-36__top-txt .c-txt-1 {
    display: block;
    text-align: center;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .c-section-36--kawamoto .c-section-36__top-txt .c-txt-1 {
        letter-spacing: 0;
    }
}
@media screen and (max-width: 1024px) {
    .c-section-36--kawamoto .c-section-36__container {
        width: 100%;
    }
}
.c-section-36--kawamoto .c-section-36__box {
    margin-top: 27px;
}
@media screen and (max-width: 1024px) {
    .c-section-36--kawamoto .c-section-36__box {
        width: 500px;
        margin-inline: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-section-36--kawamoto .c-section-36__box {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .c-section-36--kawamoto .c-section-36__btn {
        width: 500px;
        margin-inline: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-section-36--kawamoto .c-section-36__btn {
        width: 100%;
    }
}
.c-section-36__ttl {
    display: inline-block;
    color: #AAAA88;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #AAAA88;
    padding-bottom: 3px;
    padding-right: 47px;
}
@media screen and (max-width: 768px) {
    .c-section-36__ttl {
        font-size: 4.2666666667vw;
        border-bottom: 1px solid #AAAA88;
        padding-bottom: 0.8vw;
        padding-right: 13.3333333333vw;
    }
}
.c-section-36__body {
    margin-top: 23px;
}
@media screen and (max-width: 768px) {
    .c-section-36__body {
        margin-top: 5.3333333333vw;
    }
}
.c-section-36__btn {
    text-align: center;
    margin-top: 47px;
}
@media screen and (max-width: 768px) {
    .c-section-36__btn {
        margin-top: 10.6666666667vw;
    }
}
.c-section-36__btn:nth-of-type(n + 2) {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
    .c-section-36__btn:nth-of-type(n + 2) {
        margin-top: 8vw;
    }
}
.c-section-36__btn--1col {
    width: 51.7307692308%;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-36__btn--1col {
        width: 100%;
    }
}
.c-section-36__top-txt .c-txt-1 {
    font-weight: bold;
    letter-spacing: 0;
}
.c-section-36__box {
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-section-36__box {
        margin-top: 5.3333333333vw;
    }
}
.c-section-36__bottom-txt {
    margin-top: 22px;
}
@media screen and (max-width: 768px) {
    .c-section-36__bottom-txt {
        margin-top: 5.3333333333vw;
    }
}
.c-section-36__bottom-txt .c-txt-1 {
    font-weight: bold;
}
.c-section-36__bottom-txt-small .c-txt-3 {
    letter-spacing: -0.1em;
}
.safari .c-section-36__bottom-txt-small .c-txt-3 {
    letter-spacing: -0.12em;
}
@media screen and (max-width: 768px) {
    .safari .c-section-36__bottom-txt-small .c-txt-3 {
        letter-spacing: -0.1em;
    }
}

@media screen and (max-width: 1080px) {
    .c-section-36__bottom-txt-small .c-txt-3 br {
        display: none;
    }
}
.c-section-36__note {
    margin-top: 83px;
    padding-left: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-36__note {
        margin-top: 8vw;
        padding-left: 0;
    }
}
.c-section-36__note--2ndstorage {
    margin-left: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-36__note--2ndstorage {
        margin-left: 0;
    }
}
.c-section-36__note-txt {
    font-size: 12px;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .c-section-36__note-txt {
        font-size: 3.2vw;
    }
}
.c-section-36__link {
    margin-top: 35px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-36__link {
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-38
通常セクション
使用ページ:/owners/limited/・/owners/limited_pre/
--------------------------------------------- */
.c-section-38 {
    margin-top: 152px;
}
@media screen and (max-width: 768px) {
    .c-section-38 {
        margin-top: 21.3333333333vw;
    }
}
.c-section-38__container {
    max-width: 1140px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-38__container {
        padding: 0 5.3333333333%;
    }
}
.c-section-38__head {
    text-align: center;
}
.c-section-38__block {
    margin-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-section-38__block {
        margin-top: 10.6666666667vw;
    }
}
.c-section-38__card {
    margin-top: 140px;
}
@media screen and (max-width: 768px) {
    .c-section-38__card {
        margin-top: 18.6666666667vw;
    }
}
.c-section-38__btns {
    display: flex;
    justify-content: center;
    margin-top: 150px;
}
@media screen and (max-width: 768px) {
    .c-section-38__btns {
        display: block;
        margin-top: 16vw;
    }
}
.c-section-38__btn {
    width: 46%;
    margin-left: 5.2727272727%;
}
@media screen and (max-width: 768px) {
    .c-section-38__btn {
        width: 100%;
        margin-left: 0;
        margin-top: 5.3333333333vw;
    }
}
.c-section-38__btn:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-section-38__btn:first-of-type {
        margin-top: 0;
    }
}

/* ---------------------------------------------
*   c-section-40
通常セクション
使用ページ:/owners/limited/・/owners/limited_pre/
--------------------------------------------- */
.c-section-40 {
    margin-top: 167px;
}
@media screen and (max-width: 768px) {
    .c-section-40 {
        margin-top: 21.3333333333vw;
    }
}
.c-section-40__container {
    max-width: 1140px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-40__container {
        padding: 0 5.3333333333%;
    }
}
.c-section-40__head {
    text-align: center;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .c-section-40__head {
        letter-spacing: 0;
    }
    .windows .c-section-40__head {
        letter-spacing: 0;
    }
}
.c-section-40__head-sub {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 2;
    padding-left: 80px;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-section-40__head-sub {
        padding-left: 0;
        font-size: 3.7333333333vw;
        margin-top: 8vw;
    }
}
.c-section-40__body {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-section-40__body {
        margin-top: 2.5rem;
    }
}
.c-section-40__body--service {
    margin-top: 81px;
}
@media screen and (max-width: 768px) {
    .c-section-40__body--service {
        margin-top: 10.6666666667vw;
    }
}
.c-section-40__foot {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.04em;
    line-height: 2;
    margin-top: 67px;
}
@media screen and (max-width: 768px) {
    .c-section-40__foot {
        font-size: 3.7333333333vw;
        margin-top: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-42
通常セクション
使用ページ:/owners/limited/・/owners/limited_pre/
--------------------------------------------- */
.c-section-42 {
    background-color: #F3F5F5;
    margin-top: 165px;
    padding-top: 120px;
    padding-bottom: 118px;
}
@media screen and (max-width: 768px) {
    .c-section-42 {
        margin-top: 21.3333333333vw;
        padding-top: 16vw;
        padding-bottom: 16vw;
    }
}
.c-section-42__container {
    max-width: 1140px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-42__container {
        padding: 0 5.3333333333%;
    }
}
.c-section-42__head {
    text-align: center;
}
.c-section-42__body {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-section-42__body {
        margin-top: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-44
通常セクション
使用ページ:/owners/kawamotobousai/
--------------------------------------------- */
.c-section-44 {
    position: relative;
    padding-top: 113px;
}
@media screen and (max-width: 768px) {
    .c-section-44 {
        padding-top: 16vw;
    }
}
.c-section-44__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
    .c-section-44__container {
        max-width: 740px;
    }
}
.c-section-44__head-sub {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin-top: 18px;
    font-feature-settings: "palt" 1;
}

/* ---------------------------------------------
*   c-section-46
通常セクション
使用ページ:/Bauslabo/exterior_design/
--------------------------------------------- */
.c-section-46 {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-46 {
        margin-top: 16vw;
    }
}
.c-section-46:first-of-type {
    margin-top: 178px;
}
@media screen and (max-width: 768px) {
    .c-section-46:first-of-type {
        margin-top: 18.6666666667vw;
    }
}
.c-section-46__lead {
    margin-top: 40px;
    font-weight: 400;
    font-size: 24px;
    line-height: 2.5;
    letter-spacing: 0.025em;
    text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 980px) {
    .c-section-46__lead {
        font-size: 2.4489795918vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-46__lead {
        padding-inline: 5.3333333333vw;
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-section-48
セクション
使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-section-48 {
    --pt: 73px;
    --pb: 80px;
    margin-top: 120px;
    padding-top: var(--pt);
    padding-bottom: var(--pb);
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-section-48 {
        --pt: calc(46 / 375 * 100vw);
        --pb: calc(50 / 375 * 100vw);
        margin-top: 16vw;
        overflow: visible;
    }
}
.c-section-48__container {
    position: relative;
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 20px;
}
@media screen and (max-width: 768px) {
    .c-section-48__container {
        max-width: none;
        padding-inline: 0;
    }
}
.c-section-48__container::before {
    content: "";
    position: absolute;
    top: calc(-1 * var(--pt));
    left: 380px;
    z-index: -1;
    width: 100vw;
    height: calc(100% + var(--pt) + var(--pb));
    background-color: #F8F9F9;
    pointer-events: none;
}
@media screen and (max-width: 1440px) {
    .c-section-48__container::before {
        left: 26.3888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-48__container::before {
        left: auto;
        right: 0;
        width: 88%;
    }
}
.c-section-48__head {
    margin-top: 3px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-48__head {
        margin-top: 1.8666666667vw;
    }
    .c-section-48__head .c-ttl-7.c-ttl-7--02 {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
        letter-spacing: 0.04em;
    }
}
.c-section-48__body {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-48__body {
        margin-top: 8.5333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-50
セクション
使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-section-50 {
    --pt: 70px;
    --pb: 70px;
    margin-top: 180px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-section-50 {
        --pt: calc(38 / 375 * 100vw);
        --pb: calc(32 / 375 * 100vw);
        margin-top: 22.4vw;
    }
}
.c-section-50__head {
    text-align: center;
}
.c-section-50__sub-ttl {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-section-50__sub-ttl {
        margin-top: 3.7333333333vw;
    }
}
.c-section-50__body {
    position: relative;
    max-width: 88.75vw;
    margin: 80px 0 0 auto;
    padding: var(--pt) 0 var(--pb) 20px;
}
@media screen and (max-width: 1600px) {
    .c-section-50__body {
        max-width: 1420px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-50__body {
        max-width: none;
        margin-top: 10.6666666667vw;
        margin-inline: auto;
        padding-left: 0;
    }
}
.c-section-50__body::before {
    content: "";
    position: absolute;
    top: 0;
    right: 29.0625vw;
    z-index: -1;
    width: 100vw;
    height: 100%;
    background-color: #F8F9F9;
    pointer-events: none;
}
@media screen and (min-width: 1600px) {
    .c-section-50__body::before {
        right: 465px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-50__body::before {
        right: auto;
        left: 0;
        width: 88%;
    }
}

/* ---------------------------------------------
*   c-section-1
通常セクション
使用ページ:/index-test.html・/index.html
--------------------------------------------- */
.c-section-1 {
    padding-top: 200px;
    padding-bottom: 174px;
}
@media screen and (max-width: 768px) {
    .c-section-1 {
        padding-top: 28.8vw;
        padding-bottom: 25.0666666667vw;
    }
}
.c-section-1--gray {
    background-color: #929393;
    padding-top: 100px;
    padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-1--gray {
        padding-top: 16vw;
        padding-bottom: 18.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-1--gray .c-section-1__container {
        padding: 0 12.5333333333vw;
    }
}
.c-section-1__container {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-1__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-1__body {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-1__body {
        margin-top: 9.6vw;
    }
}
.c-section-1__more {
    margin-top: 55px;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-section-1__more {
        margin-top: 9.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-3
通常セクション
使用ページ:/index-test.html・/index.html
--------------------------------------------- */
.c-section-3 {
    padding-top: 337px;
    padding-bottom: 180px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-section-3 {
        padding-top: 50.4vw;
        padding-bottom: 26.1333333333vw;
    }
}
.c-section-3::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 581px;
    background-image: url(/shared/img/index/bg_lineup.png);
    background-size: 958px 581px;
    background-repeat: repeat-x;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-section-3::before {
        height: 91.7333333333vw;
        background-size: cover;
    }
}
.c-section-3__container {
    max-width: 1320px;
    padding-left: 20px;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-section-3__container {
        max-width: none;
        padding-left: 5.3333333333vw;
    }
}
@media screen and (min-width: 1601px) {
    .c-section-3__container {
        max-width: none;
        padding-left: 300px;
        margin-left: 0;
    }
}
.c-section-3__head {
    max-width: 1120px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (min-width: 1601px) {
    .c-section-3__head {
        max-width: none;
        padding-right: 200px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-3__head {
        max-width: none;
        padding-right: 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-3__head .c-link-1 {
        top: 3px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-3__head .c-link-1 {
        top: 0.5333333333vw;
    }
}
.c-section-3__body {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-3__body {
        margin-top: 10.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-5
通常セクション
使用ページ:/service/afterService/・/index.html・/index-test.html
--------------------------------------------- */
.c-section-5 {
    padding-bottom: 180px;
}
@media screen and (max-width: 768px) {
    .c-section-5 {
        padding-bottom: 25.8666666667vw;
    }
}
.c-section-5__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-5__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-5__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (min-width: 769px) {
    .c-section-5__head .c-link-1 {
        top: 3px;
    }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
    .c-section-5__head .c-link-1 {
        top: 0.5333333333vw;
    }
}
.c-section-5__body {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-5__body {
        margin-top: 9.6vw;
    }
}

/* ---------------------------------------------
*   c-section-7
通常セクション
使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-section-7 {
    padding-top: 138px;
    padding-bottom: 112px;
}
@media screen and (max-width: 768px) {
    .c-section-7 {
        padding-top: 14.1333333333vw;
        padding-bottom: 14.4vw;
    }
}
.c-section-7__container {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-7__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-7__head {
    text-align: center;
}
.c-section-7__body {
    margin-top: 49px;
}
@media screen and (max-width: 768px) {
    .c-section-7__body {
        margin-top: 2.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-9
通常セクション
使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-section-9 {
    background-color: #F3F5F5;
    padding-top: 111px;
    padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
    .c-section-9 {
        padding-top: 17.3333333333vw;
        padding-bottom: 22.1333333333vw;
    }
}
.c-section-9__container {
    max-width: 896px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-9__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-9__head {
    text-align: center;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-section-9__head {
        right: 17px;
    }
}
.c-section-9__body {
    margin-top: 91px;
}
@media screen and (max-width: 768px) {
    .c-section-9__body {
        margin-top: 12vw;
    }
}

/* ---------------------------------------------
*   c-section-11
通常セクション
使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-section-11 {
    padding-top: 176px;
    padding-bottom: 185px;
}
@media screen and (max-width: 768px) {
    .c-section-11 {
        padding-top: 22.4vw;
        padding-bottom: 18.4vw;
    }
}
.c-section-11__container {
    max-width: 1160px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-11__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-11__head {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-section-11__head {
        right: 3px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-11__head {
        display: block;
    }
}
.c-section-11__head::before {
    content: "";
    background-image: url(/shared/img/common/icon_faq.svg);
    background-size: 100% 100%;
    width: 94px;
    height: 83px;
    flex-shrink: 0;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-section-11__head::before {
        left: 7px;
        top: -2px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-11__head::before {
        width: 18.1333333333vw;
        height: 16vw;
        display: block;
        margin: 0 auto;
        margin-bottom: 1.8666666667vw;
    }
}
.c-section-11__head sup {
    font-size: 11px;
    position: relative;
    top: -9px;
}
@media screen and (max-width: 768px) {
    .c-section-11__head sup {
        font-size: 2.6666666667vw;
        top: -1.0666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-11__head .c-ttl-3 {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
    }
}
.c-section-11__body {
    margin-top: 67px;
}
@media screen and (max-width: 768px) {
    .c-section-11__body {
        margin-top: 8.2666666667vw;
    }
}
.c-section-11__anno {
    margin-top: 191px;
}
@media screen and (max-width: 768px) {
    .c-section-11__anno {
        margin-top: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-11__anno .c-txt-11 {
        line-height: 1.8181818182;
    }
    .c-section-11__anno .c-txt-11 span {
        margin-right: 1.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-13
通常セクション
使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-section-13 {
    padding-bottom: 134px;
}
@media screen and (max-width: 768px) {
    .c-section-13 {
        padding-bottom: 18.4vw;
    }
}
.c-section-13__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-13__head .c-ttl-3 {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
    }
}
.c-section-13__body {
    margin-top: 51px;
}
@media screen and (max-width: 768px) {
    .c-section-13__body {
        margin-top: 8.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-15
通常セクション
使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-section-15 {
    padding-bottom: 180px;
}
@media screen and (max-width: 768px) {
    .c-section-15 {
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-15__container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-section-15__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-15__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-15__head .c-ttl-3 {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
        letter-spacing: 0.02em;
    }
}
.c-section-15__body {
    margin-top: 70px;
}
@media screen and (max-width: 768px) {
    .c-section-15__body {
        margin-top: 10.4vw;
    }
}

/* ---------------------------------------------
*   c-section-17
通常セクション
使用ページ:/Bauslabo/cookpad/
--------------------------------------------- */
.c-section-17 {
    background-color: #F8F9F9;
    padding-top: 89px;
    padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-17 {
        padding-top: 12.5333333333vw;
        padding-bottom: 14.6666666667vw;
    }
}
.c-section-17__container {
    max-width: 640px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-17__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-17__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-17__head .c-ttl-3 {
        font-size: 5.3333333333vw;
        line-height: 1.8;
        letter-spacing: 0;
    }
}
.c-section-17__body {
    margin-top: 29px;
}
@media screen and (max-width: 768px) {
    .c-section-17__body {
        margin-top: 6.6666666667vw;
    }
}
.c-section-17__body-img {
    display: block;
}
@media screen and (min-width: 769px) {
    .c-section-17__body-img {
        transition: opacity 300ms;
    }
    .c-section-17__body-img:hover {
        opacity: 0.8;
    }
}
.c-section-17__body-txt {
    margin-top: 1.8666666667vw;
}

/* ---------------------------------------------
*   c-section-19
通常セクション
使用ページ:/Bauslabo/proplan/
--------------------------------------------- */
.c-section-19 {
    padding-top: 111px;
    padding-bottom: 136px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-19 {
        padding-top: 17.0666666667vw;
        padding-bottom: 21.8666666667vw;
    }
}
.c-section-19__container {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-19__container {
        max-width: none;
        padding: 0;
    }
}
.c-section-19__head {
    text-align: center;
}
.c-section-19__body {
    margin-top: 42px;
}
@media screen and (max-width: 768px) {
    .c-section-19__body {
        margin-top: 7.2vw;
    }
}
.c-section-19__body-txt {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-19__body-txt {
        text-align: left;
        padding: 0 5.3333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-19__body-txt .c-txt-10 {
        font-size: 4vw;
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-section-21
通常セクション
使用ページ:/Bauslabo/proplan/
--------------------------------------------- */
.c-section-21 {
    padding-top: 191px;
}
@media screen and (max-width: 768px) {
    .c-section-21 {
        padding-top: 20.8vw;
    }
}
.c-section-21__container {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-21__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-21__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-21__head .c-ttl-3 {
        letter-spacing: 0.02em;
    }
}
.c-section-21__body {
    margin-top: 42px;
}
@media screen and (max-width: 768px) {
    .c-section-21__body {
        margin-top: 7.2vw;
    }
}
.c-section-21__body-txt {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-21__body-txt {
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .c-section-21__body-txt .c-txt-10 {
        font-size: 4vw;
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-section-23
通常セクション
使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-section-23 {
    padding-top: 56px;
    padding-bottom: 60px;
    position: relative;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-section-23 {
        padding-top: 21.6vw;
        padding-bottom: 20.2666666667vw;
    }
}
.c-section-23::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 581px;
    background-image: url(/shared/img/aboutBaus/brand/bg_brand.png);
    background-size: 958px 581px;
    background-repeat: repeat-x;
    content: "";
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-section-23::before {
        background-image: url(/shared/img/aboutBaus/brand/sp/bg_brand.png);
        background-size: 100% 100%;
        top: 45.0666666667vw;
        height: 91.7333333333vw;
    }
}
.c-section-23__container {
    max-width: 626px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-23__container {
        max-width: none;
        padding: 0 9.3333333333vw;
    }
}
.c-section-23__head .c-ttl-5 {
    text-align: left;
}
.c-section-23__body {
    margin-top: 46px;
}
@media screen and (max-width: 768px) {
    .c-section-23__body {
        margin-top: 7.7333333333vw;
    }
}
.c-section-23__body-txt:nth-of-type(n+2) {
    margin-top: 45px;
}
@media screen and (max-width: 768px) {
    .c-section-23__body-txt:nth-of-type(n+2) {
        margin-top: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-23__body-txt .c-txt-13 {
        letter-spacing: 0;
    }
}

/* ---------------------------------------------
*   c-section-25
通常セクション
使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-section-25 {
    padding-top: 135px;
    padding-bottom: 187px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-25 {
        padding-top: 17.3333333333vw;
        padding-bottom: 24.5333333333vw;
    }
}
.c-section-25__body {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .c-section-25__body {
        margin-top: 6.1333333333vw;
    }
}
.c-section-25__body-txt {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-25__body-txt {
        text-align: left;
        padding: 0 7.2vw;
    }
}
@media screen and (min-width: 769px) {
    .c-section-25__body-txt .c-txt-1 {
        font-size: clamp(14px, 1.8205461638vw, 16px);
    }
}
@media screen and (max-width: 768px) {
    .c-section-25__body-txt .c-txt-1 {
        font-size: 3.7333333333vw;
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-section-27
通常セクション(パララックスの下　見出し:BAUSの住まい)
使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-section-27 {
    background-color: #fff;
    padding-top: 195px;
    padding-bottom: 198px;
}
@media screen and (max-width: 768px) {
    .c-section-27 {
        padding-top: 21.0666666667vw;
        padding-bottom: 22.4vw;
    }
}
.c-section-27__container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-section-27__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-27__body {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .c-section-27__body {
        margin-top: 6.1333333333vw;
    }
}
.c-section-27__body-txt {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-27__body-txt {
        text-align: left;
    }
}
@media screen and (min-width: 769px) {
    .c-section-27__body-txt .c-txt-1 {
        font-size: clamp(14px, 1.8205461638vw, 16px);
    }
}
@media screen and (max-width: 768px) {
    .c-section-27__body-txt .c-txt-1 {
        line-height: 2;
        letter-spacing: 0;
    }
}
.c-section-27__body-list {
    max-width: 980px;
    margin: 0 auto;
    margin-top: 92px;
}
@media screen and (max-width: 768px) {
    .c-section-27__body-list {
        max-width: none;
        margin-top: 14.1333333333vw;
        padding: 0 4vw;
    }
}
.c-section-27__body-list--bottom {
    margin-top: 140px;
}
@media screen and (max-width: 768px) {
    .c-section-27__body-list--bottom {
        margin-top: 15.7333333333vw;
    }
}
.c-section-27__body-link {
    margin-top: 54px;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-section-27__body-link {
        margin-top: 9.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-29
通常セクション
使用ページ:/aboutBaus/brand/
--------------------------------------------- */
.c-section-29 {
    padding-top: 126px;
    padding-bottom: 192px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-29 {
        padding-top: 17.0666666667vw;
        padding-bottom: 24.8vw;
    }
}
.c-section-29__container {
    max-width: 900px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-29__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-29__content:nth-of-type(n+2) {
    margin-top: 101px;
}
@media screen and (max-width: 768px) {
    .c-section-29__content:nth-of-type(n+2) {
        margin-top: 12.2666666667vw;
    }
}
.c-section-29__content:nth-of-type(n+2) .c-section-29__content-txt {
    max-width: none;
}
.c-section-29__content-lead .c-txt-9 {
    line-height: 2.1666666667;
}
@media screen and (max-width: 768px) {
    .c-section-29__content-lead .c-txt-9 {
        font-size: 4.8vw;
        line-height: 1.7777777778;
        letter-spacing: 0.05em;
    }
}
.c-section-29__content-txt {
    margin-top: 17px;
    max-width: 748px;
}
@media screen and (max-width: 768px) {
    .c-section-29__content-txt {
        margin-top: 3.4666666667vw;
        max-width: none;
    }
}
.c-section-29__content-txt .c-txt-15 {
    margin-top: 4px;
}
@media screen and (max-width: 768px) {
    .c-section-29__content-txt .c-txt-15 {
        margin-top: 2.4vw;
    }
}

/* ---------------------------------------------
*   c-section-31
通常セクション
使用ページ:/aboutBaus/quality/
--------------------------------------------- */
.c-section-31 {
    padding-top: 111px;
    padding-bottom: 172px;
}
@media screen and (max-width: 768px) {
    .c-section-31 {
        padding-top: 14.6666666667vw;
        padding-bottom: 22.4vw;
    }
}
.c-section-31__head-ttl {
    margin-top: 13px;
}
@media screen and (max-width: 768px) {
    .c-section-31__head-ttl {
        margin-top: 1.0666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-31__head-ttl .c-ttl-7 {
        line-height: 1.7916666667;
    }
}
.c-section-31__body {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .c-section-31__body {
        margin-top: 11.2vw;
    }
}

/* ---------------------------------------------
*   c-section-33
通常セクション
使用ページ:/aboutBaus/quality/
--------------------------------------------- */
.c-section-33 {
    padding-top: 108px;
    padding-bottom: 140px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-33 {
        padding-top: 16.2666666667vw;
        padding-bottom: 21.6vw;
    }
}
.c-section-33__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-33__head .c-ttl-7 {
        letter-spacing: 0.04em;
    }
}
.c-section-33__body {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-section-33__body {
        display: block;
        margin-top: 8.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-35
セクション
使用ページ:/aboutBaus/quality/
--------------------------------------------- */
.c-section-35 {
    padding-top: 168px;
}
@media screen and (max-width: 768px) {
    .c-section-35 {
        padding-top: 20vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-35__head .c-ttl-7 {
        letter-spacing: 0.04em;
    }
}
.c-section-35__body {
    margin-top: 49px;
}
@media screen and (max-width: 768px) {
    .c-section-35__body {
        margin-top: 8.5333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-37
セクション
使用ページ:/Bauslabo/windowPlan/・/service/
--------------------------------------------- */
.c-section-37 {
    --pt: 67px;
    --pb: 100px;
    padding-top: var(--pt);
    padding-bottom: var(--pb);
    overflow: hidden;
    margin-top: 8.125vw;
}
@media screen and (max-width: 768px) {
    .c-section-37 {
        --pt: calc(42 / 375 * 100vw);
        --pb: calc(33 / 375 * 100vw);
        margin-top: 16.2666666667vw;
        overflow: visible;
    }
}
.c-section-37--orange {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-37--orange {
        --pb: calc(53 / 375 * 100vw);
        margin-top: 16vw;
    }
}
.c-section-37--orange .c-section-37__container::before {
    left: auto;
    right: 291px;
    background-color: #FDF4EF;
}
@media screen and (max-width: 1440px) {
    .c-section-37--orange .c-section-37__container::before {
        right: 20.2083333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37--orange .c-section-37__container::before {
        right: auto;
        left: 0;
    }
}
.c-section-37--orange .c-section-37__body {
    max-width: none;
}
.c-section-37--orange .c-block-19 {
    max-width: 1320px;
}
@media screen and (max-width: 768px) {
    .c-section-37--orange .c-block-19 {
        max-width: none;
    }
}
.c-section-37--blue {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-37--blue {
        --pb: calc(53 / 375 * 100vw);
        margin-top: 16vw;
    }
}
.c-section-37--blue .c-section-37__container::before {
    background-color: #F0F2F8;
}
.c-section-37--blue .c-block-19 {
    gap: 0 4.7727272727%;
}
.c-section-37--service {
    --pt: 72px;
    --pb: 100px;
    margin-top: 200px;
}
@media screen and (max-width: 768px) {
    .c-section-37--service {
        --pt: calc(44 / 375 * 100vw);
        --pb: calc(82 / 375 * 100vw);
        margin-top: 22.4vw;
    }
}
.c-section-37--service .c-section-37__container {
    max-width: 1240px;
}
@media screen and (max-width: 768px) {
    .c-section-37--service .c-section-37__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-37--service .c-section-37__container::before {
    left: 272px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 1240px) {
    .c-section-37--service .c-section-37__container::before {
        left: 21.935483871vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37--service .c-section-37__container::before {
        left: auto;
        width: 88%;
    }
}
.c-section-37--service .c-section-37__head {
    text-align: left;
}
@media screen and (max-width: 768px) {
    .c-section-37--service .c-section-37__head .c-ttl-7--s {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
.c-section-37--service .c-section-37__body {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-37--service .c-section-37__body {
        margin-top: 10.6666666667vw;
    }
}
.c-section-37--service.c-section-37--left {
    margin-top: 110px;
    --pb: 119px;
}
@media screen and (max-width: 768px) {
    .c-section-37--service.c-section-37--left {
        margin-top: 18.6666666667vw;
        --pb: calc(80 / 375 * 100vw);
    }
}
@media screen and (max-width: 768px) {
    .c-section-37--service.c-section-37--left .c-section-37__container {
        max-width: none;
        padding: 0;
    }
}
.c-section-37--service.c-section-37--left .c-section-37__container::before {
    left: auto;
    right: 272px;
}
@media screen and (max-width: 1440px) {
    .c-section-37--service.c-section-37--left .c-section-37__container::before {
        right: 18.8888888889vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37--service.c-section-37--left .c-section-37__container::before {
        right: auto;
        left: 0;
        width: 85.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37--service.c-section-37--left .c-section-37__head {
        padding: 0 5.3333333333vw;
    }
}
.c-section-37--service.c-section-37--left .c-section-37__body {
    margin-top: 48px;
}
@media screen and (max-width: 768px) {
    .c-section-37--service.c-section-37--left .c-section-37__body {
        margin-top: 12.2666666667vw;
    }
}
.c-section-37--exterior-design {
    --pt: 80px;
    --pb: 100px;
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .c-section-37--exterior-design {
        --pt: 0;
        --pb: 0;
        margin-top: 14.1333333333vw;
    }
}
.c-section-37--exterior-design .c-section-37__container {
    max-width: 980px;
    padding: 0 40px;
}
@media screen and (max-width: 768px) {
    .c-section-37--exterior-design .c-section-37__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-37--exterior-design .c-section-37__container::before {
    left: auto;
    right: 150px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 980px) {
    .c-section-37--exterior-design .c-section-37__container::before {
        left: 15.306122449vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37--exterior-design .c-section-37__container::before {
        content: normal;
    }
}
.c-section-37.is-haseko {
    display: none;
}
@media screen and (min-width: 769px) {
    .c-section-37.is-haseko .c-block-21__cassette-txt {
        max-width: 695px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37.is-haseko .c-card-3-wrap {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37.is-haseko .c-card-3__btn {
        position: static;
        width: 80vw;
        margin-inline: auto;
    }
}
.c-section-37__container {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-section-37__container {
        max-width: none;
        padding: 0;
    }
}
.c-section-37__container::before {
    position: absolute;
    width: 100vw;
    height: calc(100% + var(--pt) + var(--pb));
    left: 221px;
    top: calc(-1 * var(--pt));
    content: "";
    background-color: #FEF7E6;
    pointer-events: none;
    z-index: -1;
}
@media screen and (max-width: 1440px) {
    .c-section-37__container::before {
        left: 15.3472222222vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-37__container::before {
        left: auto;
        right: 0;
        width: 82.6666666667%;
    }
}
.c-section-37__head {
    text-align: center;
}
.c-section-37__body {
    margin-top: 88px;
    max-width: 1320px;
}
@media screen and (max-width: 768px) {
    .c-section-37__body {
        margin-top: 8.2666666667vw;
        max-width: none;
    }
}

/* ---------------------------------------------
*   c-section-39
セクション
使用ページ:/service/
--------------------------------------------- */
.c-section-39 {
    margin-top: 180px;
    padding-top: 91px;
    padding-bottom: 93px;
    background-color: #F8F9F9;
}
@media screen and (max-width: 768px) {
    .c-section-39 {
        margin-top: 21.3333333333vw;
        padding-top: 13.0666666667vw;
        padding-bottom: 14.6666666667vw;
    }
}
.c-section-39__container {
    max-width: 560px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-39__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-39__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-39__head .c-ttl-3 {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
.c-section-39__body {
    margin-top: 27px;
}
@media screen and (max-width: 768px) {
    .c-section-39__body {
        margin-top: 6.1333333333vw;
    }
}
.c-section-39__body-img {
    display: block;
    width: 428px;
    margin: 0 auto;
}
@media screen and (min-width: 769px) {
    .c-section-39__body-img {
        transition: opacity 300ms;
    }
    .c-section-39__body-img:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-section-39__body-img {
        width: 100%;
    }
}
.c-section-39__body-txt {
    text-align: center;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-section-39__body-txt {
        margin-top: 1.8666666667vw;
    }
}
.c-section-39__body-txt .c-txt-7 {
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-section-39__body-txt .c-txt-7 {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
        text-align: left;
        display: flex;
    }
}

/* ---------------------------------------------
*   c-section-41
セクション
使用ページ:/service/・/service/sumaiSupport/
--------------------------------------------- */
.c-section-41 {
    padding-top: 109px;
}
@media screen and (max-width: 768px) {
    .c-section-41 {
        padding-top: 15.4666666667vw;
    }
}
.c-section-41--no-pt {
    padding-top: 0;
}

/* ---------------------------------------------
*   c-section-43
セクション
使用ページ:/service/
--------------------------------------------- */
.c-section-43 {
    padding-top: 147px;
    padding-bottom: 160px;
}
@media screen and (max-width: 768px) {
    .c-section-43 {
        padding-top: 19.2vw;
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-43__container {
    max-width: 940px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-43__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-43__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-43__head {
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .c-section-43__head .c-ttl-7--s {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
.c-section-43__body {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-section-43__body {
        margin-top: 7.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-43__body-anno {
        margin-top: 1.0666666667vw;
    }
}
.c-section-43__body-anno .c-txt-7 {
    color: #1A1A1A;
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-section-43__body-anno .c-txt-7 {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
    }
}
.c-section-43__body-btn {
    width: 538px;
    margin: 0 auto;
    margin-top: 53px;
}
@media screen and (max-width: 768px) {
    .c-section-43__body-btn {
        width: 80vw;
        margin-top: 11.4666666667vw;
    }
}
.c-section-43__body-btn .c-btn-2 {
    min-width: auto;
    min-height: auto;
    padding: 21px 0;
}
@media screen and (min-width: 769px) {
    .c-section-43__body-btn .c-btn-2:hover {
        border: 1px solid transparent;
    }
}
@media screen and (max-width: 768px) {
    .c-section-43__body-btn .c-btn-2 {
        padding: 3.4666666667vw 0 2.9333333333vw;
    }
}
.c-section-43__body-btn .c-btn-2__txt {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #1A1A1A;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-section-43__body-btn .c-btn-2__txt {
        right: 5px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-43__body-btn .c-btn-2__txt {
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}
.c-section-43__body-btn .c-btn-2__icon--change {
    margin-right: 13px;
    width: 34px;
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-section-43__body-btn .c-btn-2__icon--change {
        right: 5px;
    }
}
@media screen and (max-width: 768px) {
    .c-section-43__body-btn .c-btn-2__icon--change {
        margin-right: 1.6vw;
        width: 9.0666666667vw;
        top: -0.2666666667vw;
    }
}
.c-section-43__body-btn .c-btn-2__icon--change svg {
    width: 100%;
}
@media screen and (min-width: 769px) {
    .c-section-43__body-btn .c-btn-2:hover .c-btn-2__icon--change path {
        fill: #fff;
    }
}

/* ---------------------------------------------
*   c-section-45
セクション
使用ページ:/service/
--------------------------------------------- */
.c-section-45 {
    padding-top: 108px;
    padding-bottom: 120px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-45 {
        padding-top: 18.9333333333vw;
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-45__container {
    max-width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-45__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-45__body {
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-45__body {
        margin-top: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-47
セクション
使用ページ:/service/
--------------------------------------------- */
.c-section-47 {
    padding-top: 169px;
    padding-bottom: 180px;
}
@media screen and (max-width: 768px) {
    .c-section-47 {
        padding-top: 20vw;
        padding-bottom: 21.0666666667vw;
    }
}
.c-section-47__container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-47__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}
.c-section-47__head {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-47__head {
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .c-section-47__head .c-ttl-7--s {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
.c-section-47__body {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 39px;
}
@media screen and (max-width: 768px) {
    .c-section-47__body {
        max-width: none;
        margin-top: 7.4666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-47__body-anno {
        margin-top: 1.3333333333vw;
    }
}
.c-section-47__body-anno .c-txt-7 {
    color: #1A1A1A;
}
@media screen and (max-width: 768px) {
    .c-section-47__body-anno .c-txt-7 {
        font-size: 2.9333333333vw;
        line-height: 1.8181818182;
        letter-spacing: 0;
    }
}

/* ---------------------------------------------
*   c-section-49
セクション
使用ページ:/service/
--------------------------------------------- */
.c-section-49 {
    padding-top: 108px;
    padding-bottom: 140px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-49 {
        padding-top: 19.2vw;
        padding-bottom: 21.3333333333vw;
    }
}
.c-section-49__container {
    max-width: 1048px;
    padding: 0 20px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-section-49__container {
        max-width: none;
        padding: 0 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-51
セクション
使用ページ:/service/afterService/
--------------------------------------------- */
.c-section-51 {
    padding-top: 111px;
    padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-51 {
        padding-top: 13.8666666667vw;
        padding-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-section-51__head {
        padding: 0 5.3333333333vw;
    }
}
.c-section-51__head-ttl {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-51__head-ttl {
        text-align: left;
    }
}
@media screen and (min-width: 769px) {
    .c-section-51__head-ttl .c-ttl-7 {
        font-size: clamp(29px, 3.7711313394vw, 32px);
    }
}
@media screen and (max-width: 768px) {
    .c-section-51__head-ttl .c-ttl-7 {
        line-height: 1.7916666667;
    }
}
.c-section-51__head-txt {
    margin-top: 41px;
}
@media screen and (max-width: 768px) {
    .c-section-51__head-txt {
        margin-top: 6.1333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-51__head-txt .c-txt-10 {
        font-size: 4vw;
        line-height: 2;
    }
}
.c-section-51__body {
    margin-top: 151px;
}
@media screen and (max-width: 768px) {
    .c-section-51__body {
        margin-top: 17.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-52
セクション
使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-section-52__head {
    margin-bottom: 80px;
    padding-bottom: 200px;
    position: relative;
}
@media screen and (max-width: 1070px) {
    .c-section-52__head {
        margin-bottom: 7.476635514vw;
        padding-bottom: 18.691588785vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-52__head {
        margin-bottom: 0;
        padding-bottom: 26.6666666667vw;
    }
}
.c-section-52__ttl-outer {
    height: 100%;
    background: url("/shared/img/aboutBaus/sustainability/img_bg.jpg") 0 0 no-repeat;
    background-size: 100% 100%;
}
.c-section-52__ttl {
    height: 318px;
    padding-top: 78px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 768px) {
    .c-section-52__ttl {
        height: 51.7333333333vw;
        padding-top: 16.8vw;
    }
}
.c-section-52__ttl .c-ttl-10 {
    color: #fff;
}
.c-section-52__anchor {
    position: absolute;
    bottom: 120px;
    left: 0;
    width: 100%;
    padding: 0 20px;
}
@media screen and (max-width: 1070px) {
    .c-section-52__anchor {
        bottom: 11.214953271vw;
    }
}
@media screen and (max-width: 768px) {
    .c-section-52__anchor {
        position: static;
        padding: 0 5.3333333333vw;
        margin-top: -15.2vw;
    }
}

/* ---------------------------------------------
*   c-section-53
* セクション
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-section-53 {
    margin-top: 60px;
    padding-block: 80px 140px;
    background-color: #F3F5F5;
}
@media screen and (max-width: 768px) {
    .c-section-53 {
        margin-top: 10.6666666667vw;
        padding-block: 12.8vw 21.3333333333vw;
    }
}
.c-section-53__container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 768px) {
    .c-section-53__container {
        max-width: none;
        padding: 0;
    }
}
.c-section-53__body {
    margin-top: 60px;
}
@media screen and (max-width: 768px) {
    .c-section-53__body {
        margin-top: 9.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-selector-1
* 絞り込みタグブロック
* 使用ページ: /Bauslabo/gyallary.html
--------------------------------------------- */
.c-selector-1 {
    display: flex;
    gap: 5.3304904051%;
    max-width: 938px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-selector-1 {
        display: block;
        max-width: 89.3333333333%;
    }
}
.c-selector-1__ttl {
    flex-shrink: 0;
    margin-block: 3px 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-selector-1__ttl {
        margin-block: 0 4.2666666667vw;
        font-size: 4.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-selector-2
セクション
使用ページ:/lineup/・/magazine/・/news/
--------------------------------------------- */
.c-selector-2 {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto 40px;
    transition: 0.3s;
}
@media screen and (max-width: 768px) {
    .c-selector-2 {
        max-width: none;
        padding: 0 5.3333333333vw;
        margin-bottom: 8vw;
    }
}
.c-selector-2--02 {
    margin-bottom: 120px;
    padding: 0;
}
@media screen and (max-width: 768px) {
    .c-selector-2--02 {
        margin-bottom: 21.3333333333vw;
        padding: 0;
    }
}
@media screen and (min-width: 769px) {
    .c-selector-2__item-wrap {
        justify-content: space-between;
        align-items: flex-end;
    }
    .c-selector-2__item-wrap.js-ham-acc-target {
        display: flex !important;
    }
    .c-selector-2--02 .c-selector-2__item-wrap {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .c-selector-2--news .c-selector-2__item-wrap {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1.66%;
    }
}
@media screen and (max-width: 768px) {
    .c-selector-2__item-wrap {
        background-color: #6E6F6F;
        padding: 3.2vw 0;
    }
}
.c-selector-2__item {
    width: 15.25%;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-selector-2__item {
        width: 100%;
    }
}
.c-selector-2--02 .c-selector-2__item {
    width: 23.75%;
    margin-left: 1.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-selector-2--02 .c-selector-2__item {
        width: 100%;
        margin-left: 0;
    }
}
.c-selector-2--02 .c-selector-2__item:nth-of-type(4n+1) {
    margin-left: 0;
}
.c-selector-2--02 .c-selector-2__item:nth-of-type(n+5) {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-selector-2--02 .c-selector-2__item:nth-of-type(n+5) {
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-selector-2__acc-btn {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding-top: 4.2666666667vw;
        padding-bottom: 4.2666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.8;
        letter-spacing: 0.05em;
        border-bottom: 1px solid #D1D1D0;
    }
    .c-selector-2__acc-btn.js-ham-acc-trigger::before {
        content: normal;
    }
    .c-selector-2__acc-btn.js-ham-acc-trigger::after {
        top: 48%;
        right: 1%;
        opacity: 1;
        background-image: none;
        width: 2.6666666667vw;
        height: 2.6666666667vw;
        border-top: 1px solid #6E6F6F;
        border-right: 1px solid #6E6F6F;
        transform: translateY(-50%) rotate(135deg) scale(1);
        transition: ease 0.5s;
    }
    .is-ham-acc-open .c-selector-2__acc-btn.js-ham-acc-trigger::after {
        transform: translateY(-50%) rotate(-45deg) scale(1);
    }
}
.c-selector-2__input {
    display: none;
    opacity: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
@media screen and (min-width: 769px) {
    .c-selector-2__input:checked + .c-selector-2__txt {
        font-size: 18px;
        font-weight: 700;
        padding: 8px 0;
        pointer-events: none;
    }
    .c-selector-2__input:checked + .line-anim1::before {
        transform: scaleX(1);
    }
}
.c-selector-2__txt {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    padding: 10px 0;
    display: block;
}
@media screen and (min-width: 769px) {
    .c-selector-2__txt {
        will-change: font-size, font-weight;
        transition: all 0.2s ease-in-out;
        min-height: 56px;
    }
    .safari .c-selector-2__txt {
        transition: all 0.1s ease-in-out;
    }
    .c-selector-2__txt:hover {
        font-size: 18px;
        font-weight: 700;
    }
    .ipad .c-selector-2__txt:hover {
        font-size: 16px !important;
        font-weight: 500 !important;
    }
}
@media screen and (max-width: 768px) {
    .c-selector-2__txt {
        color: #fff;
        font-size: 3.2vw;
        line-height: 2;
        letter-spacing: 0.05em;
        padding: 3.4666666667vw 9.6vw;
    }
}
.c-selector-2__txt::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #D1D1D0;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-selector-2__txt::after {
        content: normal !important;
    }
}
.c-selector-2__txt.line-anim1 {
    display: flex;
    align-items: center;
}
.c-selector-2__txt.line-anim1::before {
    background-color: #00AEBD;
}
@media screen and (max-width: 768px) {
    .c-selector-2__txt.line-anim1::before {
        content: normal !important;
    }
}
.ipad .c-selector-2__txt.line-anim1::before {
    background-color: #D1D1D0 !important;
}

/* ---------------------------------------------
*   c-selector-4
セクション
使用ページ:/lineup/・/news/
--------------------------------------------- */
.c-selector-4 {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
    .c-selector-4 {
        margin-bottom: 10.6666666667vw;
    }
}
.c-selector-4--news {
    overflow: auto;
    padding-bottom: 20px;
    margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
    .c-selector-4--news {
        padding-bottom: 6.4vw;
        margin-bottom: 10.6666666667vw;
    }
    .safari .c-selector-4--news::after {
        content: "";
        width: 1px;
        display: block;
        flex-shrink: 0;
        height: 1px;
    }
}
.c-selector-4--news .c-selector-4__head {
    flex-shrink: 0;
}
.c-selector-4--news .c-selector-4__item {
    flex-shrink: 0;
}
.c-selector-4--news .c-selector-4__item:first-of-type {
    margin-left: 33px;
    margin-right: 0;
    pointer-events: auto;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-selector-4--news .c-selector-4__item:first-of-type {
        margin-left: 5.3333333333vw;
    }
}
.c-selector-4--news .c-selector-4__item:nth-of-type(n+2) {
    margin-left: 18px;
}
@media screen and (max-width: 768px) {
    .c-selector-4--news .c-selector-4__item:nth-of-type(n+2) {
        margin-left: 3.7333333333vw;
    }
}
.c-selector-4--news .c-btn-4 {
    padding: 10px 32px;
    border-radius: 21px;
}
@media screen and (max-width: 768px) {
    .c-selector-4--news .c-btn-4 {
        padding: 0.8vw 4.8vw;
        border-radius: 5.6vw;
        font-size: 0;
        min-height: 7.4666666667vw;
    }
}
.c-selector-4--news .c-btn-4__txt {
    font-size: 13px;
}
@media screen and (max-width: 768px) {
    .c-selector-4--news .c-btn-4__txt {
        font-size: 3.2vw;
    }
}
.c-selector-4__item:first-of-type {
    margin-right: 14px;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .c-selector-4__item:first-of-type {
        margin-right: 1.6vw;
    }
}
.c-selector-4__item:nth-of-type(n+2) {
    margin-left: 10px;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-selector-4__item:nth-of-type(n+2) {
        margin-left: 3.7333333333vw;
    }
}
.c-selector-4__input {
    display: none;
    opacity: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.c-selector-4__input:checked + .c-btn-4 {
    background-color: #1A1A1A;
    border-color: transparent;
}
.c-selector-4__input:checked + .c-btn-4 .c-btn-4__txt {
    color: #fff;
}
.c-selector-4__head {
    display: inline-flex;
    align-items: center;
    gap: 0 5px;
}
@media screen and (max-width: 768px) {
    .c-selector-4__head {
        gap: 0 1.3333333333vw;
    }
}
.c-selector-4__head-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
}
@media screen and (max-width: 768px) {
    .c-selector-4__head-icon {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
    }
}
.c-selector-4__head-txt {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-selector-4__head-txt {
        font-size: 3.7333333333vw;
        line-height: 1.8;
        letter-spacing: 0.05em;
    }
}

/* ---------------------------------------------
*   c-slider-1
スライダー
使用ページ:/index-test.html・/index.html

--------------------------------------------- */
.c-slider-1 .swiper {
    height: 59.25vw;
}
@media screen and (max-width: 768px) {
    .c-slider-1 .swiper {
        height: 187.7333333333vw;
    }
}
.c-slider-1 .swiper-pagination {
    position: absolute;
    bottom: 1.125vw;
    left: 2.4375vw;
    z-index: 1;
    font-family: "Montserrat", sans-serif;
    color: #929393;
    width: auto;
    font-size: 0;
}
@media screen and (max-width: 768px) {
    .c-slider-1 .swiper-pagination {
        background-color: rgba(255, 255, 255, 0.8);
        width: 16vw;
        height: 16vw;
        left: 1.8666666667vw;
        bottom: -8vw;
    }
}
.c-slider-1 .swiper-pagination-current,
.c-slider-1 .swiper-pagination-total {
    display: inline-block;
    font-weight: 600;
    position: relative;
}
.c-slider-1 .swiper-pagination-current {
    color: #6E6F6F;
    font-size: 1.5vw;
    line-height: 1.2083333333;
    left: 0;
    top: -2.875vw;
    position: absolute;
}
@media screen and (max-width: 768px) {
    .c-slider-1 .swiper-pagination-current {
        font-size: 5.0666666667vw;
        line-height: 1.2105263158;
        top: 1.6vw;
        left: 2.9333333333vw;
    }
}
.c-slider-1 .swiper-pagination-total {
    font-size: 1vw;
    line-height: 1.1875;
    top: -0.375vw;
    right: -1.625vw;
}
@media screen and (max-width: 768px) {
    .c-slider-1 .swiper-pagination-total {
        font-size: 3.4666666667vw;
        line-height: 1.2307692308;
        top: 10.1333333333vw;
        right: -2.6666666667vw;
    }
}
.c-slider-1 .swiper-pagination-slash {
    position: relative;
    display: inline-block;
}
.c-slider-1 .swiper-pagination-slash::before {
    width: 3.8125vw;
    height: 1px;
    background-color: #929393;
    transform: rotate(-45deg);
    content: "";
    position: absolute;
    top: -1.8125vw;
    left: -0.125vw;
}
@media screen and (max-width: 768px) {
    .c-slider-1 .swiper-pagination-slash::before {
        width: 12.5333333333vw;
        left: -3.2vw;
        top: 4.8vw;
    }
}
.c-slider-1 .swiper-slide-active img,
.c-slider-1 .swiper-slide-duplicate-active img,
.c-slider-1 .swiper-slide-prev img {
    animation: showTranslateBG 7s linear forwards;
    animation-fill-mode: both;
}
.c-slider-1 .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: cover;
       object-position: cover;
}

@keyframes showTranslateBG {
    0% {
        transform: scale(1.1) translate3d(0, 0, 0);
    }
    100% {
        transform: scale(1) translate3d(0, 0, 0);
    }
}
/* ---------------------------------------------
*   c-slider-3
スライダー
使用ページ:/index.html・/index-test.html
--------------------------------------------- */
.c-slider-3 .swiper {
    padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .c-slider-3 .swiper {
        padding-bottom: 1.3333333333vw;
    }
}
.c-slider-3 .swiper-button-wrap {
    margin-top: 75px;
    display: flex;
    position: relative;
    width: 92px;
    height: 46px;
    pointer-events: none;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-slider-3 .swiper-button-wrap {
        width: 24.5333333333vw;
        height: 12.2666666667vw;
        margin-top: 12vw;
    }
}
.c-slider-3 .swiper-button-wrap::before {
    position: absolute;
    height: 100%;
    width: 1px;
    border-left: 1px solid #D1D1D0;
    content: "";
    top: 0;
    right: 50%;
    transform: translateX(50%);
    transition: 0.3s;
}
@media screen and (min-width: 769px) {
    .c-slider-3 .swiper-button-wrap:hover::before {
        border-color: #00AEBD;
    }
}
.c-slider-3 .swiper-button-prev,
.c-slider-3 .swiper-button-next {
    width: 50%;
    height: 100%;
    border: 1px solid #D1D1D0;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
    right: 0;
    left: 0;
    pointer-events: auto;
    margin-top: 0;
    top: 0;
}
@media screen and (max-width: 768px) {
    .c-slider-3 .swiper-button-prev,
    .c-slider-3 .swiper-button-next {
        width: 12.2666666667vw;
        height: 12.2666666667vw;
    }
}
.c-slider-3 .swiper-button-prev::before,
.c-slider-3 .swiper-button-next::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-92%, -50%) rotate(45deg);
    width: 15px;
    height: 15px;
    border-top: 1px solid #6E6F6F;
    border-right: 1px solid #6E6F6F;
    content: "";
    transition: 0.3s;
}
@media screen and (max-width: 768px) {
    .c-slider-3 .swiper-button-prev::before,
    .c-slider-3 .swiper-button-next::before {
        width: 4vw;
        height: 4vw;
    }
}
@media screen and (min-width: 769px) {
    .c-slider-3 .swiper-button-prev:hover,
    .c-slider-3 .swiper-button-next:hover {
        border-color: #00AEBD;
    }
    .c-slider-3 .swiper-button-prev:hover::before,
    .c-slider-3 .swiper-button-next:hover::before {
        border-color: #00AEBD;
    }
}
.c-slider-3 .swiper-button-prev::after,
.c-slider-3 .swiper-button-next::after {
    display: none;
}
.c-slider-3 .swiper-button-prev {
    border-right: none;
}
.c-slider-3 .swiper-button-prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}
.c-slider-3 .swiper-button-next {
    border-left: none;
}
.c-slider-3 .swiper-button-disabled.swiper-button-prev,
.c-slider-3 .swiper-button-disabled.swiper-button-next {
    cursor: auto;
    pointer-events: none;
    opacity: 1;
}
.c-slider-3 .swiper-button-disabled.swiper-button-prev::before,
.c-slider-3 .swiper-button-disabled.swiper-button-next::before {
    border-color: #D1D1D0;
}
@media screen and (min-width: 769px) {
    .c-slider-3 .swiper-button-disabled.swiper-button-prev:hover,
    .c-slider-3 .swiper-button-disabled.swiper-button-next:hover {
        border-color: #D1D1D0;
    }
    .c-slider-3 .swiper-button-disabled.swiper-button-prev:hover::before,
    .c-slider-3 .swiper-button-disabled.swiper-button-next:hover::before {
        border-color: #D1D1D0;
    }
}

/* ---------------------------------------------
*   c-slider-4
スライダー（1カラム、矢印スライダー外）
--------------------------------------------- */
.c-slider-4 {
    position: relative;
    max-width: 1000px;
    margin-inline: auto;
}
.c-slider-4 .swiper-slide {
    height: auto;
}
.c-slider-4 .swiper-button-prev,
.c-slider-4 .swiper-button-next {
    width: 12px;
    height: 20px;
    margin-top: 0;
    translate: 0 -50%;
}
@media screen and (min-width: 769px) {
    .c-slider-4 .swiper-button-prev,
    .c-slider-4 .swiper-button-next {
        transition: opacity 300ms;
    }
    .c-slider-4 .swiper-button-prev:hover,
    .c-slider-4 .swiper-button-next:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-4 .swiper-button-prev,
    .c-slider-4 .swiper-button-next {
        width: 2.4vw;
        height: 4vw;
    }
}
.c-slider-4 .swiper-button-prev::after,
.c-slider-4 .swiper-button-next::after {
    position: absolute;
    content: "";
    display: block;
    left: 50%;
    top: 50%;
    translate: -92% -50%;
    rotate: 45deg;
    width: 15px;
    height: 15px;
    border-top: 1px solid #6E6F6F;
    border-right: 1px solid #6E6F6F;
}
@media screen and (max-width: 768px) {
    .c-slider-4 .swiper-button-prev::after,
    .c-slider-4 .swiper-button-next::after {
        width: 2.9333333333vw;
        height: 2.9333333333vw;
    }
}
.c-slider-4 .swiper-button-prev {
    left: 30px;
    rotate: 180deg;
}
@media screen and (max-width: 768px) {
    .c-slider-4 .swiper-button-prev {
        left: -6.9333333333vw;
    }
}
.c-slider-4 .swiper-button-next {
    right: 30px;
}
@media screen and (max-width: 768px) {
    .c-slider-4 .swiper-button-next {
        right: -6.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-slider-scene
スライダー
使用ページ: /aboutBaus/media/index.html
--------------------------------------------- */
.c-slider-scene {
    position: relative;
}
.c-slider-scene .swiper-wrapper {
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-slider-scene .swiper-wrapper {
        align-items: flex-start;
    }
}
.c-slider-scene__nav {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 53%;
    left: 50%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    max-width: 91.25vw;
    margin: 0 calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
    .c-slider-scene__nav {
        display: none;
    }
}
.c-slider-scene .swiper-button-prev,
.c-slider-scene .swiper-button-next {
    position: static;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(110, 111, 111, 0.7);
}
@media screen and (max-width: 1600px) {
    .c-slider-scene .swiper-button-prev,
    .c-slider-scene .swiper-button-next {
        width: 6.25vw;
        height: 6.25vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-scene .swiper-button-prev,
    .c-slider-scene .swiper-button-next {
        display: none;
    }
}
.c-slider-scene .swiper-button-prev.swiper-button-disabled,
.c-slider-scene .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.c-slider-scene .swiper-button-prev:after, .c-slider-scene .swiper-rtl .swiper-button-next:after,
.c-slider-scene .swiper-button-next:after, .c-slider-scene .swiper-rtl .swiper-button-prev:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("/shared/img/common/icon_arrow_wh.svg") center center no-repeat;
    background-size: 100% auto;
}
.c-slider-scene .swiper-button-next:after, .c-slider-scene .swiper-rtl .swiper-button-prev:after {
    transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
    .c-slider-scene .scroll-hint-icon-wrap {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-scene .scroll-hint-icon-wrap {
        height: auto;
        aspect-ratio: 375/250;
    }
}
.c-slider-scene .scroll-hint-icon-wrap .scroll-hint-icon {
    background-color: rgba(193, 198, 203, 0.65);
}
.c-slider-scene .scroll-hint-icon-wrap .scroll-hint-icon:before, .c-slider-scene .scroll-hint-icon-wrap .scroll-hint-icon:after {
    opacity: 0;
}
.c-slider-scene .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before, .c-slider-scene .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1;
}
.c-slider-scene__item {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-slider-scene__item {
        display: block;
    }
}
.c-slider-scene__img {
    flex-shrink: 0;
    width: 46.6666666667%;
    margin-right: 5%;
}
@media screen and (max-width: 768px) {
    .c-slider-scene__img {
        width: 100%;
        margin-right: 0;
    }
}
.c-slider-scene__txt-wrap {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
    .c-slider-scene__txt-wrap {
        width: 89.3333333333%;
        margin: 8.2666666667vw auto 0;
    }
}
.c-slider-scene__txt-upper {
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-slider-scene__txt-upper {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-slider-scene__txt-lower {
    margin-top: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-slider-scene__txt-lower {
        margin-top: 3.4666666667vw;
        font-size: 3.2vw;
        line-height: 2;
        letter-spacing: normal;
    }
}

/* ---------------------------------------------
*   c-slider-2
スライダー
使用ページ:/aboutBaus/brand/rent/・/aboutBaus/caseStudy/
--------------------------------------------- */
.c-slider-2--main {
    width: 628px;
}
@media screen and (max-width: 1240px) {
    .c-slider-2--main {
        width: 50.645vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2--main {
        max-width: none;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}
.c-slider-2--sub {
    overflow: hidden;
}
.c-slider-2 .swiper-wrapper {
    will-change: transform;
    backface-visibility: hidden;
}
.c-slider-2 .swiper-slide img {
    height: 100%;
}
.c-slider-2 .swiper-slide-active img {
    transition: transform 5s;
    transition-delay: 1s;
    transform: scale(1.05);
}
.c-slider-2 .swiper-main {
    width: 628px;
    height: 628px;
    aspect-ratio: 628/628;
    transition: opacity 0.6s ease, transform 0.3s ease;
    position: relative;
}
@media screen and (max-width: 1240px) {
    .c-slider-2 .swiper-main {
        width: 50.645vw;
        height: 50.645vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2 .swiper-main {
        width: 100%;
        height: 100vw;
    }
}
.c-slider-2 .swiper-main img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-slider-2 .swiper-main .c-label-2.c-label-2--bg-blue {
    position: absolute;
    top: 3.8%;
    left: 3.8%;
    margin-left: 0;
    transition: opacity 0.3s;
    z-index: 999;
}
.c-slider-2 .swiper-sub {
    max-width: none;
    width: 704px;
    height: 160px;
    margin-left: -184px;
}
@media screen and (max-width: 1240px) {
    .c-slider-2 .swiper-sub {
        width: 56.774vw;
        height: 12.903vw;
        margin-left: -14.839vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2 .swiper-sub {
        width: 124.8vw;
        height: 26.9333333333vw;
        margin-left: -33.3333333333vw;
    }
    .windows .c-slider-2 .swiper-sub {
        margin-left: calc(-33.3333333333vw - 8px);
    }
}
.c-slider-2 .swiper-sub.slide-length-3 {
    width: 528px;
}
@media screen and (max-width: 1240px) {
    .c-slider-2 .swiper-sub.slide-length-3 {
        width: 42.581vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2 .swiper-sub.slide-length-3 {
        width: 93.6vw;
    }
}
.c-slider-2 .swiper-sub.slide-length-2 {
    width: 352px;
}
@media screen and (max-width: 1240px) {
    .c-slider-2 .swiper-sub.slide-length-2 {
        width: 28.387vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2 .swiper-sub.slide-length-2 {
        width: 62.4vw;
    }
}
.c-slider-2 .swiper-sub.slide-length-1 {
    display: none;
}
.c-slider-2 .swiper-sub::before, .c-slider-2 .swiper-sub::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 100%;
    background-color: #fff;
    top: 0;
    z-index: 999;
}
@media screen and (max-width: 1240px) {
    .c-slider-2 .swiper-sub::before, .c-slider-2 .swiper-sub::after {
        width: 1.29vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2 .swiper-sub::before, .c-slider-2 .swiper-sub::after {
        width: 4.2666666667vw;
    }
}
.c-section-4--bg-colored-02 .c-slider-2 .swiper-sub::before {
    background-color: #F3F5F5;
}

.c-section-4--bg-colored-02 .c-slider-2 .swiper-sub::after {
    background-color: #F3F5F5;
}

.c-slider-2 .swiper-sub::before {
    right: 168px;
}
@media screen and (max-width: 1240px) {
    .c-slider-2 .swiper-sub::before {
        right: 13.548vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2 .swiper-sub::before {
        right: 29.0666666667vw;
    }
}
.c-slider-2 .swiper-sub::after {
    right: 344px;
}
@media screen and (max-width: 1240px) {
    .c-slider-2 .swiper-sub::after {
        right: 27.742vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2 .swiper-sub::after {
        right: 60.2666666667vw;
    }
}
.c-slider-2__slide-main {
    width: 100%;
    overflow: hidden;
    will-change: transform;
    backface-visibility: hidden;
}
.c-slider-2__slide-sub {
    position: relative;
    width: 176px;
    height: 100%;
    aspect-ratio: 176/160;
}
@media screen and (max-width: 1240px) {
    .c-slider-2__slide-sub {
        width: 14.194vw;
    }
}
@media screen and (max-width: 768px) {
    .c-slider-2__slide-sub {
        width: 31.2vw;
    }
}
.c-slider-2__slide-sub img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.c-slider-2__slide-num {
    position: absolute;
    bottom: 190px;
    right: 0;
    left: auto;
    width: 46px;
    height: 46px;
}
@media screen and (max-width: 1240px) {
    .c-slider-2__slide-num {
        bottom: 15.323vw;
    }
}
.c-slider-2 .js-slide-2-current, .c-slider-2 .js-slide-2-all {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #929393;
    font-size: 12px;
}
.c-slider-2 .js-slide-2-current {
    bottom: auto;
    right: auto;
    top: -3px;
    left: -3px;
    color: #1A1A1A;
    font-size: 18px;
}
.c-slider-2__slash {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    width: 60px;
    height: 1px;
    background-color: #6E6F6F;
}

/* ---------------------------------------------
*   c-table-2
テーブルコンテンツ
使用ページ：/service/equipmentGuarantee/
--------------------------------------------- */
.c-table-2 {
    width: 100%;
    border-top: 1px solid #C1C6CB;
    border-right: 1px solid #C1C6CB;
}
@media screen and (max-width: 768px) {
    .c-table-2 {
        width: 213.3333333333vw;
        border-width: 0.2666666667vw;
    }
}
.c-table-2__tr::before {
    content: "";
    display: block;
    float: left;
    height: 64px;
}
@media screen and (max-width: 768px) {
    .c-table-2__tr::before {
        height: 12.2666666667vw;
    }
}
.c-table-2--02 .c-table-2__tbody .c-table-2__tr::before {
    height: 56px;
}
@media screen and (max-width: 768px) {
    .c-table-2--02 .c-table-2__tbody .c-table-2__tr::before {
        height: 12.2666666667vw;
    }
}
.c-table-2__th, .c-table-2__td {
    width: 33%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.05em;
    padding: 14px 1.1666666667% 12px 2%;
    border-bottom: 1px solid #C1C6CB;
    border-left: 1px solid #C1C6CB;
}
@media screen and (max-width: 768px) {
    .c-table-2__th, .c-table-2__td {
        width: 32.5%;
        font-size: 3.7333333333vw;
        line-height: 1.8;
        padding: 2.9333333333vw 1.3333333333vw 2.4vw 2.1333333333vw;
        border-width: 0.2666666667vw;
    }
}
.c-table-2__th:first-of-type, .c-table-2__td:first-of-type {
    width: 34%;
}
@media screen and (max-width: 768px) {
    .c-table-2__th:first-of-type, .c-table-2__td:first-of-type {
        width: 35%;
    }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    .c-table-2--01 .c-table-2__th, .c-table-2--01 .c-table-2__td {
        font-size: 1.7777777778vw;
        white-space: nowrap;
    }
}
.c-table-2--02 .c-table-2__th, .c-table-2--02 .c-table-2__td {
    width: 30%;
    line-height: 1.8;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
    .c-table-2--02 .c-table-2__th, .c-table-2--02 .c-table-2__td {
        font-size: 1.6vw;
    }
}
@media screen and (max-width: 768px) {
    .c-table-2--02 .c-table-2__th, .c-table-2--02 .c-table-2__td {
        width: 30%;
        line-height: 1.8;
    }
}
.c-table-2--02 .c-table-2__th:first-of-type, .c-table-2--02 .c-table-2__td:first-of-type {
    width: 18.3333333333%;
}
@media screen and (max-width: 768px) {
    .c-table-2--02 .c-table-2__th:first-of-type, .c-table-2--02 .c-table-2__td:first-of-type {
        width: 18.75%;
    }
}
.c-table-2--02 .c-table-2__th:nth-of-type(2), .c-table-2--02 .c-table-2__td:nth-of-type(2) {
    width: 21.6666666667%;
}
@media screen and (max-width: 768px) {
    .c-table-2--02 .c-table-2__th:nth-of-type(2), .c-table-2--02 .c-table-2__td:nth-of-type(2) {
        width: 21.25%;
    }
}
.c-table-2__thead .c-table-2__th {
    font-weight: 700;
    text-align: center;
    background-color: #F8F9F9;
}
.c-table-2__tbody .c-table-2__th {
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .safari .c-table-2__th .ls-safari {
        letter-spacing: -0.01em;
    }
}

.c-table-2__td {
    background-color: #fff;
}
.c-table-2__td--gray {
    background-color: #EAEBEB;
}
.c-table-2__th-s {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
    .c-table-2__th-s {
        font-size: 3.2vw;
    }
}
@media screen and (min-width: 769px) {
    .c-table-2__word {
        display: inline-block;
    }
}
.c-table-2__ls {
    letter-spacing: -0.3em;
}
.c-table-2--02 .c-table-2__thead .c-table-2__th:last-of-type {
    background-color: #AEAFAF;
}

/* ---------------------------------------------
*   c-tile-1
画像タイル部分
使用ページ:/index.html・/index-test.html
--------------------------------------------- */
.c-tile-1__list {
    --col: 4;
    display: grid;
    grid-template-columns: 40% 19.75% 19.75% 19.75%;
    gap: 0.25vw 0.25%;
    align-items: stretch;
    grid-template-areas: "a b c d" "a e f g";
}
@media screen and (max-width: 1024px) {
    .c-tile-1__list {
        --col: 2;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5333333333vw;
        grid-template-areas: "a a" "b c" "d e" "f g";
    }
}
.c-tile-1__item {
    display: flex;
    flex-shrink: 0;
    aspect-ratio: 0.9905956113;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .c-tile-1__item {
        aspect-ratio: 1;
    }
}
.c-tile-1__item::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    transition: transform 1.2s cubic-bezier(0.24, 0.12, 0, 1), -webkit-transform 1.2s cubic-bezier(0.24, 0.12, 0, 1);
    display: block;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
}
@media screen and (min-width: 769px) {
    .c-tile-1__item:hover::after {
        transform: scale(1.08);
    }
}
.c-tile-1__item--about {
    grid-area: a;
}
.c-tile-1__item--about::after {
    background-image: url(/shared/img/index/img_about.jpg);
}
@media screen and (min-width: 1601px) {
    .c-tile-1__item--about {
        aspect-ratio: 0.9968847352;
    }
}
.c-tile-1__item--about .c-tile-1__link {
    text-align: left;
}
.c-tile-1__item--about .c-tile-1__link-txt-ja {
    font-size: 38px;
    line-height: 1.6315789474;
    letter-spacing: 0.14em;
    margin-top: 14px;
    display: inline-block;
}
@media screen and (max-width: 1260px) {
    .c-tile-1__item--about .c-tile-1__link-txt-ja {
        font-size: 32px;
    }
}
@media screen and (max-width: 1024px) {
    .c-tile-1__item--about .c-tile-1__link-txt-ja {
        font-size: 6.4vw;
        line-height: 1.5;
        margin-top: 1.6vw;
    }
}
.c-tile-1__item--about .c-tile-1__link-txt-ja--lts {
    letter-spacing: 0.04em;
    margin-top: 0;
}
.c-tile-1__item--quality {
    grid-area: b;
}
.c-tile-1__item--quality::after {
    background-image: url(/shared/img/index/img_quality.jpg);
}
.c-tile-1__item--labo {
    grid-area: c;
}
.c-tile-1__item--labo::after {
    background-image: url(/shared/img/index/img_labo.jpg);
}
.c-tile-1__item--support {
    grid-area: d;
}
.c-tile-1__item--support::after {
    background-image: url(/shared/img/index/img_support.jpg);
}
.c-tile-1__item--voice {
    grid-area: e;
}
.c-tile-1__item--voice::after {
    background-image: url(/shared/img/index/img_voice.jpg);
}
.c-tile-1__item--magazine {
    grid-area: f;
}
.c-tile-1__item--magazine::after {
    background-image: url(/shared/img/index/img_magazine.jpg);
}
.c-tile-1__item--gallery {
    grid-area: g;
}
.c-tile-1__item--gallery::after {
    background-image: url(/shared/img/index/img_gallery.jpg);
}
.c-tile-1__item--gallery .c-tile-1__link-txt-en {
    letter-spacing: 0.01em;
}
.c-tile-1__item--out {
    pointer-events: none;
}
.c-tile-1__link {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding: 20px;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .c-tile-1__link {
        padding: 0;
    }
}
.c-tile-1__link::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    top: 0;
    left: 0;
}
@media screen and (min-width: 769px) {
    .c-tile-1__link:hover::before {
        opacity: 0.2;
    }
}
.c-tile-1__link-wrap {
    position: relative;
    z-index: 1;
}
.c-tile-1__link-txt {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.06em;
    color: #fff;
    display: block;
    margin-top: 38px;
    max-width: 450px;
}
@media screen and (max-width: 1260px) {
    .c-tile-1__link-txt {
        font-size: 14px;
    }
}
@media screen and (max-width: 1024px) {
    .c-tile-1__link-txt {
        font-size: 3.2vw;
        line-height: 1.8333333333;
        margin-top: 5.0666666667vw;
        max-width: none;
    }
}
.c-tile-1__link-txt-en {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.06em;
    display: block;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1024px) {
    .c-tile-1__link-txt-en {
        font-size: 4.8vw;
        line-height: 1.5;
    }
}
.c-tile-1__link-txt-ja {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-weight: 500;
    display: block;
    color: #fff;
    margin-top: 6px;
}
@media screen and (max-width: 1024px) {
    .c-tile-1__link-txt-ja {
        font-size: 3.2vw;
        line-height: 2;
        margin-top: 0;
    }
}
.c-tile-1__link-more {
    display: block;
    margin-top: 47px;
}
@media screen and (max-width: 1024px) {
    .c-tile-1__link-more {
        margin-top: 5.8666666667vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
    .c-tile-1__link-more .c-link-1__txt {
        font-size: 3.4666666667vw;
        line-height: 1.6923076923;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
    .c-tile-1__link-more .c-link-1__arw {
        margin-left: 5.3333333333vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
    .c-tile-1__link-more .c-link-1__arw::after {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
        border-width: 0.4vw;
        right: 0.5333333333vw;
    }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
    .c-tile-1__link-more .c-link-1__search {
        width: 3.7333333333vw;
        margin-left: 3.4666666667vw;
        top: 0.8vw;
    }
}

/* ---------------------------------------------
*   c-tile-3
3カラムタイル部分（width:380px、gap:30px）
使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-tile-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
@media screen and (max-width: 768px) {
    .c-tile-3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 4.2666666667vw 3.2vw;
    }
}
.c-tile-3__img img {
    width: 100%;
    height: auto;
}
.c-tile-3__txt {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-tile-3__txt {
        margin-top: 2.6666666667vw;
        font-size: 4vw;
        line-height: 1.2;
    }
}

/* ---------------------------------------------
*   c-tile-2
画像タイル部分
使用ページ:/service/clubOff/
--------------------------------------------- */
.c-tile-2 {
    display: grid;
    grid-template-areas: "a b d" "c c d" "c c e";
    grid-template-columns: 33.25% 33.25% 33.125%;
    gap: 0.3125vw 0.1875%;
}
@media screen and (max-width: 768px) {
    .c-tile-2 {
        display: block;
    }
}
.c-tile-2__item {
    position: relative;
}
@media screen and (min-width: 769px) {
    .c-tile-2__item {
        aspect-ratio: 530/530;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__item {
        position: static;
        width: 100%;
        height: 100%;
        aspect-ratio: 1/1;
        padding-top: 26.6666666667vw;
        padding-left: 8vw;
        margin-top: 2.6666666667vw;
    }
}
.c-tile-2__item:first-of-type {
    margin-right: 0.125vw;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item:first-of-type {
        margin-right: 0;
        margin-top: 0;
    }
}
.c-tile-2__item:nth-of-type(2) {
    margin-right: 0.125vw;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item:nth-of-type(2) {
        margin-right: 0;
    }
}
.c-tile-2__item--01 {
    grid-area: a;
    background: url("/shared/img/service/clubOff/img_resort.jpg") 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item--01 {
        background-image: url("/shared/img/service/clubOff/sp/img_resort.jpg");
    }
}
.c-tile-2__item--02 {
    grid-area: b;
    background: url("/shared/img/service/clubOff/img_gourmet.jpg") 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item--02 {
        background-image: url("/shared/img/service/clubOff/sp/img_gourmet.jpg");
    }
}
.c-tile-2__item--03 {
    grid-area: c;
    background: url("/shared/img/service/clubOff/img_leisure.jpg") 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item--03 {
        background-image: url("/shared/img/service/clubOff/sp/img_leisure.jpg");
    }
}
@media screen and (min-width: 769px) {
    .c-tile-2__item--03 {
        aspect-ratio: 1067/747;
    }
}
.c-tile-2__item--04 {
    grid-area: d;
    background: url("/shared/img/service/clubOff/img_onsen_spa.jpg") 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item--04 {
        background-image: url("/shared/img/service/clubOff/sp/img_onsen_spa.jpg");
    }
}
@media screen and (min-width: 769px) {
    .c-tile-2__item--04 {
        aspect-ratio: 530/747;
    }
}
.c-tile-2__item--05 {
    grid-area: e;
    background: url("/shared/img/service/clubOff/img_entertainment.jpg") 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item--05 {
        background-image: url("/shared/img/service/clubOff/sp/img_entertainment.jpg");
    }
}
.c-tile-2__item-inner {
    position: absolute;
    left: 16.9811320755%;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item-inner {
        position: static;
    }
}
.c-tile-2__item--01 .c-tile-2__item-inner {
    top: 29.4339622642%;
}
.c-tile-2__item--02 .c-tile-2__item-inner {
    top: 29.4339622642%;
}
.c-tile-2__item--03 .c-tile-2__item-inner {
    top: 50%;
    transform: translateY(-50%);
    left: 8.434864105%;
}
@media screen and (max-width: 768px) {
    .c-tile-2__item--03 .c-tile-2__item-inner {
        transform: none;
    }
}
.c-tile-2__item--04 .c-tile-2__item-inner {
    bottom: 13.3868808568%;
}
.c-tile-2__item--05 .c-tile-2__item-inner {
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .c-tile-2__item--05 .c-tile-2__item-inner {
        transform: none;
    }
}
.c-tile-2__ttl {
    font-size: 20px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: normal;
    line-height: 1.8;
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .c-tile-2__ttl {
        font-size: 1.4285714286vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__ttl {
        font-size: 4.2666666667vw;
        line-height: 1.5;
    }
}
.c-tile-2__txt-wrap {
    margin-top: 7px;
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .c-tile-2__txt-wrap {
        margin-top: 0.5vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__txt-wrap {
        margin-top: 0.8vw;
    }
}
.c-tile-2__txt {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2;
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .c-tile-2__txt {
        font-size: 1.2857142857vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__txt {
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
.c-tile-2__txt-bold {
    display: block;
    margin-top: 10px;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .c-tile-2__txt-bold {
        margin-top: 0.9285714286vw;
        font-size: 2.1428571429vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__txt-bold {
        margin-top: 1.3333333333vw;
        font-size: 6.4vw;
        line-height: 1.8;
    }
}
.c-tile-2__txt-bold--02 {
    margin-top: 10px;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .c-tile-2__txt-bold--02 {
        margin-top: 0.7142857143vw;
        font-size: 2.5714285714vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__txt-bold--02 {
        margin-top: 2.1333333333vw;
        font-size: 6.9333333333vw;
        line-height: 1.5;
    }
}
.c-tile-2__txt-num {
    font-size: 42px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: normal;
    line-height: 1.2857142857;
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .c-tile-2__txt-num {
        font-size: 3vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__txt-num {
        font-size: 8.5333333333vw;
        line-height: 1.35;
    }
}
.c-tile-2__txt-en {
    font-size: 36px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.04em;
    line-height: 1.5;
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .c-tile-2__txt-en {
        font-size: 2.5714285714vw;
    }
}
@media screen and (max-width: 768px) {
    .c-tile-2__txt-en {
        font-size: 6.9333333333vw;
        line-height: 1.6615384615;
    }
}

/* ---------------------------------------------
*   c-ttl-2
見出し H2
使用ページ:/lineup/
--------------------------------------------- */
.c-ttl-2 {
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-ttl-2 {
        font-size: 8.5333333333vw;
        line-height: 1.5;
    }
}
.c-ttl-2--02 {
    display: inline;
}
@media screen and (max-width: 768px) {
    .c-ttl-2--02 {
        padding-right: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-ttl-4
見出し　ゴールド
使用ページ:/aboutBaus/brand/rent/index・/aboutBaus/caseStudy/index・/aboutBaus/history/index
/aboutBaus/index・/aboutBaus/media/index・/aboutBaus/quality/index・/lineup/index
/magazine/article/index・/magazine/index・/news/index・/owners/2ndstorage/index
/owners/kawamotobousai/index・/owners/limited/index・/owners/limited_pre/index
/owners/livinghouse/index・/service/afterService/index・/service/clubOff/index
/service/equipmentGuarantee/index・/service/index・/service/sumaiSupport/index
/terms/attribute・/terms/link・/voice/article/index・/voice/index
--------------------------------------------- */
.c-ttl-4 {
    color: #AAAA88;
    font-size: 40px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.036em;
    line-height: 1.875;
}
@media screen and (max-width: 768px) {
    .c-ttl-4 {
        font-size: 7.4666666667vw;
        line-height: 1.5;
    }
}
@media screen and (max-width: 768px) {
    .edge .c-ttl-4 .edge-ls {
        letter-spacing: -0.01em;
        white-space: nowrap;
    }
}

/* ---------------------------------------------
*   c-ttl-6
見出し　黒　大きい
使用ページ:/aboutBaus/brand/rent/・/aboutBaus/caseStudy/・
/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/

--------------------------------------------- */
.c-ttl-6 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-ttl-6 {
        font-size: 6.9333333333vw;
        line-height: 1.5;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-6--02 {
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.c-ttl-6--en {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}
@media screen and (max-width: 768px) {
    .c-ttl-6--en {
        font-weight: 400;
    }
}

/* ---------------------------------------------
*   c-ttl-8
見出し　黒　大きい
使用ページ:/aboutBaus/brand/・/aboutBaus/brand/rent/・/aboutBaus/caseStudy/
・/Bauslabo/・/lineup/・/magazine/article/・/service/sumaiSupport/・
/voice/article/
--------------------------------------------- */
.c-ttl-8 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-ttl-8 {
        font-size: 6.9333333333vw;
        line-height: 1.5;
    }
}
.c-ttl-8--02 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-ttl-8--02 {
        font-size: 5.3333333333vw;
        font-weight: 400;
        line-height: 1.5;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-8--03 {
        font-size: 6.4vw;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-8--04 {
        font-size: 5.3333333333vw;
        letter-spacing: 0.03em;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-8--05 {
        font-size: 5.8666666667vw;
        line-height: 1.8;
    }
}
.c-ttl-8--06 {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-ttl-8--06 {
        font-size: 6.4vw;
        line-height: 1.8;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-ttl-10
見出し　黒　センター
使用ページ:/aboutBaus/brand/rent/・/aboutBaus/caseStudy/・
/Bauslabo/coreclo_1/・/service/sumaiSupport/
--------------------------------------------- */
.c-ttl-10 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.8571428571;
}
@media screen and (max-width: 768px) {
    .c-ttl-10 {
        font-size: 6.4vw;
        letter-spacing: 0.04em;
        line-height: 1.5;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-10--02 {
        font-size: 5.8666666667vw;
        letter-spacing: 0.04em;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-10--03 {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .windows .c-ttl-10--ls {
        letter-spacing: -0.01em;
    }
}

@media screen and (max-width: 768px) {
    .safari .c-ttl-10--ls {
        letter-spacing: -0.01em;
    }
}

/* ---------------------------------------------
*   c-ttl-12
見出し　黒　左側
使用ページ:/magazine/article/・/voice/article/

--------------------------------------------- */
.c-ttl-12 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.8333333333;
}
@media screen and (max-width: 768px) {
    .c-ttl-12 {
        font-size: 4.8vw;
        letter-spacing: 0.05em;
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   c-ttl-14
見出し　小見出し
使用ページ:/aboutBaus/brand/rent/・/voice/article/
--------------------------------------------- */
.c-ttl-14 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-ttl-14 {
        font-size: 4.2666666667vw;
        line-height: 1.8;
    }
}
.c-ttl-14--02 {
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-ttl-14--02 {
        line-height: 1.8;
    }
}
.c-ttl-14--border {
    display: inline-block;
    position: relative;
    padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
    .c-ttl-14--border {
        padding-bottom: 4.8vw;
    }
}
.c-ttl-14--border::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 1px;
    background-color: #D1D1D0;
}
@media screen and (max-width: 768px) {
    .c-ttl-14--border::before {
        width: 44vw;
    }
}

/* ---------------------------------------------
*   c-ttl-16
見出し　ロゴ
使用ページ:/aboutBaus/brand/rent/

--------------------------------------------- */
.c-ttl-16__img {
    display: block;
    width: 226px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-ttl-16__img {
        width: 45.3333333333vw;
    }
}
.c-ttl-16__img img {
    width: 100%;
}
.c-ttl-16__txt {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
    .c-ttl-16__txt {
        font-size: 4.8vw;
        line-height: 1.8;
        margin-top: 1.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-18
見出し 黒　センター
使用ページ:/Bauslabo/
--------------------------------------------- */
.c-ttl-18 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 2.25;
}
@media screen and (max-width: 768px) {
    .c-ttl-18 {
        font-size: 6.4vw;
        line-height: 1.5;
    }
}

/* ---------------------------------------------
*   c-ttl-20
見出し Montserrat
使用ページ:/Bauslabo/
--------------------------------------------- */
.c-ttl-20 {
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-ttl-20 {
        font-size: 6.9333333333vw;
        line-height: 2.0769230769;
    }
}

/* ---------------------------------------------
*   c-ttl-22
見出し(提供サービス)
使用ページ:/service/sumaiSupport/
--------------------------------------------- */
.c-ttl-22 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-ttl-22 {
        font-size: 4.8vw;
        letter-spacing: 0.05em;
    }
}
.c-ttl-22--02 {
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-ttl-22--02 {
        font-size: 5.3333333333vw;
        line-height: 1.8;
        letter-spacing: 0.03em;
    }
}
.c-ttl-22__small {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .c-ttl-22__small {
        font-size: 4.2666666667vw;
        line-height: 1.8;
        letter-spacing: 0.05em;
    }
}

/* ---------------------------------------------
*   c-ttl-24
見出し 太字
使用ページ:/service/equipmentGuarantee/
--------------------------------------------- */
.c-ttl-24 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-ttl-24 {
        font-size: 4.8vw;
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   c-ttl-26
見出し　　Montserrat
使用ページ:/service/clubOff/
--------------------------------------------- */
.c-ttl-26 {
    font-family: "Montserrat", sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.2142857143;
}
@media screen and (max-width: 768px) {
    .c-ttl-26 {
        font-size: 5.3333333333vw;
        line-height: 1.2;
    }
}

/* ---------------------------------------------
*   c-ttl-28
見出し 数字付き
使用ページ:/service/clubOff/index・/terms/attribute・/terms/link
--------------------------------------------- */
.c-ttl-28 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-ttl-28 {
        font-size: 5.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-ttl-30
見出し Montserrat センター
使用ページ:/aboutBaus/media/
--------------------------------------------- */
.c-ttl-30 {
    font-family: "Montserrat", sans-serif;
    font-size: 46px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.2391304348;
}
@media screen and (max-width: 768px) {
    .c-ttl-30 {
        font-size: 6.9333333333vw;
        line-height: 1.2307692308;
    }
}

/* ---------------------------------------------
*   c-ttl-1
見出し Montserrat
使用ページ:index-test.html・index.html
--------------------------------------------- */
.c-ttl-1 {
    font-size: 28px;
    line-height: 1.2142857143;
    letter-spacing: 0.06em;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #AAAA88;
}
@media screen and (max-width: 768px) {
    .c-ttl-1 {
        font-size: 5.3333333333vw;
        line-height: 1.5;
    }
}

/* ---------------------------------------------
*   c-ttl-3
見出し　黒　センター
使用ページ:/Bauslabo/cookpad/・/Bauslabo/proplan/・/Bauslabo/windowPlan/

--------------------------------------------- */
.c-ttl-3 {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-ttl-3 {
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.c-ttl-3--xs {
    font-size: 28px;
    line-height: 1.8571428571;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-ttl-3--xs {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
        letter-spacing: 0.04em;
    }
}
.c-ttl-3--s {
    font-size: 30px;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-ttl-3--s {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
    }
}

/* ---------------------------------------------
*   c-ttl-5
見出し　Montserrat
使用ページ:/aboutBaus/brand/・/Bauslabo/windowPlan/

--------------------------------------------- */
.c-ttl-5 {
    text-align: center;
}
.c-ttl-5__en {
    font-size: 14px;
    line-height: 2;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.05em;
    color: #AAAA88;
    display: block;
}
@media screen and (max-width: 768px) {
    .c-ttl-5__en {
        font-size: 3.7333333333vw;
        line-height: 2;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-5__en--min {
        font-size: 3.2vw;
        line-height: 1.8333333333;
    }
}
.c-ttl-5__ja {
    font-size: 32px;
    letter-spacing: 0.04em;
    font-weight: 500;
    display: block;
    margin-top: 17px;
}
@media screen and (max-width: 768px) {
    .c-ttl-5__ja {
        font-size: 6.4vw;
        line-height: 1.5;
        margin-top: 2.4vw;
    }
}

/* ---------------------------------------------
*   c-ttl-7
見出し　large
使用ページ:/aboutBaus/quality/・/service/afterService/・/service/clubOff/・
/service/equipmentGuarantee/・/service/・/service/sumaiSupport/
--------------------------------------------- */
.c-ttl-7 {
    font-size: 32px;
    letter-spacing: 0.04em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-ttl-7 {
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.c-ttl-7--m {
    font-size: 30px;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-ttl-7--m {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
    }
}
.c-ttl-7--s {
    font-size: 28px;
    line-height: 1.8571428571;
    letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
    .c-ttl-7--s {
        font-size: 5.8666666667vw;
        line-height: 1.8181818182;
    }
}
.c-ttl-7--02 {
    line-height: 2.25;
}
@media screen and (max-width: 768px) {
    .c-ttl-7--02 {
        font-size: 5.3333333333vw;
        line-height: 1.8;
        letter-spacing: 0.03em;
    }
}
.c-ttl-7 .ls {
    letter-spacing: -0.7em;
}

/* ---------------------------------------------
*   c-ttl-9
見出し 数字
使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-ttl-9 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 42px;
    padding-bottom: 42px;
    text-align: center;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .c-ttl-9 {
        padding-top: 6.4vw;
        padding-bottom: 6.4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-9--2016 .c-ttl-9 {
        padding: 10.1333333333vw 0;
    }
}

.c-ttl-9:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    z-index: 1;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-ttl-9:before {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
.c-ttl-9:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 99px;
    z-index: 1;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-ttl-9:after {
        width: 1.8666666667vw;
        height: 1.8666666667vw;
    }
}
.c-cassette-9--2024 .c-ttl-9::before {
    background-color: #000;
}
.c-cassette-9--2024 .c-ttl-9::after {
    background-color: #CFD0D0;
}

.c-ttl-9--1954 {
    padding-top: 109px;
    padding-bottom: 56px;
}
@media screen and (max-width: 768px) {
    .c-ttl-9--1954 {
        padding-top: 14.6666666667vw;
        padding-bottom: 9.3333333333vw;
    }
}
.c-ttl-9--1954:before {
    content: none;
}
.c-ttl-9--center {
    justify-content: center;
}
.c-ttl-9--center .c-ttl-9__txt {
    text-align: center;
    padding-right: 0;
}
.c-ttl-9__bar1 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: none;
    width: 1px;
    height: 100%;
    background-color: rgba(234, 235, 236, 0.85);
    content: "";
}
@media screen and (max-width: 768px) {
    .c-ttl-9__bar1 {
        width: 0.2666666667vw;
    }
}
.c-ttl-9__bar2 {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 50%;
    transform: none;
    width: 1px;
    height: 100%;
    background-color: #fff;
    content: "";
}
@media screen and (max-width: 768px) {
    .c-ttl-9__bar2 {
        width: 0.2666666667vw;
    }
}
.c-ttl-9__txt {
    position: relative;
    font-family: "Barlow", sans-serif;
    color: #004263;
    font-weight: 100;
    font-size: 88px;
    line-height: 1;
    width: 50%;
    text-align: right;
    padding-right: 15px;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__txt {
        font-size: 18.1333333333vw;
        padding-right: 3.4666666667vw;
    }
}
.c-ttl-9__txt--1994 {
    position: relative;
    top: -19px;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__txt--1994 {
        position: static;
    }
}
.c-ttl-9__txt--2004 {
    letter-spacing: -0.04em;
    padding-right: 18px;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__txt--2004 {
        padding-right: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-9__txt--2014 {
        letter-spacing: -0.04em;
        padding-right: 4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-9__txt--2024 {
        letter-spacing: -0.04em;
        padding-right: 4vw;
    }
}
.c-ttl-9__option {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin-left: 15px;
    padding-top: 6px;
    text-align: center;
    border-radius: 99px;
    border: 1px solid #A6A9AA;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__option {
        width: 25.6vw;
        height: 25.6vw;
        margin-left: 3.2vw;
        padding-top: 1.3333333333vw;
        border-width: 0.2666666667vw;
    }
}
.c-ttl-9__num {
    display: block;
    text-align: center;
    font-family: "Barlow", sans-serif;
    color: #AAAA88;
    font-weight: 600;
    font-size: 42px;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__num {
        font-size: 9.6vw;
    }
}
.c-ttl-9__note {
    display: block;
    margin-top: 3px;
    text-align: center;
    font-family: "Barlow", sans-serif;
    font-weight: 300;
    font-size: 18px;
}
@media screen and (max-width: 768px) {
    .c-ttl-9__note {
        font-size: 4.2666666667vw;
        margin-top: 0;
    }
}

/* ---------------------------------------------
*   c-ttl-11
見出し 数字（small）
使用ページ:/aboutBaus/history/
--------------------------------------------- */
.c-ttl-11 {
    padding: 0 5px;
    font-family: "Barlow", sans-serif;
    color: #004263;
    font-weight: 300;
    font-size: 58px;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-ttl-11 {
        font-size: 12.2666666667vw;
    }
}
.c-ttl-11--02 {
    padding-left: 0;
}
@media screen and (min-width: 769px) {
    .c-ttl-11--02 {
        padding-top: 3px;
    }
}
.c-ttl-11__outer {
    display: flex;
}
@media screen and (min-width: 769px) {
    .c-ttl-11__outer--1969 {
        padding-left: 4px;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-11__outer--1972 {
        position: relative;
        left: -2.4vw;
    }
}

/* ---------------------------------------------
*   c-ttl-13
見出し 黒　センター
使用ページ:/owners/2ndstorage/・/owners/kawamotobousai/・
/owners/limited/・/owners/limited_pre/・/owners/livinghouse/
--------------------------------------------- */
.c-ttl-13 {
    font-size: 30px;
}
@media screen and (max-width: 768px) {
    .c-ttl-13 {
        font-size: 5.8666666667vw;
    }
}
.c-ttl-13--small {
    font-size: 28px;
}
@media screen and (max-width: 768px) {
    .c-ttl-13--small {
        font-size: 5.3333333333vw;
    }
}
.ipad .c-ttl-13--2ndstorage {
    letter-spacing: -0.05em;
}

.c-ttl-13--white {
    color: #fff;
}

/* ---------------------------------------------
*   c-ttl-32
見出し　青下線付き（#18B3C9）
使用ページ:/aboutBaus/sustainability/
--------------------------------------------- */
.c-ttl-32 {
    position: relative;
    padding-bottom: 24px;
    font-size: 20px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .c-ttl-32 {
        padding-bottom: 5.3333333333vw;
        font-size: 4.8vw;
    }
}
.c-ttl-32::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 360px;
    height: 1px;
    background-color: #18B3C9;
}
@media screen and (max-width: 768px) {
    .c-ttl-32::before {
        width: 37.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-txt-2
テキスト
使用ページ：/aboutBaus/brand/・/aboutBaus/brand/rent/・/aboutBaus/caseStudy/
/aboutBaus/history/・/aboutBaus/・/aboutBaus/media/・/aboutBaus/quality/
/Bauslabo/・/lineup/・/magazine/article/・/magazine/・/news/
/owners/2ndstorage/・/owners/kawamotobousai/・/owners/limited/
/owners/limited_pre/・/owners/livinghouse/・/service/afterService/
/service/clubOff/・/service/equipmentGuarantee/・/service/
/service/sumaiSupport/・/terms/attribute.html・/terms/link.html
--------------------------------------------- */
.c-txt-2 {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-2 {
        font-size: 3.2vw;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-2--02 {
        font-size: 3.7333333333vw;
        line-height: 1.8;
        letter-spacing: 0.05em;
    }
}
.c-txt-2--02.pdf::after {
    content: "";
    display: inline-block;
    position: relative;
    top: 6px;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    background-image: url(/shared/img/common/icon_pdf_bl.svg);
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-txt-2--02.pdf::after {
        top: 1.0666666667vw;
        width: 5.3333333333vw;
        height: 5.3333333333vw;
        margin-left: 0.8vw;
    }
}
.c-txt-2--03 {
    color: #6E6F6F;
}
@media screen and (min-width: 769px) {
    .c-txt-2--04 {
        letter-spacing: normal;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-2--05 {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-txt-2__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .c-txt-2__wrapper {
        flex-direction: column;
        align-items: baseline;
    }
}

/* ---------------------------------------------
*   c-txt-4
テキスト
使用ページ：/aboutBaus/brand/rent/・/aboutBaus/caseStudy/・/Bauslabo/coreclo_1/・
/Bauslabo/coreclo_2/・/Bauslabo/・/lineup/・/magazine/article/・
/magazine/・/service/clubOff/・/service/equipmentGuarantee/・
/service/sumaiSupport/・/terms/・/terms/・/voice/article/・/voice/
--------------------------------------------- */
.c-txt-4 {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-4 {
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
.c-txt-4--02 {
    line-height: 2.5;
}
@media screen and (max-width: 768px) {
    .c-txt-4--02 {
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-4--03 {
        font-size: 3.4666666667vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-4--04 {
        line-height: 2;
    }
}
.c-txt-4--green {
    color: #2CB1A5;
    font-weight: 700;
}
.c-txt-4__super {
    font-size: 11px;
    vertical-align: super;
}
@media screen and (max-width: 768px) {
    .c-txt-4__super {
        font-size: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-txt-6
テキスト
使用ページ：/lineup/
--------------------------------------------- */
.c-txt-6 {
    color: #929393;
    font-weight: 700;
    padding-left: 20px;
    padding-bottom: 3px;
}
@media screen and (max-width: 768px) {
    .c-txt-6 {
        padding-left: 0;
        padding-bottom: 0;
    }
}
.c-txt-6--02 {
    display: inline-block;
}
.c-txt-6__num {
    font-size: 30px;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .c-txt-6__num {
        font-size: 6.4vw;
        line-height: 1.5;
    }
}
.c-txt-6__txt {
    font-size: 16px;
    line-height: 2.25;
    margin-left: -2px;
}
@media screen and (max-width: 768px) {
    .c-txt-6__txt {
        font-size: 3.7333333333vw;
        line-height: 2.5714285714;
    }
}

/* ---------------------------------------------
*   c-txt-8
テキスト
使用ページ：/aboutBaus/media/・/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-txt-8 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-8 {
        font-size: 4.2666666667vw;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-8--02 {
        font-size: 4.8vw;
        line-height: 1.8;
    }
}
.c-txt-8--03 {
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .c-txt-8--03 {
        font-size: 4.8vw;
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   c-txt-10
テキスト
使用ページ：/aboutBaus/brand/・/aboutBaus/brand/rent/
/aboutBaus/quality/・/Bauslabo/cookpad/・/Bauslabo/coreclo_1/・
/Bauslabo/coreclo_2/・/Bauslabo/・/Bauslabo/proplan/・
/Bauslabo/windowPlan/・/magazine/article/・/magazine/・
/service/afterService/・/service/clubOff/・/service/equipmentGuarantee/・
/service/sumaiSupport/・/voice/・
--------------------------------------------- */
.c-txt-10 {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-10 {
        font-size: 4.2666666667vw;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-10--02 {
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}
@media screen and (max-width: 768px) {
    .c-txt-10--03 {
        font-size: 4vw;
        line-height: 2;
    }
}
.c-txt-10--04 {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-txt-10--04 {
        font-size: 4.2666666667vw;
        line-height: 1.8;
        text-align: left;
    }
}

/* ---------------------------------------------
*   c-txt-12
テキスト
使用ページ：/magazine/
--------------------------------------------- */
.c-txt-12 {
    color: #6E6F6F;
    font-size: 13px;
    line-height: 1.3846153846;
    letter-spacing: 0.08em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-12 {
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-txt-14
テキスト
使用ページ：/voice/article/
--------------------------------------------- */
.c-txt-14 {
    color: #AAAA88;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 2;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .c-txt-14 {
        font-size: 3.2vw;
    }
}
.c-txt-14--number:before {
    counter-increment: number 1;
    content: "POINT 0" counter(number);
}

/* ---------------------------------------------
*   c-txt-16
テキスト
使用ページ：/Bauslabo/coreclo_1/

--------------------------------------------- */
.c-txt-16 {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 1.7142857143;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .c-txt-16 {
        font-size: 3.2vw;
        line-height: 1.6666666667;
    }
}
.c-txt-16--yellow {
    color: #977B35;
}
.c-txt-16--orange {
    color: #EDA06A;
}
.c-txt-16--green {
    color: #73C1B1;
}
.c-txt-16--blue {
    color: #7186BE;
}

/* ---------------------------------------------
*   c-txt-18
テキスト
使用ページ：/Bauslabo/coreclo_1/・/Bauslabo/coreclo_2/
--------------------------------------------- */
.c-txt-18 {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-18 {
        font-size: 2.9333333333vw;
        line-height: 1.8;
        letter-spacing: normal;
    }
}
.c-txt-18--02 {
    letter-spacing: normal;
}

/* ---------------------------------------------
*   c-txt-20
テキスト
使用ページ：c-txt-20
--------------------------------------------- */
.c-txt-20 {
    font-family: "Montserrat", sans-serif;
    color: #AAAA88;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 400;
}
@media screen and (max-width: 768px) {
    .c-txt-20 {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-txt-22
テキスト
使用ページ：/aboutBaus/media/・/service/sumaiSupport/
--------------------------------------------- */
.c-txt-22 {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-22 {
        font-size: 3.4666666667vw;
        line-height: 1.8;
    }
}
.c-txt-22--02 {
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-txt-22--02 {
        font-size: 3.2vw;
        letter-spacing: 0.025em;
    }
}
.c-txt-22--narrow {
    letter-spacing: 0.02em;
}

/* ---------------------------------------------
*   c-txt-24
テキスト
使用ページ：/aboutBaus/media/
--------------------------------------------- */
.c-txt-24 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-txt-24 {
        font-size: 4vw;
    }
}

/* ---------------------------------------------
*   c-txt-26
テキスト
使用ページ：/aboutBaus/media/
--------------------------------------------- */
.c-txt-26 {
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .c-txt-26 {
        font-size: 3.4666666667vw;
        letter-spacing: normal;
    }
}

/* ---------------------------------------------
*   c-txt-1
テキスト
使用ページ：/aboutBaus/brand/・/aboutBaus/history/・
/aboutBaus/quality/・/Bauslabo/cookpad/・/aboutBaus/brand/
・/aboutBaus/history/・/aboutBaus/quality/・/Bauslabo/cookpad/・
/Bauslabo/proplan/・/Bauslabo/windowPlan/・/index-・
/・/news/・/owners/kawamotobousai/・/owners/livinghouse/・
/service/afterService/・/service/

--------------------------------------------- */
.c-txt-1 {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .c-txt-1 {
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}
.c-txt-1--02 {
    margin-left: 3.5714285714%;
}
@media screen and (max-width: 768px) {
    .c-txt-1--02 {
        margin-left: 2.4vw;
        margin-top: -0.5333333333vw;
    }
}
.c-txt-1--b {
    font-weight: 700;
}
@media screen and (min-width: 769px) {
    .c-txt-1--lts-20 {
        letter-spacing: 0.02em;
    }
}
@media screen and (min-width: 769px) {
    .c-txt-1--lts-0 {
        letter-spacing: 0;
    }
}
.c-txt-1--mon {
    font-family: "Montserrat", sans-serif;
}

/* ---------------------------------------------
*   c-txt-3
テキスト
使用ページ：/aboutBaus/brand/・/aboutBaus/・
/aboutBaus/quality/・/Bauslabo/cookpad/・
・index.html/・/owners/limited/・/owners/limited_pre/・
/owners/livinghouse/・/service/・/service/sumaiSupport/
--------------------------------------------- */
.c-txt-3 {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .c-txt-3 {
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}
.c-txt-3--b {
    font-weight: 700;
}
.c-txt-3--lts-25 {
    letter-spacing: 0.025em;
}
.c-txt-3--lts-0 {
    letter-spacing: 0;
}

/* ---------------------------------------------
*   c-txt-5
テキスト
使用ページ：/Bauslabo/cookpad/・/Bauslabo/proplan/・
/Bauslabo/windowPlan/・/index-test・/・/service/
--------------------------------------------- */
.c-txt-5 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .c-txt-5 {
        font-size: 4.8vw;
        line-height: 1.7777777778;
    }
}
.c-txt-5--b {
    font-weight: 700;
}

/* ---------------------------------------------
*   c-txt-7
テキスト
使用ページ：/Bauslabo/cookpad/・/Bauslabo/windowPlan/・
/index-test・/・/service/afterService/・/service/
--------------------------------------------- */
.c-txt-7 {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.08em;
    color: #6E6F6F;
    font-weight: 500;
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .c-txt-7 {
        font-size: 3.2vw;
        letter-spacing: 0.1em;
    }
}
.c-txt-7--lts-25 {
    letter-spacing: 0.025em;
}

/* ---------------------------------------------
*   c-txt-9
テキスト
使用ページ：/aboutBaus/brand/・/aboutBaus/quality/
・/Bauslabo/cookpad/・/service/
--------------------------------------------- */
.c-txt-9 {
    font-size: 24px;
    line-height: 2;
    letter-spacing: 0.03em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-9 {
        font-size: 5.3333333333vw;
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   c-txt-11
テキスト
使用ページ：/Bauslabo/cookpad/
--------------------------------------------- */
.c-txt-11 {
    font-size: 11px;
    line-height: 2;
    font-weight: 500;
    color: #6E6F6F;
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-txt-11 {
        font-size: 2.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-txt-13
テキスト
使用ページ：/aboutBaus/brand/・/service/
--------------------------------------------- */
.c-txt-13 {
    font-size: 18px;
    line-height: 2.5;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-13 {
        font-size: 4vw;
        line-height: 2;
    }
}

/* ---------------------------------------------
*   c-txt-15
テキスト
使用ページ：/aboutBaus/brand/
--------------------------------------------- */
.c-txt-15 {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .c-txt-15 {
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}

/* ---------------------------------------------
*   c-txt-17
テキスト
使用ページ：/service/
--------------------------------------------- */
.c-txt-17 {
    font-size: 14px;
    line-height: 1.7142857143;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: #004263;
}
@media screen and (max-width: 768px) {
    .c-txt-17 {
        font-size: 3.2vw;
        line-height: 1.6666666667;
    }
}
.c-txt-17--gold {
    color: #AAAA88;
}

/* ---------------------------------------------
*   c-txt-19
テキスト
使用ページ：/index-test.html
--------------------------------------------- */
.c-txt-19 {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.1em;
    display: block;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-txt-19 {
        font-size: 3.4666666667vw;
        line-height: 1.7692307692;
        margin-top: 1.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-txt-21
テキスト
使用ページ：/owners/2ndstorage/・/owners/kawamotobousai/・/owners/livinghouse/
--------------------------------------------- */
.c-txt-21 {
    font-size: 18px;
}
@media screen and (max-width: 768px) {
    .c-txt-21 {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   blank
--------------------------------------------- */
.blank {
    display: flex;
    align-items: center;
}
@media screen and (min-width: 769px) {
    .blank {
        width: -moz-max-content;
        width: max-content;
    }
}
.blank::after {
    content: "";
    background-image: url(/shared/img/common/icon_target_white.svg);
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 4px;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .blank::after {
        width: 3.7333333333vw;
        height: 3.7333333333vw;
        margin-left: 1.0666666667vw;
    }
}
.blank--black::after {
    background-image: url(/shared/img/common/icon_target_black.svg);
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
/*  line-anim1
全ページ共通
ラインアニメーション
--------------------------------------------- */
.line-anim1 {
    position: relative;
    display: inline-block;
}
.line-anim1::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #00AEBD;
    content: "";
    transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
    transform: scaleX(0);
    transform-origin: right;
    z-index: 1;
}
@media screen and (min-width: 769px) {
    .line-anim1:hover::before {
        transform: scaleX(1);
        transform-origin: left;
    }
    .ipad .line-anim1:hover::before {
        transform: scaleX(0);
    }
}

.ipad .c-link-1:hover .c-link-1__txt, .ipad .c-link-1:active .c-link-1__txt {
    color: #6E6F6F !important;
    font-weight: 400 !important;
}

.ipad .c-link-1:hover .c-link-1__arw::after, .ipad .c-link-1:active .c-link-1__arw::after {
    border-color: #6E6F6F !important;
}

/* ---------------------------------------------
/*  data-filter-target
--------------------------------------------- */
[data-filter-target].is-hide {
    display: none;
}

/* ---------------------------------------------
*   nav-wrap
全ページ共通
フッターナビ
--------------------------------------------- */
@media screen and (max-width: 769px) {
    .nav-wrap .l-global-nav {
        position: static;
        opacity: 1;
        visibility: visible;
        display: block;
    }
    .nav-wrap .l-global-nav__list-wrap {
        height: auto;
        padding: 0;
        margin-top: 0;
    }
    .nav-wrap .l-global-nav__list {
        border-top: none;
    }
    .nav-wrap .l-global-nav__link {
        color: #fff;
    }
    .nav-wrap a.l-global-nav__link {
        font-weight: 500;
        letter-spacing: 0.025em;
    }
    .nav-wrap .l-global-nav__sub-item-link {
        color: #fff;
    }
}

/* ---------------------------------------------
*   overlay-1
全ページ共通
ヘッダーオーバーレイ

--------------------------------------------- */
.overlay-1 {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 200;
    background-color: #fff;
    transition: 0.5s;
}
.is-gnav-opened .overlay-1 {
    opacity: 1;
    visibility: visible;
}

/* ---------------------------------------------
*   overlay-2
全ページ共通
ヘッダーオーバーレイ
--------------------------------------------- */
.overlay-2 {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 199;
    background-color: #fff;
}
.is-gnav-opened .overlay-2 {
    opacity: 1;
    visibility: visible;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

/* ---------------------------------------------
*   is-hide
--------------------------------------------- */
.is-hide {
    display: none;
}

/* ---------------------------------------------
*   scroll-bar
--------------------------------------------- */
.scroll-bar::-webkit-scrollbar {
    height: 3px;
}
@media screen and (max-width: 768px) {
    .scroll-bar::-webkit-scrollbar {
        height: 0.8vw;
    }
}
.scroll-bar::-webkit-scrollbar-track {
    background-color: rgba(218, 220, 219, 0.6);
}
@media screen and (max-width: 768px) {
    .scroll-bar.c-block-21__img-wrap::-webkit-scrollbar-track, .scroll-bar.c-cassette-10__table::-webkit-scrollbar-track {
        margin-left: 5.3333333333vw;
    }
}
.scroll-bar::-webkit-scrollbar-thumb {
    background-color: #1A1A1A;
    border-radius: 3px;
}
@media screen and (max-width: 768px) {
    .scroll-bar::-webkit-scrollbar-thumb {
        border-radius: 0.8vw;
    }
}

/* ---------------------------------------------
*   scroll-hint-icon
全ページ共通
スクロールヒントアイコン
全ページ共通
スクロールヒントアイコン
--------------------------------------------- */
.scroll-hint-icon {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
}

/* ---------------------------------------------
*   close-btn
モーダル閉じるボタン
全ページ共通
モーダル閉じるボタン
全ページ共通
--------------------------------------------- */
.close-btn {
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
}
.close-btn::before {
    position: absolute;
    top: 24px;
    right: 24px;
    content: "";
    width: 38px;
    height: 38px;
    background: url("/shared/img/common/icon_cross.svg") 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    .close-btn::before {
        top: 3vw;
        right: 3vw;
        width: 5.3333333333vw;
        height: 5.3333333333vw;
    }
}
@media screen and (min-width: 769px) {
    .close-btn:hover::before {
        transition: opacity 0.3s;
        opacity: 0.8;
    }
}

.top-mainvisual-wrapper {
    background: #fff;
    background-size: cover;
    z-index: 102;
    position: relative;
    height: 100vh;
    min-height: 36.6666vw;
    max-height: 56.25vw;
    width: 100%;
}

.top-mainvisual-wrapper .top-mainvisual {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.top-mainvisual-wrapper .top-mainvisual .top-mainvisual-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 95.7407407407%;
}

@media screen and (min-width: 1921px) {
    .top-mainvisual-wrapper .top-mainvisual .top-mainvisual-container {
        max-height: 1034px;
    }
}
.top-mainvisual-wrapper .top-mainvisual .scroll {
    display: block;
    background-color: #000;
    width: 1px;
    height: 35%;
    position: absolute;
    left: 5%;
    bottom: -13%;
    animation: scroll_anim 1.2s infinite;
}

/* アニメーション */
@keyframes scroll_anim {
    0% {
        bottom: 22%;
        height: 0;
    }
    50% {
        bottom: -13%;
        height: 35%;
    }
    100% {
        bottom: -13%;
        height: 0;
    }
}
.top-mainvisual-wrapper .top-mainvisual .mainvisual-title {
    position: absolute;
    z-index: 100;
    left: 7.5%;
    top: 15.625%;
    font-size: 4.479vw;
    line-height: 1;
    letter-spacing: 0.01em;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-title span {
    display: inline-block;
    background-color: #fff;
    margin-bottom: 17px;
    padding: 0 15px;
}

.top-mainvisual-wrapper .top-mainvisual {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    position: relative;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide {
    position: absolute;
    left: 26.5%;
    bottom: 0;
    width: 62.5%;
    padding-top: 46.875%;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .swiper-initialized {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-wrapper {
    overflow: hidden;
    height: 100%;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide .swiper-inner {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: none;
    animation: none;
    /*transition-duration: 0s !important;*/
    /*will-change: animation;*/
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide.swiper-slide-prev .swiper-inner {
    z-index: 2;
    -webkit-animation: none;
    animation: none;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide.swiper-slide-active .swiper-inner.animenone {
    -webkit-animation: none !important;
    animation: none !important;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide.swiper-slide-active .swiper-inner {
    z-index: 3;
    /*-webkit-animation: indexShow 2s cubic-bezier(0.77, 0, 0.175, 1) normal;
    animation: indexShow 2s cubic-bezier(0.77, 0, 0.175, 1) normal;*/
    -webkit-animation: indexShow 1.5s ease normal;
    animation: indexShow 1.5s ease normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide .swiper-photo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /*width: calc(1200 / 1920 * 100vw);*/
    overflow: hidden;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide.swiper-slide-active .swiper-photo img,
.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide.swiper-slide-duplicate-active .swiper-photo img,
.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide.swiper-slide-prev .swiper-photo img {
    -webkit-animation: zoomIn linear 8s forwards;
    animation: zoomIn linear 8s forwards;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide .swiper-photo.js-animenone img {
    -webkit-animation: none !important;
    animation: none !important;
}

/* アニメーション */
@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
.top-mainvisual-wrapper .top-mainvisual .swiper-text-outer {
    z-index: 120;
    position: absolute;
    bottom: 8%;
    left: 8.5%;
}

.top-mainvisual-wrapper .top-mainvisual .swiper-text-wrap {
    opacity: 0;
    transition: opacity 1s;
    /*transition-delay: .5s;*/
    position: absolute;
    left: 0;
    bottom: 0;
}

.top-mainvisual-wrapper .top-mainvisual .is-current .swiper-text-wrap {
    opacity: 1;
    transition: opacity 1s;
    /*transition-delay: .5s;*/
}

.top-mainvisual-wrapper .top-mainvisual .is-current .swiper-text-wrap.animenone {
    transition-delay: 0s;
}

.top-mainvisual-wrapper .top-mainvisual .swiper-text-wrap .swiper-logo {
    max-width: 210px;
    width: 10.9375vw;
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.top-mainvisual-wrapper .top-mainvisual .swiper-text-wrap .swiper-logo.oceanus {
    max-width: 190px;
    width: 9.8958333333vw;
}

.top-mainvisual-wrapper .top-mainvisual .swiper-text-wrap .swiper-logo.edifice {
    max-width: 180px;
    width: 9.375vw;
}

.top-mainvisual-wrapper .top-mainvisual .swiper-text-wrap .swiper-logo.pro_trek {
    max-width: 150px;
    width: 7.8125vw;
}

.top-mainvisual-wrapper .top-mainvisual .swiper-text-wrap .swiper-logo.baby-g {
    max-width: 180px;
    width: 9.375vw;
}

.top-mainvisual-wrapper .top-mainvisual .swiper-text-wrap .swiper-name {
    display: inline-block;
    padding-right: 4%;
    font-size: 3.3333333333vw;
    white-space: nowrap;
    background-color: #fff;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 9.375%;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 {
    position: absolute;
    right: 0;
    bottom: 11.0416666667vw;
    width: 9.375%;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    /*clip: rect(0 100vw 100vh 0);*/
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: none;
    animation: none;
    transition-delay: 0s;
    transition-duration: 0s;
    /*will-change: animation;*/
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    /*clip: rect(0 100vw 100vh 0);*/
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: none;
    animation: none;
    transition-delay: 0s;
    transition-duration: 0s;
    /*will-change: animation;*/
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-wrapper {
    /*padding-top: calc(180 / 1920 * 100%);*/
    width: 9.375vw;
    height: 9.375vw;
    overflow: hidden;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-wrapper {
    /*padding-top: calc(180 / 1920 * 100%);*/
    width: 9.375vw;
    height: 9.375vw;
    overflow: hidden;
}

@keyframes indexShow {
    0% {
        /*clip: rect(0 100vw 100vh 100vw);*/
        clip-path: inset(0 0 0 100vw);
    }
    /*5% {
        clip-path: inset(0 0 0 100vw);
    }*/
    100% {
        /*clip: rect(0 100vw 100vh 0);*/
        clip-path: inset(0 0 0 0);
    }
}
.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide.is-prev {
    z-index: 2;
    -webkit-animation: none;
    animation: none;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide.is-prev {
    z-index: 2;
    -webkit-animation: none;
    animation: none;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide.animenone {
    -webkit-animation: none !important;
    animation: none !important;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide.animenone {
    -webkit-animation: none !important;
    animation: none !important;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide.is-current {
    z-index: 3;
    -webkit-animation: indexShowSub 1.2s ease normal;
    animation: indexShowSub 1.2s ease normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide.is-current {
    z-index: 3;
    -webkit-animation: indexShowSub 1.2s ease normal;
    animation: indexShowSub 1.2s ease normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes indexShowSub {
    0% {
        /*clip: rect(0 100vw 100vh 100vw);*/
        clip-path: inset(0 0 0 100vw);
    }
    100% {
        /*clip: rect(0 100vw 100vh 0);*/
        clip-path: inset(0 0 0 0);
    }
}
.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide .swiper-slide-link {
    position: relative;
    display: block;
    pointer-events: none;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide .swiper-slide-link:hover {
    opacity: 1;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide .swiper-slide-link:hover::before {
    opacity: 0;
    transition: opacity 0.3s;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide .swiper-slide .swiper-slide-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: opacity 0.3s;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide .swiper-slide-link {
    position: relative;
    display: block;
    pointer-events: none;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide .swiper-slide-link:hover {
    opacity: 1;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide .swiper-slide-link:hover::before {
    opacity: 0;
    transition: opacity 0.3s;
}

.top-mainvisual-wrapper .top-mainvisual .mainvisual-subslide-2 .swiper-slide .swiper-slide-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: opacity 0.3s;
}

@media screen and (min-width: 1921px) {
    .top-mainvisual-wrapper .top-mainvisual .mainvisual-title {
        font-size: 86px;
    }
    .top-mainvisual-wrapper .top-mainvisual .mainvisual-mainslide .mainslide-content .swiper-slide .swiper-text-wrap .swiper-name {
        font-size: 64px;
    }
}
/* ---------------------------------------------
*   white-area
余白
使用ページ：/aboutBaus/brand/
--------------------------------------------- */
.white-area {
    width: 100%;
    height: 200px;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .white-area {
        height: 22.4vw;
    }
}
.white-area--01 {
    height: 139px;
}
@media screen and (max-width: 768px) {
    .white-area--01 {
        height: 0;
    }
}
.white-area--02 {
    height: 126px;
}
@media screen and (max-width: 768px) {
    .white-area--02 {
        height: 0;
    }
}

/* ---------------------------------------------
*   js-menu-target
--------------------------------------------- */
.js-menu-target {
    display: none;
}

/* ---------------------------------------------
*   js-ham-acc-target
--------------------------------------------- */
.js-ham-acc-target {
    display: none;
}
@media screen and (min-width: 769px) {
    .js-ham-acc-target {
        display: block !important;
    }
}

.js-ham-acc-trigger::before, .js-ham-acc-trigger::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    background-image: url(/shared/img/common/icon_plus.svg);
    background-size: 100% 100%;
    content: "";
    transition: 0.3s;
}
.js-ham-acc-trigger::before {
    background-image: url(/shared/img/common/icon_plus.svg);
}
.is-ham-acc-open .js-ham-acc-trigger::before {
    opacity: 0;
}

.nav-wrap .js-ham-acc-trigger::before {
    background-image: url(/shared/img/common/icon_plus_gray.svg);
}

.js-ham-acc-trigger::after {
    background-image: url(/shared/img/common/icon_minus.svg);
    opacity: 0;
}
.is-ham-acc-open .js-ham-acc-trigger::after {
    opacity: 1;
}

.nav-wrap .js-ham-acc-trigger::after {
    background-image: url(/shared/img/common/icon_minus_gray.svg);
}

/* ---------------------------------------------
*   js-fadeup
--------------------------------------------- */
.js-fadeup {
    opacity: 0;
    transform: translateY(20px);
}
.js-fadeup.is-fadeup {
    opacity: 1;
    transform: translateY(0);
}
.js-fadeup.is-fadeup.c-ttl-4 {
    transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}
.js-fadeup.is-fadeup.c-txt-2 {
    transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}
.js-fadeup.is-fadeup.l-breadcrumb {
    transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}

/* ---------------------------------------------
*   js-fadeup-top
--------------------------------------------- */
.js-fadeup-top {
    opacity: 0;
    transform: translateY(100px);
    transition: 2s;
}
.js-fadeup-top.is-fadeup-top {
    opacity: 1;
    transform: translateY(0);
}

/* ---------------------------------------------
*   js-fadeup-history
--------------------------------------------- */
.js-fadeup-history {
    opacity: 0;
    transform: translateY(30px);
}
.js-fadeup-history.is-fadeup-history {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease-out, transform 0.5s;
    z-index: 1;
}

/* ---------------------------------------------
*   js-scroll-bar"
--------------------------------------------- */
.js-scroll-bar {
    cursor: grab;
}

/* ---------------------------------------------
*   js-tel-disabled
--------------------------------------------- */
.js-tel-disabled {
    display: inline-block;
    pointer-events: none;
}

/* ---------------------------------------------
*   js-more-item
--------------------------------------------- */
.js-more-item {
    visibility: visible;
    height: auto;
}
.js-more-item.is-slide-hidden {
    visibility: hidden;
    height: 0;
    margin-top: 0 !important;
}

/* ---------------------------------------------
*   js-more-all
--------------------------------------------- */
.js-more-all-scope .is-hide {
    display: none;
}

/* ---------------------------------------------
*   js-filter-tag
--------------------------------------------- */
.js-filter-tag-target {
    display: none;
}
.js-filter-tag-target.is-hide {
    display: none;
}
.js-filter-tag-target.is-view {
    display: block;
    opacity: 0;
    animation: scrollFadeIn 0.5s ease-in-out forwards;
}
@keyframes scrollFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.js-filter-tag-threshold {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: -100px;
    padding-top: 100px;
    background-color: rgba(255, 0, 0, 0);
    pointer-events: none;
}

@media print and (min-width: 769px), screen and (min-width: 769px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 768px), screen and (max-width: 768px) {
    .sp-hide {
        display: none !important;
    }
}
@media print and (max-width: 1024px), screen and (max-width: 1024px) {
    .sp-hide-2 {
        display: none !important;
    }
}
@media print and (min-width: 1025px), screen and (min-width: 1025px) {
    .pc-hide-2 {
        display: none !important;
    }
}
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 1.3333333333vw !important;
    }
    .mgt-sp--10 {
        margin-top: 2.6666666667vw !important;
    }
    .mgt-sp--15 {
        margin-top: 4vw !important;
    }
    .mgt-sp--20 {
        margin-top: 5.3333333333vw !important;
    }
    .mgt-sp--25 {
        margin-top: 6.6666666667vw !important;
    }
    .mgt-sp--30 {
        margin-top: 8vw !important;
    }
    .mgt-sp--35 {
        margin-top: 9.3333333333vw !important;
    }
    .mgt-sp--40 {
        margin-top: 10.6666666667vw !important;
    }
    .mgt-sp--45 {
        margin-top: 12vw !important;
    }
    .mgt-sp--50 {
        margin-top: 13.3333333333vw !important;
    }
    .mgt-sp--55 {
        margin-top: 14.6666666667vw !important;
    }
    .mgt-sp--60 {
        margin-top: 16vw !important;
    }
    .mgt-sp--65 {
        margin-top: 17.3333333333vw !important;
    }
    .mgt-sp--70 {
        margin-top: 18.6666666667vw !important;
    }
    .mgt-sp--75 {
        margin-top: 20vw !important;
    }
    .mgt-sp--80 {
        margin-top: 21.3333333333vw !important;
    }
    .mgt-sp--85 {
        margin-top: 22.6666666667vw !important;
    }
    .mgt-sp--90 {
        margin-top: 24vw !important;
    }
    .mgt-sp--95 {
        margin-top: 25.3333333333vw !important;
    }
    .mgt-sp--100 {
        margin-top: 26.6666666667vw !important;
    }
    .mgt-sp--105 {
        margin-top: 28vw !important;
    }
    .mgt-sp--110 {
        margin-top: 29.3333333333vw !important;
    }
    .mgt-sp--115 {
        margin-top: 30.6666666667vw !important;
    }
    .mgt-sp--120 {
        margin-top: 32vw !important;
    }
    .mgt-sp--125 {
        margin-top: 33.3333333333vw !important;
    }
    .mgt-sp--130 {
        margin-top: 34.6666666667vw !important;
    }
    .mgt-sp--135 {
        margin-top: 36vw !important;
    }
    .mgt-sp--140 {
        margin-top: 37.3333333333vw !important;
    }
    .mgt-sp--145 {
        margin-top: 38.6666666667vw !important;
    }
    .mgt-sp--150 {
        margin-top: 40vw !important;
    }
    .mgt-sp--155 {
        margin-top: 41.3333333333vw !important;
    }
    .mgt-sp--160 {
        margin-top: 42.6666666667vw !important;
    }
    .mgt-sp--165 {
        margin-top: 44vw !important;
    }
    .mgt-sp--170 {
        margin-top: 45.3333333333vw !important;
    }
    .mgt-sp--175 {
        margin-top: 46.6666666667vw !important;
    }
    .mgt-sp--180 {
        margin-top: 48vw !important;
    }
    .mgt-sp--185 {
        margin-top: 49.3333333333vw !important;
    }
    .mgt-sp--190 {
        margin-top: 50.6666666667vw !important;
    }
    .mgt-sp--195 {
        margin-top: 52vw !important;
    }
    .mgt-sp--200 {
        margin-top: 53.3333333333vw !important;
    }
    .mgt-sp--205 {
        margin-top: 54.6666666667vw !important;
    }
    .mgt-sp--210 {
        margin-top: 56vw !important;
    }
    .mgt-sp--215 {
        margin-top: 57.3333333333vw !important;
    }
    .mgt-sp--220 {
        margin-top: 58.6666666667vw !important;
    }
    .mgt-sp--225 {
        margin-top: 60vw !important;
    }
    .mgt-sp--230 {
        margin-top: 61.3333333333vw !important;
    }
    .mgt-sp--235 {
        margin-top: 62.6666666667vw !important;
    }
    .mgt-sp--240 {
        margin-top: 64vw !important;
    }
    .mgt-sp--245 {
        margin-top: 65.3333333333vw !important;
    }
    .mgt-sp--250 {
        margin-top: 66.6666666667vw !important;
    }
}
/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 1.3333333333vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 2.6666666667vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 5.3333333333vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 6.6666666667vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 9.3333333333vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 10.6666666667vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 13.3333333333vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 14.6666666667vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 17.3333333333vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 18.6666666667vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 21.3333333333vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 22.6666666667vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 25.3333333333vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 26.6666666667vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 29.3333333333vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 30.6666666667vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 33.3333333333vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 34.6666666667vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 36vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 37.3333333333vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 38.6666666667vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 40vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 41.3333333333vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 42.6666666667vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 44vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 45.3333333333vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 46.6666666667vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 48vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 49.3333333333vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 50.6666666667vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 52vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 53.3333333333vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 54.6666666667vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 56vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 57.3333333333vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 58.6666666667vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 60vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 61.3333333333vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 62.6666666667vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 64vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 65.3333333333vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 66.6666666667vw !important;
    }
}
/* ---------------------------------------------
*   Bauslabo/iot.htmlのみ適用
--------------------------------------------- */
/* ---------------------------------------------
*   c-kv-3
--------------------------------------------- */
.bauslabo-iot .c-kv-3__img {
    position: relative;
}
.bauslabo-iot .c-kv-3 figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.05em;
}

/* ---------------------------------------------
*   labo-intro
--------------------------------------------- */
.bauslabo-iot .labo-intro {
    overflow: hidden;
}
.bauslabo-iot .labo-intro__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1000px;
    margin: 130px auto 0;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-intro__container {
        flex-wrap: wrap;
        width: 89.3333333333vw;
        margin: 70px auto 0;
    }
}
.bauslabo-iot .labo-intro__box-img-wrap {
    width: 42%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-intro__box-img-wrap {
        width: 100%;
    }
}
.bauslabo-iot .labo-intro__box-txt-wrap {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-intro__box-txt-wrap {
        width: 100%;
        margin-top: 30px;
    }
}
.bauslabo-iot .labo-intro__box-img {
    position: relative;
}
.bauslabo-iot .labo-intro__box-img figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #6E6F6F;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-intro__box-img figcaption {
        right: 5px;
        bottom: 5px;
    }
}
.bauslabo-iot .labo-intro__box-ttl {
    position: relative;
    padding-bottom: 50px;
    font-size: 20px;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-intro__box-ttl {
        padding-bottom: 30px;
        font-size: 18px;
    }
}
.bauslabo-iot .labo-intro__box-ttl::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #D1D1D0;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-intro__box-ttl::after {
        width: 140px;
    }
}
.bauslabo-iot .labo-intro__box-txt {
    margin-top: 36px;
    line-height: 2;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-intro__box-txt {
        margin-top: 30px;
        font-size: 14px;
        line-height: 1.8;
    }
}

/* ---------------------------------------------
*   c-section-46
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46 {
        margin-top: 84px;
    }
}
.bauslabo-iot .c-section-46__lead {
    font-size: 30px;
    line-height: 1.8;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__lead {
        font-size: 24px;
        line-height: 1.5;
        text-align: center;
    }
}
.bauslabo-iot .c-section-46__full-img {
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__full-img {
        margin-top: 60px;
    }
}
.bauslabo-iot .c-section-46__box {
    margin-top: 120px;
    background-color: #F8F9F9;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__box {
        margin-top: 60px;
    }
}
.bauslabo-iot .c-section-46__box-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
    margin-inline: auto;
    padding: 100px 0;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__box-container {
        flex-wrap: wrap;
        width: 89.3333333333vw;
        padding: 55px 0;
    }
}
.bauslabo-iot .c-section-46__box-container.labo-col56 > div:nth-of-type(1) {
    width: 56%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__box-container.labo-col56 > div:nth-of-type(1) {
        width: 100%;
    }
}
.bauslabo-iot .c-section-46__box-container.labo-col56 > div:nth-of-type(2) {
    width: 36%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__box-container.labo-col56 > div:nth-of-type(2) {
        width: 100%;
    }
}
.bauslabo-iot .c-section-46__box-ttl {
    font-size: 28px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__box-ttl {
        margin-top: 34px;
        font-size: 20px;
        letter-spacing: 0.03em;
    }
}
.bauslabo-iot .c-section-46__box-txt {
    margin-top: 36px;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .c-section-46__box-txt {
        font-size: 14px;
        line-height: 1.8;
        letter-spacing: 0.04em;
    }
}
.bauslabo-iot .labo-point + .c-section-46 {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point + .c-section-46 {
        margin-top: 60px;
    }
}

/* ---------------------------------------------
*   labo-point
--------------------------------------------- */
.bauslabo-iot .labo-point {
    overflow: hidden;
}
.bauslabo-iot .labo-point__container {
    position: relative;
    max-width: 1040px;
    margin: 100px auto 0;
    padding: 84px 20px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__container {
        width: 89.3333333333vw;
        margin-top: 60px;
        padding: 50px 0;
    }
}
.bauslabo-iot .labo-point__container::before {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    content: "";
    pointer-events: none;
    z-index: -1;
}
.bauslabo-iot .labo-point__ttl {
    position: relative;
    padding-bottom: 24px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__ttl {
        padding-bottom: 20px;
        font-size: 18px;
    }
}
.bauslabo-iot .labo-point__ttl::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 300px;
    height: 1px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__ttl::after {
        width: 140px;
    }
}
.bauslabo-iot .labo-point__ttl .f-s {
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__ttl .f-s {
        font-size: 14px;
    }
}
.bauslabo-iot .labo-point__ttl sup {
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__ttl sup {
        font-size: 12px;
    }
}
.bauslabo-iot .labo-point__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box {
        flex-wrap: wrap;
        margin-top: 30px;
    }
}
.bauslabo-iot .labo-point__box + .labo-point__box {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box + .labo-point__box {
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box.sp-order > div:nth-of-type(1) {
        order: 2;
        margin-top: 36px;
    }
    .bauslabo-iot .labo-point__box.sp-order > div:nth-of-type(2) {
        order: 1;
    }
}
.bauslabo-iot .labo-point__box-img figure {
    position: relative;
}
.bauslabo-iot .labo-point__box-img figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #6E6F6F;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box-img figcaption {
        right: 5px;
        bottom: 5px;
    }
}
.bauslabo-iot .labo-point__box-img figcaption.f-white {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box-txtArea {
        margin-top: 36px;
    }
}
.bauslabo-iot .labo-point__box-label {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box-label {
        margin-bottom: 20px;
        font-size: 12px;
    }
}
.bauslabo-iot .labo-point__box-subTtl {
    font-size: 20px;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box-subTtl {
        font-size: 18px;
    }
}
.bauslabo-iot .labo-point__box-subTtl + .labo-point__box-txt {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box-subTtl + .labo-point__box-txt {
        margin-top: 32px;
    }
}
.bauslabo-iot .labo-point__box-txt {
    line-height: 2;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box-txt {
        font-size: 14px;
        line-height: 1.8;
    }
}
.bauslabo-iot .labo-point__box-note {
    margin-top: 24px;
    font-size: 12px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box-note {
        margin-top: 16px;
        font-size: 11px;
    }
}
.bauslabo-iot .labo-point__box-note::before {
    content: "※";
    display: inline;
    margin-right: 2px;
}
.bauslabo-iot .labo-point__box.labo-col32 > div:nth-of-type(1) {
    width: 32%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box.labo-col32 > div:nth-of-type(1) {
        width: 100%;
    }
}
.bauslabo-iot .labo-point__box.labo-col32 > div:nth-of-type(2) {
    width: 60%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box.labo-col32 > div:nth-of-type(2) {
        width: 100%;
    }
}
.bauslabo-iot .labo-point__box.labo-col47 > div:nth-of-type(1) {
    width: 47%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box.labo-col47 > div:nth-of-type(1) {
        width: 100%;
    }
}
.bauslabo-iot .labo-point__box.labo-col47 > div:nth-of-type(2) {
    width: 45%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box.labo-col47 > div:nth-of-type(2) {
        width: 100%;
    }
}
.bauslabo-iot .labo-point__box.labo-col60 > div:nth-of-type(1) {
    width: 60%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box.labo-col60 > div:nth-of-type(1) {
        width: 100%;
    }
}
.bauslabo-iot .labo-point__box.labo-col60 > div:nth-of-type(2) {
    width: 32%;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point__box.labo-col60 > div:nth-of-type(2) {
        width: 100%;
    }
}
.bauslabo-iot .labo-box-img__col50 {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
.bauslabo-iot .labo-box-img__col50 > figure {
    width: calc((100% - 10px) / 2);
}
.bauslabo-iot .labo-point01 .labo-point__container::before {
    left: 152px;
    background-color: #FEF7E6;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point01 .labo-point__container::before {
        left: 35px;
    }
}
.bauslabo-iot .labo-point01 .labo-point__ttl::after {
    background-color: #F7B615;
}
.bauslabo-iot .labo-point01 .labo-point__box-label {
    color: #977B35;
}
.bauslabo-iot .labo-point02 .labo-point__container::before {
    right: 102px;
    background-color: #FDF4EF;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point02 .labo-point__container::before {
        right: 35px;
    }
}
.bauslabo-iot .labo-point02 .labo-point__ttl::after {
    background-color: #EDA06A;
}
.bauslabo-iot .labo-point02 .labo-point__box-label {
    color: #EDA06A;
}
.bauslabo-iot .labo-point03 .labo-point__container::before {
    left: 152px;
    background-color: #F0F2F8;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point03 .labo-point__container::before {
        right: 35px;
        left: auto;
    }
}
.bauslabo-iot .labo-point03 .labo-point__ttl::after {
    background-color: #7186BE;
}
.bauslabo-iot .labo-point03 .labo-point__box:nth-of-type(1) {
    align-items: flex-start;
}
.bauslabo-iot .labo-point03 .labo-point__box:nth-of-type(1) .labo-point__box-label {
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point03 .labo-point__box:nth-of-type(1) .labo-point__box-label {
        margin-top: 0;
    }
}
.bauslabo-iot .labo-point03 .labo-point__box:nth-of-type(1) .labo-point__box-txt {
    letter-spacing: 0;
}
.bauslabo-iot .labo-point03 .labo-point__box:nth-of-type(2) {
    margin: 24px -119px 0 119px;
}
@media screen and (max-width: 768px) {
    .bauslabo-iot .labo-point03 .labo-point__box:nth-of-type(2) {
        margin: 36px 0 0;
    }
}
.bauslabo-iot .labo-point03 .labo-point__box-label {
    color: #7186BE;
}

/* ---------------------------------------------
*   241204 owners cic
--------------------------------------------- */
.c-cassette-11--cic .c-cassette-11__btn {
    margin-top: 69px;
    width: 46.7826086957%;
    margin-inline: auto;
}
@media screen and (max-width: 1024px) {
    .c-cassette-11--cic .c-cassette-11__btn {
        width: 538px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 768px) {
    .c-cassette-11--cic .c-cassette-11__btn {
        width: 100%;
        margin-top: 13.3333333333vw;
    }
}

.c-cassette-11__head-logo--kawamoto, .c-cassette-11__head-logo--cic {
    max-width: 284px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__head-logo--kawamoto, .c-cassette-11__head-logo--cic {
        max-width: none;
        width: 70%;
    }
}
.c-cassette-11__body--kawamoto, .c-cassette-11__body--cic {
    margin-top: 48px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__body--kawamoto, .c-cassette-11__body--cic {
        margin-top: 10.6666666667vw;
    }
}
.c-cassette-11__img--2ndstorage, .c-cassette-11__img--cic {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
}
@media screen and (max-width: 768px) {
    .c-cassette-11__img--2ndstorage, .c-cassette-11__img--cic {
        width: 100%;
        margin-top: 8vw;
    }
}

/* ---------------------------------------------
*   Bauslabo/pluslife.htmlのみ適用 241210
--------------------------------------------- */
/* ---------------------------------------------
*   c-kv-3
--------------------------------------------- */
.bauslabo-pluslife .c-kv-3__img {
    position: relative;
}
.bauslabo-pluslife .c-kv-3 figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.05em;
}

/* ---------------------------------------------
*   labo-intro
--------------------------------------------- */
.bauslabo-pluslife .c-section-9 {
    margin-top: 100px;
    background-color: #F0F2F8;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9 {
        padding-bottom: 50px;
    }
}
.bauslabo-pluslife .c-section-9__container {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__head .c-ttl-3 {
        font-size: 5.87vw;
        text-align: left;
    }
}
.bauslabo-pluslife .c-section-9__body {
    margin-top: 25px;
}
.bauslabo-pluslife .c-section-9__body input, .bauslabo-pluslife .c-section-9__body button, .bauslabo-pluslife .c-section-9__body textarea, .bauslabo-pluslife .c-section-9__body select {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
}
.bauslabo-pluslife .c-section-9__body .c-txt-4 {
    margin-bottom: 80px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .c-txt-4 {
        margin-bottom: 30px;
        text-align: left;
    }
}
.bauslabo-pluslife .c-section-9__body .beer-slider {
    display: block;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .beer-slider {
        margin-top: 20px;
    }
}
.bauslabo-pluslife .c-section-9__body .beer-handle {
    background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .beer-handle {
        width: 40px;
        height: 40px;
    }
}
.bauslabo-pluslife .c-section-9__body .beer-handle:after,
.bauslabo-pluslife .c-section-9__body .beer-handle:before {
    width: 8px;
    height: 8px;
    border-left: 1px solid;
    border-top: 1px solid;
}
.bauslabo-pluslife .c-section-9__body .beer-handle:after {
    right: 5px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .beer-handle:after {
        right: 2px;
    }
}
.bauslabo-pluslife .c-section-9__body .beer-handle:before {
    left: 13px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .beer-handle:before {
        left: 10px;
    }
}
.bauslabo-pluslife .c-section-9__body .beer-reveal[data-beer-label]:after,
.bauslabo-pluslife .c-section-9__body .beer-slider[data-beer-label]:after {
    top: 20px;
    padding: 8px 20px;
    border-radius: 0;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .beer-reveal[data-beer-label]:after,
    .bauslabo-pluslife .c-section-9__body .beer-slider[data-beer-label]:after {
        top: 5px;
        padding: 2px 5px;
        font-size: 12px;
    }
}
.bauslabo-pluslife .c-section-9__body .beer-reveal[data-beer-label]:after {
    left: 20px;
    background-color: #E5806C;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .beer-reveal[data-beer-label]:after {
        left: 5px;
    }
}
.bauslabo-pluslife .c-section-9__body .beer-slider[data-beer-label]:after {
    right: 20px;
    background-color: #3DABA4;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .c-section-9__body .beer-slider[data-beer-label]:after {
        right: 5px;
    }
}

/* ---------------------------------------------
*   labo-point
--------------------------------------------- */
.bauslabo-pluslife .labo-point {
    overflow: hidden;
}
.bauslabo-pluslife .labo-point__container {
    position: relative;
    max-width: 1040px;
    margin: 100px auto 0;
    padding: 84px 20px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__container {
        width: 89.3333333333vw;
        margin-top: 60px;
        padding: 50px 0;
    }
}
.bauslabo-pluslife .labo-point__container::before {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: #F0F2F8;
    content: "";
    pointer-events: none;
    z-index: -1;
}
.bauslabo-pluslife .labo-point__ttl {
    position: relative;
    padding-bottom: 24px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__ttl {
        padding-bottom: 20px;
        font-size: 18px;
    }
}
.bauslabo-pluslife .labo-point__ttl::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 300px;
    height: 1px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__ttl::after {
        width: 140px;
    }
}
.bauslabo-pluslife .labo-point__ttl .f-s {
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__ttl .f-s {
        font-size: 14px;
    }
}
.bauslabo-pluslife .labo-point__ttl sup {
    font-size: 14px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__ttl sup {
        font-size: 12px;
    }
}
.bauslabo-pluslife .labo-point__box {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box {
        flex-wrap: wrap;
    }
}
.bauslabo-pluslife .labo-point__box + .labo-point__box {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box + .labo-point__box {
        margin-top: 40px;
    }
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box.sp-order > div:nth-of-type(1) {
        order: 2;
        margin-top: 36px;
    }
    .bauslabo-pluslife .labo-point__box.sp-order > div:nth-of-type(2) {
        order: 1;
    }
}
.bauslabo-pluslife .labo-point__box-img figure {
    position: relative;
}
.bauslabo-pluslife .labo-point__box-img figcaption {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #6E6F6F;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box-img figcaption {
        right: 5px;
        bottom: 5px;
    }
}
.bauslabo-pluslife .labo-point__box-img figcaption.f-white {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box-txtArea {
        margin-top: 28px;
    }
}
.bauslabo-pluslife .labo-point__box-label {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box-label {
        margin-bottom: 20px;
        font-size: 12px;
    }
}
.bauslabo-pluslife .labo-point__box-subTtl {
    font-size: 28px;
    line-height: 1.9;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box-subTtl {
        font-size: 20px;
        line-height: 1.5;
    }
}
.bauslabo-pluslife .labo-point__box-subTtl + .labo-point__box-txt {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box-subTtl + .labo-point__box-txt {
        margin-top: 25px;
    }
}
.bauslabo-pluslife .labo-point__box-txt {
    line-height: 2;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box-txt {
        font-size: 14px;
    }
}
.bauslabo-pluslife .labo-point__box-note {
    margin-top: 24px;
    font-size: 12px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box-note {
        margin-top: 16px;
        font-size: 11px;
    }
}
.bauslabo-pluslife .labo-point__box-note::before {
    content: "※";
    display: inline;
    margin-right: 2px;
}
.bauslabo-pluslife .labo-point__box.labo-col32 > div:nth-of-type(1) {
    width: 32%;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box.labo-col32 > div:nth-of-type(1) {
        width: 100%;
    }
}
.bauslabo-pluslife .labo-point__box.labo-col32 > div:nth-of-type(2) {
    width: 60%;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box.labo-col32 > div:nth-of-type(2) {
        width: 100%;
    }
}
.bauslabo-pluslife .labo-point__box.labo-col47 > div:nth-of-type(1) {
    width: 56%;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box.labo-col47 > div:nth-of-type(1) {
        width: 100%;
    }
}
.bauslabo-pluslife .labo-point__box.labo-col47 > div:nth-of-type(2) {
    width: 36%;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box.labo-col47 > div:nth-of-type(2) {
        width: 100%;
    }
}
.bauslabo-pluslife .labo-point__box.labo-col60 > div:nth-of-type(1) {
    width: 60%;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box.labo-col60 > div:nth-of-type(1) {
        width: 100%;
    }
}
.bauslabo-pluslife .labo-point__box.labo-col60 > div:nth-of-type(2) {
    width: 32%;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point__box.labo-col60 > div:nth-of-type(2) {
        width: 100%;
    }
}
.bauslabo-pluslife .labo-box-img__col50 {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
.bauslabo-pluslife .labo-box-img__col50 > figure {
    width: calc((100% - 10px) / 2);
}
.bauslabo-pluslife .labo-point01 .labo-point__container::before {
    left: 152px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point01 .labo-point__container::before {
        left: 35px;
    }
}
.bauslabo-pluslife .labo-point01 .labo-point__ttl::after {
    background-color: #F7B615;
}
.bauslabo-pluslife .labo-point01 .labo-point__box-label {
    color: #977B35;
}
.bauslabo-pluslife .labo-point02 .labo-point__container {
    padding: 84px 0;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point02 .labo-point__container {
        padding: 0;
    }
}
.bauslabo-pluslife .labo-point02 .labo-point__container::before {
    right: 102px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point02 .labo-point__container::before {
        right: 35px;
    }
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point02 .labo-point__container .labo-point__box {
        flex-direction: column-reverse;
    }
}
.bauslabo-pluslife .labo-point02 .labo-point__container .labo-point__box-txtArea {
    width: 38% !important;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point02 .labo-point__container .labo-point__box-txtArea {
        width: 100% !important;
    }
}
.bauslabo-pluslife .labo-point02 .labo-point__container .labo-point__box-subTtl {
    text-align: left;
}
.bauslabo-pluslife .labo-point02 .labo-point__container .labo-point__box-txt {
    text-align: left;
}
.bauslabo-pluslife .labo-point02 .labo-point__container .labo-point__box-img {
    width: 57% !important;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point02 .labo-point__container .labo-point__box-img {
        width: 100% !important;
    }
}
.bauslabo-pluslife .labo-point02 .labo-point__ttl::after {
    background-color: #EDA06A;
}
.bauslabo-pluslife .labo-point02 .labo-point__box-label {
    color: #EDA06A;
}
.bauslabo-pluslife .labo-point03 .labo-point__container::before {
    right: 102px;
}
@media screen and (max-width: 768px) {
    .bauslabo-pluslife .labo-point03 .labo-point__container::before {
        right: 35px;
    }
}
.bauslabo-pluslife .labo-point03 .labo-point__ttl::after {
    background-color: #EDA06A;
}
.bauslabo-pluslife .labo-point03 .labo-point__box-label {
    color: #EDA06A;
}

.bauslabo-pluslife .beer-slider {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.bauslabo-pluslife .beer-slider *, .bauslabo-pluslife .beer-slider:after, .bauslabo-pluslife .beer-slider :after, .bauslabo-pluslife .beer-slider:before, .bauslabo-pluslife .beer-slider :before {
    box-sizing: border-box;
}
.bauslabo-pluslife .beer-slider img, .bauslabo-pluslife .beer-slider svg {
    vertical-align: bottom;
}
.bauslabo-pluslife .beer-slider > * {
    height: 100%;
}
.bauslabo-pluslife .beer-slider > img {
    height: auto;
    max-width: 100%;
}
.bauslabo-pluslife .beer-reveal {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 50%;
    top: 0;
    transition: opacity 0.35s;
    z-index: 1;
}
.bauslabo-pluslife .beer-reveal > :first-child {
    height: 100%;
    max-width: none;
    width: 200%;
}
.bauslabo-pluslife .beer-reveal > img:first-child {
    height: auto;
}
.bauslabo-pluslife .beer-range {
    -ms-touch-action: auto;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: -1px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    touch-action: auto;
    width: calc(100% + 2px);
    z-index: 2;
}
.bauslabo-pluslife .beer-range::-webkit-slider-thumb {
    height: 300vh;
}
.bauslabo-pluslife .beer-range::-moz-range-thumb {
    height: 300vh;
}
.bauslabo-pluslife .beer-range::-ms-tooltip {
    display: none;
}
.bauslabo-pluslife .beer-handle {
    background: hsla(0, 0%, 100%, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 6px transparent;
    color: #000;
    height: 48px;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
    width: 48px;
    z-index: 2;
}
.bauslabo-pluslife .beer-handle:after, .bauslabo-pluslife .beer-handle:before {
    border-left: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 10px;
    position: absolute;
    top: 50%;
    transform-origin: 0 0;
    width: 10px;
}
.bauslabo-pluslife .beer-handle:before {
    left: 10px;
    transform: rotate(-45deg);
}
.bauslabo-pluslife .beer-handle:after {
    right: 0;
    transform: rotate(135deg);
}
.bauslabo-pluslife .beer-range:focus ~ .beer-handle {
    background: hsla(0, 0%, 100%, 0.85);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.bauslabo-pluslife .beer-reveal[data-beer-label]:after, .bauslabo-pluslife .beer-slider[data-beer-label]:after {
    background: hsla(0, 0%, 100%, 0.75);
    border-radius: 0.125rem;
    content: attr(data-beer-label);
    line-height: 1;
    padding: 0.5rem;
    position: absolute;
    top: 1.5rem;
}
.bauslabo-pluslife .beer-slider[data-beer-label]:after {
    right: 1.5rem;
}
.bauslabo-pluslife .beer-reveal[data-beer-label]:after {
    left: 1.5rem;
}
.bauslabo-pluslife .beer-reveal[data-beer-label=""]:after, .bauslabo-pluslife .beer-slider[data-beer-label=""]:after {
    content: none;
}
.bauslabo-pluslife .beer-ready .beer-handle, .bauslabo-pluslife .beer-ready .beer-reveal {
    opacity: 1;
}

/* ---------------------------------------------
*   Bauslabo/pluslife.htmlのみ適用 241210 end
--------------------------------------------- */