/* =========================================================
   pharmacy.css  /pharmacy 専用。クラス名はすべて ph- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* ph-root: 今は「経過措置」。 義務化までに “整っている薬局”  */
.ph-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* ph-blk0-pic1: 今は「経過措置」。 義務化までに “整っている薬局”  */
.ph-blk0-pic1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: 580px; width: 100%; max-width: 100%; }
.ph-blk0-pic1::before { background-size: cover; }
@media screen and (max-width: 760px) { .ph-blk0-pic1 { height: 495px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk0-pic1::before { background-position: center bottom; background-size: cover; } }
@media screen and (max-width: 540px) { .ph-blk0-pic1 { place-content: center flex-start; align-items: center; display: none; flex: 0 0 auto; height: 460px; width: 100%; max-width: 100%; } }

/* ph-blk0-box1: 今は「経過措置」。 義務化までに “整っている薬局”  */
.ph-blk0-box1 { align-items: flex-start; flex: 0 0 auto; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; padding: 0px; width: 1200px; z-index: 1; --gh-ph-blk0-box1: 0px; --gv-ph-blk0-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk0-box1 { flex: 0 0 auto; width: 90%; --gh-ph-blk0-box1: 0px; --gv-ph-blk0-box1: 0px; max-width: 90%; } }
@media screen and (max-width: 540px) { .ph-blk0-box1 { margin: 80px 0px 0px; padding: 0px; --gh-ph-blk0-box1: 0px; --gv-ph-blk0-box1: 0px; width: 90%; max-width: 90%; } }

/* ph-blk0-txt1: 今は「経過措置」。 */
.ph-blk0-txt1 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk0-txt1 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk0-txt1 { font-size: 15px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk0-box2: 義務化までに “整っている薬局” へ。 */
.ph-blk0-box2 { place-content: center flex-start; align-items: flex-start; flex-flow: row; gap: 0px; padding: 0px; --gh-ph-blk0-box2: 0px; --gv-ph-blk0-box2: 0px; }

/* ph-blk0-txt2: 義務化までに */
.ph-blk0-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk0-txt2 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk0-txt2 { font-size: 15px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk0-box3: “整っている薬局” */
.ph-blk0-box3 { place-content: center flex-start; align-items: flex-start; flex-flow: column; gap: 0px; padding: 0px; --gh-ph-blk0-box3: 0px; --gv-ph-blk0-box3: 0px; }

/* ph-blk0-txt3: “整っている薬局” */
.ph-blk0-txt3 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk0-txt3 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk0-txt3 { font-size: 15px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk0-box4:  */
.ph-blk0-box4 { background: rgb(251, 151, 64); bottom: 3px; flex: 0 0 auto; height: 6px; left: 0px; margin: 0px; position: absolute; width: calc(100% - (var(--gh-ph-blk0-box3) * 0)); z-index: -3; max-width: calc(100% - (var(--gh-ph-blk0-box3) * 0)); }

/* ph-blk0-txt4: へ。 */
.ph-blk0-txt4 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk0-txt4 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk0-txt4 { font-size: 15px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk0-box5: BCPまるごと整備室 */
.ph-blk0-box5 { align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; justify-content: flex-start; margin: 20px 0px; padding: 0px; width: auto; --gh-ph-blk0-box5: 0px; --gv-ph-blk0-box5: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk0-box5 { flex-wrap: wrap; --gh-ph-blk0-box5: 0px; --gv-ph-blk0-box5: 0px; } }
@media screen and (max-width: 540px) { .ph-blk0-box5 { gap: 16px 0px; margin: 10px 0px 0px 2px; padding: 0px; --gh-ph-blk0-box5: 0px; --gv-ph-blk0-box5: 16px; max-width: calc(100% - 2px); } }

/* ph-blk0-box6:  */
.ph-blk0-box6 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 6px; height: auto; margin: 0px; padding: 0px; width: 156px; --gh-ph-blk0-box6: 6px; --gv-ph-blk0-box6: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk0-box6 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk0-box5) * 0)); --gh-ph-blk0-box6: 6px; --gv-ph-blk0-box6: 0px; max-width: calc(100% - (var(--gh-ph-blk0-box5) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk0-box6 { gap: 2px; margin: 0px; padding: 0px; --gh-ph-blk0-box6: 2px; --gv-ph-blk0-box6: 0px; } }

/* ph-blk0-box7:  */
.ph-blk0-box7 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 6px; width: 48px; max-width: 100%; }

/* ph-blk0-img1:  */
.ph-blk0-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk0-box8:  */
.ph-blk0-box8 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 7px 7px 7px 6px; width: 48px; max-width: 100%; }

/* ph-blk0-img2:  */
.ph-blk0-img2 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk0-box9:  */
.ph-blk0-box9 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 6px 5px 6px 6px; width: 48px; max-width: 100%; }

/* ph-blk0-img3:  */
.ph-blk0-img3 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk0-txt5: BCPまるごと整備室 */
.ph-blk0-txt5 { color: rgb(46, 143, 234); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-size: 54px; font-style: normal; font-weight: 800; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; overflow: hidden; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk0-txt5 { flex: 0 0 auto; font-size: 40px; width: calc(100% - (var(--gh-ph-blk0-box5) * 0)); max-width: calc(100% - (var(--gh-ph-blk0-box5) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk0-txt5 { font-size: 32px; } }

/* ph-blk0-link1: お問い合わせ */
.ph-blk0-link1 { place-content: center; align-items: center; background: rgb(251, 151, 64); border-radius: 30px; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; margin: 0px; padding: 16px; width: 320px; --gh-ph-blk0-link1: 0px; --gv-ph-blk0-link1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk0-link1 { flex: 0 0 auto; margin: 6px 0px 0px; padding: 16px 32px; width: auto; --gh-ph-blk0-link1: 0px; --gv-ph-blk0-link1: 0px; max-width: 100%; } }

/* ph-blk0-txt6: お問い合わせ */
.ph-blk0-txt6 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk0-txt6 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk0-txt6 { font-size: 15px; } }

/* ph-blk0-box10:  */
.ph-blk0-box10 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); inset: 0px; height: auto; margin: 0px; position: absolute; width: auto; z-index: 0; max-width: 100%; --g-color-0: #cfe8ff; --g-position-0: 0%; --g-color-1: #ffffff00; --g-position-1: 100%; --g-color-2: #ffffff00; --g-position-2: 100%; --g-color-3: #ffffff00; --g-position-3: 100%; --g-color-4: #ffffff00; --g-position-4: 100%; --g-color-5: #ffffff00; --g-position-5: 100%; --g-color-6: #ffffff00; --g-position-6: 100%; --g-color-7: #ffffff00; --g-position-7: 100%; --g-color-8: #ffffff00; --g-position-8: 100%; --g-color-9: #ffffff00; --g-position-9: 100%; --g-color-10: #ffffff00; --g-position-10: 100%; --g-color-11: #ffffff00; --g-position-11: 100%; --g-angle: 90deg; }
@media screen and (max-width: 540px) { .ph-blk0-box10 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); --g-color-0: #cfe8ff; --g-position-0: 56%; --g-color-1: #ffffff00; --g-position-1: 100%; --g-color-2: #ffffff00; --g-position-2: 100%; --g-color-3: #ffffff00; --g-position-3: 100%; --g-color-4: #ffffff00; --g-position-4: 100%; --g-color-5: #ffffff00; --g-position-5: 100%; --g-color-6: #ffffff00; --g-position-6: 100%; --g-color-7: #ffffff00; --g-position-7: 100%; --g-color-8: #ffffff00; --g-position-8: 100%; --g-color-9: #ffffff00; --g-position-9: 100%; --g-color-10: #ffffff00; --g-position-10: 100%; --g-color-11: #ffffff00; --g-position-11: 100%; --g-angle: 180deg; } }

/* ph-blk1-box1: 今は「経過措置」。義務化までに“整っている薬局”へ。BCPま */
.ph-blk1-box1 { place-content: center; align-items: center; display: none; flex: 0 0 auto; flex-flow: column; height: 580px; width: 100%; max-width: 100%; }
.ph-blk1-box1::before { background-size: cover; }
@media screen and (max-width: 760px) { .ph-blk1-box1 { display: none; height: 495px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk1-box1::before { background-position: center bottom; background-size: cover; } }
@media screen and (max-width: 540px) { .ph-blk1-box1 { place-content: center flex-start; align-items: center; display: flex; flex: 0 0 auto; height: 460px; width: 100%; max-width: 100%; } }

/* ph-blk1-box2: 今は「経過措置」。義務化までに“整っている薬局”へ。BCPま */
.ph-blk1-box2 { align-items: flex-start; flex: 0 0 auto; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; padding: 0px; width: 1200px; z-index: 1; --gh-ph-blk1-box2: 0px; --gv-ph-blk1-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk1-box2 { flex: 0 0 auto; width: 90%; --gh-ph-blk1-box2: 0px; --gv-ph-blk1-box2: 0px; max-width: 90%; } }
@media screen and (max-width: 540px) { .ph-blk1-box2 { margin: 86px 0px 0px; padding: 0px; --gh-ph-blk1-box2: 0px; --gv-ph-blk1-box2: 0px; width: 90%; max-width: 90%; } }

/* ph-blk1-txt1: 今は「経過措置」。 */
.ph-blk1-txt1 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk1-txt1 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk1-txt1 { font-size: 16px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk1-box3: 義務化までに“整っている薬局”へ。 */
.ph-blk1-box3 { place-content: center flex-start; align-items: flex-start; flex-flow: row; gap: 0px; padding: 0px; --gh-ph-blk1-box3: 0px; --gv-ph-blk1-box3: 0px; }

/* ph-blk1-txt2: 義務化までに */
.ph-blk1-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk1-txt2 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk1-txt2 { font-size: 16px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk1-box4: “整っている薬局” */
.ph-blk1-box4 { place-content: center flex-start; align-items: flex-start; flex-flow: column; gap: 0px; padding: 0px; --gh-ph-blk1-box4: 0px; --gv-ph-blk1-box4: 0px; }

/* ph-blk1-txt3: “整っている薬局” */
.ph-blk1-txt3 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk1-txt3 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk1-txt3 { font-size: 16px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk1-box5:  */
.ph-blk1-box5 { background: rgb(251, 151, 64); bottom: 3px; flex: 0 0 auto; height: 6px; left: 0px; margin: 0px; position: absolute; width: calc(100% - (var(--gh-ph-blk1-box4) * 0)); z-index: -3; max-width: calc(100% - (var(--gh-ph-blk1-box4) * 0)); }

/* ph-blk1-txt4: へ。 */
.ph-blk1-txt4 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 22px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk1-txt4 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk1-txt4 { font-size: 16px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk1-box6: BCPまるごと整備室 */
.ph-blk1-box6 { align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; justify-content: flex-start; margin: 20px 0px; padding: 0px; width: auto; --gh-ph-blk1-box6: 0px; --gv-ph-blk1-box6: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk1-box6 { flex-wrap: wrap; --gh-ph-blk1-box6: 0px; --gv-ph-blk1-box6: 0px; } }
@media screen and (max-width: 540px) { .ph-blk1-box6 { gap: 0px; margin: 20px 0px 0px; padding: 0px; --gh-ph-blk1-box6: 0px; --gv-ph-blk1-box6: 0px; max-width: 100%; } }

/* ph-blk1-box7:  */
.ph-blk1-box7 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 6px; height: auto; margin: 0px; padding: 0px; width: 156px; --gh-ph-blk1-box7: 6px; --gv-ph-blk1-box7: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk1-box7 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk1-box6) * 0)); --gh-ph-blk1-box7: 6px; --gv-ph-blk1-box7: 0px; max-width: calc(100% - (var(--gh-ph-blk1-box6) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk1-box7 { gap: 2px; margin: 0px; padding: 0px; --gh-ph-blk1-box7: 2px; --gv-ph-blk1-box7: 0px; } }

/* ph-blk1-box8:  */
.ph-blk1-box8 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 6px; width: 48px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk1-box8 { flex: 0 0 auto; padding: 6px; width: 35px; max-width: 100%; } }

/* ph-blk1-img1:  */
.ph-blk1-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk1-box9:  */
.ph-blk1-box9 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 7px 7px 7px 6px; width: 48px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk1-box9 { flex: 0 0 auto; padding: 6px; width: 35px; max-width: 100%; } }

/* ph-blk1-img2:  */
.ph-blk1-img2 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk1-box10:  */
.ph-blk1-box10 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 6px 5px 6px 6px; width: 48px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk1-box10 { flex: 0 0 auto; padding: 6px; width: 35px; max-width: 100%; } }

/* ph-blk1-img3:  */
.ph-blk1-img3 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk1-txt5: BCPまるごと整備室 */
.ph-blk1-txt5 { color: rgb(46, 143, 234); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-size: 54px; font-style: normal; font-weight: 800; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; overflow: hidden; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk1-txt5 { flex: 0 0 auto; font-size: 40px; width: calc(100% - (var(--gh-ph-blk1-box6) * 0)); max-width: calc(100% - (var(--gh-ph-blk1-box6) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk1-txt5 { font-size: 32px; } }

/* ph-blk1-box11: 相談・お見積もり */
.ph-blk1-box11 { place-content: center; align-items: center; background: rgb(251, 151, 64); border-radius: 30px; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; margin: 0px; padding: 16px; width: 320px; --gh-ph-blk1-box11: 0px; --gv-ph-blk1-box11: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk1-box11 { flex: 0 0 auto; margin: 6px 0px 0px; padding: 12px 20px; width: auto; --gh-ph-blk1-box11: 0px; --gv-ph-blk1-box11: 0px; max-width: 100%; } }

/* ph-blk1-txt6: 相談・お見積もり */
.ph-blk1-txt6 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk1-txt6 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk1-txt6 { font-size: 16px; } }

/* ph-blk1-pic1:  */
.ph-blk1-pic1 { height: 540px; width: 160px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk1-pic1 { inset: auto 0px 0px; flex: 0 0 auto; height: 269px; margin: 0px; position: absolute; width: auto; max-width: 100%; } }

/* ph-blk1-box12:  */
.ph-blk1-box12 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); inset: 0px; height: auto; margin: 0px; position: absolute; width: auto; z-index: 0; max-width: 100%; --g-color-0: #cfe8ff; --g-position-0: 0%; --g-color-1: #ffffff00; --g-position-1: 100%; --g-color-2: #ffffff00; --g-position-2: 100%; --g-color-3: #ffffff00; --g-position-3: 100%; --g-color-4: #ffffff00; --g-position-4: 100%; --g-color-5: #ffffff00; --g-position-5: 100%; --g-color-6: #ffffff00; --g-position-6: 100%; --g-color-7: #ffffff00; --g-position-7: 100%; --g-color-8: #ffffff00; --g-position-8: 100%; --g-color-9: #ffffff00; --g-position-9: 100%; --g-color-10: #ffffff00; --g-position-10: 100%; --g-color-11: #ffffff00; --g-position-11: 100%; --g-angle: 90deg; }
@media screen and (max-width: 540px) { .ph-blk1-box12 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); --g-color-0: #cfe8ff; --g-position-0: 56%; --g-color-1: #ffffff00; --g-position-1: 100%; --g-color-2: #ffffff00; --g-position-2: 100%; --g-color-3: #ffffff00; --g-position-3: 100%; --g-color-4: #ffffff00; --g-position-4: 100%; --g-color-5: #ffffff00; --g-position-5: 100%; --g-color-6: #ffffff00; --g-position-6: 100%; --g-color-7: #ffffff00; --g-position-7: 100%; --g-color-8: #ffffff00; --g-position-8: 100%; --g-color-9: #ffffff00; --g-position-9: 100%; --g-color-10: #ffffff00; --g-position-10: 100%; --g-color-11: #ffffff00; --g-position-11: 100%; --g-angle: 180deg; } }

/* ph-blk2-box1: 今は“努力義務”でも、令和9年には義務化されます BCP（ */
.ph-blk2-box1 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 60px; height: auto; justify-content: flex-start; margin: 60px 0px; padding: 0px; width: 1200px; --gh-ph-blk2-box1: 0px; --gv-ph-blk2-box1: 60px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk2-box1 { flex: 0 0 auto; width: 90%; --gh-ph-blk2-box1: 0px; --gv-ph-blk2-box1: 60px; max-width: 90%; } }
@media screen and (max-width: 540px) { .ph-blk2-box1 { gap: 20px; margin: -46px 0px 0px; padding: 0px; --gh-ph-blk2-box1: 0px; --gv-ph-blk2-box1: 20px; width: 90%; max-width: 90%; } }

/* ph-blk2-box2: 今は“努力義務”でも、令和9年には義務化されます BCP（ */
.ph-blk2-box2 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ph-blk2-box2: 0px; --gv-ph-blk2-box2: 0px; }

