/* =========================================================
   common.css  全ページ共通パーツ（ヘッダー・フッター・スマホメニュー）
   クラス名の意味: hd-=ヘッダー / ft-=フッター / menu-=スマホメニュー / copy-=左端の縦書きコピーライト
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
.ts-56b1.ts-56b1.ts-56b1 { font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-weight: 400; letter-spacing: 0em; line-height: 1.75; }
@media screen and (max-width: 540px) { .ts-56b1.ts-56b1.ts-56b1 { font-size: 14px; } }

/* hd-header1: About us News Service Works */
.hd-header1 { place-content: center space-between; align-items: center; inset: 0px 50px auto; flex-flow: row; gap: 40px; margin: 0px; padding: 0px; position: fixed; translate: 0px; width: auto; z-index: 5; --gh-hd-header1: 40px; --gv-hd-header1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .hd-header1 { left: 30px; right: 30px; width: auto; --gh-hd-header1: 40px; --gv-hd-header1: 0px; } }
@media screen and (max-width: 540px) { .hd-header1 { gap: 16px; left: 15px; right: 15px; width: auto; --gh-hd-header1: 16px; --gv-hd-header1: 0px; } }

/* hd-link1:  */
.hd-link1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }

/* hd-img1:  */
.hd-img1 { flex: 0 0 auto; height: auto; width: 67px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-img1 { flex: 0 0 auto; height: 69px; width: auto; max-width: 100%; } }

/* hd-box1: About us News Service Works */
.hd-box1 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 12px; padding: 0px; --gh-hd-box1: 12px; --gv-hd-box1: 12px; }
@media screen and (max-width: 540px) { .hd-box1 { gap: 16px; --gh-hd-box1: 16px; --gv-hd-box1: 16px; } }

/* hd-nav1: About us News Service Works */
.hd-nav1 { place-content: center space-between; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; }
@media screen and (max-width: 1280px) { .hd-nav1 { display: none; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; } }
@media screen and (max-width: 760px) { .hd-nav1 { display: none; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; } }
@media screen and (max-width: 540px) { .hd-nav1 { display: none; gap: 16px; --gh-hd-nav1: 16px; --gv-hd-nav1: 0px; } }
@media screen and (max-width: 360px) { .hd-nav1 { display: none; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; } }

/* hd-list1: About us News Service Works */
.hd-list1 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 3px; margin: 0px; padding: 0px; --gh-hd-list1: 3px; --gv-hd-list1: 3px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-list1 { display: flex; --gh-hd-list1: 3px; --gv-hd-list1: 3px; } }
@media screen and (max-width: 760px) { .hd-list1 { display: flex; --gh-hd-list1: 3px; --gv-hd-list1: 3px; } }
@media screen and (max-width: 540px) { .hd-list1 { display: flex; --gh-hd-list1: 3px; --gv-hd-list1: 3px; } }

/* hd-item1: About us */
.hd-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* hd-link2: About us */
.hd-link2 { place-content: center; align-items: center; border-radius: 6px; flex-flow: column; padding: 4px 12px; }
.hd-link2:hover { background: rgba(230, 230, 230, 0); opacity: 1; }

/* hd-txt1: About us */
.hd-txt1 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .hd-txt1 { font-size: 14px; } }

/* hd-box2:  */
.hd-box2 { background: rgb(34, 34, 34); flex: 0 0 auto; height: 1px; width: 0%; max-width: 0%; }

/* hd-link2: About us */
.hd-link2:hover .hd-box2 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* hd-link3: Contact */
.hd-link3 { place-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: 200px; box-shadow: rgba(0, 0, 0, 0.07) 2px 2px 5px 0px; flex-flow: row; padding: 10px; width: 160px; max-width: 100%; --g-color-0: #f7f7f7ff; --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: 90deg; }
.hd-link3:hover { box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 5px 0px inset; transition-duration: 500ms; transition-timing-function: ease; }

/* hd-txt2: Contact */
.hd-txt2 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Poppins, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: 142px; max-width: 100%; justify-content: center; }

/* hd-btn1:  */
.hd-btn1 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 12px; height: auto; padding: 0px; width: auto; --gh-hd-btn1: 12px; --gv-hd-btn1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-btn1 { padding: 0px; --gh-hd-btn1: 12px; --gv-hd-btn1: 0px; } }
@media screen and (max-width: 760px) { .hd-btn1 { gap: 16px; --gh-hd-btn1: 16px; --gv-hd-btn1: 0px; } }

/* hd-box3: menu */
.hd-box3 { place-content: center; align-items: center; display: none; flex: 0 0 auto; flex-flow: row; height: 40px; padding: 0px; width: auto; max-width: 100%; }
.hd-box3:hover { opacity: 0.7; }
@media screen and (max-width: 1280px) { .hd-box3 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 760px) { .hd-box3 { display: flex; } }
@media screen and (max-width: 540px) { .hd-box3 { display: flex; } }

