/* 10/24 myhome css控え */
/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/*



/*フッターのライセンス表記を非表示に変更*/

.container.site-footer-copyright p:nth-child(2) {
    display: none;
}

/* 書体*/
body {
    font-family: "Noto Serif JP", serif
}

/*  段落文字サイズ */
p {
    font-size: 18px;
}

@media (max-width: 768px) {

    /* スマホ文字サイズ */
    p {
        font-size: 17px;
    }
}

/* top マウスホバー時ズームイン */
.sample_box img:hover {
    transform: scale(1.2, 1.2);
    transition: 1s;
}

/* TOP WORKSズームイン時、はみ出した部分を見えなくする */
.aligncenter.size-full.works {
    overflow: hidden;
}

/* 家づくりの想い文字大きさ */
.midasi {
    font-size: 35px
}

/* .mini-content-container-3.container { */

.ltg-slide-text-set {

    transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

/* すりガラス風 */
.ltg-slide-text-set.mini-content {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 530px;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 14px;
    padding-top: 13px;
    position: absolute;
    top: 166px;
    left: 400px;
}


/* スマホ用すりガラス風 */
@media screen and (max-width: 782px) {
    .ltg-slide-text-set.mini-content {
        background-color: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border-radius: 20px;

        border: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        width: 310px;
        height: 188px;
        display: flex;

        justify-content: center;
        align-items: center;
        padding-left: 14px;
        padding-top: 13px;
        position: absolute;

        top: 166px;
        left: 190px;
        /*左右の中央配置*/
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /*段落の文字サイズ*/
    .ltg-slide-text-caption {
        font-size: 17px;
    }

    /*タイトルの文字サイズ*/
    .ltg-slide-text-title {
        font-size: 22px;
    }
}

/* topスライド文字位置の修正
*/
.ltg-slide picture img {
    position: relative;
}

/* 家づくりへの思い　時を重ねるほど愛着が深まる家右寄せ */
/* @media (min-width: 768px) { */
/*     .container, .container-md, .container-sm { */
/*         max-width: 500px; */


/* フェードインとフェードアウトのアニメーション */
@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.vkp_block_columns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* カラム間のスペース */
}

/* カバー全体のスタイル */
.cover-block {
    padding: 20px;
    background-color: #f5f5f5;
}

/* カラムの基本スタイル：スマホでは1列表示 */
.columns {
    display: flex;
    flex-direction: column;
    /* 初期は縦並びにする */
}

.splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75em;
    z-index: 9999;
    opacity: 0; /* 初期は非表示 */
    animation: fadeInOut 3s ease-in-out forwards;
}

/* フェードイン・フェードアウトのアニメーション */
@keyframes fadeInOut {
    0% {
        opacity: 1; /* 最初は表示 */
    }
    80% {
        opacity: 1; /* 表示を維持 */
    }
    100% {
        opacity: 0; /* 最後に非表示 */
    }
}


.column-item {
    padding: 20px;
    background-color: white;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}


.example-item {
    flex-basis: 100%;
    /* スマホでは1列表示 */
    margin-bottom: 20px;
}

/* 最後のカラムの右マージンをなくす */
.column-item:last-child {
    margin-right: 0;
}


/* スマホ用ハンバーガメニュー左から右へ変更 */
@media screen and (max-width: 782px) {
    .admin-bar .vk-mobile-nav-menu-btn {
        top: calc(46px + 5px);
        /* 既存のtop位置 */
        right: 20px !important;
        /* 右側に配置、優先度を強制的に上げる */
        left: auto !important;
        /* 左側の位置をリセット */
        position: absolute;
    }

}

/* 10月2日〜訂正文後で見やすい位置に配置する */
/* TOPページのボタン　家づくりの想い文が２段になるため、1行に変更調整した*/
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline {
    padding: 12px 10px !important;
}

/* ウィジェット３エリアのボタン設定　資料請求　お問い合わせ */
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
}

/* 背景用*/
body {
    padding: 30px;
}

.btn,
a.btn,
button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
}

a.btn-border-shadow {
    padding: calc(1.5rem - 12px) 3rem 1.5rem;

    background: #fff;
}

