@charset "UTF-8";

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

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
:root {
    --livebusiness-color: #192159;
    --accent-color: #F7FF01;
    --sub-color: gray;
    --bg-color: #fdfdfd;
    --main-font: "Zen Kaku Gothic New", sans-serif;
    --bold-font: "Dela Gothic One", sans-serif;
}

/* /-/----------------- font -------------------/-/ */
.zen-kaku-gothic-new-regular {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.zen-kaku-gothic-new-medium {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.zen-kaku-gothic-new-bold {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.zen-kaku-gothic-new-black {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.dela-gothic-one-regular {
    font-family: "Dela Gothic One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* /-/------------------ layout ----------------/-/ */
html {
    font-size: 100%;
    /*ユーザーのブラウザ設定に合わせる*/
}

body {
    color: var(--livebusiness-color);
}

h1,
h2,
.post_content h1,
.post_content h2 {
    font-family: "Dela Gothic One", sans-serif;
    font-weight: 400;
}

.p-postList h2.p-postList__title {
    /*news|記事タイトル*/
    font-family: "Noto Sans JP", sans-serif;
}

h3,
h4,
.post_content h3,
.post_content h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
}

p,
.post_content p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
}

img {
    /*親要素の幅を超えないよう制限&レスポンシブ自動縮小*/
    max-width: 100%;
}

/* ------------------- component ------------------ */
/* ◎Component1||PageHead...ページ見出し*/
.PageHead {
    position: absolute;
    padding: 2rem 3.5rem 2rem 7.75rem;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-color);
    border-radius: 0 4.375rem 0 0;
}

.PageHead h1 {
    font-size: 5rem;
    line-height: 90%;
}
@media (min-width:600px) and (max-width:1024px) {
    .PageHead {
        padding: 1.5rem 3rem 2rem 5rem;
        /* transform: translateX(-3rem); */
        transform: scale(1.5);
    }
    .PageHead h1 {
        font-size: 2.5rem;
    }
}


@media (min-width:400px) and (max-width: 600px) {

    /*ページ見出し|レスポンシブ対応*/
    .PageHead {
        /* padding: .5rem 2rem 0 2rem; */
        /* border-radius: 0; */
        /* width: 100%; */
        /* transform: translateX(-1rem); */
        padding: .5rem 5rem 0 4rem;
        transform: scale(1.3);
        border-radius: 0;
    }

    .PageHead h1 {
        padding: 1rem 0;
        font-size: 2rem;
    }
}

@media(max-width:400px) {
    .PageHead {
        padding: 1rem 4rem 0 4rem;
        transform: scale(1.3);
        border-radius: 0;
    }
    .PageHead h1 {
        font-size: 1.75rem;
    }
}

.HeroComment {
    /* display: inline-block; */
    text-align: right;
    font-size: 1.25rem;
}

@media(max-width:600px) {
    .HeroComment {
        padding-bottom: 0 !important;
        /*HeroComment|SP版で余白を下だけ削除*/
        font-size: 1rem;
        padding-top: 1rem;
    }
}

.HeroComment .inline-left {
    display: inline-block;
    text-align: left;
}

/* ◎Component2||SecHead...トップページ */
/*ここから2025.09.29*/
.SecHead {
    display: block;
    display: flex;
    justify-content: space-between;
}

.SecHead h2 {
    font-size: 4rem;
    background-color: var(--accent-color);
}

.btn_more {
    display: flex;
    /*文字,icon|横並び*/
    gap: 3.5rem;
    /*文字,icon|gap*/
    padding: 1rem 4rem;
    border: 5px solid var(--livebusiness-color);
    border-radius: 4.375rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--livebusiness-color);
    transition: 0.3s;
    /*カーソル外すとき|ややゆっくり*/
}

.btn_more:hover {
    background-color: var(--accent-color);
    color: var(--livebusiness-color);
    transition: 0.5s;
    /*ホバー時|ゆっくり*/
}

.btn_more:hover .btn_more_icon {
    transform: translateX(5px);
    /*btn|iconを右スライド*/
    transition: 0.5s;
    /*btn|ゆっくり*/
}

/*2025.11.11 ADD ◎Component4||お問い合わせボタン*/
#ContactUs .l-container .l-btn {
    display: flex;
    justify-content: center;
}