/* hd-icon1: menu */
.hd-icon1 { color: rgb(34, 34, 34); font-size: 24px; }
@media screen and (max-width: 1280px) { .hd-icon1 { color: rgb(34, 34, 34); font-size: 24px; } }

/* ft-footer1: About us News Service Works */
.ft-footer1 { place-content: center; align-items: center; background: rgb(244, 244, 244); flex-wrap: nowrap; gap: 60px; height: 180px; margin: 0px; padding: 30px 40px; width: 100%; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-footer1 { height: 219px; padding: 64px 32px 24px; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .ft-footer1 { height: 222px; margin: 0px; padding: 0px 16px 16px; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; width: 100%; max-width: 100%; } }

/* ft-box1: About us News Service Works */
.ft-box1 { place-content: flex-end; align-items: flex-end; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-ft-footer1) * 0)); margin: 0px; padding: 0px; width: 1280px; --gh-ft-box1: 0px; --gv-ft-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-box1 { place-content: flex-start; align-items: flex-start; flex-flow: column; --gh-ft-box1: 0px; --gv-ft-box1: 0px; } }
@media screen and (max-width: 540px) { .ft-box1 { height: 117px; --gh-ft-box1: 0px; --gv-ft-box1: 0px; max-width: 100%; } }

/* ft-box2: About us News Service Works */
.ft-box2 { place-content: center space-between; align-items: center; flex-flow: row; gap: 24px; height: auto; margin: 0px 0px 20px; padding: 0px; width: calc(100% - (var(--gh-ft-box1) * 0)); --gh-ft-box2: 24px; --gv-ft-box2: 0px; max-width: calc(100% - (var(--gh-ft-box1) * 0)); }
@media screen and (max-width: 760px) { .ft-box2 { place-content: center space-between; align-items: center; flex-flow: row; --gh-ft-box2: 24px; --gv-ft-box2: 0px; } }
@media screen and (max-width: 540px) { .ft-box2 { margin: 0px 0px 40px; --gh-ft-box2: 24px; --gv-ft-box2: 0px; width: calc(100% - (var(--gh-ft-box1) * 0)); max-width: calc(100% - (var(--gh-ft-box1) * 0)); } }

/* ft-link1:  */
.ft-link1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }
@media screen and (max-width: 540px) { .ft-link1 { height: 59px; width: 73px; max-width: 100%; } }

/* ft-img1:  */
.ft-img1 { flex: 0 0 auto; height: 78px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .ft-img1 { flex: 0 0 auto; height: auto; width: 100%; max-width: 100%; } }

/* ft-box3: About us News Service Works */
.ft-box3 { place-content: flex-end center; align-items: flex-end; flex-flow: column; padding: 0px; }
@media screen and (max-width: 540px) { .ft-box3 { margin: 0px; width: 259px; max-width: 100%; } }

/* ft-list1: About us News Service Works */
.ft-list1 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 4px; margin: 0px 0px 10px; padding: 0px; --gh-ft-list1: 4px; --gv-ft-list1: 4px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ft-list1 { display: flex; --gh-ft-list1: 4px; --gv-ft-list1: 4px; } }
@media screen and (max-width: 760px) { .ft-list1 { place-content: flex-start; align-items: flex-start; display: flex; flex-flow: wrap; --gh-ft-list1: 4px; --gv-ft-list1: 4px; } }
@media screen and (max-width: 540px) { .ft-list1 { place-content: center flex-end; align-items: center; display: flex; --gh-ft-list1: 4px; --gv-ft-list1: 4px; } }

/* ft-item1: About us */
.ft-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* ft-link2: About us */
.ft-link2 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }
.ft-link2:hover { opacity: 1; }

/* ft-txt1: About us */
.ft-txt1 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt1 { font-size: 14px; } }

/* ft-box4:  */
.ft-box4 { background: rgb(34, 34, 34); flex: 0 0 auto; height: 1px; width: 0%; max-width: 0%; }

/* ft-link2: About us */
.ft-link2:hover .ft-box4 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* ft-link3: Contact */
.ft-link3 { place-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: 200px; box-shadow: rgba(0, 0, 0, 0.07) 2px 2px 5px 0px; flex-flow: row; padding: 10px; width: 160px; max-width: 100%; --g-color-0: #f7f7f7ff; --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: 90deg; }
.ft-link3:hover { box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 5px 0px inset; transition-duration: 500ms; transition-timing-function: ease; }

/* ft-txt2: Contact */
.ft-txt2 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Poppins, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: 142px; max-width: 100%; justify-content: center; }