a.btn-border-shadow:before {
    position: absolute;
    top: -6px;
    left: -6px;

    width: 100%;
    height: 100%;

    content: "";
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

    border: 1px solid #000;
    border-radius: 0.5rem !important;
}

a.btn-border-shadow:hover {
    padding: calc(1.5rem - 6px) 3rem;
}

a.btn-border-shadow:hover:before {
    top: 0;
    left: 0;
}

a.btn-border-shadow--color {
    border-radius: 0.5rem;
    background: #f3903a9e;
}

a.btn-border-shadow--color:before {
    border-radius: 0;
}

/* お問い合わせ、資料請求　コンタクトフォーム７の送信ボタンの装飾 */
.wpcf7 input[type="submit"] {
    width: 40%;
    /*     padding: 15px; */
    border-radius: 10px;
    font-size: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: none;
    box-shadow: 0 3px 0 #ddd;
    background: #3C2301;
    transition: 0.3s;
    margin-top: 40px;
}

.wpcf7-submit:hover {
    background: #a4dd6c;
    transform: translate3d(0px, 3px, 1px);
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
}

/* .\.submit-btn { */
/*     text-align: center; */


/* お問い合わせ　ウィジェット（フッターエリア３）資料請求、お問い合わせボタンを中央揃えのため、divで囲んだ */
.\.submit-btn-mat {
    text-align: center;
}

.\.submit-btn-con {
    text-align: center;
}

/* お問い合わせ　ウィジェット（フッターエリア３）お問い合わせボタン横幅広げた */

.btn-border-shadow {
    width: 100%;
    /* ボタンの幅も100%にする */
}

/* イベント　続きを見るボタンの横幅広げる */

a.btn.btn-sm.btn-primary.vk_post_btn {
    width: 33%;
    height: 55px;
    font-size: 20px;
    background-color: #ffffff;
    font color: #4C2B00;
}

/* イベント一覧ページした余白 */

.main-section>aside:last-child,
.main-section>div:last-child,
.sub-section>aside:last-child,
.sub-section>div:last-child {
    margin-bottom: 100px;
}

/* イベント　続きを見るボタンのホバー状態の装飾を変える */

.vk_post a:hover {
    background-color: #4c2b00 !important;
    border: 1px solid #4c2b00;
    color: #fff;
}

/* 移動させるスライダーの文章 */
.parent-top {
    position: relative;
    /* 親要素に相対配置を設定 */
}


/* topページの上デフォルトパディング削除 */
/*すべてのページに入っているので、新しいクラス名no-padding-pageを下記コードで、固定ページ編集画面のカスタムHTMLで追加した*/

/* 	<body class="no-padding-page"> */
/*     <div class="site-body"> */
/*     </div> */
/* </body> */

/* .no-padding-pageクラスが付いているページで、の.site-bodyパディングを有効化（ゼロにする）するためのCSSを記述*/
.no-padding .site-body {
    padding: 0 !important;
}

/* 周りの余白を消す */

body .home-body {
    padding: 0px;
}

@media (max-width: 782px) {
    .admin-bar .vk-mobile-nav-menu-btn {
        top: calc(50px + 5px);
        position: absolute;
        left: auto !important;
        right: 10px;
    }


    /* topスライダーの文字の位置調整 */

    .ltg-slide-text-set {
        position: absolute;
        top: -33%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
    }

    /* 位置調整*/
    .parent-top {
        position: relative;
        /* 親要素に相対配置を設定 */
    }

    .top-img1 {
        position: absolute;
        /* 子要素に絶対配置を設定 */
        top: 50px;
        /* 右側に配置 */
    }

    .parent-top {
        width: 100px;
    }

    /* topページの上デフォルトパディング削除 */
    /*すべてのページに入っているので、新しいクラス名no-padding-pageを下記コードで、固定ページ編集画面のカスタムHTMLで追加した*/

    /* 	<body class="no-padding-page"> */
    /*     <div class="site-body"> */
    /*     </div> */
    /* </body> */

    /* .no-padding-pageクラスが付いているページで、の.site-bodyパディングを有効化（ゼロにする）するためのCSSを記述*/
    .no-padding .site-body {
        padding: 0 !important;
    }

    /* ハンバーガーメニューとロゴを一直線にするためにデフォルトで入っっていたマージン削除した */
    body.home-body {
        padding: 0 !important;
    }



    .ltg-slide-text-title+.ltg-slide-text-caption {
        margin-top: .10rem;
        margin-bottom: 1rem;
    }

}

