/* =========================================================
   menu.css  モーダル「menu」専用。クラス名はすべて menu- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。変えたい文字で検索すると見つかる。
   画面幅による切り替えは STUDIO と同じ 2 段階: 通常（PC）/ max-width: 840px（タブレット）/ 540px（スマホ）
   ========================================================= */

/* menu-box1: close 人繋ぎの大秘宝とは コース一覧 特徴 ご利用までの流れ  */
.menu-box1 { align-content: flex-end; align-items: flex-end; background: rgba(0,0,0,0.16); height: 100%; justify-content: flex-start; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .menu-box1 { align-content: flex-end; align-items: flex-end; justify-content: flex-start; padding: 0px 0px 0px 0px; } }
@media screen and (max-width: 540px) { .menu-box1 { align-content: flex-end; align-items: flex-end; justify-content: flex-start; } }

/* menu-box2: close 人繋ぎの大秘宝とは コース一覧 特徴 ご利用までの流れ  */
.menu-box2 { align-content: center; align-items: center; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2); display: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100vh; justify-content: center; margin: 40px 0px 0px 0px; width: 70%; max-width: 70%; }
@media screen and (max-width: 840px) { .menu-box2 { align-content: center; align-items: center; display: flex; flex: none; justify-content: flex-start; margin: 40px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; } }
@media screen and (max-width: 540px) { .menu-box2 { align-content: center; align-items: center; background: #FFFFFF; border-radius: 10px 0px 0px 10px; display: flex; flex: none; height: 100vh; justify-content: flex-start; margin: 0px 0px 0px 0px; width: 80%; max-width: 80%; } }

/* menu-box3: close */
.menu-box3 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: 56px; justify-content: flex-end; margin: 0px 0px 0px 0px; padding: 0px 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .menu-box3 { flex: none; height: 50px; margin: 8px 0px 0px 0px; width: 100%; max-width: 100%; } }

/* menu-icon1: close */
.menu-icon1 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); color: transparent; flex: none; font-size: 20px; height: 100%; margin: 0px 0px 0px 0px; padding: 12px 24px 12px; max-width: 100%; background-clip: text; -webkit-background-clip: text; --g-color-0: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 540px) { .menu-icon1 { font-size: 32px; padding: 12px 24px 12px; } }

/* menu-box4: 人繋ぎの大秘宝とは コース一覧 特徴 ご利用までの流れ よくある質問 */
.menu-box4 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: flex-end; margin: 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: auto; --gh-menu-box4: 0px; --gv-menu-box4: 20px; max-width: 100%; }
@media screen and (max-width: 840px) { .menu-box4 { display: flex; flex: none; margin: 52px 0px 0px 0px; width: 100%; --gh-menu-box4: 0px; --gv-menu-box4: 20px; max-width: 100%; } }
@media screen and (max-width: 540px) { .menu-box4 { display: flex; gap: 32px; margin: 60px 0px 0px 0px; padding: 0px; --gh-menu-box4: 0px; --gv-menu-box4: 32px; width: 100%; max-width: 100%; } }