.l-btn .btn_more {
    background-color: var(--livebusiness-color);
    color: var(--bg-color);
}

.l-btn .btn_more .btn_more_icon {
    background-color: var(--accent-color);
    border-radius: 999px;
}

.l-btn .btn_more:hover {
    background-color: var(--accent-color);
    color: var(--livebusiness-color);
}

@media(max-width: 600px) {
    .SecHead h2 {
        font-size: 2rem;
    }

    .SecHead button

    /*見出*/
        {
        padding: 0 1.5rem;
        font-size: 0.875rem;
    }

    .btn_more {
        gap: .5rem;
        align-items: center;
        /*文字,icon|水平*/
    }

    .l-btn button {
        padding: 0.75rem 2.5rem;
        font-size: 1rem;
    }

    .l-btn .btn_more .btn_more_icon {
        /*問合icon*/
        background-color: var(--accent-color);
        width: 1.75rem;
    }
}

/* Component3||OtherPageHead */
h1.OtherPageHead {
    font-size: 4rem;
}
@media(max-width:600px) {
    h1.OtherPageHead {
        font-size: 2.5rem;
    }
}

/*エフェクトクラス*/
.blur {
    -ms-filter: blur(6px);
    filter: blur(6px);
}


/* トップページ */
/* ----------------------------------------- header */
.l-header {
    /*header|デフォルト白➔透明化*/
    background-color: transparent !important;
    position: absolute;
    z-index: 10;
}

.header.is-fixed {
    /*追従header|デフォルト白➔透明化*/
    background-color: transparent !important;
    box-shadow: none !important;
}

.l-fixHeader[data-ready] {
    box-shadow: none;
    /*追従ヘッダーに残った影を削除*/
}

/*2025.11.10 ADD*/
.l-fixHeader__inner.l-container,
.l-header__inner.l-container,
.l-fixHeader__inner.l-container {
    /*header幅|デフォコンテンツ幅→全幅*/
    max-width: 100%;
}

/*2025.11.12 ADD コンテナ下の不要な余白を削除*/
.page-id-28 #content.l-content.l-container {
    /*content|ヘッダー下,mainvisual上の余白を削除*/
    padding-top: 0;
}
/*2025.11.18 ADD SP版ヘッダーの不要な余白を削除*/
@media(max-width:960px) {
    .l-header.-series.-series-right {
        position: fixed;
    }
}

#content.l-content {
    /*content|ContactUs下の余白を削除*/
    margin: 0 auto;
}

.l-header__inner.l-container .l-header__logo
/*headerアイコン*/
,
.l-fixHeader__inner.l-container .l-fixHeader__logo

/*固定追従headerアイコン*/
    {
    padding: 1rem 0 2rem 2.5rem;
    border-radius: 0 0 1.25rem 0;
    background-color: var(--livebusiness-color);
}


/*2025.11.12 ADD ヘッダー調整*/
.c-headerLogo {
    /*headerLogo|ロゴを左上端に固定*/
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.l-header__inner,
.l-fixHeader__inner {
    padding-left: 0 !important;
    /*ヘッダー内余白を削除*/
    padding-right: 5% !important;
    /*navメニュー右余白を追加*/
}

.l-header__inner a.c-headLogo__link::before,
.l-fixHeader__inner a.c-headLogo__link::before {
    content: 'IT DEPARTMENT';
    display: inline-block;
    color: var(--bg-color);
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    transform: translateY(-0.5rem);
}
/*2025.11.18 ヘッダーレスポンシブ調整*/
@media(max-width:600px) {
    .l-header__inner.l-container .l-header__logo/*headerアイコン*/,
    .l-fixHeader__inner.l-container .l-fixHeader__logo/*固定追従headerアイコン*/ {
        padding: .5rem 1rem;
    }
    .c-headLogo__img {
        height: 1.25rem;
    }
    .l-header__inner a.c-headLogo__link::before,
    .l-fixHeader__inner a.c-headLogo__link::before {/*IT DEVELOPEMENT*/
        font-size: 0.875rem;
    }
}

#gnav.l-header__gnav.c-gnavWrap {
    /*nav|ボックスのstyle*/
    padding: 1rem 1.5rem 1rem 1.5rem;
    /*style*/
    border-radius: .5rem;
}