/* 10/2より。 */
/* 全体のマージン削除 */


body {
    padding: 0px;
}

.text-box {
    padding: 10px;
    /* テキスト周りの余白 */
}



/* topの文字位置*/

.ltg-slide-text-set {
    position: absolute;
    top: 42%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
}



/* topスライドショーしたのコンテンツ */
/* デフォルト（デスクトップ）のフレックスボックスレイアウト */
.cover-container {
    display: flex;
    flex-direction: row;
    /* 横並び */
    align-items: center;
    /* 中央揃え */
    justify-content: space-between;
    position: relative;
}

/* カラム */
.cover-column2 {
    flex: 1;
    padding: 20px 20px 20px 0px;
    flex-basis: 97%;
    /* 説明エリアの幅を88%に設定 */
    order: 1;
    /* 1番目に表示 */
}

/* 表示順番指定 */
.cover-image {
    order: 2;
    /* 2番目に表示 */
}

/* カバー画像 */
.cover-image img {
    max-width: 100%;
    height: auto;
    /* 画像のアスペクト比を保持 */
    object-fit: cover;
    /* コンテナに収まるように調整 */
    object-position: center;
    /* 画像が中央に配置されるように設定 */
    margin-left: 70px;
}

.cover-image-second {
    margin-right: 70px;
}

/* 段落とボタンの間に余白 */
.cover-paragraph {
    padding-bottom: 24px;
}

/* topスライダー下コンテンツ文字サイズ */
.cover-title {
    /*タイトル部分*/
    font-size: 38px;
    flex-direction: column;
}


.cover-paragraph {
    /*段落*/
    font-size: 19px;
}

/* ボタンは、vkブロックパターンのためhtmlに記入した */

/* デフォルトで入っていた見出しの上の線を消す */
.entry-title--post-type--page,
h2:where(:not(.wp-block-post-title)) {
    border-top: 0px solid var(--vk-color-primary);
}

/* --- メディアクエリ（モバイル用） --- */
@media (max-width: 768px) {
    .cover-container {
        flex-direction: column;
        /* 縦並びに変更 */
        align-items: center;
        /* 縦並び時の中央揃え */
    }

    /* カラム同士を重ねる */
    .cover-column {
        position: relative;
        top: -50px;
        /* 必要に応じて調整して重ね具合を変更 */
        z-index: 1;
        /* 重なり順を指定 */
        padding: 20px;
        width: 310px;
        background-color: white;
        box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2);
        order: 2;
        /* 2番目に表示 */
    }

    /* カラム同士を重ねる */
    .cover-column2 {
        position: relative;
        top: -50px;
        /* 必要に応じて調整して重ね具合を変更 */
        z-index: 1;
        /* 重なり順を指定 */
        padding: 20px;
        width: 310px;
        background-color: white;
        box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2);
        order: 2;
        /* 2番目に表示 */
    }

    /* 	　海のコンテンツ */

    .cover-image-second img {
        object-fit: contain;
        /* モバイルでは引き伸ばしなしで画像が収まるように設定 */
        height: auto;
        /* 画像が自然な比率を維持 */
        max-width: 100%;
        order: 1;
        /* 1番目に表示 */
        margin-right: 0px;
        margin-left: 0px;
    }


    .cover-image-second {
        margin-right: 0px;
    }

    .cover-image {
        margin-bottom: -40px;
        /* 画像とカラムが少し重なるように調整 */
        z-index: 0;
        /* 背景として扱う */
    }

    .cover-image img {
        object-fit: contain;
        /* モバイルでは引き伸ばしなしで画像が収まるように設定 */
        height: auto;
        /* 画像が自然な比率を維持 */
        max-width: 100%;
        order: 1;
        /* 1番目に表示 */
        margin-right: 0px;
        margin-left: 0px;
        object-fit: cover;
        object-position: center;
        /* margin-left: 70px; */
    }


    .cover-image img {
        object-fit: cover;
        object-position: center;
        /* margin-left: 70px; */
    }

    .cover-container {
        padding: 0;
    }

    /* ユーザー エージェント スタイルシートの余計な余白削除 */
    body {
        margin: 0;
    }

    h2 {
        margin: 0;
    }

    .entry-title--post-type--page,
    h2:where(:not(.wp-block-post-title)) {
        border-bottom: 0px solid var(--vk-color-border-hr);
    }

    .cover-title {
        /*タイトル部分*/
        font-size: 27px;

    }

    .cover-paragraph {
        /*段落*/
        font-size: 17px;
    }

    .vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline {
        /*ボタン*/
        font-size: 22px;
        width: 100px;
        pp: 20px 20px 20px 20px;
    }


    /* デフォルトで入っていた見出しの上の線を消す */
    .entry-title--post-type--page,
    h2:where(:not(.wp-block-post-title)) {
        border-top: 0px solid var(--vk-color-primary);
    }

}