/* menu-txt1: 人繋ぎの大秘宝とは */
.menu-txt1 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.menu-txt1:hover { color: transparent; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #6edf5c; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .menu-txt1 { border-bottom: 2px dotted #8df4e3; border-left: 0px dotted #8df4e3; border-right: 0px dotted #8df4e3; border-top: 0px dotted #8df4e3; color: transparent; font-size: 13px; padding: 0px 0px 8px 0px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }
@media screen and (max-width: 540px) { .menu-txt1 { color: transparent; font-size: 18px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #4bc146; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }

/* menu-txt2: コース一覧 */
.menu-txt2 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.menu-txt2:hover { color: transparent; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #6edf5c; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .menu-txt2 { border-bottom: 2px dotted #8df4e3; border-left: 0px dotted #8df4e3; border-right: 0px dotted #8df4e3; border-top: 0px dotted #8df4e3; color: transparent; font-size: 13px; padding: 0px 0px 8px 0px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }
@media screen and (max-width: 540px) { .menu-txt2 { color: transparent; font-size: 18px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #4bc146; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }

/* menu-txt3: 特徴 */
.menu-txt3 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.menu-txt3:hover { color: transparent; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #6edf5c; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .menu-txt3 { border-bottom: 2px dotted #8df4e3; border-left: 0px dotted #8df4e3; border-right: 0px dotted #8df4e3; border-top: 0px dotted #8df4e3; color: transparent; font-size: 13px; padding: 0px 0px 8px 0px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }
@media screen and (max-width: 540px) { .menu-txt3 { color: transparent; font-size: 18px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #4bc146; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }

/* menu-txt4: ご利用までの流れ */
.menu-txt4 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.menu-txt4:hover { color: transparent; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #6edf5c; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .menu-txt4 { border-bottom: 2px dotted #8df4e3; border-left: 0px dotted #8df4e3; border-right: 0px dotted #8df4e3; border-top: 0px dotted #8df4e3; color: transparent; font-size: 13px; padding: 0px 0px 8px 0px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }
@media screen and (max-width: 540px) { .menu-txt4 { color: transparent; font-size: 18px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #4bc146; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }

/* menu-txt5: よくある質問 */
.menu-txt5 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.menu-txt5:hover { color: transparent; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #6edf5c; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .menu-txt5 { border-bottom: 2px dotted #8df4e3; border-left: 0px dotted #8df4e3; border-right: 0px dotted #8df4e3; border-top: 0px dotted #8df4e3; color: transparent; font-size: 13px; padding: 0px 0px 8px 0px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }
@media screen and (max-width: 540px) { .menu-txt5 { color: transparent; font-size: 18px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #4bc146; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }

/* menu-txt6: お問い合わせ */
.menu-txt6 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.menu-txt6:hover { color: transparent; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #6edf5c; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .menu-txt6 { border-bottom: 2px dotted #8df4e3; border-left: 0px dotted #8df4e3; border-right: 0px dotted #8df4e3; border-top: 0px dotted #8df4e3; color: transparent; font-size: 13px; padding: 0px 0px 8px 0px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }
@media screen and (max-width: 540px) { .menu-txt6 { color: transparent; font-size: 18px; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #4bc146; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; } }

/* menu-link1: LINEで問い合わせる */
.menu-link1 { align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-bottom: 0px solid #ffa151; border-left: 0px solid #ffa151; border-radius: 999px; border-right: 0px solid #ffa151; border-top: 0px solid #ffa151; box-shadow: 0px 2px 5px rgba(57, 64, 55, 0.2); flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: auto; justify-content: center; margin: 0px 0px 0px 0px; padding: 17px 40px; width: auto; --gh-menu-link1: 8px; --gv-menu-link1: 0px; max-width: 100%; --g-color-0: rgb(55, 221, 74); --g-position-0: 0%; --g-color-1: rgb(76, 179, 106); --g-position-1: 100%; --g-color-2: rgb(76, 179, 106); --g-position-2: 100%; --g-color-3: rgb(76, 179, 106); --g-position-3: 100%; --g-color-4: rgb(76, 179, 106); --g-position-4: 100%; --g-color-5: rgb(76, 179, 106); --g-position-5: 100%; --g-color-6: rgb(76, 179, 106); --g-position-6: 100%; --g-color-7: rgb(76, 179, 106); --g-position-7: 100%; --g-color-8: rgb(76, 179, 106); --g-position-8: 100%; --g-color-9: rgb(76, 179, 106); --g-position-9: 100%; --g-color-10: rgb(76, 179, 106); --g-position-10: 100%; --g-color-11: rgb(76, 179, 106); --g-position-11: 100%; --g-angle: 180deg; }
.menu-link1:hover { transform: scale(1.02, 1.02); --gh-menu-link1: 8px; --gv-menu-link1: 0px; }
@media screen and (max-width: 840px) { .menu-link1 { margin: 40px 0px 0px 0px; padding: 17px 20px; --gh-menu-link1: 8px; --gv-menu-link1: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .menu-link1 { margin: 40px 0px 0px 0px; padding: 16px 20px; --gh-menu-link1: 8px; --gv-menu-link1: 0px; } }

/* menu-txt7: LINEで問い合わせる */
.menu-txt7 { color: #FFFFFF; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 22px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; text-shadow: 0px 2px 5px rgba(124, 142, 108, 0.2); width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .menu-txt7 { font-size: 18px; } }
@media screen and (max-width: 540px) { .menu-txt7 { font-size: 16px; } }

/* menu-img1:  */
.menu-img1 { height: auto; width: 41px; max-width: 100%; }
@media screen and (max-width: 840px) { .menu-img1 { flex: none; width: 32px; max-width: 100%; } }

/* menu-img2:  */
.menu-img2 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 840px) { .menu-img2 { flex: none; height: auto; margin: 60px 0px 0px 0px; width: 70%; max-width: 70%; } }
@media screen and (max-width: 540px) { .menu-img2 { margin: 42px 0px 0px 0px; width: 70%; max-width: 70%; } }

/* menu-img3:  */
.menu-img3 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 840px) { .menu-img3 { bottom: 99px; flex: none; left: -18px; margin: 0 0 0 0; position: absolute; right: auto; top: auto; width: 108px; z-index: -2; max-width: 100%; } }
@media screen and (max-width: 540px) { .menu-img3 { margin: 42px 0px 0px 0px; max-width: 100%; } }

/* menu-img4:  */
.menu-img4 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 840px) { .menu-img4 { bottom: auto; flex: none; left: auto; margin: 0 0 0 0; position: absolute; right: -15px; top: 75px; width: 72px; z-index: -2; max-width: 100%; } }
@media screen and (max-width: 540px) { .menu-img4 { margin: 42px 0px 0px 0px; max-width: 100%; } }

/* menu-img5:  */
.menu-img5 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 840px) { .menu-img5 { bottom: 51px; flex: none; left: auto; margin: 0 0 0 0; position: absolute; right: 26px; top: auto; width: 72px; z-index: -2; max-width: 100%; } }
@media screen and (max-width: 540px) { .menu-img5 { margin: 42px 0px 0px 0px; max-width: 100%; } }