@charset "UTF-8";


/*●●●●●●●●● header.scss ●●●●●●●●● 


/* ＜＜＜ ブレイクポイント ＞＞＞ */
/* ＜＜＜ ブレイクポイント ＞＞＞ */
/* ＜＜＜ ブレイクポイント ＞＞＞ */

    /* 一般スマホ（小）の縦サイズ用 */
        /* ●●●●●●●●●● iPhone5タテ(320)  ～  6/7/8/10タテ(375)●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
        @media /* (min-width: 320px) and */ (max-width: 374px){
        }

    /* 一般スマホ（大）の縦サイズ用 */
        /* ●●●●●●●●●● iPhone11タテ(414)  ～  12/13タテ(428)●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
        @media (min-width: 375px) and (max-width: 428px){
        }

    /* 一般スマホ（小・大）の横サイズ用 */
        /* ●●●●●●●●●● iPhone5ヨコ(568)  〜  ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
        @media (min-width: 429px) and (max-width: 767px){
        }

    /* 一般タブレットの縦サイズ用　(ラッパーストップ有り) */
        /* ●●●●●●●●●● iPadMiniタテ(768)、iPadAirタテ(820)  ～  iPad12Proタテ(1024)●●●●●●●●●●●●●●●● */
        @media (min-width: 768px) and (max-width: 1024px){
        }

    /* ●●●●●●●●●● PC小 ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
        @media (min-width: 1025px) and (max-width: 1399px){
        }
    /* ●●●●●●●●●● PC大 ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
        /* (ラッパーストップ有り) */
        @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
        }

    /* transition: all 0.3s; 使用箇所のルール */
        /* ブレイクポイント【変化前・後要素】 */
        /* addクラス【変化前・後要素】 */
        /* hoverクラス【変化前・後要素】 */
        /* focusクラス【変化前・後要素】 */


    /* cssスタイリング順のルール */
        /* ポジション */
        /* ディスプレイ */
        /* サイズ */
        /* 装飾 */
        /* アニメーション */



//-------- （全体・エリアまたぎモノ） --------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////

* {
    -webkit-box-sizing: border-box; /* ボックスサイジング（ボーダー含めない） */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word; /* 英語入力時の改行有効（日本語はプリセット有り） */

    /* フォント指定優先順 (欧文フォントは日本語フォントより前に書くこと) */
    // Mac
        // オリジナル
        // ゴシック系
            // ヒラギノ角ゴシック Pro (Mac)
            // Osaka (Mac)
            // メイリオ (Mac、Win)
            // 使用ブラウザのゴシック体 標準
    // Win
        // オリジナル
        // ゴシック系
            // メイリオ (Mac、Win)
            // ＭＳ Ｐゴシック(Win)
            //使用ブラウザのゴシック体 標準

    // Chrome(標準フォント)
        // 標準フォント → メイリオ
        // Sans Serif フォント → メイリオ
        // Serif フォント → 游明朝
        // 固定幅フォント → ＭＳ Ｐゴシック

    font-family: "M_PLUS_Rounded_1c_Regular", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Osaka" ,"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0px;
    padding: 0px;
    appearance: none; /* SafariやChromeのデフォルトの設定を無効 */
    text-decoration: none; /* アンカーのアンダーライン非表示 */
    /* outline: none; /* inputのプリセットアウトラインなし */
    list-style: none; /* リストプリセットの・削除 */
    caret-color: transparent; /* キャレット（入力欄フォーカス時の点滅する縦線のこと）消す */
}







    // エリア区切り可変幅制御（レイアウト乱れあれば、エリア区切りでここで幅止め）
    /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        /* 当サイト、コンテンツエリアの可変最大幅はこれ */
        .wrapper {
            max-width: 1920px;
            margin: 0 auto;
        }

        /* ＜＜＜ ブレイクポイント ＞＞＞ */
        /* ＜＜＜ ブレイクポイント ＞＞＞ */
        /* ＜＜＜ ブレイクポイント ＞＞＞ */
            /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                @media /* (min-width: 320px) and */ (max-width: 374px){
                }
            /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                @media (min-width: 375px) and (max-width: 428px){
                }
            /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                @media (min-width: 429px) and (max-width: 767px){

                    /* ボディ用背景より下層の全コンテンツはこのサイズで止める */
                    .wrapper__child1__child1 {
                        max-width: 545px;
                        margin: 0 auto;
                    }
                }
            /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                /* (ラッパーストップ有り) */
                @media (min-width: 768px) and (max-width: 1024px){
                }
            /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                @media (min-width: 1025px) and (max-width: 1399px){
                }
            /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                /* (ラッパーストップ有り */
                @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                }








// メインフォント
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

@font-face {
    font-family: M_PLUS_Rounded_1c_Thin; /* 好きな名前 */
    src: url('../font/M_PLUS_Rounded_1c/MPLUSRounded1c-Thin.ttf'); /* CSSファイルからの相対パス */
}

@font-face {
    font-family: M_PLUS_Rounded_1c_Light;
    src: url('../font/M_PLUS_Rounded_1c/MPLUSRounded1c-Light.ttf');
}

@font-face {
    font-family: M_PLUS_Rounded_1c_Medium;
    src: url('../font/M_PLUS_Rounded_1c/MPLUSRounded1c-Medium.ttf');
}

@font-face {
    font-family: M_PLUS_Rounded_1c_Regular;
    src: url('../font/M_PLUS_Rounded_1c/MPLUSRounded1c-Regular.ttf');
}

@font-face {
    font-family: M_PLUS_Rounded_1c_Bold;
    src: url('../font/M_PLUS_Rounded_1c/MPLUSRounded1c-Bold.ttf');
}

@font-face {
    font-family: M_PLUS_Rounded_1c_Black;
    src: url('../font/M_PLUS_Rounded_1c/MPLUSRounded1c-Black.ttf');
}








// z-index管理
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    /* 背景画像エリア
        0階層だが、画像で覆っているので色付けしても反映されていないように見える。注意 */
    /*
        検索用　虫眼鏡アイコン ←→ 閉じる×アイコン
        .search-open 0 ←→
        .search-close 40 
    */

    /* ハンバーガーアイコン
        .hamburger -1 ←→ 30 */

    /* 検索用　黒透過背景
        .background -1 ←→ 20 */

    /* グローバルナビ
        .headerNav -1 ←→ 10 */