/* メディアクエリここまで */


/* top下スライドコンテンツのボタンの横幅を広げた */
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline {
    width: 270px !important;
}

/* --- メディアクエリ（モバイル用） --- */
@media (max-width: 768px) {

    /* モバイル用では矢印が見切れるので、ボタンの矢印は消す */
    .vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before {
        display: none !important;
    }
}

/* イベント一覧ページのボタンが見切れるので調整 */
a.btn.btn-sm.btn-primary.vk_post_btn {
    width: 33%;
    font-size: 16px;
    margin-right: 20px;
}

/* イベント記事内のご予約フォームのボタン　コンタクトフォームでつけたクラス名使用 */
.front {
    /*     padding: 15px; */
    border-radius: 10px;
    font-size: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: none;
    box-shadow: 0 3px 0 #ddd;
    background: #3C2301;
    transition: 0.3s;
    margin-top: 40px;
    width: 40%;
    height: 40px;
}

.front {
    color: white;
}

/* 10/8~ */
/* フッター上部の線を消す */
.site-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    /* 色を薄くする */
}

/* フッターアイコンと番号の間ぴったり */
.your-container {
    /* アイコンと電話番号を包んでいる要素のクラス名 */
    display: flex;
    /* フレックスボックスを使用 */
    align-items: center;
    /* 縦方向の中央揃え */
    position: relative;
}

.text-nowrap {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 220px;
}

.wp-block-group.wrap {
    display: none;
    /* パソコンでは非表示 */
}

.wp-block-group.cases-sp {
    display: block;
    /* スマホでは表示 */
}

/* 建築事例、パソコン３列、モバイル２列 */
/* .wrap { */
/*     display: flex; */
/*     flex-wrap: wrap; /* アイテムを折り返し可能に */
*/
/* } */

/* .wrap .wp-block-column { */
/*     flex-basis: calc(33.33% - 10px); /* デスクトップで3列表示 */
*/
/*     box-sizing: border-box; /* パディングやボーダーを含めて計算 */
*/
/*     padding: 10px; /* 必要に応じてパディングを調整 */
*/
/* } */


/* スマホ用のスタイル（768px以下の画面幅のときに適用） */
/* @media (max-width: 781px) { */
/* .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { */
/* flex-grow: 0 !important; */
/* flex-growを無効にする */
/* flex-basis: calc(50% - 10px) !important; */
/* 2列表示を確保 */
/* } */

/* .wp-block-columns { */
/* width: 100%; */
/* display: flex; */
/* flex-wrap: wrap; */
/* justify-content: space-between; */
/* アイテム間のスペースを均等化 */


/* 施工事例　sp用４、８、１２カラムが空欄になってしまうため、PC、SP用で新たにPC用とsp用で作成したので、スマホではPC用を非表示に */
/* デスクトップで .cases-sp を非表示にして、.wara を表示 */