/* ph-blk2-txt1: 今は“努力義務”でも、令和9年には義務化されます */
.ph-blk2-txt1 { background: rgb(46, 143, 234); color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; padding: 10px 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk2-txt1 { font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk2-txt1 { display: none; font-size: 16px; line-height: 1.6; padding: 10px 20px; } }
@media screen and (max-width: 360px) { .ph-blk2-txt1 { display: none; } }

/* ph-blk2-txt2: 今は“努力義務”でも、令和9年には義務化されます */
.ph-blk2-txt2 { background: rgb(46, 143, 234); color: rgb(255, 255, 255); display: none; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; padding: 10px 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk2-txt2 { display: none; font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk2-txt2 { display: flex; font-size: 18px; line-height: 1.6; padding: 10px 20px; } }
@media screen and (max-width: 360px) { .ph-blk2-txt2 { display: flex; } }

/* ph-blk2-box3: BCP（業務継続計画）とは、感染症や災害などの緊急時でも事業 */
.ph-blk2-box3 { align-items: center; background: rgb(229, 232, 231); flex-direction: column; gap: 15px; height: auto; justify-content: flex-start; margin: -20px 0px 0px; padding: 40px; width: auto; z-index: -1; --gh-ph-blk2-box3: 0px; --gv-ph-blk2-box3: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk2-box3 { gap: 6px; margin: -32px 0px 0px; padding: 40px 20px 20px; --gh-ph-blk2-box3: 0px; --gv-ph-blk2-box3: 6px; max-width: 100%; } }

/* ph-blk2-rich1: BCP（業務継続計画）とは、感染症や災害などの緊急時でも事業 */
.ph-blk2-rich1 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.8; margin: 0px; text-align: left; width: auto; max-width: 100%; }
.ph-blk2-rich1 strong { color: rgb(46, 143, 234); font-weight: 500; }
@media screen and (max-width: 760px) { .ph-blk2-rich1 { font-size: 14px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich1 strong { font-size: 14px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich1 strong { font-size: 15px; } }

/* ph-blk2-box4: BCP未策定 だと、こんなリスクがあります BCP（業務 */
.ph-blk2-box4 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ph-blk2-box1) * 0)); --gh-ph-blk2-box4: 0px; --gv-ph-blk2-box4: 0px; max-width: calc(100% - (var(--gh-ph-blk2-box1) * 0)); }
@media screen and (max-width: 540px) { .ph-blk2-box4 { gap: 6px; margin: 0px 0px 40px; --gh-ph-blk2-box4: 0px; --gv-ph-blk2-box4: 6px; width: calc(100% - (var(--gh-ph-blk2-box1) * 0)); max-width: calc(100% - (var(--gh-ph-blk2-box1) * 0)); } }

/* ph-blk2-box5: BCP未策定 だと、こんなリスクがあります */
.ph-blk2-box5 { align-items: center; flex-direction: row; gap: 6px; height: auto; justify-content: flex-start; margin: 0px 0px 0px -18px; padding: 0px; width: 547px; --gh-ph-blk2-box5: 6px; --gv-ph-blk2-box5: 0px; max-width: calc(100% + 18px); }
@media screen and (max-width: 760px) { .ph-blk2-box5 { flex: 0 0 auto; margin: 0px; width: auto; --gh-ph-blk2-box5: 6px; --gv-ph-blk2-box5: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk2-box5 { gap: 2px; padding: 0px; --gh-ph-blk2-box5: 2px; --gv-ph-blk2-box5: 0px; } }

/* ph-blk2-box6: BCP未策定 */
.ph-blk2-box6 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 5px 6px; width: auto; max-width: 100%; }

/* ph-blk2-txt3: BCP未策定 */
.ph-blk2-txt3 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk2-txt3 { font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk2-txt3 { font-size: 18px; } }

/* ph-blk2-rich2: だと、こんなリスクがあります */
.ph-blk2-rich2 { color: rgb(53, 53, 53); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.ph-blk2-rich2 strong { color: rgb(46, 143, 234); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk2-rich2 { font-size: 20px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich2 strong { font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich2 { font-size: 16px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich2 > p { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich2 strong { font-size: 18px; } }

/* ph-blk2-rich3: BCP（業務継続計画）を策定しないままだと、制度面・経営面で */
.ph-blk2-rich3 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.8; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.ph-blk2-rich3 strong { color: rgb(46, 143, 234); font-weight: 500; }
@media screen and (max-width: 760px) { .ph-blk2-rich3 { font-size: 14px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich3 strong { font-size: 14px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich3 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich3 > p { margin: 0px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich3 strong { font-size: 13px; } }

/* ph-blk2-box7: 算定・加算が 取れなくなる可能性 BCP未策定は今後の連携 */
.ph-blk2-box7 { place-content: center space-around; align-items: center; flex-flow: wrap; gap: 0px; margin: 40px 0px; padding: 0px; width: calc(100% - (var(--gh-ph-blk2-box4) * 0)); --gh-ph-blk2-box7: 0px; --gv-ph-blk2-box7: 0px; max-width: calc(100% - (var(--gh-ph-blk2-box4) * 0)); }
@media screen and (max-width: 760px) { .ph-blk2-box7 { gap: 20px; --gh-ph-blk2-box7: 20px; --gv-ph-blk2-box7: 20px; } }
@media screen and (max-width: 540px) { .ph-blk2-box7 { flex-flow: wrap; gap: 12px; margin: 20px 0px; --gh-ph-blk2-box7: 12px; --gv-ph-blk2-box7: 12px; width: calc(100% - (var(--gh-ph-blk2-box4) * 0)); max-width: calc(100% - (var(--gh-ph-blk2-box4) * 0)); } }

/* ph-blk2-box8: 算定・加算が 取れなくなる可能性 BCP未策定は今後の連携 */
.ph-blk2-box8 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 15px; padding: 0px; width: 220px; --gh-ph-blk2-box8: 0px; --gv-ph-blk2-box8: 15px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk2-box8 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); --gh-ph-blk2-box8: 0px; --gv-ph-blk2-box8: 15px; max-width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk2-box8 { flex: 0 0 auto; gap: 6px; width: 50%; --gh-ph-blk2-box8: 0px; --gv-ph-blk2-box8: 6px; } }

/* ph-blk2-box9: 算定・加算が 取れなくなる可能性 */
.ph-blk2-box9 { place-content: center; align-items: center; background: rgb(133, 186, 217); border-radius: 50%; flex: 0 0 auto; flex-flow: column; height: 180px; width: 180px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk2-box9 { flex: 0 0 auto; height: 140px; padding: 0px 5px; width: 140px; max-width: 100%; } }

/* ph-blk2-txt4: 算定・加算が 取れなくなる可能性 */
.ph-blk2-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk2-txt4 { font-size: 14px; } }

/* ph-blk2-rich4: BCP未策定は今後の連携強化加算などの算定条件になる可能性大 */
.ph-blk2-rich4 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.8; margin: 0px; text-align: left; width: auto; max-width: 100%; }
.ph-blk2-rich4 > p { margin: 0px; }
.ph-blk2-rich4 strong { color: rgb(46, 143, 234); font-weight: 500; }
@media screen and (max-width: 760px) { .ph-blk2-rich4 { font-size: 14px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich4 strong { font-size: 14px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich4 { font-size: 13px; text-align: left; } }
@media screen and (max-width: 540px) { .ph-blk2-rich4 strong { font-size: 13px; } }

/* ph-blk2-box10: 行政からの 指導対象に 令和9年以降は義務化のため、未対応 */
.ph-blk2-box10 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 15px; padding: 0px; width: 220px; --gh-ph-blk2-box10: 0px; --gv-ph-blk2-box10: 15px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk2-box10 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); --gh-ph-blk2-box10: 0px; --gv-ph-blk2-box10: 15px; max-width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk2-box10 { flex: 0 0 auto; gap: 6px; width: 50%; --gh-ph-blk2-box10: 0px; --gv-ph-blk2-box10: 6px; } }

/* ph-blk2-box11: 行政からの 指導対象に */
.ph-blk2-box11 { place-content: center; align-items: center; background: rgb(133, 186, 217); border-radius: 50%; flex: 0 0 auto; flex-flow: column; height: 180px; width: 180px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk2-box11 { flex: 0 0 auto; height: 140px; padding: 0px 5px; width: 140px; max-width: 100%; } }

/* ph-blk2-txt5: 行政からの 指導対象に */
.ph-blk2-txt5 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk2-txt5 { font-size: 15px; } }

/* ph-blk2-rich5: 令和9年以降は義務化のため、未対応の薬局は行政指導の対象に。 */
.ph-blk2-rich5 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.8; margin: 0px; text-align: left; width: auto; max-width: 100%; }
.ph-blk2-rich5 > p { margin: 0px; }
.ph-blk2-rich5 strong { color: rgb(46, 143, 234); font-weight: 500; }
@media screen and (max-width: 760px) { .ph-blk2-rich5 { font-size: 14px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich5 strong { font-size: 14px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich5 { font-size: 13px; text-align: left; } }
@media screen and (max-width: 540px) { .ph-blk2-rich5 strong { font-size: 13px; } }

/* ph-blk2-box12: 災害・感染症で 業務停止リスクが 増大 BCPがないと緊急 */
.ph-blk2-box12 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 15px; padding: 0px; width: 220px; --gh-ph-blk2-box12: 0px; --gv-ph-blk2-box12: 15px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk2-box12 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); --gh-ph-blk2-box12: 0px; --gv-ph-blk2-box12: 15px; max-width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk2-box12 { flex: 0 0 auto; gap: 6px; width: 50%; --gh-ph-blk2-box12: 0px; --gv-ph-blk2-box12: 6px; } }

/* ph-blk2-box13: 災害・感染症で 業務停止リスクが 増大 */
.ph-blk2-box13 { place-content: center; align-items: center; background: rgb(133, 186, 217); border-radius: 50%; flex: 0 0 auto; flex-flow: column; height: 180px; width: 180px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk2-box13 { flex: 0 0 auto; height: 140px; padding: 0px 5px; width: 140px; max-width: 100%; } }

/* ph-blk2-txt6: 災害・感染症で 業務停止リスクが 増大 */
.ph-blk2-txt6 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk2-txt6 { font-size: 15px; } }

/* ph-blk2-rich6: BCPがないと緊急時の対応が後手になり、営業停止や信頼失墜の */
.ph-blk2-rich6 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.8; margin: 0px; text-align: left; width: auto; max-width: 100%; }
.ph-blk2-rich6 > p { margin: 0px; }
.ph-blk2-rich6 strong { color: rgb(46, 143, 234); font-weight: 500; }
@media screen and (max-width: 760px) { .ph-blk2-rich6 { font-size: 14px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich6 strong { font-size: 14px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich6 { font-size: 13px; text-align: left; } }
@media screen and (max-width: 540px) { .ph-blk2-rich6 strong { font-size: 13px; } }

/* ph-blk2-box14: 人材確保でも 不利に 「災害・感染症対策の不備」は、働き */
.ph-blk2-box14 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 15px; padding: 0px; width: 220px; --gh-ph-blk2-box14: 0px; --gv-ph-blk2-box14: 15px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk2-box14 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); --gh-ph-blk2-box14: 0px; --gv-ph-blk2-box14: 15px; max-width: calc(50% - (var(--gh-ph-blk2-box7) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk2-box14 { flex: 0 0 auto; gap: 6px; width: 50%; --gh-ph-blk2-box14: 0px; --gv-ph-blk2-box14: 6px; } }

/* ph-blk2-box15: 人材確保でも 不利に */
.ph-blk2-box15 { place-content: center; align-items: center; background: rgb(133, 186, 217); border-radius: 50%; flex: 0 0 auto; flex-flow: column; height: 180px; width: 180px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk2-box15 { flex: 0 0 auto; height: 140px; padding: 0px 5px; width: 140px; max-width: 100%; } }

/* ph-blk2-txt7: 人材確保でも 不利に */
.ph-blk2-txt7 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk2-txt7 { font-size: 15px; } }

/* ph-blk2-rich7: 「災害・感染症対策の不備」は、働き手からも選ばれにくい薬局に */
.ph-blk2-rich7 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.8; margin: 0px; text-align: left; width: auto; max-width: 100%; }
.ph-blk2-rich7 > p { margin: 0px; }
.ph-blk2-rich7 strong { color: rgb(46, 143, 234); font-weight: 500; }
@media screen and (max-width: 760px) { .ph-blk2-rich7 { font-size: 14px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich7 strong { font-size: 14px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich7 { font-size: 13px; text-align: left; } }
@media screen and (max-width: 540px) { .ph-blk2-rich7 strong { font-size: 13px; } }

/* ph-blk2-rich8: 早めの対応が、リスク回避と経営安定のカギになります。 */
.ph-blk2-rich8 { color: rgb(53, 53, 53); display: none; flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.ph-blk2-rich8 strong { color: rgb(46, 143, 234); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk2-rich8 { display: none; font-size: 20px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich8 strong { font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich8 { display: block; font-size: 18px; line-height: 1.6; } }
@media screen and (max-width: 540px) { .ph-blk2-rich8 > p { font-size: 20px; margin: 0px; } }
@media screen and (max-width: 360px) { .ph-blk2-rich8 { display: block; } }

/* ph-blk2-rich9: 早めの対応が、リスク回避と経営安定のカギになります。 */
.ph-blk2-rich9 { color: rgb(53, 53, 53); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.ph-blk2-rich9 strong { color: rgb(46, 143, 234); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk2-rich9 { font-size: 20px; } }
@media screen and (max-width: 760px) { .ph-blk2-rich9 strong { font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk2-rich9 { display: none; font-size: 18px; line-height: 1.6; } }
@media screen and (max-width: 540px) { .ph-blk2-rich9 > p { font-size: 20px; } }
@media screen and (max-width: 360px) { .ph-blk2-rich9 { display: none; } }

/* ph-blk3-box1: このようなお悩み ありませんか？ BCPって何から始めれば */
.ph-blk3-box1 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk3-box1 { padding: 0px; } }

/* ph-blk3-box2: このようなお悩み ありませんか？ BCPって何から始めれば */
.ph-blk3-box2 { place-content: center; align-items: center; background: rgb(139, 191, 239); flex-direction: row; gap: 65px; height: auto; margin: 0px; padding: 60px 0px; width: 100%; --gh-ph-blk3-box2: 65px; --gv-ph-blk3-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk3-box2 { flex-wrap: wrap; padding: 40px 0px; --gh-ph-blk3-box2: 65px; --gv-ph-blk3-box2: 65px; } }
@media screen and (max-width: 540px) { .ph-blk3-box2 { gap: 32px; margin: 0px; padding: 64px 0px 28px; --gh-ph-blk3-box2: 32px; --gv-ph-blk3-box2: 0px; } }

/* ph-blk3-box3: このようなお悩み ありませんか？ BCPって何から始めれば */
.ph-blk3-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 60px; padding: 0px; width: 1200px; --gh-ph-blk3-box3: 60px; --gv-ph-blk3-box3: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk3-box3 { flex: 0 0 auto; flex-flow: column; gap: 0px; width: calc(90% - (var(--gh-ph-blk3-box2) * 0.10000000000000003)); --gh-ph-blk3-box3: 0px; --gv-ph-blk3-box3: 0px; max-width: calc(90% - (var(--gh-ph-blk3-box2) * 0.10000000000000003)); } }
@media screen and (max-width: 540px) { .ph-blk3-box3 { flex-flow: column; gap: 0px; --gh-ph-blk3-box3: 0px; --gv-ph-blk3-box3: 0px; } }

/* ph-blk3-box4: このようなお悩み ありませんか？ */
.ph-blk3-box4 { place-content: center; align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; margin: 0px; padding: 0px; width: auto; --gh-ph-blk3-box4: 0px; --gv-ph-blk3-box4: -6px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk3-box4 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk3-box3) * 0)); --gh-ph-blk3-box4: 0px; --gv-ph-blk3-box4: -6px; max-width: calc(100% - (var(--gh-ph-blk3-box3) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk3-box4 { margin: 0px; padding: 0px; --gh-ph-blk3-box4: 0px; --gv-ph-blk3-box4: -6px; } }

/* ph-blk3-txt1: このようなお悩み ありませんか？ */
.ph-blk3-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.09em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk3-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .ph-blk3-txt1 { font-size: 24px; text-align: center; justify-content: center; } }

/* ph-blk3-img1: 男女が顎に手を当て悩んでいるイラスト */
.ph-blk3-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 301px; max-width: 100%; }
.ph-blk3-img1::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 760px) { .ph-blk3-img1 { display: none; } }
@media screen and (max-width: 540px) { .ph-blk3-img1 { display: none; } }

/* ph-blk3-list1: BCPって何から始めればいいのか分からない 書類作成に時間 */
.ph-blk3-list1 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); flex: 0 0 auto; flex-flow: column; gap: 20px; height: auto; margin: 0px; overflow: hidden; padding: 40px; width: auto; --gh-ph-blk3-list1: 0px; --gv-ph-blk3-list1: 20px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk3-list1 { flex: 0 0 auto; margin: 20px 0px 0px; width: calc(100% - (var(--gh-ph-blk3-box3) * 0)); --gh-ph-blk3-list1: 0px; --gv-ph-blk3-list1: 20px; max-width: calc(100% - (var(--gh-ph-blk3-box3) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk3-list1 { gap: 10px; margin: 20px 0px 0px; padding: 32px 20px; --gh-ph-blk3-list1: 0px; --gv-ph-blk3-list1: 10px; } }

/* ph-blk3-item1: BCPって何から始めればいいのか分からない */
.ph-blk3-item1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-ph-blk3-item1: 16px; --gv-ph-blk3-item1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk3-item1 { gap: 6px; padding: 0px; --gh-ph-blk3-item1: 6px; --gv-ph-blk3-item1: 0px; } }

/* ph-blk3-img2:  */
.ph-blk3-img2 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; width: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk3-img2 { height: auto; width: 15px; max-width: 100%; } }