#gnav.l-header__gnav ul.c-gnav {
    padding: 1.5rem 2rem;
    background-color: var(--bg-color);
    border-radius: 1rem;
}

/*追従nav|*/
#fix_header .l-header__gnav.c-gnavWrap {
    padding: 1rem 1.5rem 1rem, 1.5rem;
}

#fix_header ul.c-gnav {
    padding: 1rem 1.5rem;
    background-color: var(--bg-color);
    border-radius: 1rem;
}

.c-gnav>.menu-item>a .ttl {
    /*nav|fontのstyle*/
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 1.25rem;
}

.c-gnav>.menu-item>a .ttl:hover {
    /*nav|hover時のstyle*/
    color: #ff5506;
    transition: 0.2s;
}

/* ----------------------------------------- footer */
.l-footer__widgetArea {
    width: 90%;
    justify-content: right;
    margin: 0 0 0 8rem;
    /*footer|白背景を右寄せに*/
    padding: 5rem;
    /*footer|大枠の余白*/
    border-radius: 5rem 0 0 0;
}

@media (max-width:600px) {
    .l-footer__widgetArea {
        padding: 4rem 1rem;
        /*footer|余白を調整*/
        margin: 0 0 0 2.5rem;
        /*footer|白背景の右寄せを調節*/
    }
}

.l-footer h1.HeroFoot {
    /*Hero|*/
    padding: 4.5rem auto;
    font-size: 6.5rem;
}

.l-footer h1.HeroFoot span {
    /*Hero|*/
    color: var(--accent-color);
}

@media (max-width: 600px) {
    .l-footer h1.HeroFoot {
        font-size: 2.75rem;
    }
}
@media(min-width:600px) and (max-width:1024px) {
    .l-footer h1.HeroFoot {
        font-size: 3.5rem;
    }
}

/*footerPC1表示順序*/
.l-footer .l-footer__inner {
    /*footer親要素|*/
    display: flex;
    flex-direction: column;
}

.l-footer__widgetArea {
    order: 2;
    /* 昇順 */
}

.l-footer__foot {
    order: 1;
    /* 昇順 */
}

/*footerPC1*/
@media (min-width:600px) {

    /*PC1の横幅調整*/
    .w-footer__box:first-child {
        min-width: 25rem;
    }
}

#media_image-2 {
    margin-top: 0;
    /*footerロゴ|デフォルト余白→削除*/
}

.site-title-sub {
    /*footerロゴsubtitle|*/
    font-weight: 900;
}

.footer-address {
    /*footer住所|*/
    font-weight: 900;
    font-size: 1.25rem;
}

.w-footer__box h4.tag_black {
    /*footerTELタグ|*/
    /*block*/
    display: inline-block;
    padding: 0.3rem 2rem;
    border-radius: 2rem;
    background-color: var(--livebusiness-color);
    /*font*/
    color: var(--bg-color);
}

.w-footer__box h2.tel {
    /*footer電話番号|*/
    font-size: 2rem;
}

@media(max-width:600px) {
    .footer-address {
        /*footer住所*/
        font-weight: 700;
        font-size: 0.875rem;
    }

    .w-footer__box h4.tag_black {
        box-sizing: 1rem;
    }

    .w-footer__box h2.tel {
        font-size: 1.5rem;
    }
}


.l-footer p.copyright {
    /*copy|削除*/
    display: none;
}

/*footerPC2,PC3*/
.w-footer__box .c-listMenu a {
    /*footerメニュー|デフォ下線→削除*/
    border-bottom: none;
}

@media(max-width:600px) {
    .w-footer__box .c-listMenu a {
        /*footerPC2,PC3|デフォルト上下の余白→無効化*/
        line-height: 0;
        font-weight: 700;
    }
}