/* スマホ表示 (幅が768px以下) */

@media (max-width: 768px) {

    .wp-block-group.wrap {
        display: none;
        /* パソコンでは非表示 */
    }

    .wp-block-group.cases-sp {
        display: block;
        /* スマホでは表示 */
    }

}

/* PC表示 (幅が768px以上) */
@media (min-width: 768px) {
    .wp-block-group.wrap {
        display: block;
        /* PCでは表示 */
    }

    .wp-block-group.cases-sp {
        display: none;
    }

}

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-grow: 0 !important;
    flex-basis: calc(50% - 10px) !important;
}

/* 10/17 WORKS写真間の余白がなぜか透過.5になっていたので、白1に */

.vk_slider_item .has-background-dim-5 {
    opacity: 1;
}

/* top 海の家、呼吸　セクション上のマージン */
.cover-container {
    margin-top: 4rem;
}


 /* 10/17WORKS写真間の余白がなぜか透過0.5になっていたので、白1に */  
 .vk_slider_item .has-background-dim-5 {
    opacity: 1;
}

/* top 海の家、呼吸　セクション上のマージン */
.cover-container {
    margin-top: 4rem;
}

/* top　私たちについて真ん中の画像が見切れているのを調整 */
.reason2 img {
    object-position: 97%;
}

/* topページのworks　ホバーはみ出た部分を削除 */
.works .aligncenter.size-full {
    overflow: hidden;
}

/* スマホ用　ロゴ下余白 */

@media (max-width: 991.98px) {
    .site-header-logo img {
        margin-bottom: 1rem;
    }
}

/* スマホ用　２カラム（横並び）になる場所を１列にする */

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

    /* 家づくりのおもい風、素材だけリバースで一列 */
    .sp-content2 {
        display: flex;
        flex-direction: column-reverse;
    }

    /*イベント一覧　縦一列にする*/
    /*他に家今日ないか要確認*/

    .vk_post.media {
        flex-direction: column;
    }

    /* イベント一覧ページの写真を大きく	 */
    .vk_post .media-img {
        width: 100%;
        margin-bottom: 17px;
    }

    /* イベント一覧ページ	 */
    .vk_post .media-body {
        width: 100%;
    }

    /*イベント一覧ページ見出し大きく*/
    .vk_post .vk_post_title {
        font-size: 23px;
    }

    /*イベント一覧ページ文章文字の大きく*/
    .vk_post .vk_post_excerpt {
        font-size: 16px;
    }

    /* イベント一覧ページ文章した余白 */
    .vk_post-btn-display .card-text:nth-last-child(2),
    .vk_post-btn-display .media-text:nth-last-child(2) {
        margin-bottom: 12px;
        font-size: 16px;
    }

    /*イベント一覧ページ　ボタン大きさ*/
    a.btn.btn-sm.btn-primary.vk_post_btn {
        width: 37%;
        height: 50px;
        font-size: 18px;
        padding: 10px;
    }

    /*イベント一覧ページ　日付大きく*/
    .vk_post .vk_post_date {
        font-size: 13px;
    }

    /*イベントページ周りの余白*/
    .vk_post.media {
        margin: 10px 20px;
    }
}

/* 私たちについて　親要素リラティブ */
.sp-greeting {
    position: relative;
}

.sp-greeting .wp-block-image {
    position: absolute;
    top: 0;
    right: 0;
    /* 画像を右側に配置 */
    z-index: 1;
    /* 画像が上に表示されるように */
}

/* 私たちについて　gretting文章配置 */
.sp-greeting-text {
    position: relative;
    top: 277px;
    left: 222px;
    margin-bottom: 150px;
    /* 	max-width:555px; */
    /* 	background-color:white; */
    /* 	padding:40px 20px; */
    /* } */
    z-index: 2;
    /* 画像の上にテキストを表示 */
    background-color: rgba(255, 255, 255, 1);
    /*テキストの背景を半透明に */
    padding: 20px;
    /* テキストの周りに余白を追加 */
    max-width: 460px;
}

/* スマホ用　私たちについてテキスト */