/* ph-blk3-rich1: BCPって何から始めればいいのか分からない */
.ph-blk3-rich1 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: center; width: auto; max-width: 100%; }
.ph-blk3-rich1 > p { margin: 0px; }
.ph-blk3-rich1 strong { color: rgb(253, 145, 51); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk3-rich1 { font-size: 15px; } }
@media screen and (max-width: 760px) { .ph-blk3-rich1 strong { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk3-rich1 { flex: 1 1 0%; font-size: 15px; text-align: left; width: auto; } }

/* ph-blk3-item2: 書類作成に時間がかけられない */
.ph-blk3-item2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-ph-blk3-item2: 16px; --gv-ph-blk3-item2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk3-item2 { width: calc(100% - (var(--gh-ph-blk3-list1) * 0)); --gh-ph-blk3-item2: 16px; --gv-ph-blk3-item2: 0px; max-width: calc(100% - (var(--gh-ph-blk3-list1) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk3-item2 { gap: 6px; padding: 0px; --gh-ph-blk3-item2: 6px; --gv-ph-blk3-item2: 0px; } }

/* ph-blk3-img3:  */
.ph-blk3-img3 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; width: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk3-img3 { height: auto; width: 15px; max-width: 100%; } }

/* ph-blk3-rich2: 書類作成に時間がかけられない */
.ph-blk3-rich2 { color: rgb(253, 145, 51); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: center; width: auto; max-width: 100%; }
.ph-blk3-rich2 > p { margin: 0px; }
.ph-blk3-rich2 strong { color: rgb(0, 0, 0); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk3-rich2 { font-size: 15px; } }
@media screen and (max-width: 760px) { .ph-blk3-rich2 strong { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk3-rich2 { flex: 1 1 0%; font-size: 15px; text-align: left; width: auto; } }

/* ph-blk3-item3: 制度対応が不安… */
.ph-blk3-item3 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-ph-blk3-item3: 16px; --gv-ph-blk3-item3: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk3-item3 { width: calc(100% - (var(--gh-ph-blk3-list1) * 0)); --gh-ph-blk3-item3: 16px; --gv-ph-blk3-item3: 0px; max-width: calc(100% - (var(--gh-ph-blk3-list1) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk3-item3 { gap: 6px; padding: 0px; --gh-ph-blk3-item3: 6px; --gv-ph-blk3-item3: 0px; } }

/* ph-blk3-img4:  */
.ph-blk3-img4 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; width: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk3-img4 { height: auto; width: 15px; max-width: 100%; } }

/* ph-blk3-rich3: 制度対応が不安… */
.ph-blk3-rich3 { color: rgb(253, 145, 51); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: center; width: auto; max-width: 100%; }
.ph-blk3-rich3 > p { margin: 0px; }
.ph-blk3-rich3 strong { color: rgb(0, 0, 0); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk3-rich3 { font-size: 15px; } }
@media screen and (max-width: 760px) { .ph-blk3-rich3 strong { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk3-rich3 { flex: 1 1 0%; font-size: 15px; text-align: left; width: auto; } }

/* ph-blk3-item4: 行政への提出や保存のルールが複雑すぎる */
.ph-blk3-item4 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-ph-blk3-item4: 16px; --gv-ph-blk3-item4: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk3-item4 { width: calc(100% - (var(--gh-ph-blk3-list1) * 0)); --gh-ph-blk3-item4: 16px; --gv-ph-blk3-item4: 0px; max-width: calc(100% - (var(--gh-ph-blk3-list1) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk3-item4 { gap: 6px; padding: 0px; --gh-ph-blk3-item4: 6px; --gv-ph-blk3-item4: 0px; } }

/* ph-blk3-img5:  */
.ph-blk3-img5 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; width: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk3-img5 { height: auto; width: 15px; max-width: 100%; } }

/* ph-blk3-rich4: 行政への提出や保存のルールが複雑すぎる */
.ph-blk3-rich4 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: center; width: auto; max-width: 100%; }
.ph-blk3-rich4 > p { margin: 0px; }
.ph-blk3-rich4 strong { color: rgb(253, 145, 51); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk3-rich4 { font-size: 15px; } }
@media screen and (max-width: 760px) { .ph-blk3-rich4 strong { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk3-rich4 { flex: 1 1 0%; font-size: 15px; text-align: left; width: auto; } }

/* ph-blk3-img6: 男女が顎に手を当て悩んでいるイラスト */
.ph-blk3-img6 { align-items: center; display: none; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 301px; max-width: 100%; }
.ph-blk3-img6::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 760px) { .ph-blk3-img6 { display: flex; } }
@media screen and (max-width: 540px) { .ph-blk3-img6 { display: flex; } }

/* ph-blk4-box1: 薬局版 BCPまるごと整備室 なら 全部まるっと 解決 */
.ph-blk4-box1 { place-content: center; align-items: center; background: rgb(237, 246, 255); flex-wrap: nowrap; padding: 0px; width: 100%; max-width: 100%; }

/* ph-blk4-pic1:  */
.ph-blk4-pic1 { height: 18.3673px; width: 200px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-pic1::before { background-position: center top; background-repeat: no-repeat; background-size: contain; } }
@media screen and (max-width: 540px) { .ph-blk4-pic1 { height: 21px; margin: -3px 0px 0px; padding: 0px; width: 138px; max-width: 100%; } }

/* ph-blk4-box2: 薬局版 BCPまるごと整備室 なら 全部まるっと 解決 */
.ph-blk4-box2 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 80px 0px; width: 1200px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box2 { flex: 0 0 auto; padding: 60px 0px; width: 90%; max-width: 90%; } }
@media screen and (max-width: 540px) { .ph-blk4-box2 { padding: 40px 0px; } }

/* ph-blk4-box3: 薬局版 BCPまるごと整備室 なら 全部まるっと 解決 */
.ph-blk4-box3 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 10px; padding: 0px; --gh-ph-blk4-box3: 0px; --gv-ph-blk4-box3: 10px; }
@media screen and (max-width: 540px) { .ph-blk4-box3 { gap: 0px; --gh-ph-blk4-box3: 0px; --gv-ph-blk4-box3: 0px; } }

/* ph-blk4-box4: 薬局版 BCPまるごと整備室 なら */
.ph-blk4-box4 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 0px; --gh-ph-blk4-box4: 0px; --gv-ph-blk4-box4: 0px; max-width: 100%; }

/* ph-blk4-txt1: 薬局版 BCPまるごと整備室 */
.ph-blk4-txt1 { color: rgb(46, 143, 234); font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk4-txt1 { font-size: 20px; } }

/* ph-blk4-txt2: なら */
.ph-blk4-txt2 { color: rgb(28, 28, 28); font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk4-txt2 { font-size: 20px; } }

/* ph-blk4-box5: 全部まるっと 解決できます！ */
.ph-blk4-box5 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 0px; --gh-ph-blk4-box5: 0px; --gv-ph-blk4-box5: 0px; max-width: 100%; }

/* ph-blk4-txt3: 全部まるっと */
.ph-blk4-txt3 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk4-txt3 { font-size: 24px; } }

/* ph-blk4-txt4: 解決できます！ */
.ph-blk4-txt4 { color: rgb(46, 143, 234); font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk4-txt4 { font-size: 24px; } }

/* ph-blk4-box6:  */
.ph-blk4-box6 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: 4px; justify-content: center; margin: 10px 0px 0px; width: 32px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box6 { margin: 20px 0px 0px; max-width: 100%; } }

/* ph-blk4-box7: 納品物は"そのまま使える完成品" 固定プラン 150,0 */
.ph-blk4-box7 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex-flow: column; height: 263px; margin: 40px 0px; overflow: hidden; width: 684px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box7 { height: 212px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk4-box7 { height: 188px; margin: 20px 0px; width: 100%; max-width: 100%; } }

/* ph-blk4-box8: 納品物は"そのまま使える完成品" */
.ph-blk4-box8 { 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)); flex: 0 0 auto; flex-flow: column; height: auto; padding: 16px 0px; width: 100%; max-width: 100%; --g-color-0: #3f9df2; --g-position-0: 0%; --g-color-1: #85d5fe; --g-position-1: 100%; --g-color-2: #85d5fe; --g-position-2: 100%; --g-color-3: #85d5fe; --g-position-3: 100%; --g-color-4: #85d5fe; --g-position-4: 100%; --g-color-5: #85d5fe; --g-position-5: 100%; --g-color-6: #85d5fe; --g-position-6: 100%; --g-color-7: #85d5fe; --g-position-7: 100%; --g-color-8: #85d5fe; --g-position-8: 100%; --g-color-9: #85d5fe; --g-position-9: 100%; --g-color-10: #85d5fe; --g-position-10: 100%; --g-color-11: #85d5fe; --g-position-11: 100%; --g-angle: 90deg; }
@media screen and (max-width: 540px) { .ph-blk4-box8 { padding: 13px 0px; } }

/* ph-blk4-txt5: 納品物は"そのまま使える完成品" */
.ph-blk4-txt5 { color: rgb(255, 255, 255); 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; }
@media screen and (max-width: 760px) { .ph-blk4-txt5 { font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt5 { font-size: 16px; } }

/* ph-blk4-txt6: 固定プラン */
.ph-blk4-txt6 { color: rgb(46, 143, 234); font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 700; height: auto; line-height: 1.4; margin: 20px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk4-txt6 { font-size: 20px; } }

/* ph-blk4-box9: 150,000 円(税込) */
.ph-blk4-box9 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: row; gap: 5px; margin: 10px 0px 0px; padding: 0px; --gh-ph-blk4-box9: 5px; --gv-ph-blk4-box9: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box9 { margin: 7px 0px 0px; --gh-ph-blk4-box9: 5px; --gv-ph-blk4-box9: 0px; max-width: 100%; } }

/* ph-blk4-txt7: 150,000 */
.ph-blk4-txt7 { color: rgb(46, 143, 234); font-family: 'Noto Sans JP', sans-serif; font-size: 72px; font-weight: 700; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk4-txt7 { font-size: 48px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt7 { font-size: 40px; } }

/* ph-blk4-txt8: 円(税込) */
.ph-blk4-txt8 { color: rgb(46, 143, 234); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; 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: 760px) { .ph-blk4-txt8 { font-size: 24px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt8 { font-size: 20px; } }

/* ph-blk4-box10: assignment 感染症 ＋ 自然災害BCP sub */
.ph-blk4-box10 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: 1200px; --gh-ph-blk4-box10: 0px; --gv-ph-blk4-box10: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box10 { flex-wrap: wrap; gap: 16px 0px; --gh-ph-blk4-box10: 0px; --gv-ph-blk4-box10: 16px; } }
@media screen and (max-width: 540px) { .ph-blk4-box10 { gap: 20px; width: 100%; --gh-ph-blk4-box10: 20px; --gv-ph-blk4-box10: 0px; max-width: 100%; } }

/* ph-blk4-box11: assignment 感染症 ＋ 自然災害BCP */
.ph-blk4-box11 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; --gh-ph-blk4-box11: 0px; --gv-ph-blk4-box11: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box11 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); --gh-ph-blk4-box11: 0px; --gv-ph-blk4-box11: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box11 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box11: 0px; --gv-ph-blk4-box11: 6px; max-width: 100%; } }

/* ph-blk4-box12: assignment */
.ph-blk4-box12 { align-items: center; background: rgb(139, 191, 239); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon1: assignment */
.ph-blk4-icon1 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box13: 感染症 ＋ 自然災害BCP */
.ph-blk4-box13 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box13 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt9: 感染症 ＋ 自然災害BCP */
.ph-blk4-txt9 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt9 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt9 { font-size: 14px; } }