/* ft-box5: Privacy policy Ⓒ2025 OTAKKY  */
.ft-box5 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-box1) * 0)); --gh-ft-box5: 32px; --gv-ft-box5: 0px; max-width: calc(100% - (var(--gh-ft-box1) * 0)); }
@media screen and (max-width: 760px) { .ft-box5 { place-content: flex-start space-around; align-items: flex-start; flex-flow: row-reverse; gap: 24px; --gh-ft-box5: 24px; --gv-ft-box5: 0px; } }
@media screen and (max-width: 540px) { .ft-box5 { justify-content: space-between; --gh-ft-box5: 32px; --gv-ft-box5: 0px; } }

/* ft-link4: Privacy policy */
.ft-link4 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 24px; margin: 0px; padding: 0px; --gh-ft-link4: 24px; --gv-ft-link4: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-link4 { place-content: flex-start; align-items: flex-start; flex-flow: row; --gh-ft-link4: 24px; --gv-ft-link4: 0px; } }

/* ft-txt3: Privacy policy */
.ft-txt3 { border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); color: rgb(102, 102, 102); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.ft-txt3:hover { opacity: 0.7; }
@media screen and (max-width: 540px) { .ft-txt3 { font-size: 11px; } }

/* ft-txt4: Ⓒ2025 OTAKKY AI */
.ft-txt4 { color: rgb(102, 102, 102); font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ft-txt4 { font-size: 11px; } }

/* copy-txt1: Ⓒ2025 OTAKKY AI */
.copy-txt1 { inset: 334px auto auto -18px; color: rgb(51, 51, 51); font-family: Poppins, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; position: fixed; rotate: 90deg; text-align: left; width: auto; z-index: 5; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .copy-txt1 { left: -27px; top: 334px; } }

/* =========================================================
   スマホメニュー（ヘッダーの ≡ ボタンで開く）
   ========================================================= */
.menu-modal { position: fixed; inset: 0; z-index: 100; opacity: 0; transition: opacity 0.4s var(--ease); }
.menu-modal[hidden] { display: none; }
.menu-modal.open { opacity: 1; }
.menu-backdrop { position: fixed; inset: 0; z-index: -1; background: rgba(0, 0, 0, 0.16); border: 0; padding: 0; cursor: pointer; }
.menu-modal > .menu-root { pointer-events: none; background: none; }
.menu-modal > .menu-root > * { pointer-events: all; }
html.menu-opened { overflow: hidden; }

/* menu-root: close About us Service News W */
.menu-root { place-content: flex-end center; align-items: flex-end; background: rgba(0, 0, 0, 0.16); height: 100%; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .menu-root { place-content: flex-end center; align-items: flex-end; flex-flow: column; } }

/* menu-box2: close About us Service News W */
.menu-box2 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px 0px; display: none; flex-flow: column; gap: 0px; height: 100%; margin: 0px; padding: 0px; width: 400px; --gh-menu-box2: 0px; --gv-menu-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .menu-box2 { display: flex; height: 100%; margin: 0px; transition-duration: 500ms; --gh-menu-box2: 0px; --gv-menu-box2: 0px; } }
@media screen and (max-width: 760px) { .menu-box2 { display: flex; --gh-menu-box2: 0px; --gv-menu-box2: 0px; } }
@media screen and (max-width: 540px) { .menu-box2 { display: flex; --gh-menu-box2: 0px; --gv-menu-box2: 0px; } }
@media screen and (max-width: 360px) { .menu-box2 { display: flex; --gh-menu-box2: 0px; --gv-menu-box2: 0px; } }

/* menu-box3: close */
.menu-box3 { place-content: center space-between; align-items: center; background: rgba(238, 238, 238, 0); flex-flow: row; height: auto; margin: 0px 0px 100px; padding: 8px 20px 0px; width: calc(100% - (var(--gh-menu-box2) * 0)); max-width: calc(100% - (var(--gh-menu-box2) * 0)); }

/* menu-link1:  */
.menu-link1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }

/* menu-img1:  */
.menu-img1 { flex: 0 0 auto; height: auto; width: 67px; max-width: 100%; }
@media screen and (max-width: 540px) { .menu-img1 { flex: 0 0 auto; height: 69px; width: auto; max-width: 100%; } }

/* menu-btn1: close */
.menu-btn1 { place-content: center flex-start; align-items: center; background: rgba(238, 238, 238, 0); flex-flow: column; height: 22px; width: 20px; max-width: 100%; }

/* menu-icon1: close */
.menu-icon1 { color: rgb(51, 51, 51); font-size: 24px; width: 24px; max-width: 100%; }

/* menu-box4: About us Service News Works  */
.menu-box4 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); flex-flow: column; gap: 48px; height: 329px; margin: 0px 0px 100px; width: 200px; --gh-menu-box4: 0px; --gv-menu-box4: 48px; max-width: 100%; }
@media screen and (max-width: 1280px) { .menu-box4 { height: auto; padding: 0px; --gh-menu-box4: 0px; --gv-menu-box4: 48px; max-width: 100%; } }