// 背景画像エリア
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
    /* ヘッダー用背景画像 */
    .header > img {
        position: absolute;
        top: 0;
        width: 100%;
        max-width: 1920px;
        transition: all 0.3s;
    }

    /* ボディ用背景画像 */
    .wrapper__child1 {
        background: url(../img/bodyImg_1400_11000.png), url(../img/bodyImg_1400_11000.png) no-repeat;
        width: 100%;
        max-width: 1920px;
        background-size: contain;
        transition: all 0.3s;
    }

    




//-------- （浮遊レイアウトエリア） --------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////



        // 虫眼鏡　閉じる ×ボタン（検索機能の呼び出し）
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

            /* 閉じる ×ボタン自作エリア */
            /* (((((((配置))))))) */
            .search-close {
                position: absolute;
                z-index: 40;
                transition: all 0.3s;

                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                    @media /* (min-width: 320px) and */ (max-width: 374px){
                        top: 1%;
                        right: 4%;
                    }
                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                    @media (min-width: 375px) and (max-width: 428px){
                        top: 1%;
                        right: 4%;
                    }
                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                    @media (min-width: 429px) and (max-width: 767px){
                        top: 1%;
                        right: 4%;
                    }
                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                /* (ラッパーストップ有り) */
                    @media (min-width: 768px) and (max-width: 1024px){
                        top: 1%;
                        right: 4%;
                    }
                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                    @media (min-width: 1025px) and (max-width: 1399px){
                        top: 1%;
                        right: 4%;
                    }
                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                    /* (ラッパーストップ有り) */
                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                        top: 1%;
                        right: 4%;
                    }

            }

            /* 閉じる ×アイコンの (((((((外枠))))))) */
            .search-close__child1 {
                border: solid 5px #ffffff;
                border-radius: 5px;
                transition: all 0.3s;
            }


            /* 閉じる  ×アイコンの(((((((外枠)))))))ホバー */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
                .search-close__child1:hover {
                    background-clip: padding-box;
                    border: solid 5px  rgba(114,113,113,0);
                    background-color: #ffffff;
                    border-radius: 10px;
                    transition: all 0.3s;
                }





            /* ×アイコン2本線の外余白をここで一括管理する用（ここでアイコン自身のサイズを調整する） */
            /*(((((((中余白エリア)))))))*/
            .search-close__child1__child1 {
                position: relative;
                width: 28px;
                height: 28px;
                margin: 10px; /* 2本ラインの外余白になる */
                transition: all 0.3s;
            }

            // ×アイコン2本線（共通）
            /*(((((((横ライン 共通)))))))*/
            .search-close span {
                position: absolute;
                display: inline-block;
                left: 0;
                width: 100%; /* 親でサイズコントロールしたいので */
                height: 3px;
                border-radius: 2px;
                background-color: #fff;
                transition: all 0.3s;
            }



        /* ×アイコン2本線（共通）　ホバーしたら　JS発火 */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
        .search-close span:nth-of-type(1).active_borderStyle {
            background-color: #727171;
            height: 3px;
            transition: all 0.3s;
        }

        .search-close span:nth-of-type(2).active_borderStyle {
            background-color: #727171;
            height: 3px;
            transition: all 0.3s;
        }


            /*(((((((横ライン ー)))))))（通常時） */
            .search-close span:nth-of-type(1) {
                top: 50%;
                transform: translateY(-50%) rotate(0deg);
                transition: all 0.3s;
            }

            /*(((((((横ライン ー)))))))（通常時） */
            .search-close span:nth-of-type(2){
                top: 50%;
                transform: translateY(-50%) rotate(0deg);
                transition: all 0.3s;
            }

        /* 検索ボタン （アクティブ時）---------------------------------------------------- */
        /* ------------------------------------------------------------------------- */
        /* ------------------------------------------------------------------------- */

        /*(((((((横ライン ／)))))))（ーから／）に傾く*/
        .search-close__child1 span:nth-of-type(1).active_spanLine {
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        /*(((((((横ライン ＼)))))))（ーから＼）に傾く*/
        .search-close__child1 span:nth-of-type(2).active_spanLine{
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
        }









// 検索窓
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        /* 背景エリア------------------------------------ */
        .background {
            position: fixed; /* 固定配置にして */
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            z-index: -1; /* 最背面に設定 */
            opacity: 0; /* 透過を0に */
            transition: all 0.3s;
        }

            /* ＜＜＜背景（黒透過）の出現管理（JSあり：active クラスを付与） */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
                .background.active {
                    opacity: 0.95; /* 不透明に変更 */
                    z-index: 20; /*全面に出現 */
                    background: #333;
                    /* 中の要素を天地中央揃えにする設定 */
                    display: flex;
                    justify-content: center;
                    transition: all 0.3s;

                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                        /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                            @media /* (min-width: 320px) and */ (max-width: 374px){
                                form {
                                    top: 16%;
                                }
                            }
                        /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                            @media (min-width: 375px) and (max-width: 428px){
                                form {
                                    top: 16%;
                                }
                            }
                        /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                            @media (min-width: 429px) and (max-width: 767px){
                                form {
                                    top: 16%;
                                }
                            }
                        /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                        /* (ラッパーストップ有り) */
                            @media (min-width: 768px) and (max-width: 1024px){
                                form {
                                    top: 16%;
                                }
                            }
                        /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                            @media (min-width: 1025px) and (max-width: 1399px){
                                form {
                                    top: 30%;
                                }
                            }
                        /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                            /* (ラッパーストップ有り) */
                            @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                form {
                                    top: 30%;
                                }
                            }
                }



        // 検索入力
        ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

            /* インプットのアンダーラインが入るエリア */
            .background .search-area {
                display: none; /* 検索窓のエリアは、はじめ非表示 */
            }

            /* ＜＜＜検索フォームの出現管理（JSあり：active クラスを付与） */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
                .background.active .search-area {
                    display: block; /* 検索窓エリアを表示 */
                    width: 80%; /* 後でinputに管理させたい */
                    transition: all 0.3s;
                }



        // フォーム
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

            .search-area form {
                position: relative; /* 下で子要素サブミットボタン位置の基準位置としたい */
            }

            /*インプット（テキスト部、サブミットボタン部共通） */
            .search-area input {
                cursor: pointer; /* カーソルを指マークに */
                color: #fff;
            }

            /* インプット　テキスト入力部 */
            .search-area input[type="text"] {
                width: 100%;
                height: 66px;
                padding: 20px;
                outline: none;
                border: none;
                border-bottom: 2px solid #666;
                letter-spacing: 0.05em;
                caret-color: auto; /* キャレット（入力欄フォーカス時の点滅する縦線のこと） */
                transition: all 0.3s;
            }

            .search-area input[type="text"]:focus {
                background:#444;
            }

            /* インプット　サブミットボタン部 */
            .search-area input[type="submit"] {
                position: absolute; /* 基準親はform要素 */
                top: 50%;
                transform: translateY(-50%);
                right: 10px;
                background: url("../img/search-solid__gray_128_128.png") no-repeat center center;
                background-size: 25px 25px;
                width: 50px;
                height: 50px;
                border-style: none;
            }



















    // ハンバーガー
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


        /* ハンバーガーアイコン */
        /* (((((((配置))))))) */
        .hamburger {
            position: absolute;
            z-index: 30;
            transition: all 0.3s;

            /* ＜＜＜ ブレイクポイント ＞＞＞ */
            /* ＜＜＜ ブレイクポイント ＞＞＞ */
            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                @media /* (min-width: 320px) and */ (max-width: 374px){
                    opacity: 1;
                    top: 1%;
                    right: 4%;
                }
            /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                @media (min-width: 375px) and (max-width: 428px){
                    opacity: 1;
                    top: 1%;
                    right: 4%;
                }
            /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                @media (min-width: 429px) and (max-width: 767px){
                    opacity: 1;
                    top: 1%;
                    right: 4%;
                }
            /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
            /* (ラッパーストップ有り) */
                @media (min-width: 768px) and (max-width: 1024px){
                    opacity: 1;
                    top: 1%;
                    right: 4%;
                }
            /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                @media (min-width: 1025px) and (max-width: 1399px){
                    opacity: 0;
                    top: 1%;
                    right: 4%;
                }
            /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                /* (ラッパーストップ有り) */
                @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                    opacity: 0;
                    top: 1%;
                    right: 4%;
                }
        }

        /* ハンバーガーアイコンの表示 ←→ 非表示（虫眼鏡クリックしたら　js発火） */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
        .hamburger.active_hamburgerOpen {
            opacity: 0;
            z-index: -1;
        }


        /* ハンバーガーアイコンの (((((((外枠))))))) */
        .hamburger__child1 {
            border: solid 5px #ffffff;
            border-radius: 5px;
            transition: all 0.3s;
        }

        /* ハンバーガーアイコンのホバー */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
            .hamburger__child1:hover {
                transition: all 0.3s;

                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                    @media /* (min-width: 320px) and */ (max-width: 374px){
                        background-clip: padding-box;
                        border: solid 5px  rgba(114,113,113,1);
                        background-color: #ffffff;
                        border-radius: 10px;
                    }
                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                    @media (min-width: 375px) and (max-width: 428px){
                        background-clip: padding-box;
                        border: solid 5px  rgba(114,113,113,1);
                        background-color: #ffffff;
                        border-radius: 10px;
                    }
                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                    @media (min-width: 429px) and (max-width: 767px){
                        background-clip: padding-box;
                        border: solid 5px  rgba(114,113,113,1);
                        background-color: #ffffff;
                        border-radius: 10px;
                    }
                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                /* (ラッパーストップ有り) */
                    @media (min-width: 768px) and (max-width: 1024px){
                        background-clip: padding-box;
                        border: solid 5px  rgba(114,113,113,1);
                        background-color: #ffffff;
                        border-radius: 10px;
                    }
                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                    @media (min-width: 1025px) and (max-width: 1399px){
                        border-radius: 10px;
                    }
                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                    /* (ラッパーストップ有り) */
                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                        border-radius: 10px;
                    }
            }

        /* 3本線の外余白をここで一括管理する用（ここでアイコン自身のサイズを調整する） */
        /*(((((((中余白エリア)))))))*/
        .hamburger__child1__child1 {
            position: relative;
            width: 30px;
            height: 30px;
            margin: 10px; /* 3本ラインの外余白になる */
            transition: all 0.3s;
        }

        /* 3本線（共通） */
        /*(((((((横ライン 共通)))))))*/
        .hamburger__child1 span {
            position: absolute;
            display: inline-block;
            left: 0;
            width: 100%; /* 親でサイズコントロールしたいので */
            height: 3px;
            border-radius: 2px;
            background-color: #ffffff;
            transition: all 0.3s;
        }

        /* 3本線（共通）のホバーしたら JS発火 */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
        /* ＜＜＜アニメーション＞＞＞ */
        .hamburger__child1 span.active_borderStyle {
            background-color: #727171;
            height: 3px;
            transition: all 0.3s;
        }
        .hamburger span:nth-of-type(2).active_borderStyle::after {
            background-color: #727171;
            height: 3px;
            transition: all 0.3s;
        }




        /*(((((((横ライン 上)))))))　（通常時） */
        .hamburger span:nth-of-type(1) {
            top: 0;
            transition: all 0.3s;
        }
  
        /*(((((((横ライン 中)))))))　（通常時） */
        .hamburger span:nth-of-type(2) {
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.3s;
        }

        /* 中ラインの同位置上階層に同じラインを仕込む(通常時) */
        .hamburger span:nth-of-type(2)::after {
        position: absolute;
        display: inline-block;
        content: '';
        width: 100%;
        height: 3px;
        border-radius: 2px;
        background-color: #ffffff;
        transition: all 0.3s;
    }

        /*(((((((横ライン 下)))))))　（通常時） */
        .hamburger span:nth-of-type(3) {
            bottom: 0;
            transition: all 0.3s;
        }
  



        /* ハンバーガー（アクティブ時）---------------------------------------------------- */
        /* ------------------------------------------------------------------------- */
        /* ------------------------------------------------------------------------- */
 
        /* 上ライン ↓に動きつつ消える */
        .hamburger.active_spanLine span:nth-of-type(1) {
            -webkit-transform: translateY(20px) scale(0);
            -ms-transform: translateY(20px) scale(0);
            transform: translateY(20px) scale(0);
        }

        /* 中ラインの同位置上階層ライン（ ーから/ ）に傾く */
        .hamburger.active_spanLine span:nth-of-type(2) {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 40%;
        }
        /* 中ライン（ ーから\ )に傾く */
        .hamburger.active_spanLine span:nth-of-type(2)::after {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        /* 下ライン ↑に動きつつ消える */
        .hamburger.active_spanLine span:nth-of-type(3) {
            -webkit-transform: translateY(-20px) scale(0);
            -ms-transform: translateY(-20px) scale(0);
            transform: translateY(-20px) scale(0);
        }

















    // グローバルナビ
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //（３階層、ドロップダウン構造。リストメニュー幅はコンテンツ数に応じて自動分割される）
        // JS使用機能


        /* 全層のアンカー、矢印  キャレット消す */
        nav.headerNav a, .menu span {
            caret-color: transparent;
        }

        /* ２、３層のul 初期は非表示にしておく（JSでアニメーション発火） */
            nav.headerNav ul.sub-menu {
                display: none;
            }


        /* 総合枠　初期は非表示*/
            nav.headerNav {
                position: relative; /* z-index使う目的のみ */
                z-index: 10;

                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                    @media /* (min-width: 320px) and */ (max-width: 374px){
                        /*
                        height: 0;
                        z-index: -1;
                        */
                    }
                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                    @media (min-width: 375px) and (max-width: 428px){
                        /*
                        height: 0;
                        z-index: -1;
                        */
                    }
                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                    @media (min-width: 429px) and (max-width: 767px){
                        /*
                        height: 0;
                        z-index: -1;
                        */
                    }
                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                    /* (ラッパーストップ有り) */
                    @media (min-width: 768px) and (max-width: 1024px){
                        /*
                        height: 0;
                        z-index: -1;
                        */
                    }
                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                    @media (min-width: 1025px) and (max-width: 1399px){
                        z-index: 10;
                        top: 325px;
                    }
                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                    /* (ラッパーストップ有り) */
                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                        z-index: 10;
                        top: 325px;
                    }
            }

            /* グロバメニュー　のホバー */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */
            nav.headerNav.active__H_Index {
                height: auto;
                z-index: 10;
            }

        /* ulエリア総合 */
        /* グローバルメニューの並び（ヨコ・タテ）の管理 */
        nav.headerNav > ul.menu {
        
            /* ＜＜＜ ブレイクポイント ＞＞＞ */
            /* ＜＜＜ ブレイクポイント ＞＞＞ */
            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                @media /* (min-width: 320px) and */ (max-width: 374px){
                    display: none;
                    width: 100%;
                }
            /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                @media (min-width: 375px) and (max-width: 428px){
                    display: none;
                    width: 100%;
                }
            /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                @media (min-width: 429px) and (max-width: 767px){
                    display: none;
                    width: 100%;
                }
            /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                /* (ラッパーストップ有り) */
                @media (min-width: 768px) and (max-width: 1024px){
                    display: none;
                    width: 100%;
                }
            /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                @media (min-width: 1025px) and (max-width: 1399px){
                    /* 横並び仕様 */
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                }
            /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                /* (ラッパーストップ有り) */
                @media (min-width: 1400px)  /* and (max-width: 1920px) */ {

                    /* 横並び仕様 */
                    display: flex;
                    flex-direction: row;
                    width: 100%;
                }
            }


            
            /* ----1層目----------------------------------------------------------- */
                nav.headerNav > ul.menu {
                    position: relative; /* 基準は.headerNav　メニュー自体を動かしたいので */
                    font-size: 17px;
                }


                /* liエリア */
                nav.headerNav > ul.menu > li {
                    position: relative; /* ２層目ul の基準位置としたい */
                    width: 100%; /* これでul.menuのflexが機能。リスト幅をコンテンツ数に応じて自動分割してくれる */
                    transition: all 0.3s;
                }


                /* アンカーエリア */
                /* 2、3層目を　absolute化するまでは、それらの高さが残るので縦長メニューになるよ */
                nav.headerNav > ul.menu > li > a {
                    display: flex; /* テキストのタテヨコ中央寄せ目的 */
                    flex-direction: row; /* よこ基準 */
                    align-items: center; /* 子テキスト配置の為 */
                    justify-content: center; /* 子テキスト配置の為 */
                    text-align: center; /* 改行が発生した場合、flex用中央寄せが効かない為。それ以下の行も中央寄せする */
                    border-width: 0.05px;
                    border-style: solid;
                    width: 100%; /* アンカーエリアをリスト幅一杯まで伸ばしたい為 */
                    height: 100%; /* アンカーエリアをリスト幅一杯まで伸ばしたい為 */

                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                        @media /* (min-width: 320px) and */ (max-width: 374px){
                            color: #ffffff !important;
                            background-color: rgba(0, 0, 0, 0.8);
                        }
                    /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                        @media (min-width: 375px) and (max-width: 428px){
                            color: #ffffff !important;
                            background-color: rgba(0, 0, 0, 0.8);
                        }
                    /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                        @media (min-width: 429px) and (max-width: 767px){
                            color: #ffffff !important;
                            background-color: rgba(0, 0, 0, 0.8);
                        }
                    /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                    /* (ラッパーストップ有り) */
                        @media (min-width: 768px) and (max-width: 1024px){
                            color: #ffffff !important;
                            background-color: rgba(0, 0, 0, 0.8);
                        }
                    /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                        @media (min-width: 1025px) and (max-width: 1399px){
                            color: #727171;
                            background-color: #ffffff;
                        }
                    /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                        /* (ラッパーストップ有り) */
                        @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                            color: #727171;
                            background-color: #ffffff;
                        }

                    padding: 30px 15px;
                }

                /* アンカーの文字色（クリック前と後のスタイル） */
                nav.headerNav > ul.menu > li > a:link,
                nav.headerNav > ul.menu > li > a:visited {
                    color: #727171;
                }



            /* （２階層）---------------------------------------------------------------------------------------- */
                /* ulエリア */
                nav.headerNav > ul.menu > li > ul.sub-menu {
                    top: 100%;
                    left: 0;
                    width: 100%; /* 基準は1層目li それと幅同じにしたい */

                    /* 縦レイアウト時は position: relative; に切り替える */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                        @media /* (min-width: 320px) and */ (max-width: 374px){
                            position: relative; /* 基準は2層目ulを含む１層目li */
                                                /* これをrelativeしたらグロバメニュー外枠が縦に伸ばされるので縦型時仕様として利用 */
                        }
                    /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                        @media (min-width: 375px) and (max-width: 428px){
                            position: relative; /* 基準は2層目ulを含む１層目li */
                                                /* これをrelativeしたらグロバメニュー外枠が縦に伸ばされるので縦型時仕様として利用 */
                        }
                    /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                        @media (min-width: 429px) and (max-width: 767px){
                            position: relative; /* 基準は2層目ulを含む１層目li */
                                                /* これをrelativeしたらグロバメニュー外枠が縦に伸ばされるので縦型時仕様として利用 */
                        }
                    /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                    /* (ラッパーストップ有り) */
                        @media (min-width: 768px) and (max-width: 1024px){
                            position: relative; /* 基準は2層目ulを含む１層目li */
                                                /* これをrelativeしたらグロバメニュー外枠が縦に伸ばされるので縦型時仕様として利用 */
                        }
                    /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                        @media (min-width: 1025px) and (max-width: 1399px){
                            position: absolute; /* 基準は2層目ulを含む１層目li */
                                                /* これをrelativeしたらグロバメニュー外枠が縦に伸ばされるので縦型時仕様として利用 */
                        }
                    /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                        /* (ラッパーストップ有り) */
                        @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                            position: absolute; /* 基準は2層目ulを含む１層目li */
                                                /* これをrelativeしたらグロバメニュー外枠が縦に伸ばされてしまうのでabsolute化 */
                        }
                }


                /* liエリア */
                nav.headerNav > ul.menu > li > ul.sub-menu > li {
                    position: relative; /* 矢印の基準位置としたい */
                    /* offset-x | offset-y | blur-radius | spread-radius | color */
                    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.4);
                    border-radius: 5px; /* アンカーでまとめたいところだが、角の付いたボックス影がついてしまうのでここに*/
                }


                /* アンカーエリア */
                nav.headerNav > ul.menu > li > ul.sub-menu > li > a {
                    display: flex;
                    flex-direction: row; /* よこ基準 */
                    align-items: center; /* 子テキスト配置の為 */
                    justify-content: center; /* 子テキスト配置の為 */
                    text-align: center; /* 改行が発生した場合、flex用中央寄せが効かない。それ以下の行も中央寄せする為 */
                    border-width: 0.05px;
                    border-style: solid;
                    width: 100%; /* アンカーエリアを親li幅まで一杯に伸ばしたい為 */
                    height: 100%; /* アンカーエリアを親li幅まで一杯に伸ばしたい為 */
                    background-color: rgba(210, 208, 214, 0.9);
                    color: #727171;
                    padding: 25px 15px;
                    font-size: 16px;
                    transition: all 0.3s;
                }



            /* （３階層）---------------------------------------------------------------------------------------- */
                
                /* ulエリア */
                nav.headerNav > ul.menu > li > ul.sub-menu > li > ul.sub-menu {
                    position: relative; /* ２層目liの直後に、ここを基準としたい為。これでアコーディオンドロップの挙動ができる */
                    top: 100%;
                    left: 0;
                    width: 100%; /* 基準は2層目li　それと幅同じにしたい為 */
                    /* box-shadow: 0 0 7px 8px rgba(0, 0, 0, 0.2); */
                    /* outline: 8px solid #AA70F0; */
                    

                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                        /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                        @media /* (min-width: 320px) and */ (max-width: 374px){
                        }
                    /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                        @media (min-width: 375px) and (max-width: 428px){
                        }
                    /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                        @media (min-width: 429px) and (max-width: 767px){
                        }
                    /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                    /* (ラッパーストップ有り) */
                        @media (min-width: 768px) and (max-width: 1024px){
                            border: solid 6px #5CACFC;
                            border-radius: 8px;
                        }
                    /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                        @media (min-width: 1025px) and (max-width: 1399px){
                        }
                    /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                        /* (ラッパーストップ有り) */
                        @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                        }

                }


                /* liエリア */
                nav.headerNav > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li {
                    position: relative;
                    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.4);
                    border-radius: 5px; /* アンカーでまとめたいところだが、角の付いたボックス影がついてしまうのでここに*/
                }


                /* アンカーエリア */
                nav.headerNav > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    text-align: center; /* 改行が発生した場合、flex用中央寄せが効かない。それ以下の行も中央寄せする為 */
                    border-width: 0.05px;
                    border-style: solid;
                    width: 100%;
                    height: 100%;
                    /* background-color: rgba(92, 172, 252, 0.9); */
                    background-color: rgba(77, 77, 77, 0.9);
                    color: #ffffff;
                    padding: 25px 15px;
                    font-size: 16px;
                }




            /* 矢印---------------------------------------------------------------------------------------- */

                /* 全体共通 */
                nav.headerNav > ul.menu > li > span,
                nav.headerNav > ul.menu > li > ul.sub-menu > li > span {
                    position: absolute; /* 基準は各層のli */
                    display: block;
                    width: 13px;
                    height: 13px;
                    right: 5%;
                    top: 10px;
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    transition: all 0.3s ease-in-out; /* jsでaddClass時の仕込み */
                }


                /* １層目矢印スタイル */
                nav.headerNav > ul.menu > li > span.arrow {
                    border-top: solid 2px #727171;
                    border-right: solid 2px #727171;
                    transition: all 0.3s;
                }

                /* ２層目矢印スタイル */
                nav.headerNav > ul.menu > li > ul.sub-menu > li > span.arrow {
                    border-top: solid 2px #727171;
                    border-right: solid 2px #727171;
                    transition: all 0.3s;
                }