/* ph-blk4-box14: subject 訓練記録 テンプレート */
.ph-blk4-box14 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; --gh-ph-blk4-box14: 0px; --gv-ph-blk4-box14: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box14 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); --gh-ph-blk4-box14: 0px; --gv-ph-blk4-box14: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box14 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box14: 0px; --gv-ph-blk4-box14: 6px; max-width: 100%; } }

/* ph-blk4-box15: subject */
.ph-blk4-box15 { align-items: center; background: rgb(139, 191, 239); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon2: subject */
.ph-blk4-icon2 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box16: 訓練記録 テンプレート */
.ph-blk4-box16 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box16 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt10: 訓練記録 テンプレート */
.ph-blk4-txt10 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt10 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt10 { font-size: 14px; } }

/* ph-blk4-box17: 記入 マニュアル */
.ph-blk4-box17 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; --gh-ph-blk4-box17: 0px; --gv-ph-blk4-box17: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box17 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); --gh-ph-blk4-box17: 0px; --gv-ph-blk4-box17: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box17 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box17: 0px; --gv-ph-blk4-box17: 6px; max-width: 100%; } }

/* ph-blk4-box18:  */
.ph-blk4-box18 { align-items: center; background: rgb(139, 191, 239); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon3:  */
.ph-blk4-icon3 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box19: 記入 マニュアル */
.ph-blk4-box19 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box19 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt11: 記入 マニュアル */
.ph-blk4-txt11 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt11 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt11 { font-size: 14px; } }

/* ph-blk4-box20: headset_mic 制度対応ガイド */
.ph-blk4-box20 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; --gh-ph-blk4-box20: 0px; --gv-ph-blk4-box20: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box20 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); --gh-ph-blk4-box20: 0px; --gv-ph-blk4-box20: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box20 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box20: 0px; --gv-ph-blk4-box20: 6px; max-width: 100%; } }

/* ph-blk4-box21: headset_mic */
.ph-blk4-box21 { align-items: center; background: rgb(139, 191, 239); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon4: headset_mic */
.ph-blk4-icon4 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box22: 制度対応ガイド */
.ph-blk4-box22 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box22 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt12: 制度対応ガイド */
.ph-blk4-txt12 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt12 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt12 { font-size: 14px; } }

/* ph-blk4-box23: library_books ヒアリング済み 記録シート */
.ph-blk4-box23 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; --gh-ph-blk4-box23: 0px; --gv-ph-blk4-box23: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box23 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); --gh-ph-blk4-box23: 0px; --gv-ph-blk4-box23: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box10) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box23 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box23: 0px; --gv-ph-blk4-box23: 6px; max-width: 100%; } }

/* ph-blk4-box24: library_books */
.ph-blk4-box24 { align-items: center; background: rgb(139, 191, 239); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon5: library_books */
.ph-blk4-icon5 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box25: ヒアリング済み 記録シート */
.ph-blk4-box25 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box25 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt13: ヒアリング済み 記録シート */
.ph-blk4-txt13 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt13 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt13 { font-size: 14px; } }

/* ph-blk4-box26: \オプションで研修実施済みの状態が、書類だけで整います！/  */
.ph-blk4-box26 { place-content: center flex-start; align-items: center; flex-flow: column; margin: 100px 0px 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box26 { margin: 40px 0px 0px; max-width: 100%; } }

/* ph-blk4-txt14: \オプションで研修実施済みの状態が、書類だけで整います！/ */
.ph-blk4-txt14 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt14 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt14 { display: none; font-size: 15px; } }
@media screen and (max-width: 360px) { .ph-blk4-txt14 { display: none; } }

/* ph-blk4-box27: オプションで研修実施済みの状態が、書類だけで整います！ */
.ph-blk4-box27 { background: rgb(238, 238, 238); display: none; height: 160px; width: 200px; --gh-ph-blk4-box27: 0px; --gv-ph-blk4-box27: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box27 { display: none; } }
@media screen and (max-width: 540px) { .ph-blk4-box27 { place-content: center; align-items: center; background: rgba(255, 243, 243, 0); display: flex; flex: 0 0 auto; flex-flow: row; gap: 10px; height: auto; width: 100%; --gh-ph-blk4-box27: 10px; --gv-ph-blk4-box27: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ph-blk4-box27 { display: flex; } }

/* ph-blk4-box28:  */
.ph-blk4-box28 { background: rgb(238, 238, 238); height: 160px; width: 200px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box28 { background: rgb(47, 47, 47); flex: 0 0 auto; height: 32px; rotate: -20deg; width: 2px; max-width: 100%; } }

/* ph-blk4-txt15: オプションで研修実施済みの状態が、書類だけで整います！ */
.ph-blk4-txt15 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt15 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt15 { font-size: 16px; } }
@media screen and (max-width: 360px) { .ph-blk4-txt15 { font-size: 14px; } }

/* ph-blk4-box29:  */
.ph-blk4-box29 { background: rgb(238, 238, 238); height: 160px; width: 200px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box29 { background: rgb(47, 47, 47); flex: 0 0 auto; height: 32px; rotate: 20deg; width: 2px; max-width: 100%; } }

/* ph-blk4-box30: 虐待防止研修まるごとセット ＋ 20,000 円(税込 */
.ph-blk4-box30 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex-flow: column; height: 263px; margin: 20px 0px; overflow: hidden; width: 684px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box30 { height: 212px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk4-box30 { flex: 0 0 auto; height: auto; margin: 20px 0px; padding: 0px 0px 20px; width: 100%; max-width: 100%; } }

/* ph-blk4-box31: 虐待防止研修まるごとセット */
.ph-blk4-box31 { 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)); flex: 0 0 auto; flex-flow: column; height: auto; padding: 16px 0px; width: 100%; max-width: 100%; --g-color-0: #ffa572; --g-position-0: 0%; --g-color-1: #fed76f; --g-position-1: 100%; --g-color-2: #fed76f; --g-position-2: 100%; --g-color-3: #fed76f; --g-position-3: 100%; --g-color-4: #fed76f; --g-position-4: 100%; --g-color-5: #fed76f; --g-position-5: 100%; --g-color-6: #fed76f; --g-position-6: 100%; --g-color-7: #fed76f; --g-position-7: 100%; --g-color-8: #fed76f; --g-position-8: 100%; --g-color-9: #fed76f; --g-position-9: 100%; --g-color-10: #fed76f; --g-position-10: 100%; --g-color-11: #fed76f; --g-position-11: 100%; --g-angle: 90deg; }
@media screen and (max-width: 540px) { .ph-blk4-box31 { padding: 13px 0px; } }

/* ph-blk4-txt16: 虐待防止研修まるごとセット */
.ph-blk4-txt16 { color: rgb(255, 255, 255); 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; }
@media screen and (max-width: 760px) { .ph-blk4-txt16 { font-size: 20px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt16 { font-size: 16px; } }

/* ph-blk4-box32: ＋ 20,000 円(税込) */
.ph-blk4-box32 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 5px; margin: 20px 0px; padding: 0px; --gh-ph-blk4-box32: 5px; --gv-ph-blk4-box32: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box32 { margin: 10px 0px; --gh-ph-blk4-box32: 5px; --gv-ph-blk4-box32: 0px; max-width: 100%; } }

/* ph-blk4-txt17: ＋ */
.ph-blk4-txt17 { color: rgb(253, 145, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 6px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk4-txt17 { font-size: 24px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt17 { font-size: 20px; } }

/* ph-blk4-box33: 20,000 円(税込) */
.ph-blk4-box33 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: row; gap: 5px; padding: 0px; --gh-ph-blk4-box33: 5px; --gv-ph-blk4-box33: 0px; }

/* ph-blk4-txt18: 20,000 */
.ph-blk4-txt18 { color: rgb(253, 145, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 72px; font-weight: 700; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk4-txt18 { font-size: 48px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt18 { font-size: 40px; } }

/* ph-blk4-txt19: 円(税込) */
.ph-blk4-txt19 { color: rgb(253, 145, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; 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: 760px) { .ph-blk4-txt19 { font-size: 24px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt19 { font-size: 20px; } }

/* ph-blk4-rich1: 虐待防止研修の義務化に対応した、書類一式セットです。 準備 */
.ph-blk4-rich1 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.8; text-align: left; width: 506px; max-width: 100%; }
.ph-blk4-rich1 > p { margin: 0px; }
.ph-blk4-rich1 strong { color: rgb(221, 92, 92); font-weight: 700; }
@media screen and (max-width: 760px) { .ph-blk4-rich1 { font-size: 13px; } }
@media screen and (max-width: 760px) { .ph-blk4-rich1 strong { font-size: 13px; } }
@media screen and (max-width: 540px) { .ph-blk4-rich1 { font-size: 13px; margin: 0px 20px; max-width: calc(100% - 40px); } }
@media screen and (max-width: 540px) { .ph-blk4-rich1 > p { margin: 0px; } }
@media screen and (max-width: 540px) { .ph-blk4-rich1 strong { font-size: 13px; } }

/* ph-blk4-box34: assignment 制度概要 ＋ 対応方針資料 sub */
.ph-blk4-box34 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: row; gap: 40px; height: auto; padding: 0px; width: 1200px; --gh-ph-blk4-box34: 40px; --gv-ph-blk4-box34: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box34 { flex-wrap: wrap; gap: 16px 0px; --gh-ph-blk4-box34: 0px; --gv-ph-blk4-box34: 16px; } }
@media screen and (max-width: 540px) { .ph-blk4-box34 { gap: 20px; padding: 0px; --gh-ph-blk4-box34: 20px; --gv-ph-blk4-box34: 0px; } }

/* ph-blk4-box35: assignment 制度概要 ＋ 対応方針資料 */
.ph-blk4-box35 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; width: auto; --gh-ph-blk4-box35: 0px; --gv-ph-blk4-box35: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box35 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); --gh-ph-blk4-box35: 0px; --gv-ph-blk4-box35: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box35 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box35: 0px; --gv-ph-blk4-box35: 6px; max-width: 100%; } }

/* ph-blk4-box36: assignment */
.ph-blk4-box36 { align-items: center; background: rgb(255, 177, 113); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon6: assignment */
.ph-blk4-icon6 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box37: 制度概要 ＋ 対応方針資料 */
.ph-blk4-box37 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box37 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt20: 制度概要 ＋ 対応方針資料 */
.ph-blk4-txt20 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt20 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt20 { font-size: 14px; } }

/* ph-blk4-box38: subject ミニテスト */
.ph-blk4-box38 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; width: auto; --gh-ph-blk4-box38: 0px; --gv-ph-blk4-box38: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box38 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); --gh-ph-blk4-box38: 0px; --gv-ph-blk4-box38: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box38 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box38: 0px; --gv-ph-blk4-box38: 6px; max-width: 100%; } }

/* ph-blk4-box39: subject */
.ph-blk4-box39 { align-items: center; background: rgb(255, 177, 113); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon7: subject */
.ph-blk4-icon7 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box40: ミニテスト */
.ph-blk4-box40 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box40 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt21: ミニテスト */
.ph-blk4-txt21 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt21 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt21 { font-size: 14px; } }

/* ph-blk4-box41: 研修記録 テンプレート */
.ph-blk4-box41 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; width: auto; --gh-ph-blk4-box41: 0px; --gv-ph-blk4-box41: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box41 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); --gh-ph-blk4-box41: 0px; --gv-ph-blk4-box41: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box41 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box41: 0px; --gv-ph-blk4-box41: 6px; max-width: 100%; } }

/* ph-blk4-box42:  */
.ph-blk4-box42 { align-items: center; background: rgb(255, 177, 113); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon8:  */
.ph-blk4-icon8 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box43: 研修記録 テンプレート */
.ph-blk4-box43 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box43 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt22: 研修記録 テンプレート */
.ph-blk4-txt22 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt22 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt22 { font-size: 14px; } }

/* ph-blk4-box44: headset_mic 実施 チェックリスト */
.ph-blk4-box44 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 0px; width: auto; --gh-ph-blk4-box44: 0px; --gv-ph-blk4-box44: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk4-box44 { flex: 0 0 auto; width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); --gh-ph-blk4-box44: 0px; --gv-ph-blk4-box44: 0px; max-width: calc(50% - (var(--gh-ph-blk4-box34) * 0.5)); } }
@media screen and (max-width: 540px) { .ph-blk4-box44 { flex: 0 0 auto; gap: 6px; padding: 0px; width: auto; --gh-ph-blk4-box44: 0px; --gv-ph-blk4-box44: 6px; max-width: 100%; } }

/* ph-blk4-box45: headset_mic */
.ph-blk4-box45 { align-items: center; background: rgb(255, 177, 113); border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 50px; justify-content: center; padding: 0px; width: 50px; max-width: 100%; }

/* ph-blk4-icon9: headset_mic */
.ph-blk4-icon9 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk4-box46: 実施 チェックリスト */
.ph-blk4-box46 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 140px; margin: -27px 0px 0px; padding: 20px; width: 180px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk4-box46 { flex: 0 0 auto; height: 120px; width: 150px; max-width: 100%; } }

/* ph-blk4-txt23: 実施 チェックリスト */
.ph-blk4-txt23 { background: rgba(255, 255, 255, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 10px 0px 0px; padding: 0px; text-align: center; width: auto; z-index: -1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk4-txt23 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk4-txt23 { font-size: 14px; } }

/* ph-blk5-box1: 実地指導を見据えた 納品内容 の違い 価格（税込）  */
.ph-blk5-box1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 80px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk5-box1 { padding: 60px 0px; } }
@media screen and (max-width: 540px) { .ph-blk5-box1 { padding: 40px 0px; } }

/* ph-blk5-box2: 実地指導を見据えた 納品内容 の違い */
.ph-blk5-box2 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ph-blk5-box2: 0px; --gv-ph-blk5-box2: 0px; }
@media screen and (max-width: 540px) { .ph-blk5-box2 { margin: 0px 0px 40px; --gh-ph-blk5-box2: 0px; --gv-ph-blk5-box2: 0px; max-width: 100%; } }

/* ph-blk5-box3: 実地指導を見据えた */
.ph-blk5-box3 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 0px; --gh-ph-blk5-box3: 0px; --gv-ph-blk5-box3: 0px; max-width: 100%; }

/* ph-blk5-txt1: 実地指導を見据えた */
.ph-blk5-txt1 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk5-txt1 { font-size: 20px; } }

/* ph-blk5-box4: 納品内容 の違い */
.ph-blk5-box4 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 0px; --gh-ph-blk5-box4: 0px; --gv-ph-blk5-box4: 0px; max-width: 100%; }

/* ph-blk5-txt2: 納品内容 */
.ph-blk5-txt2 { color: rgb(46, 143, 234); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk5-txt2 { font-size: 24px; } }

/* ph-blk5-txt3: の違い */
.ph-blk5-txt3 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk5-txt3 { font-size: 24px; } }

/* ph-blk5-box5:  */
.ph-blk5-box5 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: 4px; justify-content: center; margin: 20px 0px 0px; width: 32px; max-width: 100%; }