.w-footer__box .c-listMenu a {
    font-size: 1.25rem;
    font-weight: 700;
}

/*footerPC2,3横幅調整*/
/* @media (max-width:600px) {
.w-footer__box:nth-child(2) {
    width: 200px;
}
.w-footer__box:nth-child(3) {
    width: 150px;
}
} */

/* ------------------------------------- mainvisual */
.p-mainVisual__slide {
    background-color: var(--bg-color);
}

.c-filterLayer:after,
.c-filterLayer:before,
.c-filterLayer__img {
    /*img|size定義*/
    height: fit-content;
    max-width: 90%;
}

.site-mainvisual {
    position: relative;
    /*sec-Headを子要素にするため*/
}

#main_content .site-mainvisual {
    border-radius: 0 0 4.375rem 0;
}

.p-pageHead__image {
    margin-right: 10%;
    object-fit: cover;
}

/* ------------------------------------------- Hero */

.HeroHead h1 {
    font-size: 6.5rem;
    inline-size: max-content;
    /*hero|一行に収まる最大に設定*/
}

/* ------------------------------------------- news */
/* ---------------------- Component2 || SecHead */
ul.p-postList.-type-simple {
    /*postlist|デフォルト上線➔無効化*/
    border: none;
}

.p-postListWrap.TopNews .p-postList .p-postList__item {
    /*postlink|囲*/
    margin-bottom: 1rem;
    padding: 3rem 4.5rem;
    border: 5px solid var(--livebusiness-color);
    border-radius: 4.38rem;
}

@media (max-width:600px) {
    .p-postListWrap.TopNews .p-postList .p-postList__item {
        /*postlink|SP版の余白量を調整*/
        padding: 2rem 3rem 2rem 3rem;
    }
}

.p-postListWrap.TopNews .p-postList .p-postList__item .p-postList__link {
    /*postlink|デフォルト下線➔無効化*/
    border-bottom: none;
}

.p-postList__times.c-postTimes.u-thin {
    /*meta日付|style*/
    font-family: "Dela Gothic One", "Sans-Serif";
    font-size: 2.25rem;
}

@media(max-width:600px) {
    .p-postList__times.c-postTimes.u-thin

    /*meta日付|style*/
        {
        font-size: 24px;
    }
}

span.p-postList__cat.u-thin.icon-folder {
    /*metaタグ|style*/
    display: inline-block;
    padding: .5rem 1rem;
    background-color: var(--sub-color);
    border: 1px solid var(--sub-color);
    border-radius: 4.38rem;
    /*font style*/
    font-size: 0.875rem;
    color: var(--bg-color);
}

.p-postList__body h2.postList__title {
    font-family: var(--main-font);
    font-size: 1.25rem;
}

/* 表示順序 */
.p-postList__meta {
    align-items: flex-start;
    /*meta情報|align-item:centerを無効化*/
    flex-direction: column;
    /*meta情報|デフォルトflex➔縦*/
}

.TopNews h2.p-postList__title {
    /*title|fontを調整*/
    font-family: var(--sub-font);
    font-weight: 700;
}

/* ------------------------------------------ about */
/* -------------------------- Component2 || SecHead */
/*style*/
div#TopAboutSlider.swell-block-columns .swell-block-columns__inner {
    display: -webkit-box;
}

.about_box,
.inbox {
    max-width: 50rem;
    /*最大サイズだけ固定⇒SP対応に*/
    /*style*/
    border: 5px solid var(--livebusiness-color);
    border-radius: 4.375rem;
    box-shadow: 12px 8px 0 0 var(--accent-color);
}

.about_box_head {
    justify-content: space-between;
    padding: 3.15rem 3.15rem .5rem 3.15rem;
}

.about_box h2 {
    display: inline-block;
    font-size: 2.5rem;
}

.about_box img {
    max-width: 5rem;
}