/*
                /* １層目矢印スタイル（ホバー時） *
                nav.headerNav > ul.menu > li:hover {
                    border-top: solid 4px #5CACFC;
                    border-right: solid 4px #5CACFC;
                    transition: all 0.3s;
                }
*/
/*

                /* ２層目矢印スタイル（ホバー時） *
                nav.headerNav > ul.menu > li > ul.sub-menu > li:hover {
                    border-top: solid 4px #5CACFC;
                    border-right: solid 4px #5CACFC;
                    transition: all 0.3s;
                }
*/

                /* 1、２層目矢印の回転（jsでactive_rotateクラスの追加をしたらここ適用） */
                /* ＜＜＜アニメーション＞＞＞ */
                /* ＜＜＜アニメーション＞＞＞ */
                /* ＜＜＜アニメーション＞＞＞ */
                nav.headerNav > ul.menu > li > span.active_rotate,
                nav.headerNav > ul.menu > li > ul.sub-menu > li > span.active_rotate
                {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg); /* 0度から半時計回りに45度傾けた（下向き矢印の左ライン部分のこと） */
                }





            /* グロバメニューエリア　アニメーション集約エリア */
            /* ＜＜＜アニメーション＞＞＞---------------------------------------------------------------------------------------- */
            /* ＜＜＜アニメーション＞＞＞ */
            /* ＜＜＜アニメーション＞＞＞ */

                /* hover（本人）------------------------- */
                    /* １層目のアンカー */
                    nav.headerNav > ul.menu > li > a:hover {
                        background-color: #5CACFC;
                        color: #ffffff;
                    }

                    /* 2層目のアンカー */
                    nav.headerNav > ul.menu > li > ul.sub-menu > li > a:hover {
                        background-color: #5CACFC;
                        color: #ffffff;
                    }

                    /* 3層目のアンカー */
                    nav.headerNav > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                        background-color: #5CACFC;
                        color: #ffffff;
                    }

                /* （遠隔）------------------------- */
                /*　JS（クラスの追加・削除でコントロール）
                /* 乗ったら矢印アニメ発火（JS記述） */
                    /* 1層目スパン */
                    nav.headerNav > ul.menu > li span.arrow.active__borderStyle {
                        border-top: solid 7px #5CACFC !important;
                        border-right: solid 7px #5CACFC !important;
                    }
                /* クリック（遠隔）------------------------- */
                    /* 2層目liに乗ったら矢印アニメ発火（JS記述） */
