/* ========================================================= top.css / 専用。クラス名はすべて tp- で始まる 各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。変えたい文字で検索すると見つかる。 画面幅による切り替えは STUDIO と同じ 2 段階: 通常（PC）/ max-width: 840px（タブレット）/ 540px（スマホ） ========================================================= */ /* tp-root: 人繋ぎの大秘宝とは コース一覧 特徴 ご利用までの流れ よくある質問 */ .tp-root { align-content: center; align-items: center; background: #ffffff; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; width: 100%; max-width: 100%; } /* tp-hd-box1: 人繋ぎの大秘宝とは コース一覧 特徴 ご利用までの流れ よくある質問 */ .tp-hd-box1 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); bottom: auto; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; left: 0px; margin: 0 0 0 0; position: fixed; right: 0px; top: 20px; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-hd-box1 { top: 8px; } } /* tp-hd-box2: 人繋ぎの大秘宝とは コース一覧 特徴 ご利用までの流れ よくある質問 */ .tp-hd-box2 { align-items: center; background: #FFFFFF; border-bottom: 0px solid #84CB29; border-left: 0px solid #84CB29; border-radius: 48px; border-right: 0px solid #84CB29; border-top: 0px solid #84CB29; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: row; gap: 84px; height: auto; justify-content: flex-start; padding: 20px 40px; width: 1200px; --gh-tp-hd-box2: 84px; --gv-tp-hd-box2: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-hd-box2 { align-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; --gh-tp-hd-box2: 84px; --gv-tp-hd-box2: 84px; } } @media screen and (max-width: 540px) { .tp-hd-box2 { align-content: center; align-items: center; flex: none; gap: 40px; justify-content: space-between; padding: 16px 20px; width: 92%; --gh-tp-hd-box2: 40px; --gv-tp-hd-box2: 0px; max-width: 92%; } } /* tp-hd-link1: */ .tp-hd-link1 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: -4px 0px 0px 0px; padding: 0px; width: 180px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-hd-link1 { flex: none; width: 183px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-hd-link1 { margin: -4px 0px 0px 0px; padding: 0px; width: 165px; max-width: 100%; } } /* tp-hd-img1: */ .tp-hd-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: 100%; max-width: 100%; } /* tp-hd-btn1: */ .tp-hd-btn1 { align-content: center; align-items: center; display: none; flex-direction: row; flex-wrap: nowrap; gap: 84px; justify-content: center; padding: 0px; --gh-tp-hd-btn1: 84px; --gv-tp-hd-btn1: 0px; } @media screen and (max-width: 840px) { .tp-hd-btn1 { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 14px; --gh-tp-hd-btn1: 0px; --gv-tp-hd-btn1: 14px; } } @media screen and (max-width: 540px) { .tp-hd-btn1 { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 6px; --gh-tp-hd-btn1: 0px; --gv-tp-hd-btn1: 6px; } } /* tp-hd-box3: */ .tp-hd-box3 { background: #EEEEEE; height: 160px; width: 200px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-hd-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-radius: 16px; flex: none; height: 4px; width: 40px; max-width: 100%; --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) { .tp-hd-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-radius: 32px; flex: none; height: 3px; width: 34px; max-width: 100%; --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; } } /* tp-hd-box4: */ .tp-hd-box4 { background: #EEEEEE; height: 160px; width: 200px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-hd-box4 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-radius: 16px; flex: none; height: 4px; width: 40px; max-width: 100%; --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) { .tp-hd-box4 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-radius: 32px; flex: none; height: 3px; width: 34px; max-width: 100%; --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; } } /* tp-hd-box5: 人繋ぎの大秘宝とは コース一覧 特徴 ご利用までの流れ よくある質問 */ .tp-hd-box5 { align-content: center; align-items: center; display: flex; flex: 1; flex-direction: row; gap: 20px; height: auto; justify-content: flex-end; margin: 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; --gh-tp-hd-box5: 20px; --gv-tp-hd-box5: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-hd-box5 { display: none; flex: none; width: calc(100% - (var(--gh-tp-hd-box2) * 0)); --gh-tp-hd-box5: 20px; --gv-tp-hd-box5: 0px; max-width: calc(100% - (var(--gh-tp-hd-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-hd-box5 { display: none; margin: 0px; padding: 0px; --gh-tp-hd-box5: 20px; --gv-tp-hd-box5: 0px; } } /* tp-hd-txt1: 人繋ぎの大秘宝とは */ .tp-hd-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; } .tp-hd-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) { .tp-hd-txt1 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-hd-txt1 { font-size: 13px; } } /* tp-hd-txt2: コース一覧 */ .tp-hd-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; } .tp-hd-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) { .tp-hd-txt2 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-hd-txt2 { font-size: 13px; } } /* tp-hd-txt3: 特徴 */ .tp-hd-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; } .tp-hd-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) { .tp-hd-txt3 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-hd-txt3 { font-size: 13px; } } /* tp-hd-txt4: ご利用までの流れ */ .tp-hd-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; } .tp-hd-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) { .tp-hd-txt4 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-hd-txt4 { font-size: 13px; } } /* tp-hd-txt5: よくある質問 */ .tp-hd-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; } .tp-hd-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) { .tp-hd-txt5 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-hd-txt5 { font-size: 13px; } } /* tp-hd-txt6: 記事一覧 */ .tp-hd-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; } .tp-hd-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) { .tp-hd-txt6 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-hd-txt6 { font-size: 13px; } } /* tp-hd-txt7: お問い合わせ */ .tp-hd-txt7 { 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; } .tp-hd-txt7: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) { .tp-hd-txt7 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-hd-txt7 { font-size: 13px; } } /* tp-blk1-link1: mail_outline お問い合わせはこちら */ .tp-blk1-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); display: none; 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-tp-blk1-link1: 8px; --gv-tp-blk1-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; } .tp-blk1-link1:hover { transform: scale(1.02, 1.02); --gh-tp-blk1-link1: 8px; --gv-tp-blk1-link1: 0px; } @media screen and (max-width: 840px) { .tp-blk1-link1 { display: none; --gh-tp-blk1-link1: 8px; --gv-tp-blk1-link1: 0px; } } @media screen and (max-width: 540px) { .tp-blk1-link1 { align-content: center; 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-radius: 24px; bottom: auto; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; height: 108px; justify-content: center; left: auto; margin: 0 0 0 0; overflow-x: visible; overflow-y: visible; padding: 8px 20px; position: fixed; right: 0px; top: 622px; width: 112px; z-index: 3; --gh-tp-blk1-link1: 0px; --gv-tp-blk1-link1: 8px; max-width: 100%; --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; } } /* tp-blk1-icon1: mail_outline */ .tp-blk1-icon1 { color: #222222; font-size: 24px; } @media screen and (max-width: 540px) { .tp-blk1-icon1 { color: #FFFFFF; font-size: 36px; } } /* tp-blk1-txt1: お問い合わせはこちら */ .tp-blk1-txt1 { 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) { .tp-blk1-txt1 { font-size: 18px; } } @media screen and (max-width: 540px) { .tp-blk1-txt1 { flex: none; font-size: 14px; width: calc(100% - (var(--gh-tp-blk1-link1) * 0)); max-width: calc(100% - (var(--gh-tp-blk1-link1) * 0)); } } /* tp-blk2-pic1: */ .tp-blk2-pic1 { align-content: center; 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)); flex: none; flex-direction: column; flex-wrap: nowrap; height: 840px; justify-content: center; overflow-x: hidden; overflow-y: hidden; width: 100%; max-width: 100%; --g-color-0: #fdffd9; --g-position-0: 0%; --g-color-1: #ffffff; --g-position-1: 100%; --g-color-2: #ffffff; --g-position-2: 100%; --g-color-3: #ffffff; --g-position-3: 100%; --g-color-4: #ffffff; --g-position-4: 100%; --g-color-5: #ffffff; --g-position-5: 100%; --g-color-6: #ffffff; --g-position-6: 100%; --g-color-7: #ffffff; --g-position-7: 100%; --g-color-8: #ffffff; --g-position-8: 100%; --g-color-9: #ffffff; --g-position-9: 100%; --g-color-10: #ffffff; --g-position-10: 100%; --g-color-11: #ffffff; --g-position-11: 100%; --g-angle: 152deg; } @media screen and (max-width: 540px) { .tp-blk2-pic1 { flex: none; height: auto; width: 100%; max-width: 100%; } } /* tp-blk2-box1: */ .tp-blk2-box1 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: center; padding: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-blk2-box1 { align-content: center; align-items: center; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px; width: 100%; max-width: 100%; height: 100%; } } /* tp-blk2-box2: */ .tp-blk2-box2 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 0px 74px; padding: 0px; transform: rotate(-5deg); width: calc(60% - 74px); max-width: calc(60% - 74px); } @media screen and (max-width: 840px) { .tp-blk2-box2 { flex: none; margin: 155px 0px 0px 0px; width: 70%; max-width: 70%; } } @media screen and (max-width: 540px) { .tp-blk2-box2 { display: none; flex: none; margin: 183px 0px 0px 20px; width: calc(96% - 20px); max-width: calc(96% - 20px); } } /* tp-blk2-img1: */ .tp-blk2-img1 { flex: none; height: auto; width: 100%; max-width: 100%; } /* tp-blk2-img2: */ .tp-blk2-img2 { bottom: 41px; flex: none; height: 226.8px; left: auto; margin: 0 0 0 0; position: absolute; right: 42px; top: auto; transform: rotate(5deg); width: 480px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-blk2-img2 { bottom: 40px; display: flex; height: 177px; left: auto; right: 39px; top: auto; width: 352px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-blk2-img2 { display: none; } } /* tp-blk2-img3: */ .tp-blk2-img3 { display: none; height: auto; width: 160px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-blk2-img3 { display: none; } } @media screen and (max-width: 540px) { .tp-blk2-img3:before { background-position: center bottom; background-repeat: no-repeat; background-size: cover; } } @media screen and (max-width: 540px) { .tp-blk2-img3 { display: flex; height: auto; width: 100%; max-width: 100%; } } /* tp-blk2-pic2: */ .tp-blk2-pic2 { bottom: -98px; height: 1077px; left: auto; margin: 0 0 0 0; position: absolute; right: -48px; top: 0px; width: 710px; z-index: -1; max-width: 100%; } .tp-blk2-pic2:before { background-position: center top; background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 840px) { .tp-blk2-pic2 { bottom: 0px; display: flex; flex: none; height: auto; right: -56px; top: 0px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-blk2-pic2:before { background-position: left center; background-size: contain; } } @media screen and (max-width: 540px) { .tp-blk2-pic2 { bottom: auto; display: none; flex: none; height: 849px; left: -14px; right: -185px; top: 0px; width: auto; max-width: 100%; } } /* tp-blk3-box1: */ .tp-blk3-box1 { background: #ffb352; flex: none; height: 8px; width: 100%; max-width: 100%; } /* tp-about-pic1: About 人繋ぎの大秘宝は、大阪府羽曳野市にある クリエイティブの */ .tp-about-pic1 { align-content: center; 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)); flex: none; flex-direction: column; flex-wrap: nowrap; height: 1497px; justify-content: center; padding: 60px 0px 20px 0px; width: 100%; max-width: 100%; --g-color-0: #f8ffe0; --g-position-0: 0%; --g-color-1: rgb(255, 245, 222); --g-position-1: 100%; --g-color-2: rgb(255, 245, 222); --g-position-2: 100%; --g-color-3: rgb(255, 245, 222); --g-position-3: 100%; --g-color-4: rgb(255, 245, 222); --g-position-4: 100%; --g-color-5: rgb(255, 245, 222); --g-position-5: 100%; --g-color-6: rgb(255, 245, 222); --g-position-6: 100%; --g-color-7: rgb(255, 245, 222); --g-position-7: 100%; --g-color-8: rgb(255, 245, 222); --g-position-8: 100%; --g-color-9: rgb(255, 245, 222); --g-position-9: 100%; --g-color-10: rgb(255, 245, 222); --g-position-10: 100%; --g-color-11: rgb(255, 245, 222); --g-position-11: 100%; --g-angle: 0deg; } .tp-about-pic1:before { background-size: 10%; } @media screen and (max-width: 540px) { .tp-about-pic1 { padding: 40px 0px 20px 0px; } } /* tp-about-box1: */ .tp-about-box1 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 2px solid #33b920; border-left: 2px solid #33b920; border-right: 2px solid #33b920; border-top: 2px solid #33b920; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 40px 0px; overflow-x: hidden; overflow-y: hidden; padding: 40px 24px 0px 24px; width: 1200px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-about-box1 { flex: none; width: 90%; max-width: 90%; } } @media screen and (max-width: 540px) { .tp-about-box1 { margin: 0px 0px 20px 0px; width: 90%; max-width: 90%; } } /* tp-about-img1: */ .tp-about-img1 { height: auto; margin: 20px; width: calc(100% - 40px); max-width: calc(100% - 40px); } @media screen and (max-width: 540px) { .tp-about-img1 { display: none; margin: 0px; width: 100%; max-width: 100%; } } /* tp-about-img2: */ .tp-about-img2 { display: none; height: auto; margin: 20px; width: calc(100% - 40px); max-width: calc(100% - 40px); } @media screen and (max-width: 840px) { .tp-about-img2 { display: none; } } @media screen and (max-width: 540px) { .tp-about-img2 { display: flex; margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; } } /* tp-about-box2: */ .tp-about-box2 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 0px 120px; padding: 0px; max-width: calc(100% - 120px); } @media screen and (max-width: 840px) { .tp-about-box2 { flex: none; margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; } } /* tp-about-img3: */ .tp-about-img3 { flex: none; height: auto; margin: 0px 0px 20px 0px; width: 480px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-about-img3 { flex: none; height: auto; width: 60%; max-width: 60%; } } @media screen and (max-width: 540px) { .tp-about-img3 { flex: none; width: 80%; max-width: 80%; } } /* tp-about-img4: */ .tp-about-img4 { flex: none; height: auto; margin: 0px 0px 0px 0px; width: 200px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-about-img4 { flex: none; height: auto; width: 25%; max-width: 25%; } } /* tp-about-box3: About 人繋ぎの大秘宝は、大阪府羽曳野市にある クリエイティブの */ .tp-about-box3 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 2px solid #33b920; border-left: 2px solid #33b920; border-right: 2px solid #33b920; border-top: 2px solid #33b920; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 40px; height: auto; justify-content: center; margin: 0px 0px 0px 0px; padding: 24px; width: 1200px; --gh-tp-about-box3: 40px; --gv-tp-about-box3: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-about-box3 { flex: none; width: 90%; --gh-tp-about-box3: 40px; --gv-tp-about-box3: 0px; max-width: 90%; } } @media screen and (max-width: 540px) { .tp-about-box3 { flex-direction: column; flex-wrap: nowrap; gap: 0px; --gh-tp-about-box3: 0px; --gv-tp-about-box3: 0px; } } /* tp-about-box4: About */ .tp-about-box4 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 44px 0px; padding: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-about-box4 { flex: none; width: calc(42% - (var(--gh-tp-about-box3) * 0.58)); max-width: calc(42% - (var(--gh-tp-about-box3) * 0.58)); } } @media screen and (max-width: 540px) { .tp-about-box4 { margin: 0px 0px 21px 0px; width: calc(100% - (var(--gh-tp-about-box3) * 0)); max-width: calc(100% - (var(--gh-tp-about-box3) * 0)); } } /* tp-about-txt1: About */ .tp-about-txt1 { color: #33b920; font-family: Lato, sans-serif; font-size: 16px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 16px 8px; text-align: left; width: auto; max-width: calc(100% - 8px); justify-content: flex-start; } /* tp-about-img5: */ .tp-about-img5 { height: auto; width: 437px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-about-img5 { flex: none; height: auto; width: 100%; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-about-img5 { height: auto; width: 100%; } } /* tp-about-rich1: 人繋ぎの大秘宝は、大阪府羽曳野市にある クリエイティブの力 を活かし */ .tp-about-rich1 { color: #333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 300; height: auto; line-height: 1.4; padding: 0 10px 0; text-align: left; width: auto; max-width: 100%; } .tp-about-rich1 > p { font-size: 18px; font-weight: 400; line-height: 1.63; } .tp-about-rich1 strong { color: #4d9742; } @media screen and (max-width: 840px) { .tp-about-rich1 { flex: 1; width: auto; } } @media screen and (max-width: 540px) { .tp-about-rich1 { font-size: 15px; padding: 0px 0px 0px; } } @media screen and (max-width: 540px) { .tp-about-rich1 > p { font-size: 15px; } } /* tp-about-box5: お電話での人繋ぎの大秘宝の見学のお申し込みはこちら お電話での人繋ぎ */ .tp-about-box5 { align-items: center; flex: none; flex-direction: column; gap: 30px; height: auto; justify-content: flex-start; margin: 40px 0px 0px 0px; padding: 0px; width: 640px; --gh-tp-about-box5: 0px; --gv-tp-about-box5: 30px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-about-box5 { flex: none; width: 80%; --gh-tp-about-box5: 0px; --gv-tp-about-box5: 30px; max-width: 80%; } } @media screen and (max-width: 540px) { .tp-about-box5 { flex: none; gap: 14px; padding: 0px; width: 90%; --gh-tp-about-box5: 0px; --gv-tp-about-box5: 14px; max-width: 90%; } } /* tp-about-box6: お電話での人繋ぎの大秘宝の見学のお申し込みはこちら お電話での人繋ぎ */ .tp-about-box6 { align-items: center; background: #FFFFFF; border-radius: 45px; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 24px 40px 28px 40px; width: calc(100% - (var(--gh-tp-about-box5) * 0)); --gh-tp-about-box6: 0px; --gv-tp-about-box6: 0px; max-width: calc(100% - (var(--gh-tp-about-box5) * 0)); } @media screen and (max-width: 540px) { .tp-about-box6 { margin: 0px; padding: 20px 16px; --gh-tp-about-box6: 0px; --gv-tp-about-box6: 0px; } } /* tp-about-txt2: お電話での人繋ぎの大秘宝の見学のお申し込みはこちら */ .tp-about-txt2 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 25px; margin: 0px 0px 16px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 840px) { .tp-about-txt2 { font-size: 15px; } } @media screen and (max-width: 540px) { .tp-about-txt2 { display: none; font-size: 13px; line-height: 1; } } /* tp-about-txt3: お電話での人繋ぎの大秘宝の見学の お申し込みはこちら */ .tp-about-txt3 { color: #111111; display: none; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 25px; margin: 0px 0px 16px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 840px) { .tp-about-txt3 { display: none; font-size: 15px; } } @media screen and (max-width: 540px) { .tp-about-txt3 { display: flex; font-size: 15px; font-weight: 500; line-height: 1.43; margin: 0px 0px 9px 0px; max-width: 100%; } } /* tp-about-box7: call 072-900-2190 */ .tp-about-box7 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; overflow-x: visible; overflow-y: visible; padding: 0px 0px 0px 0px; width: auto; max-width: 100%; } /* tp-about-box8: call 072-900-2190 */ .tp-about-box8 { align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px; overflow-x: visible; overflow-y: visible; padding: 0px 0px 0px 0px; width: auto; max-width: 100%; } /* tp-about-icon1: call */ .tp-about-icon1 { color: #363a35; font-size: 36px; width: 36px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-about-icon1 { font-size: 28px; margin: 0px 0px -8px 0px; max-width: 100%; } } /* tp-about-txt4: 072-900-2190 */ .tp-about-txt4 { color: #363a35; font-family: 'Noto Sans JP', sans-serif; font-size: 36px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-about-txt4 { font-size: 32px; } } /* tp-about-box9: */ .tp-about-box9 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-radius: 96px; flex: none; height: 5px; margin: -12px 0px 0px 0px; opacity: 0.7; width: 102%; z-index: -3; max-width: 102%; --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; } /* tp-about-txt5: 受付時間：平日10:00-17:00 携帯電話からもご利用になれます */ .tp-about-txt5 { color: #111111; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: 45px; letter-spacing: 0em; line-height: 25px; margin: 22px 0px 0px 0px; text-align: center; width: 210px; max-width: 100%; justify-content: center; } @media screen and (max-width: 840px) { .tp-about-txt5 { font-size: 13px; } } @media screen and (max-width: 540px) { .tp-about-txt5 { font-size: 13px; } } /* tp-about-link1: LINEで無料見学に申し込む */ .tp-about-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-tp-about-link1: 8px; --gv-tp-about-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; } .tp-about-link1:hover { transform: scale(1.02, 1.02); --gh-tp-about-link1: 8px; --gv-tp-about-link1: 0px; } @media screen and (max-width: 540px) { .tp-about-link1 { margin: 20px 0px 0px 0px; padding: 8px 20px; --gh-tp-about-link1: 8px; --gv-tp-about-link1: 0px; max-width: 100%; } } /* tp-about-txt6: LINEで無料見学に申し込む */ .tp-about-txt6 { 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) { .tp-about-txt6 { font-size: 18px; } } @media screen and (max-width: 540px) { .tp-about-txt6 { font-size: 18px; } } /* tp-about-img6: */ .tp-about-img6 { height: auto; width: 41px; max-width: 100%; } /* tp-blk5-frame1: */ .tp-blk5-frame1 { background: #eeeeee00; border-radius: 0px; display: none; flex: none; height: 1200px; margin: 80px 0px 0px 0px; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; } @media screen and (max-width: 840px) { .tp-blk5-frame1 { display: none; } } @media screen and (max-width: 540px) { .tp-blk5-frame1 { display: none; } } /* tp-blk6-frame1: */ .tp-blk6-frame1 { background: #eeeeee00; border-radius: 0px; flex: none; height: 1200px; margin: 80px 0px 0px 0px; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-blk6-frame1 { height: 1249px; margin: 80px 0px 80px 0px; width: 100%; max-width: 100%; } } /* tp-course-sec1: 人繋ぎの大秘宝のコース一覧 Course 人繋ぎの大秘宝ではあなたの */ .tp-course-sec1 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 80px 0px; padding: 0px; width: 100%; max-width: 100%; } /* tp-course-box1: 人繋ぎの大秘宝のコース一覧 Course 人繋ぎの大秘宝ではあなたの */ .tp-course-box1 { align-content: center; align-items: center; flex: none; flex-direction: column; gap: 30px; height: auto; justify-content: center; margin: -40px 0px 60px 0px; padding: 0px; width: 1200px; --gh-tp-course-box1: 0px; --gv-tp-course-box1: 30px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box1 { align-content: center; align-items: center; justify-content: center; margin: -7px 0px 60px 0px; padding: 0px; --gh-tp-course-box1: 0px; --gv-tp-course-box1: 30px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box1 { flex: none; gap: 20px; margin: 0px 0px 40px 0px; width: 90%; --gh-tp-course-box1: 0px; --gv-tp-course-box1: 20px; max-width: 90%; } } /* tp-course-box2: 人繋ぎの大秘宝のコース一覧 Course */ .tp-course-box2 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-course-box2: 0px; --gv-tp-course-box2: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box2 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-course-box2: 0px; --gv-tp-course-box2: 0px; } } @media screen and (max-width: 540px) { .tp-course-box2 { margin: 16px 0px 0px 0px; padding: 0px; --gh-tp-course-box2: 0px; --gv-tp-course-box2: 0px; max-width: 100%; } } /* tp-course-txt1: 人繋ぎの大秘宝のコース一覧 */ .tp-course-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-course-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-course-box2) * 0)); max-width: calc(100% - (var(--gh-tp-course-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-course-txt1 { font-size: 24px; } } /* tp-course-box3: */ .tp-course-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-course-box2) * 0)); max-width: calc(100% - (var(--gh-tp-course-box2) * 0)); --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; } /* tp-course-txt2: Course */ .tp-course-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-course-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-course-box2) * 0)); max-width: calc(100% - (var(--gh-tp-course-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-course-txt2 { font-size: 18px; } } /* tp-course-txt3: 人繋ぎの大秘宝ではあなたの個性が活かせる さまざまなコースをご紹介し */ .tp-course-txt3 { color: #111111; display: none; 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.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt3 { display: none; font-size: 14px; text-align: center; justify-content: center; } } @media screen and (max-width: 540px) { .tp-course-txt3 { display: flex; font-size: 16px; font-weight: 500; } } /* tp-course-txt4: 人繋ぎの大秘宝ではあなたの個性が活かせるさまざまなコースをご紹介しま */ .tp-course-txt4 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt4 { font-size: 14px; text-align: center; justify-content: center; } } @media screen and (max-width: 540px) { .tp-course-txt4 { display: none; font-size: 15px; } } /* tp-course-box4: パソコン作業 WEBデザイン イラスト制作 */ .tp-course-box4 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 60px; justify-content: center; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; --gh-tp-course-box4: 60px; --gv-tp-course-box4: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box4 { display: flex; flex: none; gap: 20px; padding: 0px 0px; width: 90%; --gh-tp-course-box4: 20px; --gv-tp-course-box4: 0px; max-width: 90%; } } @media screen and (max-width: 540px) { .tp-course-box4 { display: none; --gh-tp-course-box4: 60px; --gv-tp-course-box4: 0px; } } /* tp-course-box5: パソコン作業 */ .tp-course-box5 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box5 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box5 { padding: 0px; } } /* tp-course-box6: パソコン作業 */ .tp-course-box6 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box6: 0px; --gv-tp-course-box6: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box6 { margin: 0px; padding: 0px; --gh-tp-course-box6: 0px; --gv-tp-course-box6: 0px; } } /* tp-course-pic1: */ .tp-course-pic1 { align-items: center; background: #fff8e6; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box6) * 0)); max-width: calc(100% - (var(--gh-tp-course-box6) * 0)); } .tp-course-pic1:before { background-position: center top; } /* tp-course-txt5: パソコン作業 */ .tp-course-txt5 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt5 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt5 { font-size: 14px; } } /* tp-course-box7: WEBデザイン */ .tp-course-box7 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box7 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box7 { padding: 0px; } } /* tp-course-box8: WEBデザイン */ .tp-course-box8 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box8: 0px; --gv-tp-course-box8: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box8 { margin: 0px; padding: 0px; --gh-tp-course-box8: 0px; --gv-tp-course-box8: 0px; } } /* tp-course-pic2: */ .tp-course-pic2 { 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-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box8) * 0)); max-width: calc(100% - (var(--gh-tp-course-box8) * 0)); --g-color-0: #edffe3; --g-position-0: 0%; --g-color-1: #ffe7e7; --g-position-1: 100%; --g-color-2: #ffe7e7; --g-position-2: 100%; --g-color-3: #ffe7e7; --g-position-3: 100%; --g-color-4: #ffe7e7; --g-position-4: 100%; --g-color-5: #ffe7e7; --g-position-5: 100%; --g-color-6: #ffe7e7; --g-position-6: 100%; --g-color-7: #ffe7e7; --g-position-7: 100%; --g-color-8: #ffe7e7; --g-position-8: 100%; --g-color-9: #ffe7e7; --g-position-9: 100%; --g-color-10: #ffe7e7; --g-position-10: 100%; --g-color-11: #ffe7e7; --g-position-11: 100%; --g-angle: 135deg; } /* tp-course-txt6: WEBデザイン */ .tp-course-txt6 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt6 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt6 { font-size: 14px; } } /* tp-course-box9: イラスト制作 */ .tp-course-box9 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box9 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box9 { padding: 0px; } } /* tp-course-box10: イラスト制作 */ .tp-course-box10 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box10: 0px; --gv-tp-course-box10: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box10 { margin: 0px; padding: 0px; --gh-tp-course-box10: 0px; --gv-tp-course-box10: 0px; } } /* tp-course-pic3: */ .tp-course-pic3 { align-items: center; background: rgb(245, 255, 239); border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box10) * 0)); max-width: calc(100% - (var(--gh-tp-course-box10) * 0)); } /* tp-course-txt7: イラスト制作 */ .tp-course-txt7 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt7 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt7 { font-size: 14px; } } /* tp-course-box11: チラシ折り アクセサリー制作 その他軽作業 */ .tp-course-box11 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 60px; justify-content: center; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; --gh-tp-course-box11: 60px; --gv-tp-course-box11: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box11 { display: flex; flex: none; gap: 20px; padding: 0px 0px; width: 90%; --gh-tp-course-box11: 20px; --gv-tp-course-box11: 0px; max-width: 90%; } } @media screen and (max-width: 540px) { .tp-course-box11 { display: none; --gh-tp-course-box11: 60px; --gv-tp-course-box11: 0px; } } /* tp-course-box12: チラシ折り */ .tp-course-box12 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box12 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box12 { padding: 0px; } } /* tp-course-box13: チラシ折り */ .tp-course-box13 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box13: 0px; --gv-tp-course-box13: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box13 { margin: 0px; padding: 0px; --gh-tp-course-box13: 0px; --gv-tp-course-box13: 0px; } } /* tp-course-pic4: */ .tp-course-pic4 { align-items: center; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box13) * 0)); max-width: calc(100% - (var(--gh-tp-course-box13) * 0)); } /* tp-course-txt8: チラシ折り */ .tp-course-txt8 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt8 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt8 { font-size: 14px; } } /* tp-course-box14: アクセサリー制作 */ .tp-course-box14 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box14 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box14 { padding: 0px; } } /* tp-course-box15: アクセサリー制作 */ .tp-course-box15 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box15: 0px; --gv-tp-course-box15: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box15 { margin: 0px; padding: 0px; --gh-tp-course-box15: 0px; --gv-tp-course-box15: 0px; } } /* tp-course-pic5: */ .tp-course-pic5 { 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-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box15) * 0)); max-width: calc(100% - (var(--gh-tp-course-box15) * 0)); --g-color-0: #f3fff1; --g-position-0: 0%; --g-color-1: #cdf1ff; --g-position-1: 100%; --g-color-2: #cdf1ff; --g-position-2: 100%; --g-color-3: #cdf1ff; --g-position-3: 100%; --g-color-4: #cdf1ff; --g-position-4: 100%; --g-color-5: #cdf1ff; --g-position-5: 100%; --g-color-6: #cdf1ff; --g-position-6: 100%; --g-color-7: #cdf1ff; --g-position-7: 100%; --g-color-8: #cdf1ff; --g-position-8: 100%; --g-color-9: #cdf1ff; --g-position-9: 100%; --g-color-10: #cdf1ff; --g-position-10: 100%; --g-color-11: #cdf1ff; --g-position-11: 100%; --g-angle: 315deg; } /* tp-course-txt9: アクセサリー制作 */ .tp-course-txt9 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt9 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt9 { font-size: 14px; } } /* tp-course-box16: その他軽作業 */ .tp-course-box16 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box16 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box16 { padding: 0px; } } /* tp-course-box17: その他軽作業 */ .tp-course-box17 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box17: 0px; --gv-tp-course-box17: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box17 { margin: 0px; padding: 0px; --gh-tp-course-box17: 0px; --gv-tp-course-box17: 0px; } } /* tp-course-pic6: */ .tp-course-pic6 { align-items: center; background: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box17) * 0)); max-width: calc(100% - (var(--gh-tp-course-box17) * 0)); } /* tp-course-txt10: その他軽作業 */ .tp-course-txt10 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt10 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt10 { font-size: 14px; } } /* tp-course-box18: アクセサリー制作 WEBデザイン チラシ折り マンガ制作 パソコン作 */ .tp-course-box18 { align-content: center; align-items: center; display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; } @media screen and (max-width: 840px) { .tp-course-box18 { display: none; } } @media screen and (max-width: 540px) { .tp-course-box18 { display: flex; } } /* tp-course-box19: アクセサリー制作 WEBデザイン チラシ折り マンガ制作 パソコン作 */ .tp-course-box19 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 60px; justify-content: center; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; --gh-tp-course-box19: 60px; --gv-tp-course-box19: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box19 { flex: none; gap: 20px; padding: 0px 0px; width: 90%; --gh-tp-course-box19: 20px; --gv-tp-course-box19: 0px; max-width: 90%; } } @media screen and (max-width: 540px) { .tp-course-box19 { flex-direction: row; flex-wrap: wrap; margin: 0px 0px 0px 0px; --gh-tp-course-box19: 60px; --gv-tp-course-box19: 60px; width: 90%; max-width: 90%; } } /* tp-course-box20: アクセサリー制作 */ .tp-course-box20 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box20 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box20 { flex: none; padding: 0px; width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); max-width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); } } /* tp-course-box21: アクセサリー制作 */ .tp-course-box21 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box21: 0px; --gv-tp-course-box21: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box21 { margin: 0px; padding: 0px; --gh-tp-course-box21: 0px; --gv-tp-course-box21: 0px; } } /* tp-course-pic7: */ .tp-course-pic7 { 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-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box21) * 0)); max-width: calc(100% - (var(--gh-tp-course-box21) * 0)); --g-color-0: #f3fff1; --g-position-0: 0%; --g-color-1: #cdf1ff; --g-position-1: 100%; --g-color-2: #cdf1ff; --g-position-2: 100%; --g-color-3: #cdf1ff; --g-position-3: 100%; --g-color-4: #cdf1ff; --g-position-4: 100%; --g-color-5: #cdf1ff; --g-position-5: 100%; --g-color-6: #cdf1ff; --g-position-6: 100%; --g-color-7: #cdf1ff; --g-position-7: 100%; --g-color-8: #cdf1ff; --g-position-8: 100%; --g-color-9: #cdf1ff; --g-position-9: 100%; --g-color-10: #cdf1ff; --g-position-10: 100%; --g-color-11: #cdf1ff; --g-position-11: 100%; --g-angle: 315deg; } @media screen and (max-width: 540px) { .tp-course-pic7 { flex: none; height: 160px; width: calc(100% - (var(--gh-tp-course-box21) * 0)); max-width: calc(100% - (var(--gh-tp-course-box21) * 0)); } } /* tp-course-txt11: アクセサリー制作 */ .tp-course-txt11 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt11 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt11 { font-size: 16px; margin: 8px 0px 0px 0px; max-width: 100%; } } /* tp-course-box22: WEBデザイン */ .tp-course-box22 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box22 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box22 { flex: none; padding: 0px; width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); max-width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); } } /* tp-course-box23: WEBデザイン */ .tp-course-box23 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box23: 0px; --gv-tp-course-box23: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box23 { margin: 0px; padding: 0px; --gh-tp-course-box23: 0px; --gv-tp-course-box23: 0px; } } /* tp-course-pic8: */ .tp-course-pic8 { 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-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box23) * 0)); max-width: calc(100% - (var(--gh-tp-course-box23) * 0)); --g-color-0: #edffe3; --g-position-0: 0%; --g-color-1: #ffe7e7; --g-position-1: 100%; --g-color-2: #ffe7e7; --g-position-2: 100%; --g-color-3: #ffe7e7; --g-position-3: 100%; --g-color-4: #ffe7e7; --g-position-4: 100%; --g-color-5: #ffe7e7; --g-position-5: 100%; --g-color-6: #ffe7e7; --g-position-6: 100%; --g-color-7: #ffe7e7; --g-position-7: 100%; --g-color-8: #ffe7e7; --g-position-8: 100%; --g-color-9: #ffe7e7; --g-position-9: 100%; --g-color-10: #ffe7e7; --g-position-10: 100%; --g-color-11: #ffe7e7; --g-position-11: 100%; --g-angle: 135deg; } @media screen and (max-width: 540px) { .tp-course-pic8 { flex: none; height: 160px; width: calc(100% - (var(--gh-tp-course-box23) * 0)); max-width: calc(100% - (var(--gh-tp-course-box23) * 0)); } } /* tp-course-txt12: WEBデザイン */ .tp-course-txt12 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt12 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt12 { font-size: 16px; margin: 8px 0px 0px 0px; max-width: 100%; } } /* tp-course-box24: チラシ折り */ .tp-course-box24 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box24 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box24 { flex: none; padding: 0px; width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); max-width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); } } /* tp-course-box25: チラシ折り */ .tp-course-box25 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box25: 0px; --gv-tp-course-box25: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box25 { margin: 0px; padding: 0px; --gh-tp-course-box25: 0px; --gv-tp-course-box25: 0px; } } /* tp-course-pic9: */ .tp-course-pic9 { align-items: center; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box25) * 0)); max-width: calc(100% - (var(--gh-tp-course-box25) * 0)); } @media screen and (max-width: 540px) { .tp-course-pic9 { flex: none; height: 160px; width: calc(100% - (var(--gh-tp-course-box25) * 0)); max-width: calc(100% - (var(--gh-tp-course-box25) * 0)); } } /* tp-course-txt13: チラシ折り */ .tp-course-txt13 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt13 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt13 { font-size: 16px; margin: 8px 0px 0px 0px; max-width: 100%; } } /* tp-course-box26: マンガ制作 */ .tp-course-box26 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box26 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box26 { flex: none; padding: 0px; width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); max-width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); } } /* tp-course-box27: マンガ制作 */ .tp-course-box27 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box27: 0px; --gv-tp-course-box27: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box27 { margin: 0px; padding: 0px; --gh-tp-course-box27: 0px; --gv-tp-course-box27: 0px; } } /* tp-course-pic10: */ .tp-course-pic10 { align-items: center; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box27) * 0)); max-width: calc(100% - (var(--gh-tp-course-box27) * 0)); } @media screen and (max-width: 540px) { .tp-course-pic10 { flex: none; height: 160px; width: calc(100% - (var(--gh-tp-course-box27) * 0)); max-width: calc(100% - (var(--gh-tp-course-box27) * 0)); } } /* tp-course-txt14: マンガ制作 */ .tp-course-txt14 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt14 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt14 { font-size: 16px; margin: 8px 0px 0px 0px; max-width: 100%; } } /* tp-course-box28: パソコン作業 */ .tp-course-box28 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box28 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box28 { flex: none; padding: 0px; width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); max-width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); } } /* tp-course-box29: パソコン作業 */ .tp-course-box29 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box29: 0px; --gv-tp-course-box29: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box29 { margin: 0px; padding: 0px; --gh-tp-course-box29: 0px; --gv-tp-course-box29: 0px; } } /* tp-course-pic11: */ .tp-course-pic11 { align-items: center; background: #fff8e6; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box29) * 0)); max-width: calc(100% - (var(--gh-tp-course-box29) * 0)); } .tp-course-pic11:before { background-position: center top; } @media screen and (max-width: 540px) { .tp-course-pic11 { flex: none; height: 160px; width: calc(100% - (var(--gh-tp-course-box29) * 0)); max-width: calc(100% - (var(--gh-tp-course-box29) * 0)); } } /* tp-course-txt15: パソコン作業 */ .tp-course-txt15 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt15 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt15 { font-size: 16px; margin: 8px 0px 0px 0px; max-width: 100%; } } /* tp-course-box30: その他軽作業 */ .tp-course-box30 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 320px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-course-box30 { flex: 1; width: auto; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-course-box30 { flex: none; padding: 0px; width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); max-width: calc(47% - (var(--gh-tp-course-box19) * 0.53)); } } /* tp-course-box31: その他軽作業 */ .tp-course-box31 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-tp-course-box31: 0px; --gv-tp-course-box31: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-course-box31 { margin: 0px; padding: 0px; --gh-tp-course-box31: 0px; --gv-tp-course-box31: 0px; } } /* tp-course-pic12: */ .tp-course-pic12 { align-items: center; background: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; height: 260px; justify-content: center; margin: 0px; overflow-x: hidden; overflow-y: hidden; width: calc(100% - (var(--gh-tp-course-box31) * 0)); max-width: calc(100% - (var(--gh-tp-course-box31) * 0)); } @media screen and (max-width: 540px) { .tp-course-pic12 { flex: none; height: 160px; width: calc(100% - (var(--gh-tp-course-box31) * 0)); max-width: calc(100% - (var(--gh-tp-course-box31) * 0)); } } /* tp-course-txt16: その他軽作業 */ .tp-course-txt16 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 19px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-course-txt16 { font-size: 16px; } } @media screen and (max-width: 540px) { .tp-course-txt16 { font-size: 16px; margin: 8px 0px 0px 0px; max-width: 100%; } } /* tp-course-link1: LINEで無料見学に申し込む */ .tp-course-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: 40px 0px 0px 0px; padding: 17px 40px; width: auto; --gh-tp-course-link1: 8px; --gv-tp-course-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; } .tp-course-link1:hover { transform: scale(1.02, 1.02); --gh-tp-course-link1: 8px; --gv-tp-course-link1: 0px; } @media screen and (max-width: 540px) { .tp-course-link1 { padding: 8px 20px; --gh-tp-course-link1: 8px; --gv-tp-course-link1: 0px; } } /* tp-course-txt17: LINEで無料見学に申し込む */ .tp-course-txt17 { 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) { .tp-course-txt17 { font-size: 18px; } } @media screen and (max-width: 540px) { .tp-course-txt17 { font-size: 18px; } } /* tp-course-img1: */ .tp-course-img1 { height: auto; width: 41px; max-width: 100%; } /* tp-course-pic13: */ .tp-course-pic13 { bottom: auto; height: 281px; left: 12px; margin: 0 0 0 0; position: absolute; right: auto; top: 84px; width: 311px; z-index: -3; max-width: 100%; } .tp-course-pic13:before { background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 540px) { .tp-course-pic13 { bottom: auto; height: 214px; left: -7px; right: auto; top: 56px; width: 180px; max-width: 100%; } } /* tp-course-pic14: */ .tp-course-pic14 { bottom: 120px; height: 271px; left: auto; margin: 0 0 0 0; position: absolute; right: -20px; top: auto; transform: rotate(-21deg); width: 297px; z-index: -3; max-width: 100%; } .tp-course-pic14:before { background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 540px) { .tp-course-pic14 { bottom: 108px; height: 143px; left: auto; right: -23px; top: auto; width: 197px; max-width: 100%; } } /* tp-fx-pic1: */ .tp-fx-pic1 { flex: none; height: 100vh; left: 0; margin: 0 0 0 0; opacity: 0.3; position: fixed; top: 0; width: 100%; z-index: -3; max-width: 100%; } .tp-fx-pic1:before { background-size: 140%; } /* tp-features-sec1: 人繋ぎの大秘宝の特徴 features 在宅可能！おうちで作業OK */ .tp-features-sec1 { align-content: center; 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)); flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 0px 0px; padding: 120px 0px; width: 100%; max-width: 100%; --g-color-0: #e8ffe4; --g-position-0: 0%; --g-color-1: #ddf6ff; --g-position-1: 100%; --g-color-2: #ddf6ff; --g-position-2: 100%; --g-color-3: #ddf6ff; --g-position-3: 100%; --g-color-4: #ddf6ff; --g-position-4: 100%; --g-color-5: #ddf6ff; --g-position-5: 100%; --g-color-6: #ddf6ff; --g-position-6: 100%; --g-color-7: #ddf6ff; --g-position-7: 100%; --g-color-8: #ddf6ff; --g-position-8: 100%; --g-color-9: #ddf6ff; --g-position-9: 100%; --g-color-10: #ddf6ff; --g-position-10: 100%; --g-color-11: #ddf6ff; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-features-sec1 { padding: 60px 0px; } } /* tp-features-box1: 人繋ぎの大秘宝の特徴 features */ .tp-features-box1 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-features-box1 { flex: none; height: auto; padding: 0px; width: 100%; max-width: 100%; } } /* tp-features-box2: 人繋ぎの大秘宝の特徴 features */ .tp-features-box2 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-features-box2: 0px; --gv-tp-features-box2: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-features-box2 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-features-box2: 0px; --gv-tp-features-box2: 0px; } } @media screen and (max-width: 540px) { .tp-features-box2 { gap: 0px; margin: 0px; padding: 0px; --gh-tp-features-box2: 0px; --gv-tp-features-box2: 0px; } } /* tp-features-txt1: 人繋ぎの大秘宝の特徴 */ .tp-features-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-features-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-features-box2) * 0)); max-width: calc(100% - (var(--gh-tp-features-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-features-txt1 { font-size: 24px; } } /* tp-features-box3: */ .tp-features-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-features-box2) * 0)); max-width: calc(100% - (var(--gh-tp-features-box2) * 0)); --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; } /* tp-features-txt2: features */ .tp-features-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-features-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-features-box2) * 0)); max-width: calc(100% - (var(--gh-tp-features-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-features-txt2 { font-size: 18px; } } /* tp-features-box4: 在宅可能！おうちで作業OK 在宅特化で外が苦手でも大丈夫（通所可能） */ .tp-features-box4 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px 20px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-features-box4 { flex: none; padding: 0px; width: 80%; max-width: 80%; } } /* tp-features-box5: 在宅可能！おうちで作業OK 在宅特化で外が苦手でも大丈夫（通所可能） */ .tp-features-box5 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; gap: 40px; height: auto; justify-content: center; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; --gh-tp-features-box5: 40px; --gv-tp-features-box5: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-features-box5 { flex-wrap: wrap; width: 860px; --gh-tp-features-box5: 40px; --gv-tp-features-box5: 40px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-features-box5 { flex: none; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; --gh-tp-features-box5: 40px; --gv-tp-features-box5: 0px; max-width: 100%; } } /* tp-features-box6: 在宅可能！おうちで作業OK 在宅特化で外が苦手でも大丈夫（通所可能） */ .tp-features-box6 { align-items: flex-start; background: rgba(0,0,0,0.0); flex: 1; flex-direction: column; gap: 14px; height: calc(100% - (var(--gv-tp-features-box5) * 0)); justify-content: flex-start; margin: 0px; padding: 20px; width: auto; --gh-tp-features-box6: 0px; --gv-tp-features-box6: 14px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-features-box6 { flex: none; width: calc(100% - (var(--gh-tp-features-box5) * 0)); --gh-tp-features-box6: 0px; --gv-tp-features-box6: 14px; max-width: calc(100% - (var(--gh-tp-features-box5) * 0)); height: calc(100% - (var(--gv-tp-features-box5) * 0)); } } @media screen and (max-width: 540px) { .tp-features-box6 { align-content: flex-start; align-items: flex-start; gap: 16px; justify-content: flex-start; margin: 0px; padding: 0px; --gh-tp-features-box6: 0px; --gv-tp-features-box6: 16px; } } /* tp-features-box7: */ .tp-features-box7 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 14px; justify-content: center; padding: 0px; width: calc(100% - (var(--gh-tp-features-box6) * 0)); --gh-tp-features-box7: 0px; --gv-tp-features-box7: 14px; max-width: calc(100% - (var(--gh-tp-features-box6) * 0)); } @media screen and (max-width: 540px) { .tp-features-box7 { align-content: center; align-items: center; gap: 6px; justify-content: center; --gh-tp-features-box7: 0px; --gv-tp-features-box7: 6px; } } /* tp-features-box8: */ .tp-features-box8 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px -50px -20px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 164px; max-width: calc(100% - -20px); } @media screen and (max-width: 540px) { .tp-features-box8 { margin: 0px 0px -32px -10px; width: 126px; max-width: calc(100% - -10px); } } /* tp-features-img1: */ .tp-features-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } /* tp-features-pic1: */ .tp-features-pic1 { background: #FFFFFF; border-bottom: 2px solid #38b9b9; border-left: 2px solid #38b9b9; border-radius: 8px; border-right: 2px solid #38b9b9; border-top: 2px solid #38b9b9; box-shadow: 0px 2px 5px rgba(114, 121, 114, 0.2); height: 276px; width: calc(100% - (var(--gh-tp-features-box7) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-features-box7) * 0)); } @media screen and (max-width: 540px) { .tp-features-pic1 { flex: none; height: 240px; margin: 0px 0px 0px 0px; width: 270px; max-width: 100%; } } /* tp-features-txt3: 在宅可能！おうちで作業OK */ .tp-features-txt3 { color: #111111; 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; width: calc(100% - (var(--gh-tp-features-box6) * 0)); max-width: calc(100% - (var(--gh-tp-features-box6) * 0)); justify-content: center; } @media screen and (max-width: 840px) { .tp-features-txt3 { font-size: 20px; } } @media screen and (max-width: 540px) { .tp-features-txt3 { font-size: 18px; } } /* tp-features-txt4: 在宅特化で外が苦手でも大丈夫（通所可能）君にあった作業コースをスタッ */ .tp-features-txt4 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-features-txt4 { flex: none; text-align: center; width: calc(100% - (var(--gh-tp-features-box6) * 0)); max-width: calc(100% - (var(--gh-tp-features-box6) * 0)); justify-content: center; } } @media screen and (max-width: 540px) { .tp-features-txt4 { font-size: 15px; } } /* tp-features-box9: クリエイタースタッフ&高工賃4.5万円〜/月 プロの活躍スタッフから */ .tp-features-box9 { align-items: flex-start; background: rgba(0,0,0,0.0); flex: 1; flex-direction: column; gap: 14px; height: calc(100% - (var(--gv-tp-features-box5) * 0)); justify-content: flex-start; margin: 0px; padding: 20px; width: auto; --gh-tp-features-box9: 0px; --gv-tp-features-box9: 14px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-features-box9 { flex: none; width: calc(100% - (var(--gh-tp-features-box5) * 0)); --gh-tp-features-box9: 0px; --gv-tp-features-box9: 14px; max-width: calc(100% - (var(--gh-tp-features-box5) * 0)); height: calc(100% - (var(--gv-tp-features-box5) * 0)); } } @media screen and (max-width: 540px) { .tp-features-box9 { align-content: center; align-items: center; gap: 16px; justify-content: center; margin: 0px; padding: 0px; --gh-tp-features-box9: 0px; --gv-tp-features-box9: 16px; } } /* tp-features-box10: */ .tp-features-box10 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 14px; justify-content: center; padding: 0px; width: calc(100% - (var(--gh-tp-features-box9) * 0)); --gh-tp-features-box10: 0px; --gv-tp-features-box10: 14px; max-width: calc(100% - (var(--gh-tp-features-box9) * 0)); } @media screen and (max-width: 540px) { .tp-features-box10 { align-content: center; align-items: center; gap: 6px; justify-content: center; --gh-tp-features-box10: 0px; --gv-tp-features-box10: 6px; } } /* tp-features-box11: */ .tp-features-box11 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px -50px -20px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 164px; max-width: calc(100% - -20px); } @media screen and (max-width: 540px) { .tp-features-box11 { margin: 0px 0px -32px -10px; width: 126px; max-width: calc(100% - -10px); } } /* tp-features-img2: */ .tp-features-img2 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } /* tp-features-pic2: */ .tp-features-pic2 { background: #FFFFFF; border-bottom: 2px solid #38b9b9; border-left: 2px solid #38b9b9; border-radius: 8px; border-right: 2px solid #38b9b9; border-top: 2px solid #38b9b9; box-shadow: 0px 2px 5px rgba(114, 121, 114, 0.2); height: 276px; width: calc(100% - (var(--gh-tp-features-box10) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-features-box10) * 0)); } @media screen and (max-width: 540px) { .tp-features-pic2 { flex: none; font-size: 18px; height: 240px; margin: 0px 0px 0px 0px; width: 270px; max-width: 100%; } } /* tp-features-txt5: クリエイタースタッフ&高工賃4.5万円〜/月 */ .tp-features-txt5 { color: #111111; 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; width: calc(100% - (var(--gh-tp-features-box9) * 0)); max-width: calc(100% - (var(--gh-tp-features-box9) * 0)); justify-content: center; } @media screen and (max-width: 840px) { .tp-features-txt5 { font-size: 20px; } } @media screen and (max-width: 540px) { .tp-features-txt5 { font-size: 18px; } } /* tp-features-rich1: プロの活躍スタッフから技術を学べます。長期的に 高収入工賃平均4.5 */ .tp-features-rich1 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 0px 0px; text-align: left; width: auto; max-width: 100%; } .tp-features-rich1 > p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .tp-features-rich1 strong { color: #189a74ff; font-weight: 600; } /* tp-features-box12: 送迎無料・昼食無料 通所利用の場合は 昼食無料 (条件あり)、 送迎 */ .tp-features-box12 { align-items: flex-start; background: rgba(0,0,0,0.0); flex: 1; flex-direction: column; gap: 14px; height: calc(100% - (var(--gv-tp-features-box5) * 0)); justify-content: flex-start; margin: 0px; padding: 20px; width: auto; --gh-tp-features-box12: 0px; --gv-tp-features-box12: 14px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-features-box12 { flex: none; width: calc(100% - (var(--gh-tp-features-box5) * 0)); --gh-tp-features-box12: 0px; --gv-tp-features-box12: 14px; max-width: calc(100% - (var(--gh-tp-features-box5) * 0)); height: calc(100% - (var(--gv-tp-features-box5) * 0)); } } @media screen and (max-width: 540px) { .tp-features-box12 { gap: 16px; margin: 0px; padding: 0px; --gh-tp-features-box12: 0px; --gv-tp-features-box12: 16px; } } /* tp-features-box13: */ .tp-features-box13 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 14px; justify-content: center; padding: 0px; width: calc(100% - (var(--gh-tp-features-box12) * 0)); --gh-tp-features-box13: 0px; --gv-tp-features-box13: 14px; max-width: calc(100% - (var(--gh-tp-features-box12) * 0)); } @media screen and (max-width: 540px) { .tp-features-box13 { align-content: center; align-items: center; gap: 6px; justify-content: center; --gh-tp-features-box13: 0px; --gv-tp-features-box13: 6px; } } /* tp-features-box14: */ .tp-features-box14 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px -50px -20px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 164px; max-width: calc(100% - -20px); } @media screen and (max-width: 540px) { .tp-features-box14 { margin: 0px 0px -32px -10px; width: 126px; max-width: calc(100% - -10px); } } /* tp-features-img3: */ .tp-features-img3 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } /* tp-features-pic3: */ .tp-features-pic3 { background: #FFFFFF; border-bottom: 2px solid #38b9b9; border-left: 2px solid #38b9b9; border-radius: 8px; border-right: 2px solid #38b9b9; border-top: 2px solid #38b9b9; box-shadow: 0px 2px 5px rgba(114, 121, 114, 0.2); height: 276px; width: calc(100% - (var(--gh-tp-features-box13) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-features-box13) * 0)); } .tp-features-pic3:before { background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 540px) { .tp-features-pic3 { flex: none; height: 240px; margin: 0px 0px 0px 0px; width: 270px; max-width: 100%; } } /* tp-features-txt6: 送迎無料・昼食無料 */ .tp-features-txt6 { color: #111111; 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; width: calc(100% - (var(--gh-tp-features-box12) * 0)); max-width: calc(100% - (var(--gh-tp-features-box12) * 0)); justify-content: center; } @media screen and (max-width: 840px) { .tp-features-txt6 { font-size: 20px; } } @media screen and (max-width: 540px) { .tp-features-txt6 { font-size: 18px; } } /* tp-features-rich2: 通所利用の場合は 昼食無料 (条件あり)、 送迎相談可能 。 通いや */ .tp-features-rich2 { color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 0px 0px; text-align: left; width: auto; max-width: 100%; } .tp-features-rich2 > p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .tp-features-rich2 strong { color: #189a74ff; font-weight: 600; } /* tp-features-pic4: */ .tp-features-pic4 { bottom: auto; height: 41px; left: 42px; margin: 0 0 0 0; position: absolute; right: auto; top: 128px; transform: rotate(33deg); width: 50px; z-index: -2; max-width: 100%; } .tp-features-pic4:before { background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 540px) { .tp-features-pic4 { left: 15px; top: 12px; } } /* tp-features-img4: */ .tp-features-img4 { bottom: 56px; height: auto; left: 19px; margin: 0 0 0 0; position: absolute; right: auto; top: auto; width: 94px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-features-img4 { bottom: 24px; left: 12px; z-index: -2; } } /* tp-features-pic5: */ .tp-features-pic5 { bottom: 80px; height: 41px; left: auto; margin: 0 0 0 0; position: absolute; right: 80px; top: auto; transform: rotate(-33deg); width: 60px; z-index: -2; max-width: 100%; } .tp-features-pic5:before { background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 540px) { .tp-features-pic5 { bottom: 76px; display: none; right: 0px; } } /* tp-facility-sec1: 施設概要 Facility 見学・利用相談無料 通うかどうかを決める */ .tp-facility-sec1 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 0px 0px; padding: 120px 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-sec1 { padding: 60px 0px; } } /* tp-facility-box1: 施設概要 Facility 見学・利用相談無料 通うかどうかを決める */ .tp-facility-box1 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px 0px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-box1 { flex: none; padding: 0px; width: 100%; max-width: 100%; } } /* tp-facility-box2: 施設概要 Facility 見学・利用相談無料 通うかどうかを決める */ .tp-facility-box2 { align-content: center; align-items: center; flex-direction: column; gap: 30px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: 100%; --gh-tp-facility-box2: 0px; --gv-tp-facility-box2: 30px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-box2 { flex: none; gap: 0px; margin: 0px; padding: 0px; width: 80%; --gh-tp-facility-box2: 0px; --gv-tp-facility-box2: 0px; max-width: 80%; } } /* tp-facility-box3: 施設概要 Facility */ .tp-facility-box3 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 0px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-box3 { flex: none; margin: 0px 0px 19px 0px; padding: 0px; width: calc(100% - (var(--gh-tp-facility-box2) * 0)); max-width: calc(100% - (var(--gh-tp-facility-box2) * 0)); } } /* tp-facility-box4: 施設概要 Facility */ .tp-facility-box4 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-facility-box4: 0px; --gv-tp-facility-box4: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-facility-box4 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-facility-box4: 0px; --gv-tp-facility-box4: 0px; } } @media screen and (max-width: 540px) { .tp-facility-box4 { gap: 0px; margin: 0px; padding: 0px; --gh-tp-facility-box4: 0px; --gv-tp-facility-box4: 0px; } } /* tp-facility-txt1: 施設概要 */ .tp-facility-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-facility-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-facility-box4) * 0)); max-width: calc(100% - (var(--gh-tp-facility-box4) * 0)); } } @media screen and (max-width: 540px) { .tp-facility-txt1 { font-size: 24px; } } /* tp-facility-box5: */ .tp-facility-box5 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-facility-box4) * 0)); max-width: calc(100% - (var(--gh-tp-facility-box4) * 0)); --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; } /* tp-facility-txt2: Facility */ .tp-facility-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-facility-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-facility-box4) * 0)); max-width: calc(100% - (var(--gh-tp-facility-box4) * 0)); } } @media screen and (max-width: 540px) { .tp-facility-txt2 { font-size: 18px; } } /* tp-facility-txt3: 見学・利用相談無料 通うかどうかを決めることができます。 */ .tp-facility-txt3 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 840px) { .tp-facility-txt3 { font-size: 14px; } } @media screen and (max-width: 540px) { .tp-facility-txt3 { font-size: 16px; line-height: 1.4; margin: 0px 0px 60px 0px; max-width: 100%; } } /* tp-facility-box6: 東海エリア 就労継続支援B型事業所 人繋ぎの大秘宝 〒583-087 */ .tp-facility-box6 { align-content: center; align-items: center; flex: none; flex-direction: row; gap: 24px; height: auto; justify-content: center; margin: 40px 0px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-tp-facility-box2) * 0)); --gh-tp-facility-box6: 24px; --gv-tp-facility-box6: 0px; max-width: calc(100% - (var(--gh-tp-facility-box2) * 0)); } @media screen and (max-width: 840px) { .tp-facility-box6 { align-content: center; align-items: center; flex: none; flex-wrap: wrap; gap: 45px; justify-content: center; width: calc(90% - (var(--gh-tp-facility-box2) * 0.10000000000000003)); --gh-tp-facility-box6: 45px; --gv-tp-facility-box6: 45px; max-width: calc(90% - (var(--gh-tp-facility-box2) * 0.10000000000000003)); } } @media screen and (max-width: 540px) { .tp-facility-box6 { gap: 60px; margin: 0px 0px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-tp-facility-box2) * 0)); --gh-tp-facility-box6: 60px; --gv-tp-facility-box6: 0px; max-width: calc(100% - (var(--gh-tp-facility-box2) * 0)); } } /* tp-facility-box7: 東海エリア 就労継続支援B型事業所 人繋ぎの大秘宝 〒583-087 */ .tp-facility-box7 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 2px solid #33b920; border-left: 2px solid #33b920; border-radius: 16px; border-right: 2px solid #33b920; border-top: 2px solid #33b920; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 60px; height: auto; justify-content: center; padding: 40px 32px; width: auto; --gh-tp-facility-box7: 60px; --gv-tp-facility-box7: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-facility-box7 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 25px; justify-content: center; --gh-tp-facility-box7: 0px; --gv-tp-facility-box7: 25px; } } @media screen and (max-width: 540px) { .tp-facility-box7 { align-content: flex-start; align-items: flex-start; flex: none; justify-content: center; padding: 40px 20px; width: calc(100% - (var(--gh-tp-facility-box6) * 0)); --gh-tp-facility-box7: 60px; --gv-tp-facility-box7: 0px; max-width: calc(100% - (var(--gh-tp-facility-box6) * 0)); } } /* tp-facility-box8: 東海エリア */ .tp-facility-box8 { align-content: center; 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-radius: 12px; display: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: -73px 0px 0px 0px; padding: 8px 16px; width: auto; max-width: 100%; --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: 840px) { .tp-facility-box8 { display: none; } } @media screen and (max-width: 540px) { .tp-facility-box8 { display: none; } } /* tp-facility-txt4: 東海エリア */ .tp-facility-txt4 { color: #FFFFFF; font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } /* tp-facility-list1: 就労継続支援B型事業所 人繋ぎの大秘宝 〒583-0871 大阪府羽 */ .tp-facility-list1 { gap: 32px; margin: 0px 0px 0px 0px; padding: 10px; --gh-tp-facility-list1: 0px; --gv-tp-facility-list1: 32px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-list1 { padding: 0px; --gh-tp-facility-list1: 0px; --gv-tp-facility-list1: 32px; } } /* tp-facility-item1: 就労継続支援B型事業所 人繋ぎの大秘宝 〒583-0871 大阪府羽 */ .tp-facility-item1 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-tp-facility-item1: 0px; --gv-tp-facility-item1: 8px; max-width: 100%; } .tp-facility-item1:before { background-size: cover; --gh-tp-facility-item1: 0px; --gv-tp-facility-item1: 8px; } @media screen and (max-width: 840px) { .tp-facility-item1 { flex: none; height: auto; width: calc(100% - (var(--gh-tp-facility-list1) * 0)); --gh-tp-facility-item1: 0px; --gv-tp-facility-item1: 8px; max-width: calc(100% - (var(--gh-tp-facility-list1) * 0)); } } @media screen and (max-width: 540px) { .tp-facility-item1 { gap: 6px; margin: 0px; padding: 0px; --gh-tp-facility-item1: 0px; --gv-tp-facility-item1: 6px; } } /* tp-facility-img1: */ .tp-facility-img1 { display: none; height: auto; margin: 0px 0px 0px 0px; width: 278px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-facility-img1 { display: none; } } @media screen and (max-width: 540px) { .tp-facility-img1 { display: none; } } /* tp-facility-box9: 就労継続支援B型事業所 人繋ぎの大秘宝 */ .tp-facility-box9 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 1px; justify-content: center; padding: 0px; --gh-tp-facility-box9: 0px; --gv-tp-facility-box9: 1px; } @media screen and (max-width: 540px) { .tp-facility-box9 { gap: 6px; --gh-tp-facility-box9: 0px; --gv-tp-facility-box9: 6px; } } /* tp-facility-txt5: 就労継続支援B型事業所 */ .tp-facility-txt5 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt5 { font-size: 15px; font-weight: 500; } } /* tp-facility-txt6: 人繋ぎの大秘宝 */ .tp-facility-txt6 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-facility-txt6 { font-size: 24px; } } @media screen and (max-width: 540px) { .tp-facility-txt6 { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; } } /* tp-facility-box10: 〒583-0871 大阪府羽曳野市野々上3丁目7-8 */ .tp-facility-box10 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 1px; justify-content: center; padding: 0px; --gh-tp-facility-box10: 0px; --gv-tp-facility-box10: 1px; } @media screen and (max-width: 540px) { .tp-facility-box10 { gap: 6px; --gh-tp-facility-box10: 0px; --gv-tp-facility-box10: 6px; } } /* tp-facility-txt7: 〒583-0871 */ .tp-facility-txt7 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt7 { font-size: 16px; } } /* tp-facility-txt8: 大阪府羽曳野市野々上3丁目7-8 */ .tp-facility-txt8 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt8 { font-size: 16px; } } /* tp-facility-box11: call mail_outline */ .tp-facility-box11 { align-content: center; align-items: center; display: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; justify-content: center; padding: 0px; --gh-tp-facility-box11: 8px; --gv-tp-facility-box11: 0px; } @media screen and (max-width: 840px) { .tp-facility-box11 { display: none; --gh-tp-facility-box11: 8px; --gv-tp-facility-box11: 0px; } } @media screen and (max-width: 540px) { .tp-facility-box11 { display: none; gap: 6px; --gh-tp-facility-box11: 6px; --gv-tp-facility-box11: 0px; } } /* tp-facility-link1: call */ .tp-facility-link1 { align-content: center; 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-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 40px; justify-content: center; width: 40px; max-width: 100%; --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; } /* tp-facility-icon1: call */ .tp-facility-icon1 { border-bottom: 0px solid #000; border-left: 0px solid #000; border-radius: 0; border-right: 0px solid #000; border-top: 0px solid #000; color: #FFFFFF; flex: none; font-size: 24px; height: auto; margin: 2px 0px 0px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-facility-link2: mail_outline */ .tp-facility-link2 { align-content: center; 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-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 40px; justify-content: center; width: 40px; max-width: 100%; --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; } /* tp-facility-icon2: mail_outline */ .tp-facility-icon2 { border-bottom: 0px solid #000; border-left: 0px solid #000; border-radius: 0; border-right: 0px solid #000; border-top: 0px solid #000; color: #FFFFFF; flex: none; font-size: 24px; height: auto; margin: 2px 0px 0px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-facility-frame1: */ .tp-facility-frame1 { background: rgba(0,0,0,0); border-radius: 0; box-shadow: none; flex: none; height: 420px; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; width: 531px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-frame1 { height: 308px; width: calc(100% - (var(--gh-tp-facility-box7) * 0)); max-width: calc(100% - (var(--gh-tp-facility-box7) * 0)); } } /* tp-facility-box12: 関西エリア 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) 〒5 */ .tp-facility-box12 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-bottom: 2px solid #33b920; border-left: 2px solid #33b920; border-radius: 16px; border-right: 2px solid #33b920; border-top: 2px solid #33b920; display: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 40px 32px; width: auto; max-width: 100%; } @media screen and (max-width: 840px) { .tp-facility-box12 { display: none; } } @media screen and (max-width: 540px) { .tp-facility-box12 { align-content: center; align-items: center; display: none; flex: none; justify-content: center; padding: 40px 20px; width: calc(100% - (var(--gh-tp-facility-box6) * 0)); max-width: calc(100% - (var(--gh-tp-facility-box6) * 0)); } } /* tp-facility-box13: 関西エリア */ .tp-facility-box13 { align-content: center; 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-radius: 12px; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: -73px 0px 0px 0px; padding: 8px 16px; width: auto; max-width: 100%; --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; } /* tp-facility-txt9: 関西エリア */ .tp-facility-txt9 { color: #FFFFFF; font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } /* tp-facility-list2: 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) 〒590-007 */ .tp-facility-list2 { gap: 32px; margin: 24px 0px 0px 0px; padding: 10px; --gh-tp-facility-list2: 0px; --gv-tp-facility-list2: 32px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-list2 { padding: 0px; --gh-tp-facility-list2: 0px; --gv-tp-facility-list2: 32px; } } /* tp-facility-item2: 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) 〒590-007 */ .tp-facility-item2 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-tp-facility-item2: 0px; --gv-tp-facility-item2: 8px; max-width: 100%; } .tp-facility-item2:before { background-size: cover; --gh-tp-facility-item2: 0px; --gv-tp-facility-item2: 8px; } @media screen and (max-width: 840px) { .tp-facility-item2 { flex: none; height: auto; width: calc(100% - (var(--gh-tp-facility-list2) * 0)); --gh-tp-facility-item2: 0px; --gv-tp-facility-item2: 8px; max-width: calc(100% - (var(--gh-tp-facility-list2) * 0)); } } @media screen and (max-width: 540px) { .tp-facility-item2 { gap: 6px; margin: 0px; padding: 0px; --gh-tp-facility-item2: 0px; --gv-tp-facility-item2: 6px; } } /* tp-facility-box14: 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) */ .tp-facility-box14 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 1px; justify-content: center; padding: 0px; --gh-tp-facility-box14: 0px; --gv-tp-facility-box14: 1px; } @media screen and (max-width: 540px) { .tp-facility-box14 { gap: 6px; --gh-tp-facility-box14: 0px; --gv-tp-facility-box14: 6px; } } /* tp-facility-txt10: 就労継続支援B型事業所 */ .tp-facility-txt10 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt10 { font-size: 15px; font-weight: 500; } } /* tp-facility-txt11: 人繋ぎの大秘宝(エリア名) */ .tp-facility-txt11 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-facility-txt11 { font-size: 24px; } } @media screen and (max-width: 540px) { .tp-facility-txt11 { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; } } /* tp-facility-box15: 〒590-0076 大阪府堺市堺区北瓦町2-3-8 堺東北條第2ビル */ .tp-facility-box15 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 1px; justify-content: center; padding: 0px; --gh-tp-facility-box15: 0px; --gv-tp-facility-box15: 1px; } @media screen and (max-width: 540px) { .tp-facility-box15 { gap: 6px; --gh-tp-facility-box15: 0px; --gv-tp-facility-box15: 6px; } } /* tp-facility-txt12: 〒590-0076 */ .tp-facility-txt12 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt12 { font-size: 16px; } } /* tp-facility-txt13: 大阪府堺市堺区北瓦町2-3-8 堺東北條第2ビル 7階A号室 */ .tp-facility-txt13 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt13 { font-size: 16px; } } /* tp-facility-box16: call mail_outline */ .tp-facility-box16 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 8px; justify-content: center; padding: 0px; --gh-tp-facility-box16: 8px; --gv-tp-facility-box16: 0px; } @media screen and (max-width: 540px) { .tp-facility-box16 { gap: 6px; --gh-tp-facility-box16: 6px; --gv-tp-facility-box16: 0px; } } /* tp-facility-link3: call */ .tp-facility-link3 { align-content: center; 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-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 40px; justify-content: center; width: 40px; max-width: 100%; --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; } /* tp-facility-icon3: call */ .tp-facility-icon3 { border-bottom: 0px solid #000; border-left: 0px solid #000; border-radius: 0; border-right: 0px solid #000; border-top: 0px solid #000; color: #FFFFFF; flex: none; font-size: 24px; height: auto; margin: 2px 0px 0px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-facility-link4: mail_outline */ .tp-facility-link4 { align-content: center; 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-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 40px; justify-content: center; width: 40px; max-width: 100%; --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; } /* tp-facility-icon4: mail_outline */ .tp-facility-icon4 { border-bottom: 0px solid #000; border-left: 0px solid #000; border-radius: 0; border-right: 0px solid #000; border-top: 0px solid #000; color: #FFFFFF; flex: none; font-size: 24px; height: auto; margin: 2px 0px 0px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-facility-box17: 関東エリア 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) 〒5 */ .tp-facility-box17 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-bottom: 2px solid #33b920; border-left: 2px solid #33b920; border-radius: 16px; border-right: 2px solid #33b920; border-top: 2px solid #33b920; display: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 40px 32px; width: auto; max-width: 100%; } @media screen and (max-width: 840px) { .tp-facility-box17 { display: none; } } @media screen and (max-width: 540px) { .tp-facility-box17 { align-content: center; align-items: center; display: none; flex: none; justify-content: center; padding: 40px 20px; width: calc(100% - (var(--gh-tp-facility-box6) * 0)); max-width: calc(100% - (var(--gh-tp-facility-box6) * 0)); } } /* tp-facility-box18: 関東エリア */ .tp-facility-box18 { align-content: center; 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-radius: 12px; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: -73px 0px 0px 0px; padding: 8px 16px; width: auto; max-width: 100%; --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; } /* tp-facility-txt14: 関東エリア */ .tp-facility-txt14 { color: #FFFFFF; font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } /* tp-facility-list3: 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) 〒590-007 */ .tp-facility-list3 { gap: 32px; margin: 24px 0px 0px 0px; padding: 10px; --gh-tp-facility-list3: 0px; --gv-tp-facility-list3: 32px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-facility-list3 { padding: 0px; --gh-tp-facility-list3: 0px; --gv-tp-facility-list3: 32px; } } /* tp-facility-item3: 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) 〒590-007 */ .tp-facility-item3 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-tp-facility-item3: 0px; --gv-tp-facility-item3: 8px; max-width: 100%; } .tp-facility-item3:before { background-size: cover; --gh-tp-facility-item3: 0px; --gv-tp-facility-item3: 8px; } @media screen and (max-width: 840px) { .tp-facility-item3 { flex: none; height: auto; width: calc(100% - (var(--gh-tp-facility-list3) * 0)); --gh-tp-facility-item3: 0px; --gv-tp-facility-item3: 8px; max-width: calc(100% - (var(--gh-tp-facility-list3) * 0)); } } @media screen and (max-width: 540px) { .tp-facility-item3 { gap: 6px; margin: 0px; padding: 0px; --gh-tp-facility-item3: 0px; --gv-tp-facility-item3: 6px; } } /* tp-facility-box19: 就労継続支援B型事業所 人繋ぎの大秘宝(エリア名) */ .tp-facility-box19 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 1px; justify-content: center; padding: 0px; --gh-tp-facility-box19: 0px; --gv-tp-facility-box19: 1px; } @media screen and (max-width: 540px) { .tp-facility-box19 { gap: 6px; --gh-tp-facility-box19: 0px; --gv-tp-facility-box19: 6px; } } /* tp-facility-txt15: 就労継続支援B型事業所 */ .tp-facility-txt15 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt15 { font-size: 15px; font-weight: 500; } } /* tp-facility-txt16: 人繋ぎの大秘宝(エリア名) */ .tp-facility-txt16 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-facility-txt16 { font-size: 24px; } } @media screen and (max-width: 540px) { .tp-facility-txt16 { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; } } /* tp-facility-box20: 〒590-0076 大阪府堺市堺区北瓦町2-3-8 堺東北條第2ビル */ .tp-facility-box20 { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 1px; justify-content: center; padding: 0px; --gh-tp-facility-box20: 0px; --gv-tp-facility-box20: 1px; } @media screen and (max-width: 540px) { .tp-facility-box20 { gap: 6px; --gh-tp-facility-box20: 0px; --gv-tp-facility-box20: 6px; } } /* tp-facility-txt17: 〒590-0076 */ .tp-facility-txt17 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt17 { font-size: 16px; } } /* tp-facility-txt18: 大阪府堺市堺区北瓦町2-3-8 堺東北條第2ビル 7階A号室 */ .tp-facility-txt18 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-facility-txt18 { font-size: 16px; } } /* tp-facility-box21: call mail_outline */ .tp-facility-box21 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 8px; justify-content: center; padding: 0px; --gh-tp-facility-box21: 8px; --gv-tp-facility-box21: 0px; } @media screen and (max-width: 540px) { .tp-facility-box21 { gap: 6px; --gh-tp-facility-box21: 6px; --gv-tp-facility-box21: 0px; } } /* tp-facility-link5: call */ .tp-facility-link5 { align-content: center; 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-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 40px; justify-content: center; width: 40px; max-width: 100%; --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; } /* tp-facility-icon5: call */ .tp-facility-icon5 { border-bottom: 0px solid #000; border-left: 0px solid #000; border-radius: 0; border-right: 0px solid #000; border-top: 0px solid #000; color: #FFFFFF; flex: none; font-size: 24px; height: auto; margin: 2px 0px 0px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-facility-link6: mail_outline */ .tp-facility-link6 { align-content: center; 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-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 40px; justify-content: center; width: 40px; max-width: 100%; --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; } /* tp-facility-icon6: mail_outline */ .tp-facility-icon6 { border-bottom: 0px solid #000; border-left: 0px solid #000; border-radius: 0; border-right: 0px solid #000; border-top: 0px solid #000; color: #FFFFFF; flex: none; font-size: 24px; height: auto; margin: 2px 0px 0px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-flow-sec1: ご利用までの流れ flow 初めてでもスタッフがサポートしますので、 */ .tp-flow-sec1 { align-content: center; 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)); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 0px 0px; padding: 120px 0px; width: 100%; max-width: 100%; --g-color-0: #e8ffe4; --g-position-0: 0%; --g-color-1: #ddf6ff; --g-position-1: 100%; --g-color-2: #ddf6ff; --g-position-2: 100%; --g-color-3: #ddf6ff; --g-position-3: 100%; --g-color-4: #ddf6ff; --g-position-4: 100%; --g-color-5: #ddf6ff; --g-position-5: 100%; --g-color-6: #ddf6ff; --g-position-6: 100%; --g-color-7: #ddf6ff; --g-position-7: 100%; --g-color-8: #ddf6ff; --g-position-8: 100%; --g-color-9: #ddf6ff; --g-position-9: 100%; --g-color-10: #ddf6ff; --g-position-10: 100%; --g-color-11: #ddf6ff; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-flow-sec1 { padding: 60px 0px; } } /* tp-flow-box1: ご利用までの流れ flow 初めてでもスタッフがサポートしますので、 */ .tp-flow-box1 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px 0px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-flow-box1 { flex: none; padding: 0px; width: 100%; max-width: 100%; } } /* tp-flow-box2: ご利用までの流れ flow 初めてでもスタッフがサポートしますので、 */ .tp-flow-box2 { align-content: center; align-items: center; flex-direction: column; gap: 30px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: 100%; --gh-tp-flow-box2: 0px; --gv-tp-flow-box2: 30px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-flow-box2 { flex: none; gap: 0px; margin: 0px; padding: 0px; width: 80%; --gh-tp-flow-box2: 0px; --gv-tp-flow-box2: 0px; max-width: 80%; } } /* tp-flow-box3: ご利用までの流れ flow */ .tp-flow-box3 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 0px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-flow-box3 { flex: none; margin: 0px 0px 19px 0px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box2) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box2) * 0)); } } /* tp-flow-box4: ご利用までの流れ flow */ .tp-flow-box4 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-flow-box4: 0px; --gv-tp-flow-box4: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-flow-box4 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-flow-box4: 0px; --gv-tp-flow-box4: 0px; } } @media screen and (max-width: 540px) { .tp-flow-box4 { gap: 0px; margin: 0px; padding: 0px; --gh-tp-flow-box4: 0px; --gv-tp-flow-box4: 0px; } } /* tp-flow-txt1: ご利用までの流れ */ .tp-flow-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-flow-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-flow-box4) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box4) * 0)); } } @media screen and (max-width: 540px) { .tp-flow-txt1 { font-size: 24px; } } /* tp-flow-box5: */ .tp-flow-box5 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-flow-box4) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box4) * 0)); --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; } /* tp-flow-txt2: flow */ .tp-flow-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-flow-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-flow-box4) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box4) * 0)); } } @media screen and (max-width: 540px) { .tp-flow-txt2 { font-size: 18px; } } /* tp-flow-txt3: 初めてでもスタッフがサポートしますので、安心ください。まずはご面談を */ .tp-flow-txt3 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-flow-txt3 { font-size: 14px; } } @media screen and (max-width: 540px) { .tp-flow-txt3 { font-size: 16px; line-height: 1.4; margin: 0px 0px 40px 0px; max-width: 100%; } } /* tp-flow-box6: お問合せ カレンダーから電話面談予約ください お電話が苦手な方はお問 */ .tp-flow-box6 { align-items: center; flex: none; flex-direction: row; gap: 0px; height: auto; justify-content: flex-start; margin: 40px 0px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box2) * 0)); --gh-tp-flow-box6: 0px; --gv-tp-flow-box6: 0px; max-width: calc(100% - (var(--gh-tp-flow-box2) * 0)); } @media screen and (max-width: 840px) { .tp-flow-box6 { align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 860px; --gh-tp-flow-box6: 0px; --gv-tp-flow-box6: 0px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-flow-box6 { gap: 8px; margin: 0px 0px 0px 0px; padding: 0px; --gh-tp-flow-box6: 8px; --gv-tp-flow-box6: 0px; max-width: 100%; } } /* tp-flow-box7: お問合せ カレンダーから電話面談予約ください お電話が苦手な方はお問 */ .tp-flow-box7 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: 1; flex-direction: column; gap: 14px; height: 371.75px; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-tp-flow-box7: 0px; --gv-tp-flow-box7: 14px; max-width: 100%; } .tp-flow-box7:before { background-size: cover; --gh-tp-flow-box7: 0px; --gv-tp-flow-box7: 14px; } @media screen and (max-width: 840px) { .tp-flow-box7 { flex: none; height: auto; width: calc(100% - (var(--gh-tp-flow-box6) * 0)); --gh-tp-flow-box7: 0px; --gv-tp-flow-box7: 14px; max-width: calc(100% - (var(--gh-tp-flow-box6) * 0)); } } @media screen and (max-width: 540px) { .tp-flow-box7 { gap: 6px; margin: 0px; padding: 0px; --gh-tp-flow-box7: 0px; --gv-tp-flow-box7: 6px; } } /* tp-flow-txt4: お問合せ */ .tp-flow-txt4 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-flow-txt4 { font-size: 24px; } } @media screen and (max-width: 540px) { .tp-flow-txt4 { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; } } /* tp-flow-pic1: */ .tp-flow-pic1 { border-radius: 8px; height: 219px; width: calc(100% - (var(--gh-tp-flow-box7) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box7) * 0)); } .tp-flow-pic1:before { background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 840px) { .tp-flow-pic1 { flex: none; height: 240px; width: 320px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-flow-pic1 { height: 172px; width: 249px; max-width: 100%; } } /* tp-flow-txt5: カレンダーから電話面談予約ください お電話が苦手な方はお問い合わせか */ .tp-flow-txt5 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-flow-txt5 { font-size: 15px; font-weight: 500; } } /* tp-flow-icon1: navigate_next */ .tp-flow-icon1 { color: transparent; font-size: 64px; 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: 840px) { .tp-flow-icon1 { transform: rotate(90deg); } } @media screen and (max-width: 540px) { .tp-flow-icon1 { font-size: 36px; } } /* tp-flow-box8: 無料のご面談利用相談 無料相談利用申込を受付します。 ご利用時ご面談 */ .tp-flow-box8 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: 1; flex-direction: column; gap: 14px; height: 371.75px; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-tp-flow-box8: 0px; --gv-tp-flow-box8: 14px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-flow-box8 { flex: none; height: auto; width: calc(100% - (var(--gh-tp-flow-box6) * 0)); --gh-tp-flow-box8: 0px; --gv-tp-flow-box8: 14px; max-width: calc(100% - (var(--gh-tp-flow-box6) * 0)); } } @media screen and (max-width: 540px) { .tp-flow-box8 { gap: 6px; margin: 0px; padding: 0px; --gh-tp-flow-box8: 0px; --gv-tp-flow-box8: 6px; } } /* tp-flow-txt6: 無料のご面談利用相談 */ .tp-flow-txt6 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-flow-txt6 { font-size: 24px; } } @media screen and (max-width: 540px) { .tp-flow-txt6 { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; } } /* tp-flow-pic2: */ .tp-flow-pic2 { border-radius: 8px; height: 219px; width: calc(100% - (var(--gh-tp-flow-box8) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box8) * 0)); } .tp-flow-pic2:before { background-position: center top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 840px) { .tp-flow-pic2 { flex: none; height: 240px; width: 320px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-flow-pic2 { height: 172px; width: 249px; max-width: 100%; } } /* tp-flow-txt7: 無料相談利用申込を受付します。 ご利用時ご面談は必須です */ .tp-flow-txt7 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-flow-txt7 { font-size: 15px; font-weight: 500; } } /* tp-flow-icon2: navigate_next */ .tp-flow-icon2 { color: transparent; font-size: 64px; 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: 840px) { .tp-flow-icon2 { transform: rotate(90deg); } } @media screen and (max-width: 540px) { .tp-flow-icon2 { font-size: 36px; } } /* tp-flow-box9: 利用手続き 利用開始に向けて、障害福祉サービス受給者証の発行手続き等 */ .tp-flow-box9 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: 1; flex-direction: column; gap: 14px; height: 371.75px; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-tp-flow-box9: 0px; --gv-tp-flow-box9: 14px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-flow-box9 { flex: none; height: auto; width: calc(100% - (var(--gh-tp-flow-box6) * 0)); --gh-tp-flow-box9: 0px; --gv-tp-flow-box9: 14px; max-width: calc(100% - (var(--gh-tp-flow-box6) * 0)); } } @media screen and (max-width: 540px) { .tp-flow-box9 { gap: 6px; margin: 0px; padding: 0px; --gh-tp-flow-box9: 0px; --gv-tp-flow-box9: 6px; } } /* tp-flow-txt8: 利用手続き */ .tp-flow-txt8 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-flow-txt8 { font-size: 24px; } } @media screen and (max-width: 540px) { .tp-flow-txt8 { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; } } /* tp-flow-pic3: */ .tp-flow-pic3 { border-radius: 8px; height: 219px; width: calc(100% - (var(--gh-tp-flow-box9) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box9) * 0)); } .tp-flow-pic3:before { background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 840px) { .tp-flow-pic3 { flex: none; height: 240px; width: 320px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-flow-pic3 { height: 172px; width: 249px; max-width: 100%; } } /* tp-flow-txt9: 利用開始に向けて、障害福祉サービス受給者証の発行手続き等を行います。 */ .tp-flow-txt9 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-flow-txt9 { font-size: 15px; font-weight: 500; } } /* tp-flow-icon3: navigate_next */ .tp-flow-icon3 { color: transparent; font-size: 64px; 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: 840px) { .tp-flow-icon3 { transform: rotate(90deg); } } @media screen and (max-width: 540px) { .tp-flow-icon3 { font-size: 36px; } } /* tp-flow-box10: 利用開始 君の「やりたい」を一緒に仕事にしましょう！ */ .tp-flow-box10 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: 1; flex-direction: column; gap: 14px; height: 371.75px; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-tp-flow-box10: 0px; --gv-tp-flow-box10: 14px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-flow-box10 { flex: none; height: auto; width: calc(100% - (var(--gh-tp-flow-box6) * 0)); --gh-tp-flow-box10: 0px; --gv-tp-flow-box10: 14px; max-width: calc(100% - (var(--gh-tp-flow-box6) * 0)); } } @media screen and (max-width: 540px) { .tp-flow-box10 { gap: 6px; margin: 0px; padding: 0px; --gh-tp-flow-box10: 0px; --gv-tp-flow-box10: 6px; } } /* tp-flow-txt10: 利用開始 */ .tp-flow-txt10 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-flow-txt10 { font-size: 24px; } } @media screen and (max-width: 540px) { .tp-flow-txt10 { font-size: 20px; margin: 0px 0px 8px 0px; max-width: 100%; } } /* tp-flow-pic4: */ .tp-flow-pic4 { border-radius: 8px; height: 219px; width: calc(100% - (var(--gh-tp-flow-box10) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box10) * 0)); } .tp-flow-pic4:before { background-position: center top; } @media screen and (max-width: 840px) { .tp-flow-pic4 { flex: none; height: 240px; width: 320px; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-flow-pic4 { height: 172px; width: 249px; max-width: 100%; } } /* tp-flow-txt11: 君の「やりたい」を一緒に仕事にしましょう！ */ .tp-flow-txt11 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-flow-txt11 { font-size: 15px; font-weight: 500; } } /* tp-flow-frame1: */ .tp-flow-frame1 { background: #eeeeee00; border-radius: 0px; display: none; flex: none; height: 1200px; margin: 80px 0px 0px 0px; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; } @media screen and (max-width: 840px) { .tp-flow-frame1 { display: none; } } @media screen and (max-width: 540px) { .tp-flow-frame1 { display: none; } } /* tp-flow-frame2: */ .tp-flow-frame2 { background: #eeeeee00; border-radius: 0px; flex: none; height: 1200px; margin: 80px 0px 0px 0px; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-flow-frame2 { height: 1249px; margin: 80px 0px 80px 0px; width: 100%; max-width: 100%; } } /* tp-blk12-sec1: Instagram SNS */ .tp-blk12-sec1 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 60px 30px; width: 1280px; max-width: 100%; } /* tp-blk12-inner1: Instagram SNS */ .tp-blk12-inner1 { padding: 60px 30px; width: 1280px; height: auto; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center; max-width: 100%; } /* tp-blk12-box1: Instagram SNS */ .tp-blk12-box1 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-blk12-box1 { padding: 0px; } } /* tp-blk12-box2: Instagram SNS */ .tp-blk12-box2 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-blk12-box2: 0px; --gv-tp-blk12-box2: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-blk12-box2 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-blk12-box2: 0px; --gv-tp-blk12-box2: 0px; } } @media screen and (max-width: 540px) { .tp-blk12-box2 { gap: 0px; margin: 0px; padding: 0px; --gh-tp-blk12-box2: 0px; --gv-tp-blk12-box2: 0px; } } /* tp-blk12-txt1: Instagram */ .tp-blk12-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-blk12-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-blk12-box2) * 0)); max-width: calc(100% - (var(--gh-tp-blk12-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-blk12-txt1 { font-size: 24px; } } /* tp-blk12-box3: */ .tp-blk12-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-blk12-box2) * 0)); max-width: calc(100% - (var(--gh-tp-blk12-box2) * 0)); --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; } /* tp-blk12-txt2: SNS */ .tp-blk12-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-blk12-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-blk12-box2) * 0)); max-width: calc(100% - (var(--gh-tp-blk12-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-blk12-txt2 { font-size: 18px; } } /* tp-blk12-box4: */ .tp-blk12-box4 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; flex: none; flex-direction: row; flex-wrap: wrap; height: 482px; justify-content: center; overflow-x: hidden; overflow-y: auto; padding: 0px 0px 0px 144px; width: 100%; max-width: 100%; } @media screen and (max-width: 840px) { .tp-blk12-box4 { align-content: center; align-items: center; flex-direction: column; justify-content: flex-start; overflow-x: hidden; overflow-y: auto; } } /* tp-blk12-frame1: */ .tp-blk12-frame1 { background: rgba(0,0,0,0.0); border-radius: 0px; flex: none; height: 100%; margin: 0px 0px 0px 12px; opacity: 1; padding: 0 0 0 0; width: calc(80% - 12px); max-width: calc(80% - 12px); } @media screen and (max-width: 840px) { .tp-blk12-frame1 { flex: none; margin: 0px 0px 0px 0px; width: 90%; max-width: 90%; height: 100%; } } @media screen and (max-width: 540px) { .tp-blk12-frame1 { width: 100%; max-width: 100%; height: 100%; } } /* tp-faq-sec1: よくある質問 FAQ Q1. 何歳から利用できますか？ arrow_ */ .tp-faq-sec1 { align-content: center; 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)); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 120px 0px; width: 100%; max-width: 100%; --g-color-0: #e8ffe4; --g-position-0: 0%; --g-color-1: #ddf6ff; --g-position-1: 100%; --g-color-2: #ddf6ff; --g-position-2: 100%; --g-color-3: #ddf6ff; --g-position-3: 100%; --g-color-4: #ddf6ff; --g-position-4: 100%; --g-color-5: #ddf6ff; --g-position-5: 100%; --g-color-6: #ddf6ff; --g-position-6: 100%; --g-color-7: #ddf6ff; --g-position-7: 100%; --g-color-8: #ddf6ff; --g-position-8: 100%; --g-color-9: #ddf6ff; --g-position-9: 100%; --g-color-10: #ddf6ff; --g-position-10: 100%; --g-color-11: #ddf6ff; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-sec1 { padding: 60px 0px; } } /* tp-faq-box1: よくある質問 FAQ */ .tp-faq-box1 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box1 { padding: 0px; } } /* tp-faq-box2: よくある質問 FAQ */ .tp-faq-box2 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-faq-box2: 0px; --gv-tp-faq-box2: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-faq-box2 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-faq-box2: 0px; --gv-tp-faq-box2: 0px; } } @media screen and (max-width: 540px) { .tp-faq-box2 { gap: 0px; margin: 0px; padding: 0px; --gh-tp-faq-box2: 0px; --gv-tp-faq-box2: 0px; } } /* tp-faq-txt1: よくある質問 */ .tp-faq-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-faq-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-faq-box2) * 0)); max-width: calc(100% - (var(--gh-tp-faq-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-faq-txt1 { font-size: 24px; } } /* tp-faq-box3: */ .tp-faq-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-faq-box2) * 0)); max-width: calc(100% - (var(--gh-tp-faq-box2) * 0)); --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; } /* tp-faq-txt2: FAQ */ .tp-faq-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-faq-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-faq-box2) * 0)); max-width: calc(100% - (var(--gh-tp-faq-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-faq-txt2 { font-size: 18px; } } /* tp-faq-box4: Q1. 何歳から利用できますか？ arrow_drop_up A. */ .tp-faq-box4 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; padding: 0px; width: 1200px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-faq-box4 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; } } /* tp-faq-box5: Q1. 何歳から利用できますか？ arrow_drop_up A. */ .tp-faq-box5 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box5: 0px; --gv-tp-faq-box5: 20px; } @media screen and (max-width: 840px) { .tp-faq-box5 { margin: 0px 0px 20px 0px; --gh-tp-faq-box5: 0px; --gv-tp-faq-box5: 20px; max-width: 100%; } } /* tp-faq-box6: Q1. 何歳から利用できますか？ arrow_drop_up A. */ .tp-faq-box6 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box6 { flex: none; width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); } } /* tp-faq-btn1: Q1. 何歳から利用できますか？ arrow_drop_up */ .tp-faq-btn1 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn1: 20px; --gv-tp-faq-btn1: 0px; max-width: 100%; } /* tp-faq-box7: Q1. 何歳から利用できますか？ */ .tp-faq-box7 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box7: 20px; --gv-tp-faq-box7: 0px; } @media screen and (max-width: 540px) { .tp-faq-box7 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box7: 8px; --gv-tp-faq-box7: 0px; max-width: 100%; } } /* tp-faq-txt3: Q1. */ .tp-faq-txt3 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt3 { font-size: 18px; } } /* tp-faq-txt4: 何歳から利用できますか？ */ .tp-faq-txt4 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 540px) { .tp-faq-txt4 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon1: arrow_drop_up */ .tp-faq-icon1 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon1._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon1 { font-size: 18px; } } /* tp-faq-box8: A. 18歳以上の方であれば年齢制限は基本ございません。 */ .tp-faq-box8 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box8._isClose { flex: none; height: 0px; } /* tp-faq-box9: A. 18歳以上の方であれば年齢制限は基本ございません。 */ .tp-faq-box9 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box10: A. 18歳以上の方であれば年齢制限は基本ございません。 */ .tp-faq-box10 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box10: 20px; --gv-tp-faq-box10: 0px; } @media screen and (max-width: 540px) { .tp-faq-box10 { gap: 8px; --gh-tp-faq-box10: 8px; --gv-tp-faq-box10: 0px; } } /* tp-faq-txt5: A. */ .tp-faq-txt5 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt5 { font-size: 18px; } } /* tp-faq-txt6: 18歳以上の方であれば年齢制限は基本ございません。 */ .tp-faq-txt6 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 540px) { .tp-faq-txt6 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-box11: Q2. 障害者手帳を持っていないのですが、利用できますか？ arro */ .tp-faq-box11 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box11 { flex: none; width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); } } /* tp-faq-btn2: Q2. 障害者手帳を持っていないのですが、利用できますか？ arro */ .tp-faq-btn2 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn2: 20px; --gv-tp-faq-btn2: 0px; max-width: 100%; } /* tp-faq-box12: Q2. 障害者手帳を持っていないのですが、利用できますか？ */ .tp-faq-box12 { align-content: center; align-items: center; flex: 1; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; padding: 0px; width: auto; --gh-tp-faq-box12: 20px; --gv-tp-faq-box12: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box12 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box12: 8px; --gv-tp-faq-box12: 0px; } } /* tp-faq-txt7: Q2. */ .tp-faq-txt7 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt7 { font-size: 18px; } } /* tp-faq-txt8: 障害者手帳を持っていないのですが、利用できますか？ */ .tp-faq-txt8 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt8 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon2: arrow_drop_up */ .tp-faq-icon2 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon2._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon2 { font-size: 18px; } } /* tp-faq-box13: A. 障害者手帳をお持ちでない方もご利用できます。お気軽にお問い合わ */ .tp-faq-box13 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box13._isClose { flex: none; height: 0px; } /* tp-faq-box14: A. 障害者手帳をお持ちでない方もご利用できます。お気軽にお問い合わ */ .tp-faq-box14 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box15: A. 障害者手帳をお持ちでない方もご利用できます。お気軽にお問い合わ */ .tp-faq-box15 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box15: 20px; --gv-tp-faq-box15: 0px; } @media screen and (max-width: 540px) { .tp-faq-box15 { gap: 8px; --gh-tp-faq-box15: 8px; --gv-tp-faq-box15: 0px; } } /* tp-faq-txt9: A. */ .tp-faq-txt9 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt9 { font-size: 18px; } } /* tp-faq-txt10: 障害者手帳をお持ちでない方もご利用できます。お気軽にお問い合わせくだ */ .tp-faq-txt10 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt10 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-box16: Q3. 未経験でも出来る仕事がありますか？ arrow_drop_u */ .tp-faq-box16 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box16 { flex: none; width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); } } /* tp-faq-btn3: Q3. 未経験でも出来る仕事がありますか？ arrow_drop_u */ .tp-faq-btn3 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn3: 20px; --gv-tp-faq-btn3: 0px; max-width: 100%; } /* tp-faq-box17: Q3. 未経験でも出来る仕事がありますか？ */ .tp-faq-box17 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box17: 20px; --gv-tp-faq-box17: 0px; } @media screen and (max-width: 540px) { .tp-faq-box17 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box17: 8px; --gv-tp-faq-box17: 0px; max-width: 100%; } } /* tp-faq-txt11: Q3. */ .tp-faq-txt11 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt11 { font-size: 18px; } } /* tp-faq-txt12: 未経験でも出来る仕事がありますか？ */ .tp-faq-txt12 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt12 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon3: arrow_drop_up */ .tp-faq-icon3 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon3._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon3 { font-size: 18px; } } /* tp-faq-box18: A. 完全未経験の方でもスキルを身に付けてお仕事をしていただけます。 */ .tp-faq-box18 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box18._isClose { flex: none; height: 0px; } /* tp-faq-box19: A. 完全未経験の方でもスキルを身に付けてお仕事をしていただけます。 */ .tp-faq-box19 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box20: A. 完全未経験の方でもスキルを身に付けてお仕事をしていただけます。 */ .tp-faq-box20 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box20: 20px; --gv-tp-faq-box20: 0px; } @media screen and (max-width: 540px) { .tp-faq-box20 { gap: 8px; --gh-tp-faq-box20: 8px; --gv-tp-faq-box20: 0px; } } /* tp-faq-txt13: A. */ .tp-faq-txt13 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt13 { font-size: 18px; } } /* tp-faq-txt14: 完全未経験の方でもスキルを身に付けてお仕事をしていただけます。 */ .tp-faq-txt14 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt14 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-box21: Q4. 利用に必要なスキルはありますか？ arrow_drop_up */ .tp-faq-box21 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box21 { flex: none; width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box5) * 0.10000000000000003)); } } /* tp-faq-btn4: Q4. 利用に必要なスキルはありますか？ arrow_drop_up */ .tp-faq-btn4 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn4: 20px; --gv-tp-faq-btn4: 0px; max-width: 100%; } /* tp-faq-box22: Q4. 利用に必要なスキルはありますか？ */ .tp-faq-box22 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box22: 20px; --gv-tp-faq-box22: 0px; } @media screen and (max-width: 540px) { .tp-faq-box22 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box22: 8px; --gv-tp-faq-box22: 0px; max-width: 100%; } } /* tp-faq-txt15: Q4. */ .tp-faq-txt15 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt15 { font-size: 18px; } } /* tp-faq-txt16: 利用に必要なスキルはありますか？ */ .tp-faq-txt16 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt16 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon4: arrow_drop_up */ .tp-faq-icon4 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon4._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon4 { font-size: 18px; } } /* tp-faq-box23: A. まったくの未経験の方でも、スタッフのサポートを受けながらご自身 */ .tp-faq-box23 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box23._isClose { flex: none; height: 0px; } /* tp-faq-box24: A. まったくの未経験の方でも、スタッフのサポートを受けながらご自身 */ .tp-faq-box24 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box25: A. まったくの未経験の方でも、スタッフのサポートを受けながらご自身 */ .tp-faq-box25 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box25: 20px; --gv-tp-faq-box25: 0px; } @media screen and (max-width: 540px) { .tp-faq-box25 { gap: 8px; --gh-tp-faq-box25: 8px; --gv-tp-faq-box25: 0px; } } /* tp-faq-txt17: A. */ .tp-faq-txt17 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt17 { font-size: 18px; } } /* tp-faq-txt18: まったくの未経験の方でも、スタッフのサポートを受けながらご自身のペー */ .tp-faq-txt18 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt18 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-box26: Q5. 利用可能な期間に上限はありますか？ arrow_drop_u */ .tp-faq-box26 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box26: 0px; --gv-tp-faq-box26: 20px; } /* tp-faq-box27: Q5. 利用可能な期間に上限はありますか？ arrow_drop_u */ .tp-faq-box27 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box27 { flex: none; width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); } } /* tp-faq-btn5: Q5. 利用可能な期間に上限はありますか？ arrow_drop_u */ .tp-faq-btn5 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn5: 20px; --gv-tp-faq-btn5: 0px; max-width: 100%; } /* tp-faq-box28: Q5. 利用可能な期間に上限はありますか？ */ .tp-faq-box28 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box28: 20px; --gv-tp-faq-box28: 0px; } @media screen and (max-width: 540px) { .tp-faq-box28 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box28: 8px; --gv-tp-faq-box28: 0px; max-width: 100%; } } /* tp-faq-txt19: Q5. */ .tp-faq-txt19 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt19 { font-size: 18px; } } /* tp-faq-txt20: 利用可能な期間に上限はありますか？ */ .tp-faq-txt20 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt20 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon5: arrow_drop_up */ .tp-faq-icon5 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon5._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon5 { font-size: 18px; } } /* tp-faq-box29: A. ご利用期間に上限はございません。納得のいくスキルが身につくまで */ .tp-faq-box29 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box29._isClose { flex: none; height: 0px; } /* tp-faq-box30: A. ご利用期間に上限はございません。納得のいくスキルが身につくまで */ .tp-faq-box30 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box31: A. ご利用期間に上限はございません。納得のいくスキルが身につくまで */ .tp-faq-box31 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box31: 20px; --gv-tp-faq-box31: 0px; } @media screen and (max-width: 540px) { .tp-faq-box31 { gap: 8px; --gh-tp-faq-box31: 8px; --gv-tp-faq-box31: 0px; } } /* tp-faq-txt21: A. */ .tp-faq-txt21 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt21 { font-size: 18px; } } /* tp-faq-txt22: ご利用期間に上限はございません。納得のいくスキルが身につくまでご利用 */ .tp-faq-txt22 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt22 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-box32: Q6. 交通費は支給されますか？ arrow_drop_up A. */ .tp-faq-box32 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box32 { flex: none; width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); } } /* tp-faq-btn6: Q6. 交通費は支給されますか？ arrow_drop_up */ .tp-faq-btn6 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn6: 20px; --gv-tp-faq-btn6: 0px; max-width: 100%; } /* tp-faq-box33: Q6. 交通費は支給されますか？ */ .tp-faq-box33 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box33: 20px; --gv-tp-faq-box33: 0px; } @media screen and (max-width: 540px) { .tp-faq-box33 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box33: 8px; --gv-tp-faq-box33: 0px; max-width: 100%; } } /* tp-faq-txt23: Q6. */ .tp-faq-txt23 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt23 { font-size: 18px; } } /* tp-faq-txt24: 交通費は支給されますか？ */ .tp-faq-txt24 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt24 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon6: arrow_drop_up */ .tp-faq-icon6 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon6._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon6 { font-size: 18px; } } /* tp-faq-box34: A. お住まいの市町村により、交通費支給の有無や上限が異なるため、詳 */ .tp-faq-box34 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box34._isClose { flex: none; height: 0px; } /* tp-faq-box35: A. お住まいの市町村により、交通費支給の有無や上限が異なるため、詳 */ .tp-faq-box35 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box36: A. お住まいの市町村により、交通費支給の有無や上限が異なるため、詳 */ .tp-faq-box36 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box36: 20px; --gv-tp-faq-box36: 0px; } @media screen and (max-width: 540px) { .tp-faq-box36 { gap: 8px; --gh-tp-faq-box36: 8px; --gv-tp-faq-box36: 0px; } } /* tp-faq-txt25: A. */ .tp-faq-txt25 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt25 { font-size: 18px; } } /* tp-faq-txt26: お住まいの市町村により、交通費支給の有無や上限が異なるため、詳しくは */ .tp-faq-txt26 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt26 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-box37: Q7. 通所可能となる要件を教えてください arrow_drop_u */ .tp-faq-box37 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box37 { flex: none; width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); } } /* tp-faq-btn7: Q7. 通所可能となる要件を教えてください arrow_drop_u */ .tp-faq-btn7 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn7: 20px; --gv-tp-faq-btn7: 0px; max-width: 100%; } /* tp-faq-box38: Q7. 通所可能となる要件を教えてください */ .tp-faq-box38 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box38: 20px; --gv-tp-faq-box38: 0px; } @media screen and (max-width: 540px) { .tp-faq-box38 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box38: 8px; --gv-tp-faq-box38: 0px; max-width: 100%; } } /* tp-faq-txt27: Q7. */ .tp-faq-txt27 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt27 { font-size: 18px; } } /* tp-faq-txt28: 通所可能となる要件を教えてください */ .tp-faq-txt28 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt28 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon7: arrow_drop_up */ .tp-faq-icon7 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon7._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon7 { font-size: 18px; } } /* tp-faq-box39: A. 18歳以上の方で、以下いずれかの条件を満たす方が対象です。 ・ */ .tp-faq-box39 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box39._isClose { flex: none; height: 0px; } /* tp-faq-box40: A. 18歳以上の方で、以下いずれかの条件を満たす方が対象です。 ・ */ .tp-faq-box40 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box41: A. 18歳以上の方で、以下いずれかの条件を満たす方が対象です。 ・ */ .tp-faq-box41 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box41: 20px; --gv-tp-faq-box41: 0px; } @media screen and (max-width: 540px) { .tp-faq-box41 { gap: 8px; --gh-tp-faq-box41: 8px; --gv-tp-faq-box41: 0px; } } /* tp-faq-txt29: A. */ .tp-faq-txt29 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt29 { font-size: 18px; } } /* tp-faq-txt30: 18歳以上の方で、以下いずれかの条件を満たす方が対象です。 ・精神障 */ .tp-faq-txt30 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt30 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-box42: Q8. 事業所がある場所と違う都道府県に在住していますが、利用可能で */ .tp-faq-box42 { align-content: flex-start; align-items: flex-start; background: #ffffff; border-radius: 0px; box-shadow: 0px 2px 5px rgba(72, 77, 69, 0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0; width: 556px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box42 { flex: none; width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tp-faq-box26) * 0.10000000000000003)); } } /* tp-faq-btn8: Q8. 事業所がある場所と違う都道府県に在住していますが、利用可能で */ .tp-faq-btn8 { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; padding: 20px; width: 100%; --gh-tp-faq-btn8: 20px; --gv-tp-faq-btn8: 0px; max-width: 100%; } /* tp-faq-box43: Q8. 事業所がある場所と違う都道府県に在住していますが、利用可能で */ .tp-faq-box43 { align-content: center; align-items: center; flex: 1; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; width: auto; --gh-tp-faq-box43: 20px; --gv-tp-faq-box43: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-faq-box43 { align-content: center; align-items: center; flex: 1; gap: 8px; justify-content: flex-start; width: auto; --gh-tp-faq-box43: 8px; --gv-tp-faq-box43: 0px; } } /* tp-faq-txt31: Q8. */ .tp-faq-txt31 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt31 { font-size: 18px; } } /* tp-faq-txt32: 事業所がある場所と違う都道府県に在住していますが、利用可能ですか？ */ .tp-faq-txt32 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt32 { flex: 1; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-icon8: arrow_drop_up */ .tp-faq-icon8 { color: transparent; font-size: 24px; margin: 0px 0px 0px 0px; padding: 0px; max-width: 100%; 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; } .tp-faq-icon8._isClose { transform: rotate(180deg); } @media screen and (max-width: 540px) { .tp-faq-icon8 { font-size: 18px; } } /* tp-faq-box44: A. 通所する上でご自身の体力等でご負担がなければ、どなたでもご利用 */ .tp-faq-box44 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; opacity: 1; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; max-width: 100%; } .tp-faq-box44._isClose { flex: none; height: 0px; } /* tp-faq-box45: A. 通所する上でご自身の体力等でご負担がなければ、どなたでもご利用 */ .tp-faq-box45 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; opacity: 1; padding: 20px; width: 100%; max-width: 100%; } /* tp-faq-box46: A. 通所する上でご自身の体力等でご負担がなければ、どなたでもご利用 */ .tp-faq-box46 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; padding: 0px; --gh-tp-faq-box46: 20px; --gv-tp-faq-box46: 0px; } @media screen and (max-width: 540px) { .tp-faq-box46 { gap: 8px; --gh-tp-faq-box46: 8px; --gv-tp-faq-box46: 0px; } } /* tp-faq-txt33: A. */ .tp-faq-txt33 { color: transparent; flex: none; font-family: Lato, sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 35px; max-width: 100%; justify-content: center; 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: #5fc84e; --g-position-0: 0%; --g-color-1: #6fcedd; --g-position-1: 100%; --g-color-2: #6fcedd; --g-position-2: 100%; --g-color-3: #6fcedd; --g-position-3: 100%; --g-color-4: #6fcedd; --g-position-4: 100%; --g-color-5: #6fcedd; --g-position-5: 100%; --g-color-6: #6fcedd; --g-position-6: 100%; --g-color-7: #6fcedd; --g-position-7: 100%; --g-color-8: #6fcedd; --g-position-8: 100%; --g-color-9: #6fcedd; --g-position-9: 100%; --g-color-10: #6fcedd; --g-position-10: 100%; --g-color-11: #6fcedd; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-faq-txt33 { font-size: 18px; } } /* tp-faq-txt34: 通所する上でご自身の体力等でご負担がなければ、どなたでもご利用可能で */ .tp-faq-txt34 { color: #333; flex: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-faq-txt34 { flex: 1; font-size: 14px; text-align: left; width: auto; justify-content: flex-start; } } /* tp-faq-link1: LINEで無料見学に申し込む */ .tp-faq-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: 40px 0px 0px 0px; padding: 17px 40px; width: auto; --gh-tp-faq-link1: 8px; --gv-tp-faq-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; } .tp-faq-link1:hover { transform: scale(1.02, 1.02); --gh-tp-faq-link1: 8px; --gv-tp-faq-link1: 0px; } @media screen and (max-width: 540px) { .tp-faq-link1 { padding: 8px 20px; --gh-tp-faq-link1: 8px; --gv-tp-faq-link1: 0px; } } /* tp-faq-txt35: LINEで無料見学に申し込む */ .tp-faq-txt35 { 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) { .tp-faq-txt35 { font-size: 18px; } } @media screen and (max-width: 540px) { .tp-faq-txt35 { font-size: 18px; } } /* tp-faq-img1: */ .tp-faq-img1 { height: auto; width: 41px; max-width: 100%; } /* tp-blk14-box1: 資料 slide */ .tp-blk14-box1 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; padding: 120px 0px; } @media screen and (max-width: 540px) { .tp-blk14-box1 { padding: 60px 0px; } } /* tp-blk14-box2: 資料 slide */ .tp-blk14-box2 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-blk14-box2 { padding: 0px; } } /* tp-blk14-box3: 資料 slide */ .tp-blk14-box3 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-blk14-box3: 0px; --gv-tp-blk14-box3: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-blk14-box3 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-blk14-box3: 0px; --gv-tp-blk14-box3: 0px; } } @media screen and (max-width: 540px) { .tp-blk14-box3 { gap: 0px; margin: 0px; padding: 0px; --gh-tp-blk14-box3: 0px; --gv-tp-blk14-box3: 0px; } } /* tp-blk14-txt1: 資料 */ .tp-blk14-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-blk14-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); max-width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); } } @media screen and (max-width: 540px) { .tp-blk14-txt1 { font-size: 24px; } } /* tp-blk14-box4: */ .tp-blk14-box4 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); max-width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); --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; } /* tp-blk14-txt2: slide */ .tp-blk14-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-blk14-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); max-width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); } } @media screen and (max-width: 540px) { .tp-blk14-txt2 { font-size: 18px; } } /* tp-blk14-frame1: */ .tp-blk14-frame1 { background: #EEEEEE; border-radius: 0px; height: 539px; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; width: 837px; max-width: 100%; } /* tp-access-sec1: アクセス access 就労継続支援B型事業所 〒583-0871 */ .tp-access-sec1 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: space-between; padding: 60px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-access-sec1 { flex: none; flex-direction: row; flex-wrap: nowrap; width: 100%; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-access-sec1 { flex: none; flex-direction: column-reverse; flex-wrap: nowrap; height: auto; padding: 60px 8px; width: 80%; max-width: 80%; } } /* tp-access-inner1: アクセス access 就労継続支援B型事業所 〒583-0871 */ .tp-access-inner1 { padding: 60px 30px; width: 1200px; height: auto; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; max-width: 100%; } @media screen and (max-width: 840px) { .tp-access-inner1 { width: 100%; flex-direction: row; flex-wrap: nowrap; max-width: 100%; } } @media screen and (max-width: 540px) { .tp-access-inner1 { padding: 60px 8px; width: 80%; height: auto; flex-direction: column-reverse; flex-wrap: nowrap; max-width: 80%; } } /* tp-access-box1: アクセス access 就労継続支援B型事業所 〒583-0871 */ .tp-access-box1 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px 0px 0px 0px; width: 45%; max-width: 45%; } @media screen and (max-width: 840px) { .tp-access-box1 { transform:; } } @media screen and (max-width: 540px) { .tp-access-box1 { flex: none; margin: 20px 0px 0px 0px; width: 100%; max-width: 100%; } } /* tp-access-box2: アクセス access */ .tp-access-box2 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px 0px 40px 0px; padding: 0px; width: auto; --gh-tp-access-box2: 0px; --gv-tp-access-box2: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-access-box2 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-access-box2: 0px; --gv-tp-access-box2: 0px; } } @media screen and (max-width: 540px) { .tp-access-box2 { display: none; gap: 0px; margin: 20px 0px; padding: 0px; --gh-tp-access-box2: 0px; --gv-tp-access-box2: 0px; max-width: 100%; } } /* tp-access-txt1: アクセス */ .tp-access-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-access-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-access-box2) * 0)); max-width: calc(100% - (var(--gh-tp-access-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-access-txt1 { font-size: 24px; } } /* tp-access-box3: */ .tp-access-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-access-box2) * 0)); max-width: calc(100% - (var(--gh-tp-access-box2) * 0)); --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; } /* tp-access-txt2: access */ .tp-access-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-access-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-access-box2) * 0)); max-width: calc(100% - (var(--gh-tp-access-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-access-txt2 { font-size: 18px; } } /* tp-access-box4: 就労継続支援B型事業所 */ .tp-access-box4 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 20px 0px; padding: 0px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-access-box4 { align-content: flex-start; align-items: flex-start; justify-content: center; } } /* tp-access-txt3: 就労継続支援B型事業所 */ .tp-access-txt3 { color: #333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.6; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 840px) { .tp-access-txt3 { padding: 0px 0px 0px 0px; } } /* tp-access-img1: */ .tp-access-img1 { height: auto; width: 218px; max-width: 100%; } /* tp-access-txt4: 〒583-0871 大阪府羽曳野市野々上3丁目7-8 */ .tp-access-txt4 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 8px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-access-txt4 { font-size: 15px; } } /* tp-access-txt5: TEL:072-900-2190 */ .tp-access-txt5 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-access-txt5 { font-size: 15px; } } /* tp-access-frame1: */ .tp-access-frame1 { background: rgba(0,0,0,0); border-radius: 0; box-shadow: none; flex: none; height: 420px; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; width: 50%; max-width: 50%; } @media screen and (max-width: 540px) { .tp-access-frame1 { height: 308px; width: 100%; max-width: 100%; } } /* tp-access-box5: アクセス access */ .tp-access-box5 { align-content: center; align-items: center; display: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px 0px 40px 0px; padding: 0px; width: auto; --gh-tp-access-box5: 0px; --gv-tp-access-box5: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-access-box5 { display: none; flex: none; flex-wrap: wrap; width: auto; --gh-tp-access-box5: 0px; --gv-tp-access-box5: 0px; } } @media screen and (max-width: 540px) { .tp-access-box5 { display: flex; gap: 0px; margin: 20px 0px; padding: 0px; --gh-tp-access-box5: 0px; --gv-tp-access-box5: 0px; max-width: 100%; } } /* tp-access-txt6: アクセス */ .tp-access-txt6 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-access-txt6 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-access-box5) * 0)); max-width: calc(100% - (var(--gh-tp-access-box5) * 0)); } } @media screen and (max-width: 540px) { .tp-access-txt6 { font-size: 24px; } } /* tp-access-box6: */ .tp-access-box6 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-access-box5) * 0)); max-width: calc(100% - (var(--gh-tp-access-box5) * 0)); --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; } /* tp-access-txt7: access */ .tp-access-txt7 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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; } @media screen and (max-width: 840px) { .tp-access-txt7 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-access-box5) * 0)); max-width: calc(100% - (var(--gh-tp-access-box5) * 0)); } } @media screen and (max-width: 540px) { .tp-access-txt7 { font-size: 18px; } } /* tp-contact-sec1: お問い合わせ contact お名前 * 電話番号 * ご用件 * */ .tp-contact-sec1 { align-content: center; 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)); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 120px 0px; width: 100%; max-width: 100%; --g-color-0: #e8ffe4; --g-position-0: 0%; --g-color-1: #ddf6ff; --g-position-1: 100%; --g-color-2: #ddf6ff; --g-position-2: 100%; --g-color-3: #ddf6ff; --g-position-3: 100%; --g-color-4: #ddf6ff; --g-position-4: 100%; --g-color-5: #ddf6ff; --g-position-5: 100%; --g-color-6: #ddf6ff; --g-position-6: 100%; --g-color-7: #ddf6ff; --g-position-7: 100%; --g-color-8: #ddf6ff; --g-position-8: 100%; --g-color-9: #ddf6ff; --g-position-9: 100%; --g-color-10: #ddf6ff; --g-position-10: 100%; --g-color-11: #ddf6ff; --g-position-11: 100%; --g-angle: 270deg; } @media screen and (max-width: 540px) { .tp-contact-sec1 { padding: 60px 0px; } } /* tp-contact-box1: お問い合わせ contact */ .tp-contact-box1 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px 30px; width: 1200px; max-width: 100%; } @media screen and (max-width: 540px) { .tp-contact-box1 { padding: 0px; } } /* tp-contact-box2: お問い合わせ contact */ .tp-contact-box2 { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: auto; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 0px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-contact-box2 { flex: none; flex-wrap: wrap; width: auto; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 0px; } } @media screen and (max-width: 540px) { .tp-contact-box2 { gap: 0px; margin: 0px; padding: 0px; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 0px; } } /* tp-contact-txt1: お問い合わせ */ .tp-contact-txt1 { color: #111111; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; 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; } @media screen and (max-width: 840px) { .tp-contact-txt1 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-contact-box2) * 0)); max-width: calc(100% - (var(--gh-tp-contact-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-contact-txt1 { font-size: 24px; } } /* tp-contact-box3: */ .tp-contact-box3 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: none; height: 2px; margin: 4px 0px; width: calc(100% - (var(--gh-tp-contact-box2) * 0)); max-width: calc(100% - (var(--gh-tp-contact-box2) * 0)); --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; } /* tp-contact-txt2: contact */ .tp-contact-txt2 { color: #8a8c86; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 840px) { .tp-contact-txt2 { flex: none; font-size: 24px; width: calc(100% - (var(--gh-tp-contact-box2) * 0)); max-width: calc(100% - (var(--gh-tp-contact-box2) * 0)); } } @media screen and (max-width: 540px) { .tp-contact-txt2 { font-size: 18px; } } /* tp-contact-form1: お名前 * 電話番号 * ご用件 * 選択してください 質問・相談 */ .tp-contact-form1 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); border-radius: 0px; flex: none; height: auto; justify-content: center; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px; width: 800px; max-width: 100%; } @media screen and (max-width: 840px) { .tp-contact-form1 { flex: none; width: 90%; max-width: 90%; } } /* tp-contact-box4: お名前 * */ .tp-contact-box4 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; flex: none; height: auto; margin: 0px 0px 30px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-contact-box4 { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; } } /* tp-contact-box5: お名前 * */ .tp-contact-box5 { align-content: flex-start; align-items: flex-start; color: #5d5255; flex-direction: row; flex-wrap: nowrap; font-family: 'Noto Sans JP', sans-serif; height: auto; justify-content: flex-start; margin: 0px 0px 10px 0px; padding: 0px; max-width: 100%; } /* tp-contact-txt3: お名前 */ .tp-contact-txt3 { border-radius: 0; color: #152a44; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; max-width: 100%; justify-content: center; } @media screen and (max-width: 540px) { .tp-contact-txt3 { font-size: 16px; } } /* tp-contact-txt4: * */ .tp-contact-txt4 { border-radius: 0; color: #f23a3c; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 5px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; max-width: calc(100% - 5px); justify-content: center; } /* tp-contact-input1: */ .tp-contact-input1 { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-radius: 12px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; box-shadow: none; color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: auto; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 10px 10px 10px 10px; text-align: left; width: 100%; max-width: 100%; } .tp-contact-input1:focus { outline:none;border-bottom: 1px solid #a18a90; border-left: 1px solid #a18a90; border-right: 1px solid #a18a90; border-top: 1px solid #a18a90; } .tp-contact-input1:hover { border-bottom: 1px solid #2cabc4; border-left: 1px solid #2cabc4; border-right: 1px solid #2cabc4; border-top: 1px solid #2cabc4; } .tp-contact-input1::-webkit-input-placeholder { color: #cccccc; } .tp-contact-input1:-moz-placeholder { color: #cccccc; } .tp-contact-input1::-moz-placeholder { color: #cccccc; } .tp-contact-input1:-ms-input-placeholder { color: #cccccc; } @media screen and (max-width: 540px) { .tp-contact-input1 { flex: none; height: auto; padding: 8px 10px; } } /* tp-contact-box6: 電話番号 * */ .tp-contact-box6 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; flex: none; height: auto; margin: 0px 0px 30px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-contact-box6 { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; } } /* tp-contact-box7: 電話番号 * */ .tp-contact-box7 { align-content: flex-start; align-items: flex-start; color: #5d5255; flex: none; flex-direction: row; flex-wrap: nowrap; font-family: 'Noto Sans JP', sans-serif; height: auto; justify-content: flex-start; margin: 0px 0px 10px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-contact-txt5: 電話番号 */ .tp-contact-txt5 { border-radius: 0; color: #152a44; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; max-width: 100%; justify-content: center; } @media screen and (max-width: 540px) { .tp-contact-txt5 { font-size: 16px; } } /* tp-contact-txt6: * */ .tp-contact-txt6 { border-radius: 0; color: #f23a3c; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 5px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; max-width: calc(100% - 5px); justify-content: center; } /* tp-contact-input2: */ .tp-contact-input2 { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-radius: 12px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; box-shadow: none; color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 10px 10px 10px 10px; text-align: left; width: 100%; max-width: 100%; } .tp-contact-input2:focus { outline:none;border-bottom: 1px solid #a18a90; border-left: 1px solid #a18a90; border-right: 1px solid #a18a90; border-top: 1px solid #a18a90; } .tp-contact-input2:hover { border-bottom: 1px solid #2cabc4; border-left: 1px solid #2cabc4; border-right: 1px solid #2cabc4; border-top: 1px solid #2cabc4; } .tp-contact-input2::-webkit-input-placeholder { color: #cccccc; } .tp-contact-input2:-moz-placeholder { color: #cccccc; } .tp-contact-input2::-moz-placeholder { color: #cccccc; } .tp-contact-input2:-ms-input-placeholder { color: #cccccc; } @media screen and (max-width: 540px) { .tp-contact-input2 { flex: none; height: auto; padding: 8px 10px; width: 100%; max-width: 100%; } } /* tp-contact-box8: ご用件 * 選択してください 質問・相談 見学希望 その他 keyb */ .tp-contact-box8 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; flex: none; height: auto; margin: 0px 0px 30px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-contact-box8 { margin: 0px 0px 20px 0px; width: 100%; max-width: 100%; } } /* tp-contact-box9: ご用件 * */ .tp-contact-box9 { align-content: flex-start; align-items: flex-start; color: #5d5255; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; margin: 0px 0px 10px 0px; padding: 0px; max-width: 100%; } /* tp-contact-txt7: ご用件 */ .tp-contact-txt7 { border-radius: 0; color: #152a44; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; max-width: 100%; justify-content: center; } @media screen and (max-width: 540px) { .tp-contact-txt7 { font-size: 16px; } } /* tp-contact-txt8: * */ .tp-contact-txt8 { border-radius: 0; color: #f23a3c; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 5px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; max-width: calc(100% - 5px); justify-content: center; } /* tp-contact-box10: 選択してください 質問・相談 見学希望 その他 keyboard_a */ .tp-contact-box10 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); border-radius: 0; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-end; margin: 0px 0px 0px 0px; padding: 0px; width: 166px; max-width: 100%; } .tp-contact-box10:focus { outline:none;border-bottom: 1px solid #a18a90; border-left: 1px solid #a18a90; border-right: 1px solid #a18a90; border-top: 1px solid #a18a90; } /* tp-contact-input3: 選択してください 質問・相談 見学希望 その他 */ .tp-contact-input3 { appearance: none; background: #FFFFFF; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-radius: 12px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; box-shadow: none; color: #333333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: auto; line-height: 1.4; padding: 15px 10px 15px 10px; width: 100%; max-width: 100%; } .tp-contact-input3:focus { outline:none;border-bottom: 1px solid #a18a90; border-left: 1px solid #a18a90; border-right: 1px solid #a18a90; border-top: 1px solid #a18a90; } .tp-contact-input3::-webkit-input-placeholder { color: #aeaeae; } .tp-contact-input3:-moz-placeholder { color: #aeaeae; } .tp-contact-input3::-moz-placeholder { color: #aeaeae; } .tp-contact-input3:-ms-input-placeholder { color: #aeaeae; } @media screen and (max-width: 540px) { .tp-contact-input3 { flex: none; height: auto; padding: 8px 10px; } } /* tp-contact-icon1: keyboard_arrow_down */ .tp-contact-icon1 { bottom: 0px; color: #bdbdbd; font-size: 20px; height: auto; left: auto; margin: 0 0 0 0; pointer-events: none; position: absolute; right: 0px; top: 0px; width: 42px; max-width: 100%; } /* tp-contact-box11: 備考 */ .tp-contact-box11 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); border-radius: 0; flex: none; height: auto; margin: 0px 0px 30px 0px; opacity: 1; overflow-x: visible; overflow-y: visible; padding: 0 0 0 0; width: 100%; max-width: 100%; } /* tp-contact-box12: 備考 */ .tp-contact-box12 { align-content: flex-start; align-items: flex-start; color: #5d5255; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 10px 0px; padding: 0px; max-width: 100%; } /* tp-contact-txt9: 備考 */ .tp-contact-txt9 { border-radius: 0; color: #152a44; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 0px 0px 0px 0px; text-align: center; max-width: 100%; justify-content: center; } @media screen and (max-width: 540px) { .tp-contact-txt9 { font-size: 16px; } } /* tp-contact-input4: */ .tp-contact-input4 { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-radius: 12px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; box-shadow: none; color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: 128px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; opacity: 1; padding: 10px 10px 10px 10px; text-align: left; text-shadow: none; width: 100%; max-width: 100%; } .tp-contact-input4:focus { outline:none;border-bottom: 1px solid #a18a90; border-left: 1px solid #a18a90; border-right: 1px solid #a18a90; border-top: 1px solid #a18a90; } .tp-contact-input4:hover { border-bottom: 1px solid #2cabc4; border-left: 1px solid #2cabc4; border-right: 1px solid #2cabc4; border-top: 1px solid #2cabc4; } .tp-contact-input4::-webkit-input-placeholder { color: #cccccc; } .tp-contact-input4:-moz-placeholder { color: #cccccc; } .tp-contact-input4::-moz-placeholder { color: #cccccc; } .tp-contact-input4:-ms-input-placeholder { color: #cccccc; } @media screen and (max-width: 540px) { .tp-contact-input4 { flex: none; height: auto; padding: 8px 10px; width: 100%; max-width: 100%; } } /* tp-contact-label1: 個人情報の取り扱い に同意する */ .tp-contact-label1 { flex: none; flex-direction: row; flex-wrap: no-wrap; height: auto; justify-content: center; margin: 25px 0px 40px 0px; padding: 0px; width: auto; max-width: 100%; } /* tp-contact-input5: */ .tp-contact-input5 { flex: none; height: 20px; margin: 0px 10px 0px 0px; padding: 0px; width: 20px; max-width: calc(100% - 10px); } @media screen and (max-width: 540px) { .tp-contact-input5 { flex: none; height: 18px; margin: 0px 0px 0px 0px; width: 18px; max-width: 100%; } } /* tp-contact-txt10: 個人情報の取り扱い */ .tp-contact-txt10 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; text-decoration: underline; width: auto; max-width: 100%; justify-content: flex-start; } .tp-contact-txt10: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: #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) { .tp-contact-txt10 { font-size: 16px; margin: 0px 0px 0px 8px; max-width: calc(100% - 8px); } } /* tp-contact-txt11: に同意する */ .tp-contact-txt11 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 540px) { .tp-contact-txt11 { font-size: 16px; } } /* tp-contact-btn1: 送信する send */ .tp-contact-btn1 { align-content: center; 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: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0); border-radius: 32px; border-right: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); box-shadow: 0 2px 5px rgba(0,0,0,0.2); color: #333; flex: none; flex-direction: row; flex-wrap: nowrap; font-size: 15px; gap: 10px; justify-content: center; margin: 0px 0px 0px 0px; opacity: 1; padding: 15px; width: 185px; --gh-tp-contact-btn1: 10px; --gv-tp-contact-btn1: 0px; max-width: 100%; --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; } .tp-contact-btn1:active { background: #1f69ac; --gh-tp-contact-btn1: 10px; --gv-tp-contact-btn1: 0px; } .tp-contact-btn1:focus { outline:none; } .tp-contact-btn1:focus-visible { background: #1f71bb; --gh-tp-contact-btn1: 10px; --gv-tp-contact-btn1: 0px; } .tp-contact-btn1:hover { background: #FFFFFF; border-bottom: 1px solid #152a44; border-left: 1px solid #152a44; border-right: 1px solid #152a44; border-top: 1px solid #152a44; --gh-tp-contact-btn1: 10px; --gv-tp-contact-btn1: 0px; } @media screen and (max-width: 840px) { .tp-contact-btn1 { margin: 20px 0px 0px 0px; --gh-tp-contact-btn1: 10px; --gv-tp-contact-btn1: 0px; max-width: 100%; } } /* tp-contact-txt12: 送信する */ .tp-contact-txt12 { border-radius: 0; color: #FFFFFF; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0em; line-height: 1; margin: 0 0 0 0; opacity: 1; padding: 0px 0px 2px 0px; text-align: center; max-width: 100%; justify-content: center; } .tp-contact-btn1:hover .tp-contact-txt12 { color: #152a44; } /* tp-contact-icon2: send */ .tp-contact-icon2 { color: #FFFFFF; font-size: 18px; } .tp-contact-btn1:hover .tp-contact-icon2 { color: #152a44; } /* tp-ft-foot1: © 2025 人繋ぎの大秘宝｜就労継続支援B型事業所 */ .tp-ft-foot1 { align-content: center; align-items: center; background: #9be691; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 60px 0px 60px; width: 100%; max-width: 100%; } @media screen and (max-width: 540px) { .tp-ft-foot1 { flex: none; } } /* tp-ft-box1: */ .tp-ft-box1 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: wrap; height: auto; justify-content: space-between; padding: 0px 30px 0px; width: 1280px; max-width: 100%; } /* tp-ft-box2: */ .tp-ft-box2 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 0px; width: 48%; max-width: 48%; } @media screen and (max-width: 540px) { .tp-ft-box2 { flex: none; width: 100%; max-width: 100%; } } /* tp-ft-pic1: */ .tp-ft-pic1 { height: 26.666666666666664px; width: 200px; max-width: 100%; } /* tp-ft-box3: © 2025 人繋ぎの大秘宝｜就労継続支援B型事業所 */ .tp-ft-box3 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; margin: 40px 0px 0px 0px; width: auto; max-width: 100%; } @media screen and (max-width: 840px) { .tp-ft-box3 { height: auto; width: auto; } } /* tp-ft-txt1: © 2025 人繋ぎの大秘宝｜就労継続支援B型事業所 */ .tp-ft-txt1 { color: #FFFFFF; font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 840px) { .tp-ft-txt1 { color: #111111; } }