.about_box p {
    padding: 1.5rem 3.15rem 3.15rem 3.15rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.about_box:nth-child(even) {
    position: relative;
    /*位置調整*/
    bottom: -3.75rem;
    background-color: var(--livebusiness-color);
}

.about_box:nth-child(even) h2,
.about_box:nth-child(even) p {
    color: var(--bg-color);
}

/*CSS slide*/
@keyframes horizontal-animation {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

#TopAboutSlider .about_box {
    /*Aboutセクションのスライド*/
    /* display: flex; */
    animation: horizontal-animation 10s linear infinite;
}

#TopHeroHead1 {
    /*2025.10.2試しにHeroセクションをスライドさせてみる*/
    animation: horizontal-animation 30s linear infinite;
}

/*2025.11.14 ADD*/
.carousel-container {
    /* overflow: hidden; */
    width: 100%;
    position: relative;
}

/*2025.11.13 ADD*/
.carousel-track {
    /*box親|*/
    display: flex;
    flex-wrap: nowrap;
    /*折り返さず横並びにするため*/
    gap: 4rem;
    animation: scroll-left linear 30s infinite alternate;
    /*2025.11.14 ADD*/
}

.carousel-container:hover {
    animation-play-state: paused;
}

.box-item {
    /*about|boxのstyle*/
    border: 5px solid var(--livebusiness-color);
    border-radius: 4.375rem;
    box-shadow: 12px 8px 0 0 var(--accent-color);
    width: 50vw;
    /*position*/
    position: relative;
    /*imgの位置を指定するため*/
    /*2025.11.14 ADD Loop*/
    flex: 0 0 auto;
    /*アイテムの幅を固定するために必要*/
    transition: all 0.3s ease;
}

.box-item h2 {
    /*about|h2*/
    font-size: 2.5rem;
    padding: 3rem 1rem 1rem 3.5rem;
    margin-bottom: 1rem;
    /*h2下の余白量を減らす*/
}

.box-item p {
    /*about|p*/
    padding: 2rem 2rem 2rem 3.5rem;
    font-size: 1.25rem;
    font-weight: 500;
}

.box-item img {
    /*about|img*/
    padding: 2rem;
    width: 200px;
    /*size*/
}

@media(min-width:600px) {
    .box-item img {
        /*about(PC)|imgを右上配置*/
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
}

@media(max-width:600px) {
    .box-item img {
        /*about(SP)|imgを中央配置*/
        text-align: center;
    }
}

/*偶数番目のbox*/
.box-item:nth-child(even) {
    background-color: var(--livebusiness-color);
    color: var(--bg-color);
}

@media(min-width:600px) {

    /*PCのみ段差表示*/
    .box-item:nth-child(even) {
        margin-top: 10rem;
    }

    .box-item:nth-child(odd) {
        margin-bottom: 10rem;
    }
}

@media(max-width:600px) {
    .carousel-track {
        /*animation*/
        animation: none;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
    }

    .box-item {
        width: 100%;
        /*animation*/
        scroll-snap-align: start;
    }

    .box-item h2 {
        font-size: 2rem;
        padding: 3rem 1rem 0 2rem;
        /*about(SP)|h2余白*/
        margin-bottom: 0;
        /*about(SP)|h2余白を削除*/
    }

    .box-item p {
        padding: 0 2rem 2rem;
        font-size: 1rem;
        font-weight: 500;
    }

    .box-item img {
        padding: 0 2rem 0 2rem;
        /*about(SP)|img余白*/
    }

}

.box-item:hover {
    /*about|hover*/
    background-color: #ff5506;
    transition: 0.5s ease;
    color: var(--bg-color);
    border-color: #ff5506;
}

.box-item:nth-child(3):hover img {
    /*about|hover時に白画像に*/
    content: url("https://it.livebusiness.jp/wp-content/uploads/2025/11/about_icon_check_w.svg");
}

/* 無限ループアニメーション */
/*2025.11.14 ADD*/
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-300%);
    }
}

/* ---------------------------------------- service */
/* -------------------------- Component2 || SecHead */
@media(min-width:600px) {
    #TopService.swell-block-fullWide {
        /*fullwide|角丸*/
        border-radius: 10rem 10rem 0 0;
    }
}