/* menu-txt1: About us */
.menu-txt1 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .menu-txt1 { font-size: 14px; } }

/* menu-txt2: Service */
.menu-txt2 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .menu-txt2 { font-size: 14px; } }

/* menu-txt3: News */
.menu-txt3 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .menu-txt3 { font-size: 14px; } }

/* menu-txt4: Works */
.menu-txt4 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .menu-txt4 { font-size: 14px; } }

/* menu-txt5: Company */
.menu-txt5 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .menu-txt5 { font-size: 14px; } }

/* menu-box5: Contact */
.menu-box5 { place-content: center; align-items: center; flex-flow: wrap; gap: 0px; height: 45px; padding: 0px; width: calc(100% - (var(--gh-menu-box4) * 0)); --gh-menu-box5: 0px; --gv-menu-box5: 0px; max-width: calc(100% - (var(--gh-menu-box4) * 0)); }
@media screen and (max-width: 540px) { .menu-box5 { gap: 16px; --gh-menu-box5: 16px; --gv-menu-box5: 16px; } }

/* menu-link2: Contact */
.menu-link2 { place-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: 200px; box-shadow: rgba(0, 0, 0, 0.07) 2px 2px 5px 0px; flex-flow: row; padding: 10px; width: calc(100% - (var(--gh-menu-box5) * 0)); max-width: calc(100% - (var(--gh-menu-box5) * 0)); --g-color-0: #f7f7f7ff; --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: 90deg; }
.menu-link2:hover { box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 5px 0px inset; transition-duration: 500ms; transition-timing-function: ease; }

/* menu-txt6: Contact */
.menu-txt6 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Poppins, sans-serif; font-size: 13px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: 100%; max-width: 100%; justify-content: center; }

/* menu-box6: ジャッジメント open_in_new DX研修 op */
.menu-box6 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); flex-flow: row; height: 28px; margin: 0px 0px 50px; padding: 0px; width: calc(100% - (var(--gh-menu-box2) * 0)); max-width: calc(100% - (var(--gh-menu-box2) * 0)); }

/* menu-link3: ジャッジメント open_in_new */
.menu-link3 { place-content: center; align-items: center; flex-flow: row; margin: 0px; padding: 0px; max-width: 100%; }

/* menu-txt7: ジャッジメント */
.menu-txt7 { color: rgb(102, 102, 102); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 3px 0px 0px; text-align: center; width: auto; max-width: calc(100% - 3px); justify-content: center; }
@media screen and (max-width: 540px) { .menu-txt7 { font-size: 11px; } }

/* menu-icon2: open_in_new */
.menu-icon2 { color: rgb(51, 51, 51); font-size: 15px; }

/* menu-link4: DX研修 open_in_new */
.menu-link4 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 0px 35px; padding: 0px; max-width: calc(100% - 35px); }

/* menu-txt8: DX研修 */
.menu-txt8 { color: rgb(102, 102, 102); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 3px 0px 0px; text-align: center; width: auto; max-width: calc(100% - 3px); justify-content: center; }
@media screen and (max-width: 540px) { .menu-txt8 { font-size: 11px; } }

/* menu-icon3: open_in_new */
.menu-icon3 { color: rgb(51, 51, 51); font-size: 15px; }

/* menu-link5: サクッと受発注 open_in_new */
.menu-link5 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 0px 24px; padding: 0px; max-width: calc(100% - 24px); }

/* menu-txt9: サクッと受発注 */
.menu-txt9 { color: rgb(102, 102, 102); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 3px 0px 0px; text-align: center; width: auto; max-width: calc(100% - 3px); justify-content: center; }
@media screen and (max-width: 540px) { .menu-txt9 { font-size: 11px; } }

/* menu-icon4: open_in_new */
.menu-icon4 { color: rgb(51, 51, 51); font-size: 15px; }

/* menu-txt10: Privacy policy */
.menu-txt10 { border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); color: rgb(102, 102, 102); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 15px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.menu-txt10:hover { opacity: 0.7; }
@media screen and (max-width: 540px) { .menu-txt10 { font-size: 11px; } }

/* menu-txt11: Ⓒ2025 OTAKKY AI */
.menu-txt11 { color: rgb(102, 102, 102); font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .menu-txt11 { font-size: 11px; } }

/* menu-box7:  */
.menu-box7 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; margin: 0px; padding: 0px; width: 100%; --gh-menu-box7: 32px; --gv-menu-box7: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .menu-box7 { place-content: flex-start space-around; align-items: flex-start; flex-flow: row-reverse; gap: 24px; --gh-menu-box7: 24px; --gv-menu-box7: 0px; } }
@media screen and (max-width: 540px) { .menu-box7 { justify-content: space-between; --gh-menu-box7: 32px; --gv-menu-box7: 0px; } }