/* ph-blk5-box6: 価格（税込） 価格（税込） 対応業種 対応方法 書類 */
.ph-blk5-box6 { align-items: flex-end; flex-direction: row; gap: 0px; height: auto; justify-content: flex-start; padding: 40px 0px; width: 1200px; --gh-ph-blk5-box6: 0px; --gv-ph-blk5-box6: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk5-box6 { flex: 0 0 auto; flex-wrap: wrap; overflow: hidden auto; width: 100%; --gh-ph-blk5-box6: 0px; --gv-ph-blk5-box6: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box6 { flex-flow: row; overflow: auto hidden; padding: 0px; --gh-ph-blk5-box6: 0px; --gv-ph-blk5-box6: 0px; } }

/* ph-blk5-box7: 価格（税込） 価格（税込） 対応業種 対応方法 書類 */
.ph-blk5-box7 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 200px; --gh-ph-blk5-box7: 0px; --gv-ph-blk5-box7: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk5-box7 { flex: 0 0 auto; width: auto; --gh-ph-blk5-box7: 0px; --gv-ph-blk5-box7: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box7 { margin: 0px 0px 10px; padding: 0px; --gh-ph-blk5-box7: 0px; --gv-ph-blk5-box7: 0px; max-width: 100%; } }

/* ph-blk5-box8: 価格（税込） */
.ph-blk5-box8 { align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 100px; justify-content: center; margin: 0px; padding: 0px 23px 0px 14px; width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box8 { flex: 0 0 auto; width: 150px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box8 { flex: 0 0 auto; padding: 0px 23px; width: auto; max-width: 100%; } }

/* ph-blk5-txt4: 価格（税込） */
.ph-blk5-txt4 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: right; width: auto; max-width: 100%; justify-content: flex-end; }
@media screen and (max-width: 760px) { .ph-blk5-txt4 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt4 { font-size: 15px; } }

/* ph-blk5-box9: 価格（税込） */
.ph-blk5-box9 { align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 100px; justify-content: center; margin: 0px; padding: 0px 23px 0px 14px; width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box9 { flex: 0 0 auto; width: 150px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box9 { flex: 0 0 auto; padding: 0px 23px; width: auto; max-width: 100%; } }

/* ph-blk5-txt5: 価格（税込） */
.ph-blk5-txt5 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: right; width: auto; max-width: 100%; justify-content: flex-end; }
@media screen and (max-width: 760px) { .ph-blk5-txt5 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt5 { font-size: 15px; } }

/* ph-blk5-box10: 対応業種 */
.ph-blk5-box10 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 100px; margin: 0px; padding: 0px 23px 0px 14px; width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box10 { flex: 0 0 auto; width: 150px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box10 { flex: 0 0 auto; padding: 0px 23px; width: auto; max-width: 100%; } }

/* ph-blk5-txt6: 対応業種 */
.ph-blk5-txt6 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: right; width: auto; max-width: 100%; justify-content: flex-end; }
@media screen and (max-width: 760px) { .ph-blk5-txt6 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt6 { font-size: 15px; } }

/* ph-blk5-box11: 対応方法 */
.ph-blk5-box11 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 100px; margin: 0px; padding: 0px 23px 0px 14px; width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box11 { flex: 0 0 auto; width: 150px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box11 { flex: 0 0 auto; padding: 0px 23px; width: auto; max-width: 100%; } }

/* ph-blk5-txt7: 対応方法 */
.ph-blk5-txt7 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: right; width: auto; max-width: 100%; justify-content: flex-end; }
@media screen and (max-width: 760px) { .ph-blk5-txt7 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt7 { font-size: 15px; } }

/* ph-blk5-box12: 書類内容 */
.ph-blk5-box12 { align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 100px; justify-content: center; margin: 0px; padding: 0px 23px 0px 14px; width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box12 { flex: 0 0 auto; width: 150px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box12 { flex: 0 0 auto; padding: 0px 23px; width: auto; max-width: 100%; } }

/* ph-blk5-txt8: 書類内容 */
.ph-blk5-txt8 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: right; width: auto; max-width: 100%; justify-content: flex-end; }
@media screen and (max-width: 760px) { .ph-blk5-txt8 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt8 { font-size: 15px; } }

/* ph-blk5-box13: 納期 */
.ph-blk5-box13 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 100px; margin: 0px; padding: 0px 23px 0px 14px; width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box13 { flex: 0 0 auto; width: 150px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk5-box13 { flex: 0 0 auto; padding: 0px 23px; width: auto; max-width: 100%; } }

/* ph-blk5-txt9: 納期 */
.ph-blk5-txt9 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: right; width: auto; max-width: 100%; justify-content: flex-end; }
@media screen and (max-width: 760px) { .ph-blk5-txt9 { font-size: 15px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt9 { font-size: 15px; } }

/* ph-blk5-box14: １事業所ごと15万円（固定）＋ 2万円で虐待防止セット 薬 */
.ph-blk5-box14 { place-content: flex-end flex-start; align-items: flex-end; flex: 1 1 0%; flex-direction: row; gap: 0px; height: auto; margin: 0px; overflow: visible; padding: 0px; z-index: 1; --gh-ph-blk5-box14: 0px; --gv-ph-blk5-box14: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk5-box14 { place-content: flex-start; align-items: flex-start; flex-flow: row; --gh-ph-blk5-box14: 0px; --gv-ph-blk5-box14: 0px; } }
@media screen and (max-width: 540px) { .ph-blk5-box14 { flex: 0 0 auto; gap: 16px 0px; margin: 0px 20px 0px 0px; padding: 0px; width: auto; --gh-ph-blk5-box14: 0px; --gv-ph-blk5-box14: 0px; max-width: calc(100% - 20px); } }

/* ph-blk5-box15: １事業所ごと15万円（固定）＋ 2万円で虐待防止セット 薬 */
.ph-blk5-box15 { place-content: center flex-end; align-items: center; border-radius: 12px; flex: 0 0 auto; flex-direction: column; gap: 0px; height: auto; margin: 0px 0px -4px; overflow: hidden; padding: 0px; scale: 1.02; width: calc(28% - (var(--gh-ph-blk5-box14) * 0.72)); --gh-ph-blk5-box15: 0px; --gv-ph-blk5-box15: 0px; max-width: calc(28% - (var(--gh-ph-blk5-box14) * 0.72)); }
@media screen and (max-width: 760px) { .ph-blk5-box15 { border-radius: 12px 0px 0px 12px; scale: 1; --gh-ph-blk5-box15: 0px; --gv-ph-blk5-box15: 0px; } }
@media screen and (max-width: 540px) { .ph-blk5-box15 { flex: 0 0 auto; margin: 0px; padding: 0px; width: calc(50% - (var(--gh-ph-blk5-box14) * 0.5)); --gh-ph-blk5-box15: 0px; --gv-ph-blk5-box15: 0px; max-width: calc(50% - (var(--gh-ph-blk5-box14) * 0.5)); } }

/* ph-blk5-box16:  */
.ph-blk5-box16 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-width: 4px; border-style: solid; border-color: rgb(76, 167, 253); border-radius: 12px 12px 0px 0px; flex-flow: column; height: auto; margin: 0px; padding: 20px 0px; width: calc(100% - (var(--gh-ph-blk5-box15) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box15) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box16 { border-radius: 12px 0px 0px; flex: 0 0 auto; height: 68px; padding: 20px; width: calc(100% - (var(--gh-ph-blk5-box15) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box15) * 0)); } }

/* ph-blk5-img1:  */
.ph-blk5-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; overflow: hidden; width: 200px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk5-img1 { height: auto; width: 100%; max-width: 100%; } }

/* ph-blk5-list1: １事業所ごと15万円（固定）＋ 2万円で虐待防止セット 薬 */
.ph-blk5-list1 { padding: 0px; width: calc(100% - (var(--gh-ph-blk5-box15) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box15) * 0)); }

/* ph-blk5-item1: １事業所ごと15万円（固定）＋ 2万円で虐待防止セット */
.ph-blk5-item1 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: 100%; --gh-ph-blk5-item1: 0px; --gv-ph-blk5-item1: 0px; max-width: 100%; }

/* ph-blk5-box17: １事業所ごと15万円（固定）＋ 2万円で虐待防止セット */
.ph-blk5-box17 { place-content: center; align-items: center; background: rgb(76, 167, 253); flex: 0 0 auto; flex-direction: column; height: 100px; margin: 0px; padding: 0px 20px; width: calc(100% - (var(--gh-ph-blk5-item1) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-item1) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box17 { padding: 0px 20px; } }

/* ph-blk5-txt10: １事業所ごと15万円（固定）＋ 2万円で虐待防止セット */
.ph-blk5-txt10 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk5-txt10 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt10 { font-size: 14px; font-weight: 600; } }

/* ph-blk5-box18: A社 要見積書 薬局（主に災害対応） 訪問＋ワークショ */
.ph-blk5-box18 { place-content: center flex-end; align-items: center; flex: 1 1 0%; flex-direction: column; gap: 0px; height: auto; margin: 0px; padding: 0px; width: auto; z-index: -1; --gh-ph-blk5-box18: 0px; --gv-ph-blk5-box18: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk5-box18 { flex: 0 0 auto; width: calc(30% - (var(--gh-ph-blk5-box14) * 0.7000000000000001)); --gh-ph-blk5-box18: 0px; --gv-ph-blk5-box18: 0px; max-width: calc(30% - (var(--gh-ph-blk5-box14) * 0.7000000000000001)); } }
@media screen and (max-width: 540px) { .ph-blk5-box18 { flex: 0 0 auto; margin: 0px; padding: 0px; width: calc(45% - (var(--gh-ph-blk5-box14) * 0.55)); --gh-ph-blk5-box18: 0px; --gv-ph-blk5-box18: 0px; max-width: calc(45% - (var(--gh-ph-blk5-box14) * 0.55)); } }

/* ph-blk5-box19: A社 */
.ph-blk5-box19 { align-items: center; background: rgb(206, 206, 206); border-width: 0px; border-style: solid; border-color: rgb(46, 143, 234); border-radius: 0px; flex-direction: column; height: auto; justify-content: center; margin: 0px; padding: 27px 40px; width: calc(100% - (var(--gh-ph-blk5-box18) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box18) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box19 { flex: 0 0 auto; height: 68px; padding: 20px 40px; width: calc(100% - (var(--gh-ph-blk5-box18) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box18) * 0)); } }

/* ph-blk5-txt11: A社 */
.ph-blk5-txt11 { color: rgb(255, 255, 255); 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) { .ph-blk5-txt11 { font-size: 15px; } }

/* ph-blk5-list2: 要見積書 薬局（主に災害対応） 訪問＋ワークショップ形式 */
.ph-blk5-list2 { padding: 0px; width: calc(100% - (var(--gh-ph-blk5-box18) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box18) * 0)); }

/* ph-blk5-item2: 要見積書 */
.ph-blk5-item2 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: 100%; --gh-ph-blk5-item2: 0px; --gv-ph-blk5-item2: 0px; max-width: 100%; }

/* ph-blk5-box20: 要見積書 */
.ph-blk5-box20 { place-content: center; align-items: center; background: rgb(221, 221, 221); flex: 0 0 auto; flex-direction: column; height: 100px; margin: 0px; padding: 0px 20px; width: calc(100% - (var(--gh-ph-blk5-item2) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-item2) * 0)); }

/* ph-blk5-txt12: 要見積書 */
.ph-blk5-txt12 { color: rgb(130, 130, 130); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk5-txt12 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt12 { font-size: 13px; text-align: center; justify-content: center; } }

/* ph-blk5-box21: B社 20万円〜120万円 介護施設全般 訪問・オンラ */
.ph-blk5-box21 { place-content: center flex-end; align-items: center; flex: 1 1 0%; flex-direction: column; gap: 0px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-ph-blk5-box21: 0px; --gv-ph-blk5-box21: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk5-box21 { flex: 0 0 auto; width: calc(30% - (var(--gh-ph-blk5-box14) * 0.7000000000000001)); --gh-ph-blk5-box21: 0px; --gv-ph-blk5-box21: 0px; max-width: calc(30% - (var(--gh-ph-blk5-box14) * 0.7000000000000001)); } }
@media screen and (max-width: 540px) { .ph-blk5-box21 { flex: 0 0 auto; margin: 0px; padding: 0px; width: calc(45% - (var(--gh-ph-blk5-box14) * 0.55)); --gh-ph-blk5-box21: 0px; --gv-ph-blk5-box21: 0px; max-width: calc(45% - (var(--gh-ph-blk5-box14) * 0.55)); } }

/* ph-blk5-box22: B社 */
.ph-blk5-box22 { align-items: center; background: rgb(206, 206, 206); border-width: 0px; border-style: solid; border-color: rgb(46, 143, 234); border-radius: 0px; flex-direction: column; height: auto; justify-content: center; margin: 0px; padding: 27px 40px; width: calc(100% - (var(--gh-ph-blk5-box21) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box21) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box22 { flex: 0 0 auto; height: 68px; padding: 20px 40px; width: calc(100% - (var(--gh-ph-blk5-box21) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box21) * 0)); } }

/* ph-blk5-txt13: B社 */
.ph-blk5-txt13 { color: rgb(255, 255, 255); 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) { .ph-blk5-txt13 { font-size: 15px; } }

/* ph-blk5-list3: 20万円〜120万円 介護施設全般 訪問・オンライン相談 */
.ph-blk5-list3 { padding: 0px; width: calc(100% - (var(--gh-ph-blk5-box21) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box21) * 0)); }

/* ph-blk5-item3: 20万円〜120万円 */
.ph-blk5-item3 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: 100%; --gh-ph-blk5-item3: 0px; --gv-ph-blk5-item3: 0px; max-width: 100%; }

/* ph-blk5-box23: 20万円〜120万円 */
.ph-blk5-box23 { place-content: center; align-items: center; background: rgb(221, 221, 221); flex: 0 0 auto; flex-direction: column; height: 100px; margin: 0px; padding: 0px 20px; width: calc(100% - (var(--gh-ph-blk5-item3) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-item3) * 0)); }

/* ph-blk5-txt14: 20万円〜120万円 */
.ph-blk5-txt14 { color: rgb(130, 130, 130); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk5-txt14 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt14 { font-size: 13px; } }

/* ph-blk5-box24: C社 165,000円〜880,000円 訪問看護・介護 */
.ph-blk5-box24 { place-content: center flex-end; align-items: center; flex: 1 1 0%; flex-direction: column; gap: 0px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-ph-blk5-box24: 0px; --gv-ph-blk5-box24: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk5-box24 { flex: 0 0 auto; width: calc(30% - (var(--gh-ph-blk5-box14) * 0.7000000000000001)); --gh-ph-blk5-box24: 0px; --gv-ph-blk5-box24: 0px; max-width: calc(30% - (var(--gh-ph-blk5-box14) * 0.7000000000000001)); } }
@media screen and (max-width: 540px) { .ph-blk5-box24 { flex: 0 0 auto; margin: 0px; padding: 0px; width: calc(45% - (var(--gh-ph-blk5-box14) * 0.55)); --gh-ph-blk5-box24: 0px; --gv-ph-blk5-box24: 0px; max-width: calc(45% - (var(--gh-ph-blk5-box14) * 0.55)); } }

/* ph-blk5-box25: C社 */
.ph-blk5-box25 { align-items: center; background: rgb(206, 206, 206); border-width: 0px; border-style: solid; border-color: rgb(46, 143, 234); border-radius: 0px 10px 0px 0px; flex-direction: column; height: auto; justify-content: center; margin: 0px; padding: 27px 40px; width: calc(100% - (var(--gh-ph-blk5-box24) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box24) * 0)); }
@media screen and (max-width: 760px) { .ph-blk5-box25 { flex: 0 0 auto; height: 68px; padding: 20px 40px; width: calc(100% - (var(--gh-ph-blk5-box24) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box24) * 0)); } }

/* ph-blk5-txt15: C社 */
.ph-blk5-txt15 { color: rgb(255, 255, 255); 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) { .ph-blk5-txt15 { font-size: 15px; } }