.swell-block-column.swl-has-mb--s.TopService {
    /*.TopService|style*/
    background-color: var(--bg-color);
    padding: 3.5rem 5rem;
    border-radius: 4.38rem;
}

.swell-block-column.swl-has-mb--s.TopService h2.wp-block-heading {
    /*service見出し|*/
    display: inline-block;
    font-size: 2.5rem;
    margin-bottom: revert;
}

.swell-block-column.swl-has-mb--s.TopService {
    font-size: 1.25rem;
}

/*2025.11.12 ADD Service|余白量を調整*/
@media (min-width:600px) {
    .swell-block-column.swl-has-mb--s.TopService:nth-child(even) {
        /*PCの時偶数のみ差をつける*/
        transform: translateY(3.75rem);
    }
}

@media (max-width:600px) {

    /*SPのパディング幅/高さ*/
    .swell-block-column.swl-has-mb--s.TopService {
        padding: 2.5rem 3.5rem;
    }

    .swell-block-column.swl-has-mb--s.TopService {
        font-size: 1rem;
    }

    .swell-block-column.swl-has-mb--s.TopService h2.wp-block-heading {
        /*SP見出し*/
        font-size: 2rem;
    }
}

.TopServiceImg {
    position: absolute;
}

.TopServiceImg_1 {
    /* position: relative; */
}

.TopServiceImg_2 {
    /* position: absolute; */
    transform: translateX(-4.5rem);
}

#TopService.swell-block-fullWide.pc-py-60.sp-py-40.alignfull {
    padding-bottom: 5rem;
}

/*2025.11.12 ADD service|下余白量を調整*/
@media(max-width:600px) {
    #TopService .swell-block-columns__inner {
        --swl-clmn-mrgn--y: 2rem;
    }
}

@media(min-width:600px) and (max-width:1024px) {

    /*タブレットサイズ余白量*/
    #TopService .swell-block-columns__inner {
        --swl-clmn-mrgn--x: 2rem;
    }
}


/* ---------------------------------------- contact */
/* -------------------- component4||お問い合わせボタン */
#ContactUs .l-container h1.wp-block-heading {
    font-size: 4rem;
}

#ContactUs p {
    font-size: 1.25rem;
    font-weight: 700;
}

@media (max-width: 600px) {
    #ContactUs .l-container h1.wp-block-heading {
        font-size: 2.5rem;
    }

    #ContactUs p {
        font-size: 1rem;
    }
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ other page*/
/*お問い合わせページ*/
/* ----------------------- component3||OtherPageHead */
/*cf7-area>cf7-item>cf7-q,cf7-a>cf7-req*/
#cf7-area {
    /*お問い合わせエリア*/
    width: 100%;
    /*tmp*/
}

#cf7-area .cf7-heading {
    font-size: 1.25rem;
}

/*共通項目*/
#cf7-area label {
    font-size: 1.25rem;
    font-weight: 700;
}

#cf7-area .cf7-item {
    margin: 1rem auto;
}

#cf7-area .cf7-item .cf7-q {
    line-height: 2.5rem;
}

#cf7-area span.cf7-req {
    /*必須タグ*/
    margin-left: .5rem;
    /*gap*/
    padding: .25rem .75rem;
    /*size*/
    background-color: var(--accent-color);
    border-radius: 4.38rem;
}

#cf7-area .centering {
    /*中央配置(同意,submitbtn)*/
    text-align: center;
    margin: 1rem auto;
}

/*項目別Style*/
#cf7-area input[type="text"],
#cf7-area input[type="email"],
#cf7-area input[type="tel"],
#cf7-area textarea {
    /*回答入力欄|*/
    width: 100%;
    padding: 0.5rem 1.5rem;
    border: 3px solid var(--livebusiness-color);
    background-color: var(--bg-color);
}

#cf7-area input[type="text"]:focus,
#cf7-area input[type="email"]:focus,
#cf7-area input[type="tel"]:focus,
#cf7-area textarea:focus {
    /*回答入力欄|focus*/
    background-color: aliceblue;
}