@media (max-width: 768px) {
    .sp-greeting-text {
        position: relative;
        top: 177px;
        max-width: 555px;
        z-index: 2;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px;
        left: 0;

    }
}

.what-content {
    position: relative;

}

/*大切にしていること位置*/

/*会社概要の文字位置*/



/* 私たちについて文章中央寄せ */
.content {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
	padding:50px;
}

.works .aligncenter.size-full {
    overflow: hidden;
}

/* worksホバー時に拡大した時はみ出た部分を消す */

.wp-block-image.sample_box_works {
    overflow: hidden;
}

/*イベント一覧ページ文章文字の大きく　PC用*/
.main-section>.vk_posts>.vk_post-col-sm-12 .vk_post_title {
    font-size: 23px;
}

.main-section>.vk_posts>.vk_post-col-sm-12 .vk_post_excerpt {
    font-size: 17px;
}

/* イベントページ日付大きさ */
.vk_post .vk_post_date {
    font-size: var(--vk-font-size-m);
}

/*topのスライダーevent,aboutusのタイトルが右よりになる１５pxが原因のため削除*/
.vk_slider_item_container {
    padding: 0;
}

/* top sp用 */
/* .ltg-slide-text-set.mini-content */

/* パソコン用 */
  h4.widget-title.site-footer-title {
        font-size: 23px;
    }

    /* メニュー項目のリンクのフォントサイズを変更 */
    .menu a {
        font-size: 1.5em;
        /* お好みに合わせてサイズを調整 */
    }

    /* メニュー項目のリンクにマウスオーバー時のスタイルを追加 */
    .menu a:hover {
        font-size: 1.5em;
        /* お好みに合わせてサイズを調整 */
      
    }
/*ウィジェット　プロフィールサイズ*/
.veu_profile .profile_text {
    margin-bottom: 1em;
    font-size: 17.5px;
}

/*メディアクエり　フッター文字サイズ*/
@media (max-width: 768px) {
    /* ウィジェットタイトルのフォントサイズを変更 */

    h4.widget-title.site-footer-title {
        font-size: 22px;
    }

    /* メニュー項目のリンクのフォントサイズを変更 */
    .menu a {
        font-size: 1.4em;
        /* お好みに合わせてサイズを調整 */
    }

    /* メニュー項目のリンクにマウスオーバー時のスタイルを追加 */
    .menu a:hover {
        font-size: 1.4em;
        /* お好みに合わせてサイズを調整 */
        text-decoration: underline;
        /* 下線を追加 */
    }

    /*10/24朝イベント詳細ページ二列を１列に*/

    .wp-block-columns.are-vertically-aligned-center.vk-cols--reverse.vk-cols--fit.vk-cols--grid.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
        flex-direction: column;
    }
	
body .is-layout-flex {
    display: flex;
    flex-direction: column;
	}
	
/*お問い合わせ　タイトル文字サイズ*/
	.contact-title {
		font-size: 27px!important;
	}
/* sp用　私たちについて　ご挨拶文字サイズ	 */
	 .greeting-title {
		font-size: 28px!important;
	}
	
/* sp用　私たちについて　ご挨拶文字サイズ	 */
	 .greeting-title2 {
		font-size: 25px!important;
	}
/* 	sp用　資料請求タイトル文字サイズ */
	.materials-title {
		font-size:27px!important;
	}