/* ph-blk5-list4: 165,000円〜880,000円 訪問看護・介護系 Z */
.ph-blk5-list4 { padding: 0px; width: calc(100% - (var(--gh-ph-blk5-box24) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-box24) * 0)); }

/* ph-blk5-item4: 165,000円〜880,000円 */
.ph-blk5-item4 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: 100%; --gh-ph-blk5-item4: 0px; --gv-ph-blk5-item4: 0px; max-width: 100%; }

/* ph-blk5-box26: 165,000円〜880,000円 */
.ph-blk5-box26 { place-content: center; align-items: center; background: rgb(221, 221, 221); flex: 0 0 auto; flex-direction: column; height: 100px; margin: 0px; padding: 0px 20px; width: calc(100% - (var(--gh-ph-blk5-item4) * 0)); max-width: calc(100% - (var(--gh-ph-blk5-item4) * 0)); }

/* ph-blk5-txt16: 165,000円〜880,000円 */
.ph-blk5-txt16 { color: rgb(130, 130, 130); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk5-txt16 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ph-blk5-txt16 { font-size: 13px; text-align: center; justify-content: center; } }

/* ph-blk6-pic1: まずはお気軽にご相談ください mail_outline  */
.ph-blk6-pic1 { 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; gap: 40px; height: auto; justify-content: flex-start; padding: 80px 40px; width: 100%; --gh-ph-blk6-pic1: 0px; --gv-ph-blk6-pic1: 40px; max-width: 100%; --g-color-0: #44a0f3; --g-position-0: 0%; --g-color-1: #87d6fe; --g-position-1: 100%; --g-color-2: #87d6fe; --g-position-2: 100%; --g-color-3: #87d6fe; --g-position-3: 100%; --g-color-4: #87d6fe; --g-position-4: 100%; --g-color-5: #87d6fe; --g-position-5: 100%; --g-color-6: #87d6fe; --g-position-6: 100%; --g-color-7: #87d6fe; --g-position-7: 100%; --g-color-8: #87d6fe; --g-position-8: 100%; --g-color-9: #87d6fe; --g-position-9: 100%; --g-color-10: #87d6fe; --g-position-10: 100%; --g-color-11: #87d6fe; --g-position-11: 100%; --g-angle: 90deg; }
@media screen and (max-width: 540px) { .ph-blk6-pic1 { gap: 20px; padding: 36px 16px; --gh-ph-blk6-pic1: 0px; --gv-ph-blk6-pic1: 20px; } }

/* ph-blk6-txt1: まずはお気軽にご相談ください */
.ph-blk6-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 36px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk6-txt1 { font-size: 32px; } }
@media screen and (max-width: 540px) { .ph-blk6-txt1 { font-size: 20px; margin: 0px; } }

/* ph-blk6-box1: mail_outline お問い合わせ */
.ph-blk6-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-direction: row; gap: 32px; height: auto; margin: 0px; padding: 0px; width: 780px; --gh-ph-blk6-box1: 32px; --gv-ph-blk6-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk6-box1 { flex-wrap: wrap; width: calc(100% - (var(--gh-ph-blk6-pic1) * 0)); --gh-ph-blk6-box1: 32px; --gv-ph-blk6-box1: 32px; max-width: calc(100% - (var(--gh-ph-blk6-pic1) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk6-box1 { place-content: center; align-items: center; flex-flow: column; gap: 10px; margin: 0px; padding: 0px; --gh-ph-blk6-box1: 0px; --gv-ph-blk6-box1: 10px; } }

/* ph-blk6-link1: mail_outline お問い合わせ */
.ph-blk6-link1 { align-items: center; background: rgb(251, 151, 65); border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; flex: 0 0 auto; flex-direction: row; gap: 16px; height: auto; justify-content: center; margin: 0px; padding: 26px 38px 26px 40px; width: calc(50% - (var(--gh-ph-blk6-box1) * 0.5)); --gh-ph-blk6-link1: 16px; --gv-ph-blk6-link1: 0px; max-width: calc(50% - (var(--gh-ph-blk6-box1) * 0.5)); }
@media screen and (max-width: 760px) { .ph-blk6-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk6-box1) * 0)); --gh-ph-blk6-link1: 16px; --gv-ph-blk6-link1: 0px; max-width: calc(100% - (var(--gh-ph-blk6-box1) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk6-link1 { gap: 6px; margin: 0px; padding: 12px 16px; width: 235px; --gh-ph-blk6-link1: 6px; --gv-ph-blk6-link1: 0px; max-width: 100%; } }

/* ph-blk6-icon1: mail_outline */
.ph-blk6-icon1 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk6-txt2: お問い合わせ */
.ph-blk6-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk6-txt2 { font-size: 16px; } }
@media screen and (max-width: 540px) { .ph-blk6-txt2 { font-size: 15px; } }

/* ph-blk7-box1: ご利用の流れ 1 申込・フォーム記入（5〜10分） 必 */
.ph-blk7-box1 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 80px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box1 { padding: 60px 0px; } }
@media screen and (max-width: 540px) { .ph-blk7-box1 { padding: 0px; } }

/* ph-blk7-box2: ご利用の流れ 1 申込・フォーム記入（5〜10分） 必 */
.ph-blk7-box2 { align-items: center; flex-direction: column; gap: 40px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-ph-blk7-box2: 0px; --gv-ph-blk7-box2: 40px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box2 { flex: 0 0 auto; width: 90%; --gh-ph-blk7-box2: 0px; --gv-ph-blk7-box2: 40px; max-width: 90%; } }
@media screen and (max-width: 540px) { .ph-blk7-box2 { flex: 0 0 auto; gap: 16px; padding: 40px 0px; width: 93%; --gh-ph-blk7-box2: 0px; --gv-ph-blk7-box2: 16px; max-width: 93%; } }

/* ph-blk7-box3: ご利用の流れ */
.ph-blk7-box3 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 10px; padding: 0px; --gh-ph-blk7-box3: 0px; --gv-ph-blk7-box3: 10px; }
@media screen and (max-width: 540px) { .ph-blk7-box3 { gap: 0px; margin: 0px 0px 10px; --gh-ph-blk7-box3: 0px; --gv-ph-blk7-box3: 0px; max-width: 100%; } }

/* ph-blk7-txt1: ご利用の流れ */
.ph-blk7-txt1 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk7-txt1 { font-size: 24px; } }

/* ph-blk7-box4:  */
.ph-blk7-box4 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: 4px; justify-content: center; margin: 10px 0px 0px; width: 32px; max-width: 100%; }

/* ph-blk7-box5: 1 申込・フォーム記入（5〜10分） 必要事項をオンライ */
.ph-blk7-box5 { place-content: center flex-start; align-items: center; flex-direction: column; gap: 24px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ph-blk7-box2) * 0)); --gh-ph-blk7-box5: 0px; --gv-ph-blk7-box5: 24px; max-width: calc(100% - (var(--gh-ph-blk7-box2) * 0)); }
@media screen and (max-width: 540px) { .ph-blk7-box5 { gap: 10px; margin: 0px; padding: 0px; --gh-ph-blk7-box5: 0px; --gv-ph-blk7-box5: 10px; } }

/* ph-blk7-box6: 1 申込・フォーム記入（5〜10分） 必要事項をオンライ */
.ph-blk7-box6 { align-items: flex-end; flex-direction: column; gap: 12px; height: auto; justify-content: flex-start; margin: 0px 0px 0px 9px; padding: 0px; width: 754px; --gh-ph-blk7-box6: 0px; --gv-ph-blk7-box6: 12px; max-width: calc(100% - 9px); }
@media screen and (max-width: 760px) { .ph-blk7-box6 { margin: 0px; width: calc(100% - (var(--gh-ph-blk7-box5) * 0)); --gh-ph-blk7-box6: 0px; --gv-ph-blk7-box6: 12px; max-width: calc(100% - (var(--gh-ph-blk7-box5) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk7-box6 { margin: 0px; padding: 0px; --gh-ph-blk7-box6: 0px; --gv-ph-blk7-box6: 12px; } }

/* ph-blk7-box7: 1 申込・フォーム記入（5〜10分） 必要事項をオンライ */
.ph-blk7-box7 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 52px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ph-blk7-box6) * 0)); --gh-ph-blk7-box7: 0px; --gv-ph-blk7-box7: 52px; max-width: calc(100% - (var(--gh-ph-blk7-box6) * 0)); }
@media screen and (max-width: 760px) { .ph-blk7-box7 { gap: 20px; --gh-ph-blk7-box7: 0px; --gv-ph-blk7-box7: 20px; } }
@media screen and (max-width: 540px) { .ph-blk7-box7 { gap: 24px; margin: 0px; padding: 0px; --gh-ph-blk7-box7: 0px; --gv-ph-blk7-box7: 24px; } }

/* ph-blk7-box8: 1 申込・フォーム記入（5〜10分） 必要事項をオンライ */
.ph-blk7-box8 { place-content: flex-start; align-items: flex-start; background: rgb(243, 243, 243); border-radius: 12px; flex-flow: row; gap: 100px; height: auto; padding: 32px 20px; width: calc(100% - (var(--gh-ph-blk7-box7) * 0)); --gh-ph-blk7-box8: 100px; --gv-ph-blk7-box8: 0px; max-width: calc(100% - (var(--gh-ph-blk7-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk7-box8 { flex-flow: row; gap: 56px; --gh-ph-blk7-box8: 56px; --gv-ph-blk7-box8: 0px; } }
@media screen and (max-width: 540px) { .ph-blk7-box8 { place-content: center flex-start; align-items: center; gap: 10px; margin: 0px 0px 0px 36px; padding: 14px 12px; --gh-ph-blk7-box8: 10px; --gv-ph-blk7-box8: 0px; width: calc(100% - 36px - (var(--gh-ph-blk7-box7) * 0)); max-width: calc(100% - 36px - (var(--gh-ph-blk7-box7) * 0)); } }

/* ph-blk7-box9: 1 */
.ph-blk7-box9 { align-items: center; background: rgb(76, 167, 253); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 5px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box9 { place-content: center; align-items: center; flex: 0 0 auto; height: 45px; width: 45px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-box9 { flex: 0 0 auto; height: 36px; padding: 0px; width: 36px; max-width: 100%; } }

/* ph-blk7-txt2: 1 */
.ph-blk7-txt2 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: 54px; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: 24px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk7-txt2 { flex: 0 0 auto; font-size: 20px; height: auto; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-txt2 { font-size: 18px; } }

/* ph-blk7-box10: 申込・フォーム記入（5〜10分） 必要事項をオンラインフォ */
.ph-blk7-box10 { align-items: flex-start; flex: 0 0 auto; flex-direction: column; gap: 20px; height: auto; justify-content: flex-start; padding: 0px; width: 520px; --gh-ph-blk7-box10: 0px; --gv-ph-blk7-box10: 20px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box10 { flex: 1 1 0%; gap: 12px; width: auto; --gh-ph-blk7-box10: 0px; --gv-ph-blk7-box10: 12px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-box10 { gap: 6px; padding: 0px; --gh-ph-blk7-box10: 0px; --gv-ph-blk7-box10: 6px; } }

/* ph-blk7-txt3: 申込・フォーム記入（5〜10分） */
.ph-blk7-txt3 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt3 { flex: 0 0 auto; font-size: 20px; width: auto; } }
@media screen and (max-width: 540px) { .ph-blk7-txt3 { font-size: 16px; } }

/* ph-blk7-txt4: 必要事項をオンラインフォームにご記入いただくだけで完了します */
.ph-blk7-txt4 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: left; width: 520px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt4 { flex: 0 0 auto; font-size: 14px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-txt4 { font-size: 13px; } }

/* ph-blk7-box11:  */
.ph-blk7-box11 { 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: 30px; bottom: -20px; flex: 0 0 auto; flex-direction: column; height: auto; left: 108px; margin: 0px; padding: 0px 9px; position: absolute; top: -20px; width: auto; z-index: 2; max-width: 100%; --g-color-0: #c0e1ffff; --g-position-0: 0%; --g-color-1: rgb(55, 152, 249); --g-position-1: 100%; --g-color-2: rgb(55, 152, 249); --g-position-2: 100%; --g-color-3: rgb(55, 152, 249); --g-position-3: 100%; --g-color-4: rgb(55, 152, 249); --g-position-4: 100%; --g-color-5: rgb(55, 152, 249); --g-position-5: 100%; --g-color-6: rgb(55, 152, 249); --g-position-6: 100%; --g-color-7: rgb(55, 152, 249); --g-position-7: 100%; --g-color-8: rgb(55, 152, 249); --g-position-8: 100%; --g-color-9: rgb(55, 152, 249); --g-position-9: 100%; --g-color-10: rgb(55, 152, 249); --g-position-10: 100%; --g-color-11: rgb(55, 152, 249); --g-position-11: 100%; --g-angle: 180deg; }
@media screen and (max-width: 760px) { .ph-blk7-box11 { inset: -15px auto -25px 70px; padding: 0px 6px; } }
@media screen and (max-width: 540px) { .ph-blk7-box11 { bottom: -18px; left: 0px; padding: 0px 4px; top: -22px; } }

/* ph-blk7-img1:  */
.ph-blk7-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk7-img1 { margin: 0px; } }

/* ph-blk7-box12: 2 CP書類＋訓練テンプレート作成 ヒアリング内容をもと */
.ph-blk7-box12 { place-content: flex-start; align-items: flex-start; background: rgb(243, 243, 243); border-radius: 12px; flex-flow: row; gap: 100px; height: auto; padding: 32px 20px; width: calc(100% - (var(--gh-ph-blk7-box7) * 0)); --gh-ph-blk7-box12: 100px; --gv-ph-blk7-box12: 0px; max-width: calc(100% - (var(--gh-ph-blk7-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk7-box12 { flex-flow: row; gap: 56px; --gh-ph-blk7-box12: 56px; --gv-ph-blk7-box12: 0px; } }
@media screen and (max-width: 540px) { .ph-blk7-box12 { place-content: center flex-start; align-items: center; gap: 10px; margin: 0px 0px 0px 36px; padding: 14px 12px; --gh-ph-blk7-box12: 10px; --gv-ph-blk7-box12: 0px; width: calc(100% - 36px - (var(--gh-ph-blk7-box7) * 0)); max-width: calc(100% - 36px - (var(--gh-ph-blk7-box7) * 0)); } }

/* ph-blk7-box13: 2 */
.ph-blk7-box13 { align-items: center; background: rgb(76, 167, 253); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 5px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box13 { place-content: center; align-items: center; border-radius: 50%; flex: 0 0 auto; height: 45px; width: 45px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-box13 { flex: 0 0 auto; height: 36px; padding: 0px; width: 36px; max-width: 100%; } }

/* ph-blk7-txt5: 2 */
.ph-blk7-txt5 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: 54px; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: 24px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk7-txt5 { flex: 0 0 auto; font-size: 20px; height: auto; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-txt5 { font-size: 18px; } }

/* ph-blk7-box14: CP書類＋訓練テンプレート作成 ヒアリング内容をもとに、制 */
.ph-blk7-box14 { align-items: flex-start; flex: 0 0 auto; flex-direction: column; gap: 20px; height: auto; justify-content: flex-start; padding: 0px; width: 540px; --gh-ph-blk7-box14: 0px; --gv-ph-blk7-box14: 20px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box14 { flex: 1 1 0%; gap: 12px; width: auto; --gh-ph-blk7-box14: 0px; --gv-ph-blk7-box14: 12px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-box14 { gap: 6px; padding: 0px; --gh-ph-blk7-box14: 0px; --gv-ph-blk7-box14: 6px; } }

/* ph-blk7-txt6: CP書類＋訓練テンプレート作成 */
.ph-blk7-txt6 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt6 { flex: 0 0 auto; font-size: 20px; width: auto; } }
@media screen and (max-width: 540px) { .ph-blk7-txt6 { font-size: 16px; } }

/* ph-blk7-txt7: ヒアリング内容をもとに、制度様式に準拠した書類を弊社が作成し */
.ph-blk7-txt7 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: left; width: 540px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt7 { flex: 0 0 auto; font-size: 14px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-txt7 { font-size: 13px; } }

/* ph-blk7-box15: 3 PDF／Excel等で納品 提出・保存・共有がすぐで */
.ph-blk7-box15 { place-content: flex-start; align-items: flex-start; background: rgb(243, 243, 243); border-radius: 12px; flex-flow: row; gap: 100px; height: auto; padding: 32px 20px; width: calc(100% - (var(--gh-ph-blk7-box7) * 0)); --gh-ph-blk7-box15: 100px; --gv-ph-blk7-box15: 0px; max-width: calc(100% - (var(--gh-ph-blk7-box7) * 0)); }
@media screen and (max-width: 760px) { .ph-blk7-box15 { flex-flow: row; gap: 56px; --gh-ph-blk7-box15: 56px; --gv-ph-blk7-box15: 0px; } }
@media screen and (max-width: 540px) { .ph-blk7-box15 { place-content: center flex-start; align-items: center; gap: 10px; margin: 0px 0px 0px 36px; padding: 14px 12px; --gh-ph-blk7-box15: 10px; --gv-ph-blk7-box15: 0px; width: calc(100% - 36px - (var(--gh-ph-blk7-box7) * 0)); max-width: calc(100% - 36px - (var(--gh-ph-blk7-box7) * 0)); } }

/* ph-blk7-box16: 3 */
.ph-blk7-box16 { align-items: center; background: rgb(76, 167, 253); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 5px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box16 { place-content: center; align-items: center; flex: 0 0 auto; height: 45px; width: 45px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-box16 { flex: 0 0 auto; height: 36px; padding: 0px; width: 36px; max-width: 100%; } }

/* ph-blk7-txt8: 3 */
.ph-blk7-txt8 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: 54px; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: center; width: 24px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ph-blk7-txt8 { flex: 0 0 auto; font-size: 20px; height: auto; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-txt8 { font-size: 18px; } }

/* ph-blk7-box17: PDF／Excel等で納品 提出・保存・共有がすぐできる完 */
.ph-blk7-box17 { align-items: flex-start; flex: 0 0 auto; flex-direction: column; gap: 20px; height: auto; justify-content: flex-start; padding: 0px; width: 540px; --gh-ph-blk7-box17: 0px; --gv-ph-blk7-box17: 20px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk7-box17 { flex: 1 1 0%; gap: 12px; width: auto; --gh-ph-blk7-box17: 0px; --gv-ph-blk7-box17: 12px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-box17 { gap: 6px; padding: 0px; --gh-ph-blk7-box17: 0px; --gv-ph-blk7-box17: 6px; } }

/* ph-blk7-txt9: PDF／Excel等で納品 */
.ph-blk7-txt9 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt9 { flex: 0 0 auto; font-size: 20px; width: auto; } }
@media screen and (max-width: 540px) { .ph-blk7-txt9 { font-size: 16px; } }

/* ph-blk7-txt10: 提出・保存・共有がすぐできる完成データをお送りします。 */
.ph-blk7-txt10 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: left; width: 540px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt10 { flex: 0 0 auto; font-size: 14px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk7-txt10 { font-size: 13px; } }

/* ph-blk7-txt11: ※不備がある場合は納期延長の可能性あり */
.ph-blk7-txt11 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px 3px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 3px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt11 { font-size: 14px; } }
@media screen and (max-width: 540px) { .ph-blk7-txt11 { font-size: 13px; } }

/* ph-blk7-box18: 納品物はそのまま 届出・保存・職員共有できる完成品 とし */
.ph-blk7-box18 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 10px; margin: 40px 0px 0px; padding: 0px; --gh-ph-blk7-box18: 0px; --gv-ph-blk7-box18: 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk7-box18 { gap: 5px; --gh-ph-blk7-box18: 0px; --gv-ph-blk7-box18: 5px; } }

/* ph-blk7-txt12: 納品物はそのまま */
.ph-blk7-txt12 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt12 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk7-txt12 { font-size: 18px; } }

/* ph-blk7-box19: 届出・保存・職員共有できる完成品 */
.ph-blk7-box19 { place-content: center flex-start; align-items: flex-start; flex-flow: column; gap: 0px; padding: 0px; --gh-ph-blk7-box19: 0px; --gv-ph-blk7-box19: 0px; }

/* ph-blk7-txt13: 届出・保存・職員共有できる完成品 */
.ph-blk7-txt13 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt13 { font-size: 24px; } }
@media screen and (max-width: 540px) { .ph-blk7-txt13 { font-size: 20px; margin: 0px 0px 0px 2px; max-width: calc(100% - 2px); } }

/* ph-blk7-box20:  */
.ph-blk7-box20 { background: rgb(251, 151, 64); inset: auto 0px 3px; flex: 0 0 auto; height: 8px; margin: 0px; position: absolute; width: calc(100% - (var(--gh-ph-blk7-box19) * 0)); z-index: -3; max-width: calc(100% - (var(--gh-ph-blk7-box19) * 0)); }

/* ph-blk7-txt14: としてお渡しします！ */
.ph-blk7-txt14 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk7-txt14 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk7-txt14 { font-size: 18px; } }

/* ph-blk8-box1: よくあるご質問 Q1 BCPを策定しましたが、有事の際に */
.ph-blk8-box1 { place-content: center; align-items: center; background: rgb(237, 246, 255); flex-wrap: nowrap; padding: 0px; width: 100%; max-width: 100%; }

/* ph-blk8-box2: よくあるご質問 Q1 BCPを策定しましたが、有事の際に */
.ph-blk8-box2 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 80px 0px; width: 1200px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box2 { flex: 0 0 auto; padding: 60px 0px; width: 90%; max-width: 90%; } }
@media screen and (max-width: 540px) { .ph-blk8-box2 { padding: 40px 0px; } }

/* ph-blk8-box3: よくあるご質問 */
.ph-blk8-box3 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 10px; padding: 0px; --gh-ph-blk8-box3: 0px; --gv-ph-blk8-box3: 10px; }
@media screen and (max-width: 540px) { .ph-blk8-box3 { gap: 0px; margin: 0px 0px 10px; --gh-ph-blk8-box3: 0px; --gv-ph-blk8-box3: 0px; max-width: 100%; } }

/* ph-blk8-txt1: よくあるご質問 */
.ph-blk8-txt1 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 28px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk8-txt1 { font-size: 24px; } }

/* ph-blk8-box4:  */
.ph-blk8-box4 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: 4px; justify-content: center; margin: 10px 0px 0px; width: 32px; max-width: 100%; }