#cf7-area .cf7-item .cf7-radio label {
    /*ラジオボタン欄|*/
    display: block;
    width: 100%;
    border: 3px solid var(--livebusiness-color);
    padding: .5rem 1.5rem;
    margin: 0 0 1rem 0;
    /*gap*/
    background-color: var(--bg-color);
}

#cf7-area .wpcf7-list-item {
    /*ラジオボタン欄|Default横→縦並び*/
    display: block;
}

#cf7-area input[type="checkbox"],
#cf7-area input[type="radio"] {
    /*check,radio|選択時のstyle*/
    display: inline-block;
    transform: scale(1.5);
    accent-color: var(--sub-color);
}

#cf7-area .contact_policy {
    /*個人情報取扱い|style*/
    display: block;
    max-height: 18.75rem;
    /*最大の高さ*/
    background-color: var(--bg-color);
    padding: 1rem 1.5rem;
    overflow: scroll;
    /*スクロール*/
}

#cf7-area .contact_policy p {/*個人情報取扱い*/
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 700;
}

#cf7-area input[type="submit"] {
    /*送信btn|style*/
    /* width: 100%; */
    padding: 1rem 3rem;
    background-color: var(--livebusiness-color);
    border: 3px solid var(--livebusiness-color);
    color: var(--bg-color);
    font-size: 1.25rem;
    font-weight: 700;
    border-radius: 4.38rem;
}

#cf7-area input[type="submit"]:hover {
    /*送信btn|hover時*/
    background-color: var(--bg-color);
    border: 3px solid var(--livebusiness-color);
    color: var(--livebusiness-color);
    font-weight: 700;
    border-radius: 4.38rem;
}

@media(max-width:600px) {
    #cf7-area label {
        font-size: 1rem;
    }
    #cf7-area .contact_policy p/*個人情報取扱い*/ {
        font-size: 1rem;
    }
    #cf7-area input[type="submit"] {
        font-size: 1rem;
    }
}

/*エラー表示を明確にする*/
#wf7-area .wpcf7-not-vaild-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: #cc0000;
    font-weight: 700;
}

/*お知らせページ*/
/* ----------------------- component3||OtherPageHead */
.p-postList__thumb {
    /*news一覧|サムネstyle*/
    border: 5px solid var(--livebusiness-color);
    border-radius: 2.375rem;
    box-shadow: 12px 8px 0 0 var(--accent-color);
}
@media(max-width:600px) {
    .p-postList__thumb {
        border: 3px solid var(--livebusiness-color);
        border-radius: 1rem;
        box-shadow: 6px 4px 0 0 var(--accent-color);
    }
}

.p-articleThumb__img, .p-articleThumb__youtube {/*サムネイル*/
    border: 5px solid var(--livebusiness-color);
    border-radius: 2.375rem;
    object-fit: contain;
    box-shadow: 12px 8px 0 0 var(--accent-color);
}
@media(max-width:600px) {
    .p-articleThumb__img, .p-articleThumb__youtube {
        border: 3px solid var(--livebusiness-color);
        border-radius: 1rem;
        box-shadow: 6px 4px 0 0 var(--accent-color);
    }
}



/*2025.11.17 ADD*/
#top_title_area {/*ページメインビジュアル|*/
    height: 30vw;
    position:relative;
}
.l-topTitleArea__img {
    border-radius: 0 0 5rem 0;
}
#top_title_area .c-pageTitle { /*個別ページタイトル|PageHead参照*/
    border-radius: 0 4.375rem 0 0;
}
#top_title_area .c-pageTitle {
    /* font-size: 4rem; */
}
@media(max-width:600px) {
    .l-topTitleArea__img {
        border-radius: 0 0 2rem 0;
    }
    #top_title_area .c-pageTitle {
        /* font-size: 2rem; */
    }
}
@media(min-width:600px) {
    article.l-mainContent__inner {/*コンテンツ|記事タイトルが上に表示されすぎる➔解消*/
    margin-top: 2rem;
    }
    #top_title_area.l-topTitleArea.c-filterLayer.-texture-dot {
        margin-top: 0;
    }
}