/* 	sp用　資料請求文章サイズ */
}
/* 10/24  top　スライドショー下のコンテンツ*/
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline {
 position: relative;
 z-index: 0; 
 border-radius: 0;
 padding: 12px 35px;
 letter-spacing: 0.1em;
 width: 240px;
}
   
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline::before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 0;
 height: 100%;
 background-color: currentColor;
 z-index: -1;
 transition: .3s;
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover::before {
 width: 100%;
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before {
 content: '';
 position: absolute;
 display: block;
 width: 80px;
 height: 1px;
 bottom: 50%;
 right: -45px;
 border-bottom: solid 2px currentColor;
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption:after {
 content: '';
 position: absolute;
 display: block;
 width: 14px;
 height: 2px;
 background: currentColor;
 bottom: calc(50% + 5px);
 right: -45px;
 transform: rotate(45deg);
}

.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover {
 opacity: unset;
 box-shadow: unset;
 background-color:  transparent !important;
 border: solid 1px;
}
/* top　スライドショー下ボタンのサイズと、文字サイズ */
.top-section span {
	font-size: 22px;
}
/* 矢印横線もっと右へ */
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before {
    right: -60px;
}
/* 矢印斜め線 もっと右へ*/
	.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption:after {
    right: -61px;
	}
/* top イベント　vkパターンライブラリコピペしたCSS */
.vkp_block_columns .wp-block-column {
    position: relative;
    overflow: hidden;
}

.vkp_block_columns .wp-block-column img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}
	
.vkp_block_columns .wp-block-column >*:last-child {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border-bottom: 5em solid transparent;
    border-left:5em solid currentColor;
}

.vkp_block_columns .wp-block-column >*:last-child strong {
    position: absolute;
    top: 12px;
    left: -96px;
    transform: rotate(-45deg);
    width: 120px;
    text-align: center;
    color: #fff;
}
/* works余白 */
.sample_box_works{
	padding:10px;
}

/* 家づくりへ想い　vkパターンライブラリからコピーした*/
/* テキスト */
.vkp_catch_bg_flow{
  font-size:min(32px,6.4vw);
  position: relative;
  display:inline-block;
  padding:0 10px;
}

/* 背景 */
.vkp_catch_bg_flow::before {
  background-color:rgba(255,255,255,1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  z-index: -1;
 animation: bg 1s ease-out backwards;
}
.vkp_catch_bg_flow.vkp_second_flow::before{
 animation: bg 1s ease-out 0.5s backwards;
}
.vkp_catch_bg_flow.vkp_third_flow::before{
 animation: bg 1s ease-out 1s backwards;
}

@keyframes bg {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
  50%, 100% {
    opacity: 1;
  }
}

/* フェードイン */
.wp-block-group.vkp_fadein{
 animation-name: fadein;
 animation-duration: 1s; /* アニメーションの時間 */
 animation-delay:1.5s; /* 秒後に開始 */
 animation-fill-mode:backwards;/*最初のキーフレームの状態*/
}
@keyframes fadein{
  0%{
    opacity: 0;
    transform: translatey(20px);/* 動かす距離 */
   }
  100%{
    opacity: 1;
    transform: translatey(0);
  }
}
/* 施工事例 vlパターンライブラリ　カスタムhtmlからcss */
@media (min-width: 600px) and (max-width: 781px){
.vk-med-one.vk-cols--fit.wp-block-columns > .wp-block-column:not(:only-child), 
.vk-med-one.vk-cols--fit.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    flex-basis: 100% !important;
}

.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover,
.vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull.vk-cols--reverse>.wp-block-column:nth-child(2)>.wp-block-cover{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
<style type="text/css">
.vkp_block_columns .wp-block-column {
    position: relative;
    overflow: hidden;
}

.vkp_block_columns .wp-block-column img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}
	
.vkp_block_columns .wp-block-column >*:last-child {
    position: absolute;
    top: 0;

    left: 0;
    margin: 0;
    border-bottom: 5em solid transparent;
    border-left:5em solid currentColor;
}

.vkp_block_columns .wp-block-column >*:last-child strong {
    position: absolute;
    top: 12px;
    left: -96px;
    transform: rotate(-45deg);
    width: 120px;
    text-align: center;
    color: #fff;
}
}

.my-cover-block {
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/*家づくりへの想い*/
.title-ie {
  color: black; /* 文字色 */
  font-size: 2em; /* 文字サイズ */
  font-weight: bold; /* 文字の太さ */
  text-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); /* ドロップシャドウ */
	font-size: 2em; /* 文字サイズ */
  font-weight: bold; /* 文字の太さ */
  color: black; /* 文字色 */
  animation: fadeInUp 1s ease-in-out; /* アニメーション */
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
}

.catch-copy {
  color: black; /* 文字色 */
  font-size: 1em; /* 文字サイズ */
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); /* ドロップシャドウ */
}