@media screen and (min-width: 933px){

    /* 基本設定 */

    body{
        line-height: 1.5;
        background-color: #f4f2eb;
        font-family: "my-adobe-font", sans-serif !important;
        font-size: 0.85em;
          /* 初期状態でフェードアウト */
        opacity: 0;
        transition: opacity 1s ease-in-out;
        overflow-x: hidden;
    }
    main p{
        font-size: 1.1em;
    }
    table{
        border-collapse: collapse;
        border-spacing: 0;
    }    
    img {
        border: none;  /*画像に付く余白を消す*/
        display: block;  /*vertical-align: bottom;でも同じ効果 */
        width: 100%; /* 画面幅の100%に合わせる */
        height: auto; /* アスペクト比を維持して高さを自動調整 */
        object-fit: contain; /* アスペクト比を保ちながら画像全体を表示 */
    }    
    a{
        transition: .2s;
        text-decoration: none !important;
    }
    .hidden-pc{
        display: none;
    }  
    
/* ＝＝＝＝＝　ヘッダー　＝＝＝＝＝ */
    header {
        position: relative; /*相対配置*/
        width:100vw;
        height: auto;
    }

    /*文字形式指定(ニタラゴレラ-３)*/
    .over, .sub-menu, #poiont ul, .faq-nav,
    .b_line_2,.b_line_3, .b_line_4, .b_line_5, .b_line_6, .b_line_7,
    .salon_1, .salon_2,
    #step_1h, #step_2h, #step_3h, #step_4h, #step_5h,
    .step_1, .step_2, .step_3, .step_4, .step_5,
    #access, #access p,
    .info_5, .info_6,
    .faq-nav, .nav-link, i.mdi,
    .card-header, .card-header h5{
        font-family: "nitalago-rera", sans-serif;
        font-weight: 100;
        font-style: normal;
    }
    /*文字形式指定(モッチーポップ)*/
    .concept, .concept_shadow, .info_7{
        font-family: "mochiy-pop", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    /*文字形式指定(Giulia)*/
    /* #profile_h, #profile_h span{
        font-family: "Giulia", sans-serif !important;
        font-weight: 300;
        font-style: normal;;
    }   */

    .b_line_2, .b_line_3, .b_line_4, .b_line_7{
        display    : inline-block;
        background: linear-gradient(transparent 50%, #fcd993 50%);
    }
    .b_line_5, .b_line_6{
        display    : inline-block;
        background: linear-gradient(transparent 50%, #fcd993 50%);
    }
   
    .navbar-collapse {
        position: absolute; /* 絶対配置 */
        bottom: 0; /* ヘッダーの下に配置 */
        display: flex;
        width: 68vw;
        height: 7.5vw;
        left: 16.5vw;
        justify-content: center;
        align-items: center;
        z-index: 10000;
    }
    .navbar-collapse ul {
        display: flex;  /* 🔹 横並びにする */
        padding: 0;
        justify-content: center;
        flex-wrap: nowrap; /* 横並びを強制 */
    }
    .navbar-collapse li {
        margin: 0 0.8vw;  /* 🔹 各メニューの間隔を調整 */
        list-style-type: none;  /*リストの・を消す*/
    }
    nav ul li a {
        display: flex;
        width: 7vw; /* 必要に応じて変更可能 */
        height: 7vmax; /* 要素の高さを固定 */
        font-size: 1.1dvw;
        color: #736d71;
        cursor: pointer; /* カーソルをポインターに変更 */
        transition: transform 0.3s ease; /* ホバー時のアニメーション */
    }
    
    nav ul li.hover1 a {
        background-image: url(../images/common/navi_1.png);
        background-size: 44%; /* 背景画像を項目全体にフィット */
        background-position: center; /* 背景画像を上に配置 */
        background-repeat: no-repeat
    }
    nav ul li.hover2 a {
        background-image: url(../images/common/navi_2.png);
        background-size: 44%; /* 背景画像を項目全体にフィット */
        background-position: center; /* 背景画像を上に配置 */
        background-repeat: no-repeat
    }
    nav ul li.hover3 a {
        background-image: url(../images/common/navi_3.png);
        background-size: 44%; /* 背景画像を項目全体にフィット */
        background-position: center; /* 背景画像を上に配置 */
        background-repeat: no-repeat
    }
    nav ul li.hover4 a {
        background-image: url(../images/common/navi_4.png);
        background-size: 44%; /* 背景画像を項目全体にフィット */
        background-position: center; /* 背景画像を上に配置 */
        background-repeat: no-repeat
    }
    nav ul li.hidden-sp a {
        background-image: url(../images/common/navi_LINE.png);
        background-size: 44%; /* 背景画像を項目全体にフィット */
        background-position: center; /* 背景画像を上に配置 */
        background-repeat: no-repeat;
        color: #06c655;
    }
    nav ul li#nav_5 a {
        background-image: url(../images/common/navi_5.png);
        background-size: 42%; /* 背景画像を項目全体にフィット */
        background-position: center; /* 背景画像を上に配置 */
        background-repeat: no-repeat;
        color: #d00e2e;
    }
    nav ul li.hover7 a {
        background-image: url(../images/common/navi_insta.png);
        background-size: 44%; /* 背景画像を項目全体にフィット */
        background-position: center; /* 背景画像を上に配置 */
        background-repeat: no-repeat;
        color: black;
    }
    .over{
        display: flex;
        align-items: flex-end; /* 下に配置 */
        justify-content: center; /*中央に配置 */
        white-space: nowrap; /* 折り返しを防止 */
        font-family: "nitalago-rera", sans-serif;
        font-weight: 100;
        font-style: normal;
    }
    #nav_0_pc{
        display: flex;
        align-items: flex-end; /* 下に配置 */
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap; /* 折り返しを防止 */
        font-family: "nitalago-rera", sans-serif;
        font-weight: 100;
        display: none; /* 初期状態では完全に非表示 */
        transition: opacity 0.3s ease;
    } 
    .hover1,
    .hover2,
    .hover3,
    .hover4,
    .hover5,
    .hover7,
    .hidden-sp{
        cursor: pointer;
        transition: all 0.3s ease 0s;
    }
    .hover1:hover a,
    .hover2:hover a,
    .hover3:hover a,
    .hover4:hover a{
        color: #736d71;
    }
    .hover1:hover,
    .hover2:hover,
    .hover3:hover,
    .hover4:hover,
    .hover5:hover,
    .hover7:hover,
    .hidden-sp:hover {
        border-bottom-color: transparent;
        transform: scale(1.1, 1.1);
    }
    .fixed-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        background-image: url(../images/common/nav_bk_img.jpg);
        z-index: 117; /* 他の要素の上に表示 */
        display: flex;
        justify-content: center;
        align-items: center; /* メニューを中央配置 */
        height: 5.5vw; /* メニューの高さを固定 */
        /* background-repeat: no-repeat; */
        z-index: 10000;
        will-change: transform; /* スクロールで変更されるプロパティを指定 */
    }
    .fixed-nav ul {
        display: flex;
        /* align-items: center; 垂直中央揃え */
    }
    .fixed-nav li a {
        width: 5vw; 
        height: 6vmax;
        margin: 0 1.2vw;
        font-size: 0.9dvw;
        color: #736d71;
        cursor: pointer;
        background-size: 48%;
        background-position: top;
        background-repeat: no-repeat;
        transition: transform 0.3s ease;
        transform-origin: center; /* 拡大の基準を中央にする */
    }
    .fixed-nav li:hover a {
        transform: scale(1.02); /* ホバー時に拡大 */
    }
    nav ul li.hover-top a {
        width: 5vw; /* 他のメニューと統一 */
        height: 6vmax; /* 他のメニューと統一 */
        font-size: 0.9dvw;
        color: #736d71;
        cursor: pointer;
        transition: transform 0.3s ease;
        background-image: url(../images/common/navi_top.png); /* 🔹「ＴＯＰ」の画像を指定 */
        background-size: 48%;
        background-position: center;
        background-repeat: no-repeat;
    }
    nav ul li.hover-top:hover a{
        transform: scale(1.02); /* ホバー時に拡大 */
    }
    #nav_0{
        opacity: 0; /* 🔹 初期状態では非表示 */
        transition: opacity 0.3s ease;
    }
    .fixed-nav #nav_0_pc{
        display: flex;
        opacity: 1; /* 🔹 固定されたら表示 */
    } 
    .fixed-nav #nav_0 .over{
        display: flex;
        align-items: flex-end; /* 下に配置 */
        justify-content: center; /*中央に配置 */
    } 

    /*===== オンライン予約にプルダウンメニューを追加 ===== */
    .dropdown {
        position: relative;
        z-index: 10000;
    }
    #nav_5 .sub-menu{
        display: none;  /* 初期状態では非表示 */
        position: absolute;
        background-color: #e5dbb5;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* サブメニューに影を追加 */
        z-index: 10000; /* 他の要素の上に表示 */
        list-style-type: none; /* リストの点を非表示 */
        color: #d00e2e;
        width: 16vw;
        border-radius: 5px;
        box-sizing: border-box;
        /* padding-left: 0; */
    }
    /* オンライン予約アイコンを非表示 */
    #nav_5 span.over {
        display: block; /* オンライン予約テキスト */
        background: none; /* アイコン画像を削除 */
        text-align: center; /* テキスト中央揃え */
        font-size: 1.2em; /* フォントサイズ調整 */
        color: #d00e2e;
        background-color: #e5dbb5; /* ホバー時のテキストカラー */
        width: 16vw;
        height: 3vw;
        padding: 10px 15px;
        box-sizing: border-box;
        font-weight: bold; /* 太字 */
        cursor: pointer; /* カーソルをポインタに変更 */
    }
    .sub-menu li{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .sub-menu li a {
        display: block;
        margin: 0; /* 各リンクの間隔 */
        padding: 10px 15px;
        color: #e5dbb5;
        text-decoration: none;
        font-size: 1vw;
        transition: background 0.3s;
        box-sizing: border-box;
        pointer-events: all;
    }
    .sub-menu1 li a:hover, .sub-menu2 li a:hover {
        display: block;
        background-color: #d00e2e;
        margin: 0; /* 各リンクの間隔 */
        padding: 10px 15px; /* リンク内に余白を追加 */
        width: 16vw;
        height: 3vw;
        box-sizing: border-box;
    }
    /* 🔹 PC版：マウスホバーでサブメニューを表示 */
    #nav_5:hover .sub-menu {
        display: block;
        /* padding-left: 0; */
    }
    /* サブメニュー内のリンクのスタイル */
    .sub-menu1 a, .sub-menu2 a {
        display: block; /* 各リンクをブロック要素に */
        color: #e5dbb5; /*テキストカラー*/
        font-size: 1vw; /* フォントサイズ */
        text-decoration: none; /* 下線を除去 */
        margin: 0; /* 各リンクの間隔 */
        padding: 10px 15px; /* リンク内に余白を追加 */
        width: 16vw;
        height: 3vw;
        box-sizing: border-box;
        border-radius: 5px;
        pointer-events: all;
    }
    #nav_5 .sub-menu1 a, #nav_5 .sub-menu2 a {
        display: block;
        background: none !important; /* アイコン画像を削除 */
        text-align: left; /* テキストを整列 */
        font-size: 1vw; /* テキストサイズ調整 */
        margin: 0; /* 各リンクの間隔 */
        padding: 10px 15px; /* リンク内に余白を追加 */
        width: 16vw;
        height: 3vw;
        box-sizing: border-box;
        pointer-events: all;
    }
    #nav_5 .sub-menu1 a:hover{
        display: block;
        color: #e5dbb5;
        font-size: 1vw;
        background-color: #d00e2e !important; /* ホバー時のテキストカラー */
        margin: 0; /* 各リンクの間隔 */
        padding: 10px 15px; /* リンク内に余白を追加 */
        width: 16vw;
        height: 3vw;
        box-sizing: border-box;
    }
    #nav_5 .sub-menu2 a:hover{
        display: block;
        color: #e5dbb5;
        font-size: 1vw;
        background-color: #d00e2e !important;
        margin: 0; /* 各リンクの間隔 */
        padding: 10px 15px; /* リンク内に余白を追加 */
        width: 16vw;
        box-sizing: border-box;
    }