/* ph-blk8-box5: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-box5 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 20px; margin: 40px 0px; padding: 0px; --gh-ph-blk8-box5: 0px; --gv-ph-blk8-box5: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk8-box5 { gap: 10px; margin: 20px 0px 0px; --gh-ph-blk8-box5: 0px; --gv-ph-blk8-box5: 10px; max-width: 100%; } }

/* ph-blk8-box6: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-box6 { place-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 0px; width: 740px; --gh-ph-blk8-box6: 0px; --gv-ph-blk8-box6: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box6 { flex: 0 0 auto; width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); --gh-ph-blk8-box6: 0px; --gv-ph-blk8-box6: 10px; max-width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); } }
@media screen and (max-width: 540px) { .ph-blk8-box6 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); --gh-ph-blk8-box6: 0px; --gv-ph-blk8-box6: 10px; max-width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); } }

/* ph-blk8-btn1: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-btn1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; padding: 20px; width: calc(100% - (var(--gh-ph-blk8-box6) * 0)); --gh-ph-blk8-btn1: 40px; --gv-ph-blk8-btn1: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box6) * 0)); }
@media screen and (max-width: 760px) { .ph-blk8-btn1 { gap: 20px; --gh-ph-blk8-btn1: 20px; --gv-ph-blk8-btn1: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-btn1 { padding: 12px 20px; --gh-ph-blk8-btn1: 40px; --gv-ph-blk8-btn1: 0px; } }

/* ph-blk8-txt2: Q1 */
.ph-blk8-txt2 { color: rgb(76, 167, 253); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 32px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk8-txt2 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt3: BCPを策定しましたが、有事の際に本当に機能するか不安です。 */
.ph-blk8-txt3 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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) { .ph-blk8-txt3 { font-size: 15px; line-height: 1.6; } }

/* ph-blk8-icon1: arrow_drop_up */
.ph-blk8-icon1 { color: rgb(51, 51, 51); font-size: 24px; margin: 0px; padding: 0px; max-width: 100%; }
._isClose.ph-blk8-icon1 { rotate: 180deg; }

/* ph-blk8-box7: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box7 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; overflow: hidden; padding: 0px; width: calc(100% - (var(--gh-ph-blk8-box6) * 0)); max-width: calc(100% - (var(--gh-ph-blk8-box6) * 0)); }
._isClose.ph-blk8-box7 { flex: 0 0 auto; height: 0px; }

/* ph-blk8-box8: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box8 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; opacity: 1; padding: 20px; width: 100%; --gh-ph-blk8-box8: 40px; --gv-ph-blk8-box8: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box8 { gap: 20px; --gh-ph-blk8-box8: 20px; --gv-ph-blk8-box8: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-box8 { padding: 12px 20px; --gh-ph-blk8-box8: 40px; --gv-ph-blk8-box8: 0px; } }

/* ph-blk8-txt4: A */
.ph-blk8-txt4 { color: rgb(215, 105, 105); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.6; text-align: left; width: 32px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt4 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt5: 先ずは策定したBCPの検証をしてはいかがでしょうか。何人かで */
.ph-blk8-txt5 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt5 { font-size: 15px; } }

/* ph-blk8-box9: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-box9 { place-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 0px; width: 740px; --gh-ph-blk8-box9: 0px; --gv-ph-blk8-box9: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box9 { flex: 0 0 auto; width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); --gh-ph-blk8-box9: 0px; --gv-ph-blk8-box9: 10px; max-width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); } }
@media screen and (max-width: 540px) { .ph-blk8-box9 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); --gh-ph-blk8-box9: 0px; --gv-ph-blk8-box9: 10px; max-width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); } }

/* ph-blk8-btn2: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-btn2 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; padding: 20px; width: calc(100% - (var(--gh-ph-blk8-box9) * 0)); --gh-ph-blk8-btn2: 40px; --gv-ph-blk8-btn2: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box9) * 0)); }
@media screen and (max-width: 760px) { .ph-blk8-btn2 { gap: 20px; --gh-ph-blk8-btn2: 20px; --gv-ph-blk8-btn2: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-btn2 { padding: 12px 20px; --gh-ph-blk8-btn2: 40px; --gv-ph-blk8-btn2: 0px; } }

/* ph-blk8-txt6: Q1 */
.ph-blk8-txt6 { color: rgb(76, 167, 253); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 32px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk8-txt6 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt7: BCPを策定しましたが、有事の際に本当に機能するか不安です。 */
.ph-blk8-txt7 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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) { .ph-blk8-txt7 { font-size: 15px; line-height: 1.6; } }

/* ph-blk8-icon2: arrow_drop_up */
.ph-blk8-icon2 { color: rgb(51, 51, 51); font-size: 24px; margin: 0px; padding: 0px; max-width: 100%; }
._isClose.ph-blk8-icon2 { rotate: 180deg; }

/* ph-blk8-box10: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box10 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; overflow: hidden; padding: 0px; width: calc(100% - (var(--gh-ph-blk8-box9) * 0)); max-width: calc(100% - (var(--gh-ph-blk8-box9) * 0)); }
._isClose.ph-blk8-box10 { flex: 0 0 auto; height: 0px; }

/* ph-blk8-box11: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box11 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; opacity: 1; padding: 20px; width: 100%; --gh-ph-blk8-box11: 40px; --gv-ph-blk8-box11: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box11 { gap: 20px; --gh-ph-blk8-box11: 20px; --gv-ph-blk8-box11: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-box11 { padding: 12px 20px; --gh-ph-blk8-box11: 40px; --gv-ph-blk8-box11: 0px; } }

/* ph-blk8-txt8: A */
.ph-blk8-txt8 { color: rgb(215, 105, 105); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.6; text-align: left; width: 32px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt8 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt9: 先ずは策定したBCPの検証をしてはいかがでしょうか。何人かで */
.ph-blk8-txt9 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt9 { font-size: 15px; } }

/* ph-blk8-box12: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-box12 { place-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 0px; width: 740px; --gh-ph-blk8-box12: 0px; --gv-ph-blk8-box12: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box12 { flex: 0 0 auto; width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); --gh-ph-blk8-box12: 0px; --gv-ph-blk8-box12: 10px; max-width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); } }
@media screen and (max-width: 540px) { .ph-blk8-box12 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); --gh-ph-blk8-box12: 0px; --gv-ph-blk8-box12: 10px; max-width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); } }

/* ph-blk8-btn3: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-btn3 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; padding: 20px; width: calc(100% - (var(--gh-ph-blk8-box12) * 0)); --gh-ph-blk8-btn3: 40px; --gv-ph-blk8-btn3: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box12) * 0)); }
@media screen and (max-width: 760px) { .ph-blk8-btn3 { gap: 20px; --gh-ph-blk8-btn3: 20px; --gv-ph-blk8-btn3: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-btn3 { padding: 12px 20px; --gh-ph-blk8-btn3: 40px; --gv-ph-blk8-btn3: 0px; } }

/* ph-blk8-txt10: Q1 */
.ph-blk8-txt10 { color: rgb(76, 167, 253); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 32px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk8-txt10 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt11: BCPを策定しましたが、有事の際に本当に機能するか不安です。 */
.ph-blk8-txt11 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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) { .ph-blk8-txt11 { font-size: 15px; line-height: 1.6; } }

/* ph-blk8-icon3: arrow_drop_up */
.ph-blk8-icon3 { color: rgb(51, 51, 51); font-size: 24px; margin: 0px; padding: 0px; max-width: 100%; }
._isClose.ph-blk8-icon3 { rotate: 180deg; }

/* ph-blk8-box13: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box13 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; overflow: hidden; padding: 0px; width: calc(100% - (var(--gh-ph-blk8-box12) * 0)); max-width: calc(100% - (var(--gh-ph-blk8-box12) * 0)); }
._isClose.ph-blk8-box13 { flex: 0 0 auto; height: 0px; }

/* ph-blk8-box14: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box14 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; opacity: 1; padding: 20px; width: 100%; --gh-ph-blk8-box14: 40px; --gv-ph-blk8-box14: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box14 { gap: 20px; --gh-ph-blk8-box14: 20px; --gv-ph-blk8-box14: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-box14 { padding: 12px 20px; --gh-ph-blk8-box14: 40px; --gv-ph-blk8-box14: 0px; } }

/* ph-blk8-txt12: A */
.ph-blk8-txt12 { color: rgb(215, 105, 105); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.6; text-align: left; width: 32px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt12 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt13: 先ずは策定したBCPの検証をしてはいかがでしょうか。何人かで */
.ph-blk8-txt13 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt13 { font-size: 15px; } }

