/*******************************
AI Web base.css
*******************************/

:root{
    /*--narrow-content-width: 75%;*/
    --aiw-space-unit-width: 1vw;
    --aiw-space-unit-height: 1rem;

}



.full-viewport {
    /* ビューポート幅いっぱいに広げる */
    width: 100vw;
    /* container の幅制限を解除 */
    max-width: none;
    /* ページ中央に配置 */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    /* 余白が不要ならリセット */
    margin: 0;
}



figure{
    & img{
        width: 100%;
        height: 100%;
        object-fit: cover;    /* 中央を切り抜いて枠いっぱい */
        object-position: center;
        max-width: 50vh;
    }
}


/* これ確実性がない。ページに出力時に自分たちでラッパー設定するしかないなー */
#preview-body
, main
, .main
, #main
, *[role=main]
, .aiw-body
, .reset-style

{




    /* ================================
    初期化
    ================================ */
    & div{
        box-sizing: border-box;
    }

    & em{
        font-style: normal;

    }

    & h1, h2, h3, h4, h5, h6{
        margin: 0;
        padding: 0;
        line-height: 1.4;
    }

    & strong{
        font-style: normal;

    }

    & p{
        line-height: 1.8;
    }

    /* ================================
    WP上書き
    ================================ */
    .wp-block-button__link {
        background-color: #000;
    }



    /* スマホ用（～767px） */
    @media (max-width: 767px) {

        .wp-block-columns{
            flex-direction: column;
        }
    }


    /* ================================
    レイアウト共通
    ================================ */


    /* ビューポート幅いっぱいに広げる */
    width: 100vw;
    /* container の幅制限を解除 */
    max-width: none;
    /* ページ中央に配置 */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    /* 余白が不要ならリセット */
    margin: 0;

    & .aiw_layout{

        /*margin: calc(var(--aiw-space-unit-height) * 3) auto 0;*/

        /* デフォルトスタイル（PC用） */
        & *:first-child h2.aiw_heading{
            text-align: center;
            font-size: 2.4rem;
            /*font-size: 2.8vw;*/
            /*font-size: min(2.4rem, 2.8vw);*/

            /* 	font-size: 3vw; */
            /* 			color: #f00;	 */
            /*margin: calc(var(--aiw-space-unit-height) * 4) auto 0;*/
            /*max-width: var(--narrow-content-width);*/
            display: inline-block;         /* ブロック要素化 */
            text-align: center;     /* 中央寄せ */
            position: relative;     /* 疑似要素の基準 */
            margin: auto;
            word-break: normal;
            overflow-wrap: break-word;
            box-sizing: border-box;
        }

        & *:first-child h2.aiw_heading::after
        {
            content: "";
            display: block;
            width: 160px;            /* 下線の長さ */
            height: 4px;            /* 下線の太さ */
            background-color: #66f; /* 下線の色 */
            background-color: #999; /* 下線の色 */
            margin: 8px auto 0;     /* 上に 8px 空けて中央寄せ */

        }




        & .wp-block-columns{
            display: flex;
            flex-wrap: wrap;
            grid-template-columns: repeat(3, 1fr);

            /* 3カラムなのに要素2しかないときは2カラム */
            &:has(> :nth-child(2):last-child) {
                grid-template-columns: repeat(2, 1fr);
            }

        }


        /*コンテンツ幅*/
        & > .wp-block-group__inner-container{
            margin: auto;
            /*width: 80%;*/
            max-width: 1200px;
            text-align: center;
        }

        /* タブレット用（768px～1024px） */
        @media (min-width: 768px) and (max-width: 1024px){
            & *:first-child h2.aiw_heading{
                /*font-size: min(1.4rem, 4vw);*/
                font-size: 2.2rem;
                /* 				color: #0f0; */
            }

            & .wp-block-columns{
                flex-wrap: wrap;
                grid-template-columns: repeat(2, 1fr);

            }
            /* 2カラムなのに要素1しかないときは2カラム */
            &:has(> :nth-child(1):last-child) {
                grid-template-columns: repeat(1, 1fr);
            }

            /*コンテンツ幅*/
            & > .wp-block-group__inner-container{
                margin: auto;
                max-width: 1024px;
            }

        }

        /* スマホ用（～767px） */
        @media (max-width: 767px) {
            & *:first-child h2.aiw_heading{
                font-size: min(1.4rem, 5vw);
                font-size: 1.8rem;
                /* 				color: #00f; */
            }
            & .wp-block-columns{
                flex-wrap: wrap;
                grid-template-columns: repeat(1, 1fr);
            }

            /*コンテンツ幅*/
            & > .wp-block-group__inner-container{
                margin: auto;
                max-width: 768px;
            }

        }

        & .aiw_description{
            font-size: 1.2rem;
            text-align: center;
            margin: calc(var(--aiw-space-unit-height) * 2) auto 0;
            /*max-width: var(--narrow-content-width);*/
            word-break: normal;
            overflow-wrap: break-word;

        }

        & p{
            text-align: left;
            margin: calc(var(--aiw-space-unit-height) * 1.25) auto 0;

        }



    }


    /* ================================
    それぞれのパーツ
    ================================ */

    & .aiw_first_catch_detail{


        & > .wp-block-group__inner-container {

            position: relative;
            /*min-height: 30rem;*/

            & figure{
                margin: 0;
                overflow: hidden;

                & img{
                    min-height: 50vh;
                    max-height: 60vh;
                    max-width: 100%;
                    width: 100%;
                    margin: auto;
                    object-fit: cover;        /* 切り抜きながら埋める */
                    object-position: center;  /* 見せたい位置を調整: top/center/bottom など */
                    display: block;

                    /*max-width: 1920px;*/
                }




            }




            & .wp-block-group:nth-child(2){

                padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 4) calc(var(--aiw-space-unit-height) * 2);
                box-sizing: border-box;

                & h2{
                    /*text-align: center;*/
                    font-size: 2rem;
                    word-break: normal;
                    overflow-wrap: break-word;
                    margin: initial;
                    text-align: left;

                }

                & p{
                    text-align: center;
                    word-break: normal;
                    overflow-wrap: break-word;
                    margin: initial;
                    text-align: left;
                }



            }

            /* スマホ用（～767px） */
            @media (max-width: 767px) {


                & figure{
                    & img{
                        min-height: 60vh;
                        max-height: 70vh;

                    }

                }


                & .wp-block-group:nth-child(2){

                    & br{
                        display: none;
                    }

                    & h2{


                    }

                    & p{

                    }

                }


            }




        }


    }

    & .aiw_layout_2col{

        padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);

        & .wp-block-columns{
            gap: 0;
            margin: calc(var(--aiw-space-unit-height) * 4) auto 0;

            & .wp-block-column{

                flex: 1;
                box-sizing: content-box;
                flex-basis: 50%;
                /* width: 50%; */
                /* flex-grow: 0; */
                flex-shrink: 0;
                box-sizing: border-box;


                &:nth-child(1){
                    /*padding: 2rem 1rem;*/
                    padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 4);

                    & figure{
                        margin: 0;
                        & img{
                            display: block;
                            width: 100%;
                            max-height: 50vh;
                        }
                    }
                }

                /*テキストが入る列*/
                &:nth-child(2){
                    /*padding: 2rem 1rem;*/
                    padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 4);
                    & h3{
                        font-size: 1.6rem;
                        text-align: left;
                        word-break: normal;
                        overflow-wrap: break-word;
                    }

                    & p{
                        word-break: normal;
                        overflow-wrap: break-word;
                    }

                }



            }
        }

    }


    & .aiw_layout_action_col{

        background-color: navy;
        background-color: #999;

        /*padding: 1rem;*/
        padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 4);

        /* 		margin-bottom: 1rem; */
        /*margin: 2rem auto;*/


        & h2{
            font-size: 2rem;
            color: #fff;
            text-align: center;
            font-weight: normal;

            & br{
                display: none;
            }
        }

        & .aiw_description{
            color: #fff;
            margin: calc(var(--aiw-space-unit-width) * 2) auto 0;
            word-break: normal;
            overflow-wrap: break-word;
        }


        & > .wp-block-group__inner-container{
            /*width: 60%;*/
            max-width: 768px;
            max-width: 1024px;
        }



        & .aiw_list{
            background-color: #fff;
            /* 			padding: 1rem; */
            margin: calc(var(--aiw-space-unit-width) * 2) auto 0;

            & .aiw_list_wrap{

                display: flex;
                justify-content: flex-start;
                align-items: center;

                row-gap: calc(var(--aiw-space-unit-height) * 1);    /* 行間の隙間 */
                column-gap: calc(var(--aiw-space-unit-width) * 0); /* 列間の隙間 */
                padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 2);

                & .aiw_list_wrap_element{
                    flex: 1;
                    /*padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-width) * 2);*/
                    width: 100%;
                    & p{
                        display: flex;
                        justify-content: center;
                        margin: 0;
                    }

                    & .wp-block-buttons{
                        display: flex;
                        justify-content: center;
                        display: block;
                        width: 100%;

                        & .wp-block-button{
                            display: block;
                            width: 80%;
                            margin: auto;
                            white-space: nowrap;

                            & a{
                                display: block;
                                box-sizing: border-box;
                                width: 100%;
                                max-width: 600px;
                                margin: auto;
                                padding: calc(var(--aiw-space-unit-height) * 0.5) calc(var(--aiw-space-unit-width) * 2);
                                line-height: 1.4;
                                color: #fff;
                                text-decoration: none;
                                transition: background-color 0.05s ease, box-shadow 0.05s ease;
                                transition: background 0.05s ease, color 0.05s ease, transform 0.05s ease;
                                & em{
                                    display: block;
                                    width: 100%;
                                    font-weight: bold;
                                    font-size: 1rem;
                                    text-align: center;
                                    white-space: normal;
                                    word-break: normal;
                                    overflow-wrap: break-word;
                                }

                                & strong{
                                    display: block;
                                    width: 100%;
                                    font-weight: bold;
                                    font-size: 1.6rem;
                                    text-align: center;
                                    white-space: normal;
                                    word-break: normal;
                                    overflow-wrap: break-word;
                                }

                                &:hover{
                                    /*background-color: #217dbb; !* 色味を少し暗く *!*/
                                    /*background-color: #f2f2f2;*/
                                    /*background: #efefef;*/
                                    /*box-shadow: 0 0 0 3px rgba(33, 125, 187, 0.5); !* 薄い光を追加 *!*/
                                    /*box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);*/
                                    /*background: #000;*/
                                    /*background: rgba(220, 220, 220, 0.7);*/
                                    /*color: #fff;*/
                                    transform: translateY(-4px);
                                    /*box-shadow: 0 0 0 3px rgba(255,255,255,0.7);*/
                                    /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));*/
                                    /*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);*/


                                    box-shadow:
                                            0px 1px 2px rgba(0, 0, 0, 0.08),
                                            0px 4px 8px rgba(0, 0, 0, 0.06);


                                }

                            }

                        }

                    }

                }

            }

        }

    }


    & .aiw_layout_card_list{

        /* 		padding: 1rem; */
        /*background-color: #cfc;*/
        padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);

        & > .wp-block-group__inner-container{

        }


        & .aiw_list{
            /*background-color: #fff;*/
            /* 			padding: 1rem; */
            margin: calc(var(--aiw-space-unit-height) * 4) auto 0;


            & .aiw_list_wrap{

                display: flex;
                display: grid;
                /*grid-template-columns: repeat(3, 1fr);*/


                /*                 justify-content: flex-start; */
                /*                 align-items: center; */
                /* flex-wrap: wrap !important; */
                /*                 gap: 0; */
                row-gap: calc(var(--aiw-space-unit-height) * 4);    /* 行間の隙間 */
                column-gap: calc(var(--aiw-space-unit-width) * 3); /* 列間の隙間 */



                & .aiw_list_wrap_element{
                    /* 					width: 50%; */
                    /* 					flex-basis: 33.3333%; */
                    /* 					max-width: 33.3333%; */
                    /*margin-bottom: 1rem;*/
                    /*border: 1px solid #ccc;*/
                    /*padding: 1rem;*/ha
                    /*padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-width) * 2);*/
                    padding: 0;
                    padding-bottom: calc(var(--aiw-space-unit-height) * 1);


                    background-color: #ffffff;       /* カード背景色 */
                    /*border-radius: 10px;             !* 角丸 *!*/
                    overflow: hidden;                /* はみ出し防止 */
                    transition: box-shadow 0.3s ease, transform 0.3s ease;
                    display: flex;
                    flex-direction: column;

                    /* ベースシャドー */
                    /*box-shadow:*/
                    /*        0 2px 4px rgba(0, 0, 0, 0.08),*/
                    /*        0 4px 12px rgba(0, 0, 0, 0.05);*/
                    /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));*/
                    /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);

                                &:hover {
                                    /* ホバー時に少し浮いたように見せる */
                        /*transform: translateY(-4px);*/
                        /*box-shadow:*/
                        /*        0 4px 8px rgba(0, 0, 0, 0.12),*/
                        /*        0 8px 24px rgba(0, 0, 0, 0.08);*/

                    border: 1px solid #eee;
                    box-shadow:
                            0px 1px 2px rgba(0, 0, 0, 0.08),
                            0px 4px 8px rgba(0, 0, 0, 0.06);


                    & figure{

                        display: flex;
                        justify-content: center;
                        align-items: center;
                        /*margin-top: calc(var(--aiw-space-unit-height) * 1);*/
                        margin: 0;
                        & img{
                            /*display: block;*/
                            /*max-width: 80%;*/
                            /*border: 1px solid #eee;*/
                            object-fit: cover;
                            /*                             height: 100%; */
                            /*max-height: 15rem;*/

                            display: block;      /* インライン要素の余白除去 */
                            width: 100%;         /* 親要素幅いっぱい */
                            max-width: 100%;     /* 親要素以上には広がらない */
                            height: auto;        /* アスペクト比を維持 */
                            height: 15rem;
                            min-height: 15rem;
                            max-height: 15rem;


                        }
                    }

                    & h3{
                        display: block;
                        /*display: flex;*/
                        /*justify-content: center;*/
                        /*align-items: center;*/
                        font-size: 1.4rem;
                        text-align: left;
                        text-align: center;
                        /*margin:  calc(var(--aiw-space-unit-height) * 1) auto 0;*/
                        padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-height) * 1) 0;
                        word-break: normal;
                        overflow-wrap: break-word;
                    }

                    & h3:nth-child(1){
                        padding-bottom: calc(var(--aiw-space-unit-height) * 1);
                    }


                    & p{
                        /*display: flex;*/
                        /*justify-content: center;*/
                        /*align-items: center;*/
                        /*flex-direction: column;*/
                        margin:  calc(var(--aiw-space-unit-height) * 1) auto 0;
                        margin: 0;
                        padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-height) * 1) 0;
                        /*flex-grow: 1;*/
                        word-break: normal;
                        overflow-wrap: break-word;
                    }

                    & h4{
                        padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-height) * 1) 0;
                        word-break: normal;
                        overflow-wrap: break-word;
                    }


                    @media (max-width: 767px) {
                        & figure {

                            & img {
                                height: 20rem;
                                /*min-height: 30rem;*/
                                max-height: 20rem;

                            }
                        }
                    }


                }



            }

        }


    }


    & .aiw_layout_2col_list{

        /*background-color: #fcc;*/
        padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);

        & .aiw_list{

            /*background-color: #fff;*/
            margin: calc(var(--aiw-space-unit-height) * 4) auto 0;

            & .aiw_list_wrap{

                display: flex;
                flex-direction: column;
                gap: 0;
                row-gap: calc(var(--aiw-space-unit-height) * 4);

                & .aiw_list_wrap_element{

                    & .wp-block-columns{
                        gap: 0;
                        & .wp-block-column{

                            flex: 1;

                            flex-basis: 50%;
                            /* width: 50%; */
                            /* flex-grow: 0; */
                            flex-shrink: 0;
                            box-sizing: border-box;

                            /*画像が入る列*/
                            &:nth-child(1) {

                                display: flex;
                                align-items: center;

                                & figure{
                                    margin: 0;

                                    & img{
                                        display: block;
                                        width: 100%;
                                    }
                                }
                            }


                                /*テキストが入る列*/
                            &:nth-child(2){
                                /*padding: 2rem 1rem;*/
                                padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 4);
                                & h3{
                                    font-size: 1.6rem;
                                    text-align: left;
                                    word-break: normal;
                                    overflow-wrap: break-word;
                                }



                                & p{
                                    word-break: normal;
                                    overflow-wrap: break-word;
                                }
                            }


                        }
                    }

                    &:nth-child(2n) {

                        & .wp-block-columns{

                            /*flex-direction: row-reverse;*/

                            & .wp-block-column{
                                &:nth-child(2){
                                    /*background-color: rgba(0, 0, 0, 0.1);*/
                                }

                            }

                        }

                    }

                }

            }

        }
    }



    & .aiw_layout_text_list{

        /* 		padding: 1rem; */

        background-color: #eee;
        padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);

        & > .wp-block-group__inner-container{
            /*width: 60%;*/
            max-width: 768px;

        }

        & .aiw_list{

            /*background-color: #fff;*/
            /* 			padding: 1rem; */
            margin: calc(var(--aiw-space-unit-height) * 4) auto 0;

            /*max-width: var(--narrow-content-width);*/

            & .aiw_list_wrap{

                display: flex;
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                row-gap: calc(var(--aiw-space-unit-height) * 2);    /* 行間の隙間 */

                /* justify-content: flex-start; */
                align-items: center;
                /* flex-wrap: wrap !important; */
                /*gap: 0;*/

                & .aiw_list_wrap_element{

                    /* width: 50%; */
                    /* flex-basis: 33.3333%; */
                    /* max-width: 33.3333%; */
                    /* margin-bottom: 1rem; */
                    /* width: 100%; */
                    flex-basis: 100%;
                    /*                     border: 1px solid #ccc;					 */
                    /*margin-bottom: 1rem;*/

                    & h3{
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0;
                        border-radius: 10px;             /* 角丸 */
                        text-align: left;
                        word-break: normal;
                        overflow-wrap: break-word;
                    }
                    & p{
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        word-break: normal;
                        overflow-wrap: break-word;
                    }

                }

            }

        }


    }


    & .aiw_layout_compare_table{

        background-color: #efe;

        & .aiw_list{
            margin: 0rem auto 0rem;
            /*max-width: var(--narrow-content-width);*/

            & .wp-block-columns{
                gap: 0;
            }

            & .aiw_list_wrap{

                & .aiw_list_wrap_element{

                    display: flex;

                    & h3{
                        font-size: 1rem;
                        white-space: nowrap;
                    }

                    /* PC */
                    &:nth-child(n+2) {
                        & .aiw_table_header_left{
                            display: none;
                        }
                    }

                    /* スマホ用（～767px） */
                    @media (max-width: 767px) {
                        &:nth-child(n+2) {
                            & .aiw_table_header_left{
                                display: block;
                            }
                        }

                    }

                    & .aiw_table_header_left{
                        background-color: #ccc;

                        & > * {
                            & > * {
                                background-color: #eee;
                                padding: 1rem;
                                margin: 1px;
                                text-align: center;
                                /*                                 outline: 1px solid #999; */
                                white-space: nowrap;

                            }

                        }
                    }

                    & .aiw_table_body{

                        background-color: #ccc;

                        & > * {
                            & > * {
                                background-color: #fff;
                                padding: 1rem;
                                margin: 1px;
                                text-align: center;
                                /*                                 outline: 1px solid #999; */
                                white-space: nowrap;
                            }

                        }

                        & h3{

                        }

                        & p{

                        }
                    }

                }

            }

        }

    }




    & .aiw_layout_step_list{

        padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);
        & > .wp-block-group__inner-container{
            /*width: 60%;*/
            max-width: 768px;
            max-width: 1024px;
        }
        & .aiw_list{

            margin: calc(var(--aiw-space-unit-height) * 4) auto 0;

            & .wp-block-columns{
                gap: 0;
            }

            & .aiw_list_wrap{

                display: flex;
                flex-direction: column;
                counter-reset: step; /* カウンターを初期化 */
                /*row-gap: calc(var(--aiw-space-unit-height) * 4);*/
                gap: calc(var(--aiw-space-unit-height) * 4) 0;
                & .aiw_list_wrap_element{
                    counter-increment: step; /* 各要素に番号を追加 */

                    & .wp-block-columns{

                        flex-direction: row;
                        flex-wrap: nowrap;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;

                        & .wp-block-column{

                            max-width: 40%;

                            &:nth-child(1){
                                position: relative;
                                /*padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-width) * 1);*/
                                flex: 0 0 1rem; /* ★1列目だけ幅固定 */
                                &::before{
                                    content: "" counter(step) ""; /* ステップX. の形式で表示 */
                                    position: absolute;
                                    left: 0; /* 必要に応じて調整 */
                                    top: calc(var(--aiw-space-unit-height) * 2);
                                    font-weight: bold; /* スタイルを調整 */
                                    /*top: 50%;*/
                                    /*padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 0);*/
                                    font-size: 1rem;
                                    font-size: 1.4rem;
                                }
                            }

                            &:nth-child(2){
                                flex: 1; /* ★残り2列を均等に */

                                padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 2);
                                display: flex;
                                flex-direction: column;
                                justify-content: flex-start;
                                align-items: flex-start;


                                flex: 0 0 50%;
                                max-width: 50%;
                                box-sizing: border-box;


                                & h3{
                                    font-size: 1.4rem;
                                    text-align: left;
                                }

                            }

                            &:nth-child(3){
                                flex: 0 0 50%;
                                max-width: 50%;
                                box-sizing: border-box;

                                flex: 1; /* ★残り2列を均等に */
                                z-index: 1;

                                & figure{
                                    margin: 0;
                                    & img{
                                        width: 100%;

                                    }
                                }

                            }

                        }

                    }

                    /* スマホ用（～767px） */
                    @media (max-width: 767px) {

                        & .wp-block-columns{

                            flex-direction: column;
                            flex-wrap: nowrap;
                            justify-content: center;
                            align-items: center;

                            & .wp-block-column{

                                max-width: initial;

                                &:nth-child(1){

                                    &::before{
                                        /*top: 0;*/
                                    }
                                }

                                &:nth-child(2){

                                    max-width: 100%;

                                    & h3{
                                        padding-left: 1rem;
                                    }
                                }

                                &:nth-child(3){

                                    flex: 0 0 100%;
                                    max-width: 100%;

                                    & figure{

                                        & img{

                                        }
                                    }

                                }

                            }
                        }

                    }




                }
            }

        }

    }


    & .aiw_layout_data_table{

        /*background-color: #eee;*/
        padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);

        & .aiw_data_table {
            margin: calc(var(--aiw-space-unit-height) * 4) auto 0;

            .wp-block-columns {

                gap: 0;
                margin: 0;

                .wp-block-column {
                    margin: 1px;

                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex: 1;
                    flex-wrap: nowrap;

                    &:first-child {
                        background-color: #efefef;
                        background-color: rgba(0, 0, 0, 0.1);
                        max-width: 30%;

                        h3 {
                            font-size: 1rem;
                            margin: 0;
                            /*padding: 2rem;*/
                            padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-width) * 1);

                        }
                    }

                    &:nth-child(2) {
                        background-color: #fefefe;
                        background-color: rgba(255, 255, 255, 0.5);

                        & p {
                            font-size: 1rem;
                            /*padding: 2rem;*/
                            padding: calc(var(--aiw-space-unit-height) * 1) calc(var(--aiw-space-unit-width) * 1);
                            margin: 0;
                        }
                    }


                }
            }


            /* スマホ用（～767px） */
            @media (max-width: 767px) {


                .wp-block-columns {

                    .wp-block-column {

                        &:first-child {
                            max-width: 100%;

                            h3 {

                            }
                        }

                        &:nth-child(2) {
                            & p {
                            }
                        }


                    }
                }

            }
        }

    }





    & .aiw_layout_paragraph_list{

        /*background-color: #f99;*/
        padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);
        & > .wp-block-group__inner-container {
            /*padding: calc(var(--aiw-space-unit-height) * 3) calc(var(--aiw-space-unit-width) * 3);*/
            max-width: 1024px;
        }


        & .aiw_list{

            background-color: #fff;
            margin: calc(var(--aiw-space-unit-height) * 4) auto 0;
            padding: calc(var(--aiw-space-unit-height) * 2) calc(var(--aiw-space-unit-width) * 3);

            & .aiw_list_wrap{
                gap: 0;

                display: flex;
                flex-direction: column;

                display: grid;
                grid-template-columns: repeat(1, 1fr);
                /*row-gap: calc(var(--aiw-space-unit-height) * 2);    !* 行間の隙間 *!*/
                row-gap: calc(var(--aiw-space-unit-height) * 2);    /* 行間の隙間 */

            /* justify-content: flex-start; */
                align-items: center;


                & .aiw_list_wrap_element{
                    /*margin-bottom: 2rem;*/
                    text-align: left;
                    /*padding-bottom: calc(var(--aiw-space-unit-height) * 1);*/

                    & h3{

                        display: flex;
                        justify-content: flex-start;
                        font-size: 1.2rem;
                        align-items: center;
                        width: 100%;
                        padding: calc(var(--aiw-space-unit-height) * 0.5) calc(var(--aiw-space-unit-width) * 0.5);
                        padding-left: calc(var(--aiw-space-unit-width) * 0.5 + 4rem);
                        box-sizing: border-box;
                        position: relative;
                        min-height: 4rem;

                        & i{
                            position: absolute;
                            top: 0;
                            left: 0;
                            font-size: 2rem;
                            padding: 1rem;
                            font-weight: normal;
                            /*margin-right: 1rem;*/
                        }

                    }

                    & p{
                        margin: 0 auto;
                        font-size: 1rem;
                        padding: calc(var(--aiw-space-unit-height) * 0.5) calc(var(--aiw-space-unit-width) * 0.5);
                        padding-left: calc(var(--aiw-space-unit-width) * 0.5 + 4rem);
                        min-height: 4rem;

                        & i{
                            /*background-color: #FF6D79;*/
                            /*color: #fff;*/
                            font-size: 2rem;
                            padding: 1rem;
                            font-weight: normal;
                            display: none;

                        }
                    }

                }
            }

        }

    }



    & .aiw_layout_detail{

        /*padding: calc(var(--aiw-space-unit-height) * 6) calc(var(--aiw-space-unit-width) * 4);*/

        & > .wp-block-group__inner-container {
            /*padding: calc(var(--aiw-space-unit-height) * 3) calc(var(--aiw-space-unit-width) * 3);*/
            /*max-width: 1024px;*/

            & h2{

            }

            & figure{

                margin: 0;
                /*margin: calc(var(--aiw-space-unit-height) * 4) auto 0;*/

                & img{
                    display: block;
                    width: 100%;
                }
            }

            & h3{

                /*margin: calc(var(--aiw-space-unit-height) * 2) auto 0;*/

            }

            & p{

            }

        }

    }




}