/*＝＝＝＝＝　メイン　＝＝＝＝＝*/
    .main_1 {
        display    : block;
        width:90%;
        height: 38vw;
        background-image: url(../images/common/first_pc.png);
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 3vw auto 0 auto;
    }

    /*＝＝＝＝＝　コンセプト　＝＝＝＝＝*/
    .concept {
        margin: 3vw 0 0 5.5vw;
        box-sizing : border-box;
        display    : inline-block;
        width      : 62vw; 
        height: 22.5vw;
        left       : 5.5vw;
        text-align : left;
        line-height: 1.7vw;
    }
    .concept .b_line, .concept .b_line1_1{
        font-size  : 3.6vw;
        letter-spacing: 0.25em;
        line-height: 1.7vw;
    }
    .concept .b_line:nth-child(3){
        margin-left: 3.5vw;
    }
    .concept_shadow1{
        margin-left: 3.5vw;
    }
    .concept_shadow2{
        margin-left: 0.5vw;
    }
    .b_line, .b_line1_1 {
        display    : inline-block;
        background:linear-gradient(transparent 50%,#fafa00 80%,#fafa00 100%);
        animation  : sample2bAnime 3s ease-in infinite; 
    } 
    .concept span {
        display: inline-block;
        font-size: 3vw;
        margin-top: 2.5vw;
        letter-spacing: 0.25em;
        line-height: 1em;
    }
    .concept_1,
    .concept_2 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .concept_1.fade-in,
    .concept_2.fade-in {
    opacity: 1;
    transform: translateY(0);
}

    #point ul{
        display: block;
        /* position   : relative; */
        width: 60vw;
        margin: 0.5vw 0 0 5vw;
        padding: 0;
        align-items:flex-end; 
        letter-spacing: 0.15em;
        color: #474445;
        text-align: center;
        line-height: 1em;
        list-style: none;
        z-index: 200;
    }
    .point_1{
        float: left;
        list-style-type: none;
    }
    .point_2{
        float: left;
        list-style-type: none;
        margin-left: 3vw;
    }
    .point_3{
        float: left;
        list-style-type: none;
    }
    .point_4{
        float: left;
        list-style-type: none;
        margin-left: 3vw;
    }
    .point_5{
        float: left;
        list-style-type: none;
        margin-left: 3vw;
    }
    /*-----👌画像とテキスト間の余白を調整-----*/
    #point li {
        display: flex;
        align-items:flex-end; /* 文字と画像を縦方向で中央揃え */
        /* margin-bottom: 10px; 各リスト間の余白 */
        font-size: 1.7vw;
        line-height: 1em;
        margin-top: 1vw;
    }
    #point li:nth-last-child(-n+3){
        margin-top: 1vw;
    }
    .hand {
        display: block;
        /* position: absolute; */
        width: 3vw; /* 画像の幅を指定 */
        height: 3dvw; /* 画像の高さを指定 */
        margin-top: 0;
        padding: 0;
        opacity: 0; /* 初期状態では非表示 */
        /* transform: translateY(10px); 少し下にずらす */
        animation: slideIn 1s ease-out forwards; /* アニメーション適用 */
        animation-iteration-count: infinite; /* 無限に繰り返す */
        animation-delay: 0.5s; /* 遅延時間 */
        animation-duration: 4s; /* アニメーション全体の間隔を4秒に設定 */
    }
    /* 各画像を順番にアニメーションさせる */
    .point_1 .hand {
        margin-left: 0.6vw;
        animation-delay: 0.2s;
    }
    .point_2 .hand {
        margin-left: 0.6vw;
        animation-delay: 0.4s;
    }
    .point_3 .hand {
        margin-left: 0.6vw;
        animation-delay: 0.6s;
    }
    .point_4 .hand {
        margin-left: 0.4vw;
        animation-delay: 0.8s;
    }
    .point_5 .hand {
        margin-left: 0.4vw;
        animation-delay: 1s;
    }

    @keyframes slideIn {
        0% {
            opacity: 0;
            transform: translateY(0);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /*＝＝＝＝＝　インフォメーション（ボード）　＝＝＝＝＝*/
    .board{
        display: block;
        width: 90vw;
        height: 31vw;
        background-image: url(../images/common/board_pc.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 2vw auto 0 auto;
    }
    .information{
        display: block;
        width      : 82vw; 
        text-align : center;
    }
    .information h1{
        display: block;
        font-size  : 3vw;
        color: #2f2c2d;
        letter-spacing: 0.1em;
        line-height: 1.4em;
        padding: 5.5vw 0 0 10vw;
    }
    .info_1{
        font-size  : 1.7vw;
        color: #594653;
        letter-spacing: 0.3dvw;
        line-height: 1.5em;
        margin: 1.4vw 0 0 18vw;
        padding: 0;
        text-align: left;
    }
    .info_2{
        display: inline;
        font-size  : 1.7vw;
        color: #594653;
        letter-spacing: 0.3dvw;
        line-height: 1.5em;
        margin: 2vw 0 0 10vw;
        padding: 0;
        text-align: left;
    }
    .info_3{
        font-size  : 1.6vw;
        color: #c66f1a;
        letter-spacing: 0.15dvw;
        line-height: 1.3em;
        margin: 1.8vw 0 0 9vw;
        padding: 0;
        text-align: left;
    }
    .info_4{
        font-size  : 1.6vw;
        color: #c66f1a;
        letter-spacing: 0.15dvw;
        line-height: 1.3em;
        margin: 0.7vw 0 0 9vw;
        padding: 0;
        text-align: left;
    }

    /*＝＝＝＝＝　施術内容　＝＝＝＝＝*/
    #salon{
        display: block;
        width: 90vw;
        height: 137vw;
        margin: 2vw auto 0 auto;
        padding-top: 3vw;
    }
    #salon_h1{
        display: block;
        margin: 3vw 0 0 0;
        padding: 0;
        font-size: 3vw;
        color: #656164;
        line-height: 1em;
    }
    #salon ul{
        display: block;
        width: 80%;
        margin: 1.5vw auto 0 auto;
        padding: 0;
    }
    .salon_1{
        display: block;
        width: 38vw;
        float: left;
    }
    .salon_2{
        display: block;
        width: 38vw;
        float: left;
        margin-left: 6vw;
    }
    .salon_h{
        display: block;
        box-sizing: border-box;
        width: 38vw;
        color: #fff;
        font-size: 1.8vw;
        background-color: #f5bb47;
        list-style-type: none;
        margin: 0;
        padding: 1vw 3vw;
    }
    .salon_d{
        display: block;
        box-sizing: border-box;
        width: 38vw;
        color: #464145;
        font-size: 1.2vw;
        line-height: 1.5em;
        letter-spacing: 0.05em;
        background-color: #fff;
        list-style-type: none;
        margin: 0;
        padding: 2vw 3vw;
    }
    .salon_3{
        display: block;
        width: 83vw;
        margin: 0 auto;
    }
    .step1{
        display: block;
        height: 17vw;
        background-image: url(../images/common/step1_pc.png);
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 21vw;
    }
    .step2{
        display: block;
        height: 19vw;
        background-image: url(../images/common/step2_pc.png);
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 2vw;
    }
    .step3{
        display: block;
        height: 22vw;
        background-image: url(../images/common/step3_pc.png);
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 2vw;
    }
    .step4{
        display: block;
        height: 19vw;
        background-image: url(../images/common/step4_pc.png);
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 2vw;
    }
    .step5{
        display: block;
        height: 21vw;
        background-image: url(../images/common/step5_pc.png);
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 2vw;
    }
    #step_1h, #step_2h, #step_3h, #step_4h, #step_5h{
        /* position: absolute; */
        float: left;
        width: 17vw;
        font-size: 1.7vw;
        color: #3e9f20;
        font-weight: bold;
        line-height: 1em;
        letter-spacing: 0.03em;
        list-style-type: none;
        margin: 5vw 0 0 -4vw;
        padding-left: 0;
    }
    .step_hh{
        display: inline;
        background: linear-gradient(transparent 80%, #f6c35e 80%);
 
    }
    #step_2h{
        margin: 4.5vw 0 0 -3vw;
    }
    #step_3h{
        margin: 4.5vw 0 0 -2vw;
    }
    #step_4h{
        margin: 4.5vw 0 0 -2vw;
    }
    #step_5h{
        margin: 4.5vw 0 0 -1vw;
    }
    .step_1, .step_2, .step_3, .step_4, .step_5{
        float: right;
        font-size: 1.5vw;
        line-height: 1.4em;
        color: #534e52;
        letter-spacing: 0.04em;
        list-style-type: none;
        width: 60vw;
        margin: -2vw -5vw 0 0;
    }

    /*＝＝＝＝＝　Ｐｒｏｆｉｌｅ　＝＝＝＝＝*/
    #profile{
        display: block;
        width: 90vw;
        height: 44vw;
        margin: 0 auto;
        padding-top: 3vw;
    }
    .b_line_3{
        display: inline-block;
        margin-top: 3vw;
        padding: 0;
        font-size: 3vw;
        color: #656164;
        line-height: 1em;
        letter-spacing: -0.4em;
        z-index: 5;
    }
    #prof_image {
        display: flex;
        align-items: flex-start; /* 上端揃え */
        justify-content: flex-start; /* 左寄せ */
        position: relative; /* 必要に応じて */
    }
    
    #profile_1 {
        width: 20vw;
        height: 20vw;
        margin-left: 6vw;
        margin-top: 4vw;
        z-index: 20; /* 左側を上に */
        opacity: 0;
        animation: slideInLeft 0.8s ease-out forwards;
    }
    
    #profile_2 {
        width: 28vw;
        height: 28vw;
        margin-left: -3vw;
        margin-top: 4vw;
        z-index: 10;
        opacity: 0;
        animation: slideInUp 0.8s ease-out forwards;
    }
    
    #profile_3 {
        width: 36vw;
        height: 36vw;
        margin-left: -3vw;
        margin-top: -3.3vw;
        z-index: 5; /* 背面 */
        opacity: 0;
        animation: slideInRight 0.8s ease-out forwards;
    }
    #profile_1 {
        transform: translateZ(0);
    }
    
    #profile_2 {
        transform: translateZ(-1px);
    }
    
    #profile_3 {
        transform: translateZ(-2px);
    }
        
    
    #profile_1, #profile_2, #profile_3 {
        opacity: 0;
        animation: none; /* 初期状態ではアニメーションを無効化 */
    }

    /* スクロール時に追加するクラス */
    .fade-in-profile-1 {
        animation: slideInLeft 0.8s ease-out forwards !important;
    }
    .fade-in-profile-2 {
        animation: slideInUp 0.8s ease-out forwards !important;
    }
    .fade-in-profile-3 {
        animation: slideInRight 0.8s ease-out forwards !important;
    }
    @keyframes slideInLeft {
        from {
            transform: translateX(-100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }
    @keyframes slideInUp {
        from {
            transform: translateY(100%);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes slideInRight {
        from {
            transform: translateX(100%);
            opacity: 0;
        }
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }

    /*＝＝＝　Ａｃｃｅｓｓ　＝＝＝*/
    #access{
        display: block;
        width: 100vw;
        height: 83vw;
        margin: 0 auto;
        padding-top: 4vw;
        overflow-x: hidden;
    }
    .b_line_4{
        display: inline-block;
        margin-top: 2vw;
        padding: 0;
        font-size: 3.5vw;
        color: #656164;
        letter-spacing: -0.4em;
        line-height: 1em;
    }
    #shop_name{
        display: block;
        font-size: 1.7vw;
        text-align: center;
        color: #757074;
        margin-top: -2.5vw;
        padding: 0;
    }
    /*===　スライドショー　===*/
    #shop_photo img{
        display: block;
        width: 100vw;
        height: auto;
        margin: 0 auto;
    }
    .bx-wrapper {
        max-width: 100vw; /* スライドの全体幅 */
        margin: 0 auto;
    }

    .bx-viewport {
        overflow: visible !important; /* 両サイドの画像を見せる */
    }

    .bx-wrapper img {
        width: 50%;
        height: 50%;
    }

    .bx-wrapper .bxslider {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .bx-wrapper .bxslider .bx-slide {
        transition: transform 0.5s ease, opacity 0.5s ease;
        opacity: 0.7;
    }
    /* 真ん中のスライドを大きく表示 */
    .bx-wrapper .bxslider .bx-slide.active {
        transform: scale(1.1);
        opacity: 1;
    }
        /*===　ここまで　===*/

    .accese_info{
        display: flex;
        width: 90vw;
        height: 31vw;
        margin: 8vh auto 0 auto;
    }
    .accese_info_L{
        float: left;
        width: 43vw;
        clear: both;
    }
    .info_5h{
        display: block;
        margin-top: 2vw;
        padding-left: 2.5vw;
        font-size: 1.5vw;
        line-height: 1em;
    }
    .info_5d{
        display: block;
        margin-top: 2vw;
        padding-left: 2.5vw;
        font-size: 1.3vw;
        line-height: 0.8em;
    }
    .info_6h{
        display: block;
        margin-top: 1.5vw;
        padding-left: 2.5vw;
        font-size: 1.5vw;
        line-height: 0.8em;
    }
    .info_6d{
        display: block;
        margin-top: 0.8vw;
        padding-left: 2.5vw;
        font-size: 1.3vw;
        line-height: 1em;
    }
    .call_img{
        display: inline;
        width: 3vw; /* 画像サイズ */
        height: 3vw;
        padding-bottom: 0.5vw;
    }
    .info_7{
        display: block;
        font-size: 2.3vw;
        line-height: 2em;
        margin-top: 1.5vw;
        margin-left: 0;
        padding-left: 2vw;
    }
    .clover_img{
        display: inline;
        width: 2.8vw; /* 画像サイズ */
        height: 2.8vw;
        padding-bottom: 0.5vw;
    }
    .b_line_5{
        display: inline-block;
        font-size: 1.5vw;
        line-height: 1em;
        margin-top: 1vw;
    }
    .b_line_6{
        display: inline-block;
        font-size: 1.5vw;
        line-height: 1em;
        margin-top: 1.5vw;
    }
    .info_8d, .info_9d{
        display: inline-block;
        font-size: 1.3vw;
        line-height: 1.2em;
        margin: 0.1vw 0 0 3vw;
    }
    .map{
        display: block;
        float: right;
        width: 45vw;
        height: 40vw;
        margin-top: 3vw;
        clear: both;
    }
    .google_map img{
        display: inline-block;
        width: 18vw;
        height: 5vw;
        margin-top: 3vw;
        margin-left: 36vw;
    }

/*＝＝＝　よくある質問　＝＝＝*/
    #accordion{
        display: block;
        width: 90vw;
        height: auto;
        margin: 0 auto;
        padding-top: 3vw;
    }
    #question_h{
        display: block;
        margin-top: 2.5vw;
        font-size: 2.7vw;
        color: #656164;
        line-height: 1em;
    }
    .b_line_7{
        display: inline-block;
    }
    .fade_bd{
        width: 90vw;
        height: auto;
        margin: 0 auto;
    }
    #question_img{
        display: inline;
        width: 5vw; /* 画像サイズ */
        height: 5vw;
        padding: 0 0 1vw 1vw;
        text-align: center;
    }
        
    /* FAQ */
    .container{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .row{
        display: flex;
        width: 90%; /*🌟メニュー幅*/
        flex-wrap: nowrap; /*一行で表示*/
        margin: 0;
        padding: 0;
    }
    .col-lg-4{
        float: left;/*🌟コメントアウト*/
        width: 30%;/*🌟コメントアウト*/
        margin: 0;
        padding: 0;
    }
    .col-lg-8{
        float: right;/*🌟コメントアウト*/
        width: 100%;/*🌟コメントアウト*/
        /* margin: 0;;
        padding: 0; */
    }
    .faq-nav {
        flex-direction: column;
        width: 20vw;
        margin: 0;
        font-size: 1.3vw;
        border-radius: 5px;    
        border: 1px solid #ddd;
        box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
    }   
    .nav-link {
        display: block;
        margin: 0;
        padding: 0 0 1vw 2vw;
        background-color: #fff;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        color: #8a8178;
        transition: background-color 0.2s ease;
    }    
    .nav-link:hover {
        background-color: #f0ebe1;
        border: 1px solid #8a8178 !important;
        color: #8a8178 !important;
    }
        
    .nav-link.active {
        background-color: #8a8178 !important;
        font-weight: 700;
        color: #fff !important;        
    }
        
    .nav-link:last-of-type {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom: 0;
    }
        
    i.mdi {
        margin-right: 0;
        font-size: 2em;
    }
    
    /* TAB CONTENT */
    .tab-content {
        width: 61vw;
    }

    .tab-content .card {
        border-radius: 0;
    }

    .tab-content .card-header {
        width: 61vw;
        border-radius: 0;
        color: #343433;
        background-color: #d4d2d0;
        padding: 1.5vw 2vw 0 2vw;
    }

    .tab-content .card-header h5 {
        width: 60vw;
        margin: 0;
    }

    .tab-content .card-header h5 .question {
        display: inline;
        float: left;
        width: 3.5vw; /* 画像サイズ */
        height: 3.5vw;
        text-align: center;
    }

    .tab-content .card-header h5 button {
        display: block;
        float: right;
        width: 55vw;
        padding: 0.5vw 2.5vw 2vw 0;
        border: 0;
        font-size: 1.5vw;
        font-weight: 700;
        color: #70665b;
        text-align: left;
        white-space: normal;
    }

    .tab-content .card-header h5 button:hover,
    .tab-content .card-header h5 button:focus,
    .tab-content .card-header h5 button:active,
    .tab-content .card-header h5 button:active:hover {
        text-decoration: none;
        color: #8d7e6c !important;
    }

    .tab-content .card-body {
        padding: 1vw 0 1.5vw 2vw;
        width: 60vw;
    }

    .tab-content .card-body .answer {
        display: inline;
        float: left;
        width: 3.5vw; /* 画像サイズ */
        height: 3.5vw;
        padding: 0;
        align-items: center;
    }

    .tab-content .card-body span {
        display: block;
        float: right;
        font-size: 1.3vw;
        color: #8a8178;
        width: 53vw;
        margin-right: 5vw;
        padding: 0.8vw 2.5vw 2vw 0;
        text-align: left;
        white-space: normal;
    }

    .tab-content .card-body span:last-of-type {
        margin: 0;
    }

    /* BORDER FIX */
    #accordion .card:not(:first-child) {
        border-top: 0;
    }

/*＝＝＝＝＝　フッター　＝＝＝＝*/
    footer{
        background-color: #e6e0d0;
        width: 100vw;
        height: 30vw;
        margin-top: 3vw;
    }
    .footer_L {
        display: block;
        float: left;
        width: 38vw;
        height: auto;
        margin: 0 0 0 9.5vw;
        padding: 3vw 0;
    }
    .footer_R{
        display: block;
        float: right;
        width: 34vw;
        height: auto;
        margin: 1vw 9.5vw 0 0;
        padding: 4vw 0;
    }
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

    /*＝＝フェードイン＝＝*/
    .fade_bd {
        opacity: 0;
        transform: translateY(5px); /* 少し下に移動 */
        transition: opacity 1s ease-out, transform 1s ease-out;
    }
    .fade_bd.visible {
        opacity: 1;
        transform: translateY(0);
    }

}