/*
                    nav.headerNav > ul.menu > li > ul.sub-menu > li span.arrow.active__borderStyle {
                        border-top: solid 6px #5CACFC;
                        border-right: solid 6px #5CACFC;
                    }
*/










//-------- （固定レイアウトエリア）--------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////


// ヘッダーエリア
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////

.header {
    position: relative;
    height: 422px;

    /* ロゴエリアとコンタクトエリアの分割コントロールエリア */
    .header__child1 {
        display: inline-block;
        position: absolute;
        top: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; /* 両端寄せ、余白なし、均等割 */
        width: 100%;



            /* （レイアウト）ロゴエリア */
            /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
                .mainLogo__wrapper {
                    transition: all 0.3s;

                    /* ＜＜＜ロゴ画像の配置、サイズコントロール */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                        /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                            @media /* (min-width: 320px) and */ (max-width: 374px){
                                width: 51%;
                                margin: 15px 0 0 15px;
                            }
                        /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                            @media (min-width: 375px) and (max-width: 428px){
                                width: 51%;
                                margin: 15px 0 0 15px;
                            }
                        /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                            @media (min-width: 429px) and (max-width: 767px){
                                width: 51%;
                                margin: 20px 0 0 20px;
                            }
                        /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                            /* (ラッパーストップ有り) */
                            @media (min-width: 768px) and (max-width: 1024px){
                                width: 51%;
                                margin: 30px 0 0 30px;
                            }
                        /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                            @media (min-width: 1025px) and (max-width: 1399px){
                                width: 50%;
                                margin: 30px 0 0 30px;
                            }
                        /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                            /* (ラッパーストップ有り) */
                            @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                width: 50%;
                                margin: 30px 0 0 30px;
                            }



                        a.mainLogo__child1 {
                            display: inline-block;

                            img {
                                width: 100%;
                                transition: all 0.3s;
                            }
                        }
                } /* mainLogo__wrapper */





            /* （レイアウト）コンタクトエリア--------------------------------- */
            /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
                .headerContact {
                    transition: all 0.3s;

                    /* ＜＜＜コンタクトエリアの配置コントロール */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                    /* ＜＜＜ ブレイクポイント ＞＞＞ */
                        /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                            @media /* (min-width: 320px) and */ (max-width: 374px){
                                margin: 15px 15px 0 0;
                            }
                        /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                            @media (min-width: 375px) and (max-width: 428px){
                                margin: 20px 20px 0 0;
                            }
                        /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                            @media (min-width: 429px) and (max-width: 767px){
                                margin: 20px 20px 0 0;
                            }
                        /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                            /* (ラッパーストップ有り) */
                            @media (min-width: 768px) and (max-width: 1024px){
                                margin: 30px 120px 0 0;
                            }
                        /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                            @media (min-width: 1025px) and (max-width: 1399px){
                                margin: 50px 50px 0 0;
                            }
                        /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                            /* (ラッパーストップ有り) */
                            @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                margin: 50px 50px 0 0;
                            }


                    .headerContact__child1 {
                        display: flex;
                        flex-direction: column;
                        justify-content: center
                    }
        







                    /* -------お問合せ--------------------------------- */

                        /* お問合せフォーム内　文字の　色、サイズ、スタイル */
                            .headerContact__child1 .headerForm * {
                                color: #727171;

                            /* ＜＜＜文字サイズの管理 */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                    @media /* (min-width: 320px) and */ (max-width: 374px){
                                        font-size: 15px;
                                    }
                                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                    @media (min-width: 375px) and (max-width: 428px){
                                        font-size: 17px;
                                    }
                                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                    @media (min-width: 429px) and (max-width: 767px){
                                        font-size: 17px;
                                    }
                                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 768px) and (max-width: 1024px){
                                        font-size: 20px;
                                    }
                                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                    @media (min-width: 1025px) and (max-width: 1399px){
                                        font-size: 20px;
                                    }
                                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                        font-size: 20px;
                                    }
                            }


                        /* お問合せフォームエリア */
                            /* エリア内アンカー */
                            .headerForm a {
                                border-radius: 3px;
                                background-color: #ffffff;
                                transition: all 0.3s;

                                /* ＜＜＜内余白の管理 */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                    @media /* (min-width: 320px) and */ (max-width: 374px){
                                        /* text-align: center; */
                                        margin: 0 66px 13px 10px;
                                    }
                                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                    @media (min-width: 375px) and (max-width: 428px){
                                        margin: 0 70px 13px 10px;
                                    }
                                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                    @media (min-width: 429px) and (max-width: 767px){
                                        margin: 0 70px 13px 10px;
                                    }
                                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 768px) and (max-width: 1024px){
                                        padding: 15px 50px;
                                    }
                                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                    @media (min-width: 1025px) and (max-width: 1399px){
                                        padding: 15px 90px;
                                    }
                                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                        padding: 15px 150px;
                                    }
                            }

                            /* お問い合わせボタンテキスト　書き換え */

                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                    @media /* (min-width: 320px) and */ (max-width: 374px){
                                        .goForm {
                                            display: none;
                                        }
                                        .goForm_under767 {
                                            display: block;
                                            background: url(../icon/mail_500_345.png) no-repeat;
                                            width: 50px;
                                            height: 35px;
                                            background-size: contain;
                                        }
                                    }
                                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                    @media (min-width: 375px) and (max-width: 428px){
                                        .goForm {
                                            display: none;
                                        }
                                        .goForm_under767 {
                                            display: block;
                                            background: url(../icon/mail_500_345.png) no-repeat;
                                            width: 50px;
                                            height: 35px;
                                            background-size: contain;
                                        }
                                    }
                                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                    @media (min-width: 429px) and (max-width: 767px){
                                        .goForm {
                                            display: none;
                                        }
                                        .goForm_under767 {
                                            display: block;
                                            background: url(../icon/mail_500_345.png) no-repeat;
                                            width: 50px;
                                            height: 35px;
                                            background-size: contain;
                                        }
                                    }
                                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 768px) and (max-width: 1024px){
                                        .goForm {
                                            display: block;
                                        }
                                        .goForm_under767 {
                                            display: none;
                                        }
                                    }
                                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                    @media (min-width: 1025px) and (max-width: 1399px){
                                        .goForm {
                                            display: block;
                                        }
                                        .goForm_under767 {
                                            display: none;
                                        }
                                    }
                                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                        .goForm {
                                            display: block;
                                        }
                                        .goForm_under767 {
                                            display: none;
                                        }
                                    }


                        /* ＜＜＜フォームボタン */
                        /* ＜＜＜アニメーション＞＞＞ */
                        /* ＜＜＜アニメーション＞＞＞ */
                        /* ＜＜＜アニメーション＞＞＞ */
                            .headerForm > a:hover {
                                color: #ffffff;
                                background-color: #727171;
                                /* offset-x | offset-y | blur-radius | spread-radius | color */
                                box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.3);
                                transition: all 0.3s;
                            }




                    /* -------SNS--------------------------------- */
                    /* -------SNS--------------------------------- */
                        .headerSns {
                            /* アイコンをこのブロック中央寄せの目的で使用 */
                            display: flex;
                            flex-direction: column;
                            flex-wrap: nowrap;
                            /* align-items: center; /* 横中央寄せ */
                            justify-content: center;
                        }

                        .headerSns__child1 {
                            display: flex;
                            flex-direction: row;
                            flex-wrap: nowrap;
                            justify-content: space-around; /* 両端寄せ、余白残し、均等割 */

                            /* ＜＜＜アイコンエリアそれぞれ、内余（上下）白一括管理 */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                    @media /* (min-width: 320px) and */ (max-width: 374px){
                                        padding: 10px 0;
                                    }
                                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                    @media (min-width: 375px) and (max-width: 428px){
                                        padding: 10px 0;
                                    }
                                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                    @media (min-width: 429px) and (max-width: 767px){
                                        padding: 10px 0;
                                    }
                                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 768px) and (max-width: 1024px){
                                        padding: 20px 0;
                                    }
                                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                    @media (min-width: 1025px) and (max-width: 1399px){
                                        padding: 20px 0;
                                    }
                                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                        padding: 20px 0;
                                    }
                        }

                        /* SNSエリア内の文字の　色 */
                            .headerSns__child1 * {
                                color: #ffffff;
                            }

                        /* SNSエリア　アイコンの枠色 */
                            .headerSns__child1 li {
                                border: solid 1px #ffffff;
                            }

                        /* SNSエリア内アイコンのサイズ管理はiで行う為の記述 */
                            .headerSns__child1 i {
                                display: flex;
                                flex-direction: column;
                                flex-wrap: nowrap;
                                align-items: center;
                                justify-content: center;
                                transition: all 0.3s;


                                /* ＜＜＜このサイズで親コンタクトエリアの幅が決まる */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                        @media /* (min-width: 320px) and */ (max-width: 374px){
                                            width: 28px; /* 各ロゴ毎、1pxあたりのサイズ変化量が異なり、font-sizeでは統一できないので、これで統一させている */
                                            height: 28px;
                                            font-size: 18px;
                                        }
                                    /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                        @media (min-width: 375px) and (max-width: 428px){
                                            width: 35px; /* 各ロゴ毎、1pxあたりのサイズ変化量が異なり、font-sizeでは統一できないので、これで統一させている */
                                            height: 35px;
                                            font-size: 20px;
                                        }
                                    /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                        @media (min-width: 429px) and (max-width: 767px){
                                            width: 35px; /* 各ロゴ毎、1pxあたりのサイズ変化量が異なり、font-sizeでは統一できないので、これで統一させている */
                                            height: 35px;
                                            font-size: 20px;
                                        }
                                    /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                        /* (ラッパーストップ有り) */
                                        @media (min-width: 768px) and (max-width: 1024px){
                                            width: 58px; /* 各ロゴ毎、1pxあたりのサイズ変化量が異なり、font-sizeでは統一できないので、これで統一させている */
                                            height: 58px;
                                            font-size: 30px;
                                        }
                                    /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                        @media (min-width: 1025px) and (max-width: 1399px){
                                            width: 58px; /* 各ロゴ毎、1pxあたりのサイズ変化量が異なり、font-sizeでは統一できないので、これで統一させている */
                                            height: 58px;
                                            font-size: 30px;
                                        }
                                    /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                        /* (ラッパーストップ有り) */
                                        @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                            width: 58px; /* 各ロゴ毎、1pxあたりのサイズ変化量が異なり、font-sizeでは統一できないので、これで統一させている */
                                            height: 58px;
                                            font-size: 30px;
                                        }
                                }

                        /* SNSアイコン */
                        /* ＜＜＜アニメーション＞＞＞ */
                        /* ＜＜＜アニメーション＞＞＞ */
                        /* ＜＜＜アニメーション＞＞＞ */
                            /* Facebookアイコン */
                                .headerSns__child1 li.headerTwitter:hover {
                                    border: solid 1px rgba(0, 0, 0, 0);
                                    border-radius: 50%;
                                    background-color: #1da1f2;
                                    /* offset-x | offset-y | blur-radius | spread-radius | color */
                                    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.3);
                                    transition: all 0.3s;
                                }
                                
                                /* Facebookアイコン */
                                .headerSns__child1 li.headerFacebook:hover {
                                    border: solid 1px rgba(0, 0, 0, 0);
                                    border-radius: 50%;
                                    background-color: #3b5998;
                                    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.3);
                                    transition: all 0.3s;
                                }
                                
                                /* Instagramアイコン */
                                .headerSns__child1 li.headerInstagram:hover {
                                    border: solid 1px rgba(0, 0, 0, 0);
                                    border-radius: 50%;
                                    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
                                    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.3);
                                    transition: all 0.3s;
                                }
            


                    /* 虫眼鏡、管理者エリアの親エリア --------------------------------- */
                    /* -------虫眼鏡、管理者エリアの親エリア --------------------------------- */
                        .headerSearchAdmin {
                            display: flex;
                            flex-direction: row;
                            flex-wrap: nowrap;
                            justify-content: space-around; /* 両端寄せ、余白残し、均等割 */

                            /* エリア内余白（上下）管理 */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ●●●●●●●●●● スマホ縦　　iPhone5(320) ～ iPhone13(428)●●●●●●●●●● */
                                    @media (max-width: 428px){
                                    }
                                /* ●●●●●●●●●● スマホ横　　iPhone5(568) ～ iPhone13 proMAX(926)●●●●●●●●●● */
                                    @media (min-width: 429px) and (max-width: 767px){
                                    }
                                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 768px) and (max-width: 1024px){
                                    }
                                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                    @media (min-width: 1025px) and (max-width: 1399px){
                                    }
                                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                        padding-top: 7px;
                                    }
                        }

                        /* 横並び順の変更 */
                        .headerSearchAdmin :nth-child(1) { order: 2; }
                        .headerSearchAdmin :nth-child(2) { order: 1; }





                        /* -------サイト内検索（虫眼鏡 ⇆ 黒透過背景の検索窓の表示） --------------------------------- */
                        /* -------サイト内検索（虫眼鏡 ⇆ 黒透過背景の検索窓の表示） --------------------------------- */
                            /* 検索窓を開くための虫眼鏡ボタン設定 */
                            .search-open {
                                background: #ffffff url("../img/search-solid__gray_128_128.png") no-repeat  center; /* 虫眼鏡アイコンを背景に表示（配置　左から、上から） */
                                border-radius: 50%; /* アイコン表示領域に対しての設定 */
                                cursor: pointer;
                                transition: all 0.3s;
                            }

                            /* 虫眼鏡アイコンの反転 */
                            /* ＜＜＜アニメーション＞＞＞ */
                            /* ＜＜＜アニメーション＞＞＞ */
                            /* ＜＜＜アニメーション＞＞＞ */
                                .search-open:hover {
                                    /* color: #ffffff; */
                                    background: #727171 url("../img/search-solid__white_128_128.png") no-repeat  center; /* 虫眼鏡アイコンを背景に表示（配置　左から、上から） */
                                    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.3);
                                    background-size: 25px 25px; /* アイコンのサイズ */
                                    transition: all 0.3s;
                                }

                            .search-open, .search-open:hover {
                            /* ＜＜＜虫眼鏡アイコンのサイズ管理 */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                    @media /* (min-width: 320px) and */ (max-width: 374px){
                                    background-size: 15px 15px; /* アイコンのサイズ */
                                        width: 30px; /* アイコン表示領域のサイズ */
                                        height: 30px;    
                                    }
                                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                    @media (min-width: 375px) and (max-width: 428px){
                                        background-size: 20px 20px; /* アイコンのサイズ */
                                        width: 40px; /* アイコン表示領域のサイズ */
                                        height: 40px;
                                    }
                                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                    @media (min-width: 429px) and (max-width: 767px){
                                        background-size: 20px 20px; /* アイコンのサイズ */
                                        width: 40px; /* アイコン表示領域のサイズ */
                                        height: 40px;
                                    }
                                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 768px) and (max-width: 1024px){
                                        background-size: 25px 25px; /* アイコンのサイズ */
                                        width: 50px; /* アイコン表示領域のサイズ */
                                        height: 50px;
                                    }
                                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                    @media (min-width: 1025px) and (max-width: 1399px){
                                        background-size: 25px 25px; /* アイコンのサイズ */
                                        width: 50px; /* アイコン表示領域のサイズ */
                                        height: 50px;
                                    }
                                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                        background-size: 25px 25px; /* アイコンのサイズ */
                                        width: 50px; /* アイコン表示領域のサイズ */
                                        height: 50px;
                                    }
                            }





                        /* -------管理者リンクエリア--------------------------------- */
                        /* -------管理者リンクエリア--------------------------------- */
                        .admin__login {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                            
                            a.login {
                                color: #ff6347;
                                background-color: #ffc0cb;
                                border-radius: 7px;
                                transition: all 0.3s;

                                /* ＜＜＜エリア内余白の管理 */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                    /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                        @media /* (min-width: 320px) and */ (max-width: 374px){
                                            text-align: center;
                                            padding: 5px;
                                        }
                                    /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                        @media (min-width: 375px) and (max-width: 428px){
                                            text-align: center;
                                            padding: 7px;
                                        }
                                    /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                        @media (min-width: 429px) and (max-width: 767px){
                                            text-align: center;
                                            padding: 7px;
                                        }
                                    /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                        /* (ラッパーストップ有り) */
                                        @media (min-width: 768px) and (max-width: 1024px){
                                            padding: 15px;
                                        }
                                    /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                        @media (min-width: 1025px) and (max-width: 1399px){
                                            padding: 15px;
                                        }
                                    /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                        /* (ラッパーストップ有り) */
                                        @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                            padding: 15px;
                                        }

                            }

                            /* 色の反転 */
                            /* ＜＜＜アニメーション＞＞＞ */
                            /* ＜＜＜アニメーション＞＞＞ */
                            /* ＜＜＜アニメーション＞＞＞ */
                                a.login:hover {
                                    color: #ffc0cb;
                                    background-color: #ff6347;
                                    box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.3);
                                    transition: all 0.3s;
                                }

                            .admin__login *, .admin__login:hover {
                                transition: all 0.3s;
                            /* ＜＜＜文字サイズ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                            /* ＜＜＜ ブレイクポイント ＞＞＞ */
                                /* ●●●●●●●●●● iPhone5 (320) ～ 6/7/8/10 (375)●●●●●●●●●● */
                                    @media /* (min-width: 320px) and */ (max-width: 374px){
                                        font-size: 14px;
                                    }
                                /* ●●●●●●●●●● iPhone11 (414) ～12/13 (428)●●●●●●●●●● */
                                    @media (min-width: 375px) and (max-width: 428px){
                                        font-size: 15px;
                                    }
                                /* ●●●●●●●●●● スマホ横　　iPhone5 (568) 〜 ●●●●●●●●●● */
                                    @media (min-width: 429px) and (max-width: 767px){
                                        font-size: 15px;
                                    }
                                /* ●●●●●●●●●● iPadMini (768) iPadAir(820) ～ iPad12Pro(1024)●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 768px) and (max-width: 1024px){
                                    }
                                /* ●●●●●●●●●● PC小 ●●●●●●●●●● */
                                    @media (min-width: 1025px) and (max-width: 1399px){
                                    }
                                /* ●●●●●●●●●● PC大 ●●●●●●●●●● */
                                    /* (ラッパーストップ有り) */
                                    @media (min-width: 1400px)  /* and (max-width: 1920px) */ {
                                    }
                            }


                } /* headerContact (header__child1__child1の層)*/
    } /* header__child1 */




    } /* header */