/* ph-blk8-box15: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-box15 { place-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 0px; width: 740px; --gh-ph-blk8-box15: 0px; --gv-ph-blk8-box15: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box15 { flex: 0 0 auto; width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); --gh-ph-blk8-box15: 0px; --gv-ph-blk8-box15: 10px; max-width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); } }
@media screen and (max-width: 540px) { .ph-blk8-box15 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); --gh-ph-blk8-box15: 0px; --gv-ph-blk8-box15: 10px; max-width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); } }

/* ph-blk8-btn4: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-btn4 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; padding: 20px; width: calc(100% - (var(--gh-ph-blk8-box15) * 0)); --gh-ph-blk8-btn4: 40px; --gv-ph-blk8-btn4: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box15) * 0)); }
@media screen and (max-width: 760px) { .ph-blk8-btn4 { gap: 20px; --gh-ph-blk8-btn4: 20px; --gv-ph-blk8-btn4: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-btn4 { padding: 12px 20px; --gh-ph-blk8-btn4: 40px; --gv-ph-blk8-btn4: 0px; } }

/* ph-blk8-txt14: Q1 */
.ph-blk8-txt14 { color: rgb(76, 167, 253); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 32px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk8-txt14 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt15: BCPを策定しましたが、有事の際に本当に機能するか不安です。 */
.ph-blk8-txt15 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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) { .ph-blk8-txt15 { font-size: 15px; line-height: 1.6; } }

/* ph-blk8-icon4: arrow_drop_up */
.ph-blk8-icon4 { color: rgb(51, 51, 51); font-size: 24px; margin: 0px; padding: 0px; max-width: 100%; }
._isClose.ph-blk8-icon4 { rotate: 180deg; }

/* ph-blk8-box16: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box16 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; overflow: hidden; padding: 0px; width: calc(100% - (var(--gh-ph-blk8-box15) * 0)); max-width: calc(100% - (var(--gh-ph-blk8-box15) * 0)); }
._isClose.ph-blk8-box16 { flex: 0 0 auto; height: 0px; }

/* ph-blk8-box17: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box17 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; opacity: 1; padding: 20px; width: 100%; --gh-ph-blk8-box17: 40px; --gv-ph-blk8-box17: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box17 { gap: 20px; --gh-ph-blk8-box17: 20px; --gv-ph-blk8-box17: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-box17 { padding: 12px 20px; --gh-ph-blk8-box17: 40px; --gv-ph-blk8-box17: 0px; } }

/* ph-blk8-txt16: A */
.ph-blk8-txt16 { color: rgb(215, 105, 105); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.6; text-align: left; width: 32px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt16 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt17: 先ずは策定したBCPの検証をしてはいかがでしょうか。何人かで */
.ph-blk8-txt17 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt17 { font-size: 15px; } }

/* ph-blk8-box18: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-box18 { place-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 0px; width: 740px; --gh-ph-blk8-box18: 0px; --gv-ph-blk8-box18: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box18 { flex: 0 0 auto; width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); --gh-ph-blk8-box18: 0px; --gv-ph-blk8-box18: 10px; max-width: calc(90% - (var(--gh-ph-blk8-box5) * 0.10000000000000003)); } }
@media screen and (max-width: 540px) { .ph-blk8-box18 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); --gh-ph-blk8-box18: 0px; --gv-ph-blk8-box18: 10px; max-width: calc(100% - (var(--gh-ph-blk8-box5) * 0)); } }

/* ph-blk8-btn5: Q1 BCPを策定しましたが、有事の際に本当に機能するか不 */
.ph-blk8-btn5 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; padding: 20px; width: calc(100% - (var(--gh-ph-blk8-box18) * 0)); --gh-ph-blk8-btn5: 40px; --gv-ph-blk8-btn5: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box18) * 0)); }
@media screen and (max-width: 760px) { .ph-blk8-btn5 { gap: 20px; --gh-ph-blk8-btn5: 20px; --gv-ph-blk8-btn5: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-btn5 { padding: 12px 20px; --gh-ph-blk8-btn5: 40px; --gv-ph-blk8-btn5: 0px; } }

/* ph-blk8-txt18: Q1 */
.ph-blk8-txt18 { color: rgb(76, 167, 253); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1; text-align: center; width: 32px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ph-blk8-txt18 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt19: BCPを策定しましたが、有事の際に本当に機能するか不安です。 */
.ph-blk8-txt19 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; 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) { .ph-blk8-txt19 { font-size: 15px; line-height: 1.6; } }

/* ph-blk8-icon5: arrow_drop_up */
.ph-blk8-icon5 { color: rgb(51, 51, 51); font-size: 24px; margin: 0px; padding: 0px; max-width: 100%; }
._isClose.ph-blk8-icon5 { rotate: 180deg; }

/* ph-blk8-box19: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box19 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; overflow: hidden; padding: 0px; width: calc(100% - (var(--gh-ph-blk8-box18) * 0)); max-width: calc(100% - (var(--gh-ph-blk8-box18) * 0)); }
._isClose.ph-blk8-box19 { flex: 0 0 auto; height: 0px; }

/* ph-blk8-box20: A 先ずは策定したBCPの検証をしてはいかがでしょうか。何 */
.ph-blk8-box20 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; opacity: 1; padding: 20px; width: 100%; --gh-ph-blk8-box20: 40px; --gv-ph-blk8-box20: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box20 { gap: 20px; --gh-ph-blk8-box20: 20px; --gv-ph-blk8-box20: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-box20 { padding: 12px 20px; --gh-ph-blk8-box20: 40px; --gv-ph-blk8-box20: 0px; } }

/* ph-blk8-txt20: A */
.ph-blk8-txt20 { color: rgb(215, 105, 105); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.6; text-align: left; width: 32px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt20 { flex: 0 0 auto; font-size: 18px; width: 26px; max-width: 100%; } }

/* ph-blk8-txt21: 先ずは策定したBCPの検証をしてはいかがでしょうか。何人かで */
.ph-blk8-txt21 { color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt21 { font-size: 15px; } }

/* ph-blk8-img1:  */
.ph-blk8-img1 { inset: auto 14px 27px auto; height: auto; margin: 0px; position: absolute; width: 160px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-img1 { bottom: 13px; display: none; right: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-img1 { display: none; } }

/* ph-blk8-pic1: まずはお気軽にご相談ください mail_outline  */
.ph-blk8-pic1 { 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; gap: 40px; height: auto; justify-content: flex-start; padding: 80px 40px; width: 100%; --gh-ph-blk8-pic1: 0px; --gv-ph-blk8-pic1: 40px; max-width: 100%; --g-color-0: #44a0f3; --g-position-0: 0%; --g-color-1: #87d6fe; --g-position-1: 100%; --g-color-2: #87d6fe; --g-position-2: 100%; --g-color-3: #87d6fe; --g-position-3: 100%; --g-color-4: #87d6fe; --g-position-4: 100%; --g-color-5: #87d6fe; --g-position-5: 100%; --g-color-6: #87d6fe; --g-position-6: 100%; --g-color-7: #87d6fe; --g-position-7: 100%; --g-color-8: #87d6fe; --g-position-8: 100%; --g-color-9: #87d6fe; --g-position-9: 100%; --g-color-10: #87d6fe; --g-position-10: 100%; --g-color-11: #87d6fe; --g-position-11: 100%; --g-angle: 90deg; }
@media screen and (max-width: 540px) { .ph-blk8-pic1 { gap: 20px; padding: 36px 16px; --gh-ph-blk8-pic1: 0px; --gv-ph-blk8-pic1: 20px; } }

/* ph-blk8-txt22: まずはお気軽にご相談ください */
.ph-blk8-txt22 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 36px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk8-txt22 { font-size: 32px; } }
@media screen and (max-width: 540px) { .ph-blk8-txt22 { font-size: 20px; margin: 0px; } }

/* ph-blk8-box21: mail_outline お問い合わせ */
.ph-blk8-box21 { place-content: center; align-items: center; flex: 0 0 auto; flex-direction: row; gap: 32px; height: auto; margin: 0px; padding: 0px; width: 780px; --gh-ph-blk8-box21: 32px; --gv-ph-blk8-box21: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box21 { flex-wrap: wrap; width: calc(100% - (var(--gh-ph-blk8-pic1) * 0)); --gh-ph-blk8-box21: 32px; --gv-ph-blk8-box21: 32px; max-width: calc(100% - (var(--gh-ph-blk8-pic1) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk8-box21 { place-content: center; align-items: center; flex-flow: column; gap: 10px; margin: 0px; padding: 0px; --gh-ph-blk8-box21: 0px; --gv-ph-blk8-box21: 10px; } }

/* ph-blk8-link1: mail_outline お問い合わせ */
.ph-blk8-link1 { align-items: center; background: rgb(251, 151, 65); border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px; flex: 0 0 auto; flex-direction: row; gap: 16px; height: auto; justify-content: center; margin: 0px; padding: 26px 38px 26px 40px; width: calc(50% - (var(--gh-ph-blk8-box21) * 0.5)); --gh-ph-blk8-link1: 16px; --gv-ph-blk8-link1: 0px; max-width: calc(50% - (var(--gh-ph-blk8-box21) * 0.5)); }
@media screen and (max-width: 760px) { .ph-blk8-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk8-box21) * 0)); --gh-ph-blk8-link1: 16px; --gv-ph-blk8-link1: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box21) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk8-link1 { gap: 6px; margin: 0px; padding: 12px 16px; width: 235px; --gh-ph-blk8-link1: 6px; --gv-ph-blk8-link1: 0px; max-width: 100%; } }

/* ph-blk8-icon6: mail_outline */
.ph-blk8-icon6 { color: rgb(255, 255, 255); font-size: 24px; }

/* ph-blk8-txt23: お問い合わせ */
.ph-blk8-txt23 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk8-txt23 { font-size: 16px; } }
@media screen and (max-width: 540px) { .ph-blk8-txt23 { font-size: 15px; } }

/* ph-blk8-box22: BCPまるごと整備室 Copyright (c) 薬局版B */
.ph-blk8-box22 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* ph-blk8-box23: BCPまるごと整備室 Copyright (c) 薬局版B */
.ph-blk8-box23 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 60px 0px 20px; padding: 0px; width: 1200px; --gh-ph-blk8-box23: 0px; --gv-ph-blk8-box23: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box23 { flex: 0 0 auto; flex-wrap: wrap; gap: 0px; width: 90%; --gh-ph-blk8-box23: 0px; --gv-ph-blk8-box23: 0px; max-width: 90%; } }
@media screen and (max-width: 540px) { .ph-blk8-box23 { margin: 40px 0px 20px; --gh-ph-blk8-box23: 0px; --gv-ph-blk8-box23: 0px; width: 90%; max-width: 90%; } }

/* ph-blk8-box24: BCPまるごと整備室 */
.ph-blk8-box24 { place-content: center flex-start; align-items: flex-start; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-ph-blk8-box23) * 0)); --gh-ph-blk8-box24: 0px; --gv-ph-blk8-box24: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box23) * 0)); }
@media screen and (max-width: 760px) { .ph-blk8-box24 { gap: 0px; --gh-ph-blk8-box24: 0px; --gv-ph-blk8-box24: 0px; } }
@media screen and (max-width: 540px) { .ph-blk8-box24 { gap: 0px; --gh-ph-blk8-box24: 0px; --gv-ph-blk8-box24: 0px; } }

/* ph-blk8-box25:  */
.ph-blk8-box25 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 3px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-ph-blk8-box25: 3px; --gv-ph-blk8-box25: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box25 { flex: 0 0 auto; width: calc(100% - (var(--gh-ph-blk8-box24) * 0)); --gh-ph-blk8-box25: 3px; --gv-ph-blk8-box25: 0px; max-width: calc(100% - (var(--gh-ph-blk8-box24) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk8-box25 { gap: 2px; margin: 0px; padding: 0px; --gh-ph-blk8-box25: 2px; --gv-ph-blk8-box25: 0px; } }

/* ph-blk8-box26:  */
.ph-blk8-box26 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 6px; width: 30px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box26 { width: 24px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk8-box26 { padding: 4px; width: 20px; max-width: 100%; } }

/* ph-blk8-img2:  */
.ph-blk8-img2 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk8-box27:  */
.ph-blk8-box27 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 7px 7px 7px 6px; width: 30px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box27 { width: 24px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk8-box27 { padding: 4px; width: 20px; max-width: 100%; } }

/* ph-blk8-img3:  */
.ph-blk8-img3 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk8-box28:  */
.ph-blk8-box28 { align-items: center; background: rgb(46, 143, 234); flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; padding: 6px 5px 6px 6px; width: 30px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk8-box28 { width: 24px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ph-blk8-box28 { padding: 4px; width: 20px; max-width: 100%; } }

/* ph-blk8-img4:  */
.ph-blk8-img4 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

/* ph-blk8-txt24: BCPまるごと整備室 */
.ph-blk8-txt24 { color: rgb(46, 143, 234); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 800; height: auto; letter-spacing: 0px; line-height: 1.5; margin: 0px; overflow: hidden; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk8-txt24 { flex: 0 0 auto; font-size: 24px; width: calc(100% - (var(--gh-ph-blk8-box24) * 0)); max-width: calc(100% - (var(--gh-ph-blk8-box24) * 0)); } }
@media screen and (max-width: 540px) { .ph-blk8-txt24 { font-size: 18px; } }

/* ph-blk8-txt25: Copyright (c) 薬局版BCPまるごと整備室, I */
.ph-blk8-txt25 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; margin: 80px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ph-blk8-txt25 { margin: 40px 0px 0px; max-width: 100%; } }

/* ph-blk9-box1: お問い合わせ */
.ph-blk9-box1 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(238, 238, 238); inset: 0px 0px auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; margin: 0px; padding: 10px 24px; position: fixed; width: 100%; --gh-ph-blk9-box1: 40px; --gv-ph-blk9-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ph-blk9-box1 { flex-wrap: wrap; gap: 40px 0px; --gh-ph-blk9-box1: 0px; --gv-ph-blk9-box1: 40px; } }
@media screen and (max-width: 540px) { .ph-blk9-box1 { gap: 16px 0px; padding: 6px 10px; --gh-ph-blk9-box1: 0px; --gv-ph-blk9-box1: 0px; } }

/* ph-blk9-box2: お問い合わせ */
.ph-blk9-box2 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; padding: 0px; width: calc(90% - (var(--gh-ph-blk9-box1) * 0.10000000000000003)); --gh-ph-blk9-box2: 40px; --gv-ph-blk9-box2: 0px; max-width: calc(90% - (var(--gh-ph-blk9-box1) * 0.10000000000000003)); }
@media screen and (max-width: 760px) { .ph-blk9-box2 { gap: 40px 0px; --gh-ph-blk9-box2: 0px; --gv-ph-blk9-box2: 0px; } }
@media screen and (max-width: 540px) { .ph-blk9-box2 { gap: 16px 0px; --gh-ph-blk9-box2: 0px; --gv-ph-blk9-box2: 0px; } }

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

/* ph-blk9-link1: お問い合わせ */
.ph-blk9-link1 { place-content: center; align-items: center; background: rgb(46, 143, 234); border-radius: 64px; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 12px 24px; width: auto; --gh-ph-blk9-link1: 0px; --gv-ph-blk9-link1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ph-blk9-link1 { padding: 12px 15px; --gh-ph-blk9-link1: 0px; --gv-ph-blk9-link1: 0px; } }

/* ph-blk9-txt1: お問い合わせ */
.ph-blk9-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ph-blk9-txt1 { font-size: 18px; } }
@media screen and (max-width: 540px) { .ph-blk9-txt1 { font-size: 14px; } }