@charset "UTF-8";
.o-c__list-check li { position: relative; text-align: left; margin-bottom: 12px; }
.o-c__list-check li:before { content: ""; width: 10px; height: 7px; border-radius: 0; background: none; border-top: solid 2px #267D00; border-right: solid 2px #267D00; display: block; position: absolute; top: 2px; left: 0; transform: rotate(135deg); }
.o-c__list-check li:last-child { margin: 0; }
.o-c__list-check._size_s li { line-height: 1.6; padding: 0 0 0 20px; font-size: 12px; }
.o-c__list-check._size_s li:before { width: 10px; height: 6px; }
.o-c__list-check._size_m li { line-height: 1.6; padding: 0 0 0 20px; font-size: 14px; }
.o-c__list-check._size_m li:before { width: 12px; height: 8px; }
.o-c__list-check._size_l li { line-height: 1.7; padding: 0 0 0 20px; font-size: 16px; }
.o-c__list-check._size_l li:before { width: 14px; height: 10px; }

.p__top-about-flow { display: grid; margin-top: 20px; grid-template-columns: 1fr 1fr 1fr; gap: 40px; }
@media screen and (max-width: 768px) { .p__top-about-flow { grid-template-columns: 1fr; gap: 70px; } }
.p__top-about-flow-box { background: #fff; border-radius: 10px; padding: 45px 25px 25px; position: relative; display: grid; grid-template-rows: subgrid; grid-row: span 4; gap: 10px; }
.p__top-about-flow-box:not(:first-child):before { content: ""; position: absolute; top: 50%; left: -40px; width: 40px; height: 1px; background-color: #267D00; transform: translateY(-50%); }
@media screen and (max-width: 768px) { .p__top-about-flow-box:not(:first-child):before { top: -69px; left: 50%; width: 1px; height: 37px; transform: translateX(-50%); } }
.p__top-about-flow-box:not(:first-child):after { content: ""; position: absolute; top: 50%; left: -32px; width: 28px; height: 28px; border-top: 1px solid #267D00; border-right: 1px solid #267D00; transform: translateY(-50%) rotate(45deg); }
@media screen and (max-width: 768px) { .p__top-about-flow-box:not(:first-child):after { top: -60px; left: 50%; right: auto; width: 25px; height: 25px; transform: translateX(-50%) rotate(135deg); } }
@media screen and (max-width: 768px) { .p__top-about-flow-box { grid-template-rows: auto; } }
.p__top-about-flow-box-circle { background-color: #fff; width: 68px; height: 68px; border-radius: 32px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: -34px; color: #267D00; padding: 10px 0 0; font-weight: 700; line-height: 1.2; }
.p__top-about-flow-box-circle._bg-color { background-color: #F4F9F1; }
@media screen and (max-width: 768px) { .p__top-about-flow-box-circle { width: 58px; height: 58px; left: 50%; transform: translateX(-50%); top: -29px; } }
.p__top-about-flow-box-circle_text { font-size: 10px; display: block; }
.p__top-about-flow-box-circle_num { font-size: 24px; }
@media screen and (max-width: 768px) { .p__top-about-flow-box-circle_num { font-size: 22px; } }
.p__top-about-flow-box_icon { width: 70px; height: 70px; margin: 0 auto; }
.p__top-about-flow-box_title { color: #267D00; font-weight: 700; text-align: center; font-size: 18px; }
.p__top-about-flow-box_text { font-size: 15px; }
.p__top-about-flow-box-point { position: relative; margin: 10px 0 0; padding: 25px 15px 10px; background: #F4F9F1; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 768px) { .p__top-about-flow-box-point { margin: 15px 0 0; } }
.p__top-about-flow-box-point_title { font-size: 14px; position: absolute; top: 0; right: 0; left: 0; transform: translateY(-50%); margin: 0 auto; background: #267D00; color: #fff; border-radius: 20px; padding: 3px 15px 1px; width: fit-content; }
@media screen and (max-width: 768px) { .p__top-about-flow-box-point_title { padding: 5px 15px 3px; } }
.p__top-about-flow-box-point .o-c__list-check li { margin-bottom: 7px; line-height: 1.4; }

.p__top-panel-box { background: #F4F9F1; border-radius: 10px; padding: 40px 35px 20px; text-align: center; }
.p__top-panel-box + .p__top-panel-box { margin-top: 20px; }
.p__top-panel-box_head { display: grid; grid-template-columns: 95px 1fr; grid-template-areas: "icon title" "icon list"; gap: 0 30px; align-items: center; }
@media screen and (max-width: 576px) { .p__top-panel-box_head { grid-template-columns: 75px 1fr; /* 2カラムは維持 */ grid-template-areas: "icon title" "list list"; /* リストは下に回す */ align-items: center; gap: 20px 20px; } }
.p__top-panel-box_head_icon { grid-area: icon; background-color: #fff; width: 95px; height: 95px; border-radius: 50px; margin: 0 auto; display: grid; place-items: center; }
@media screen and (max-width: 576px) { .p__top-panel-box_head_icon { width: 75px; height: 75px; }
  .p__top-panel-box_head_icon img { width: 55px; height: auto; } }
.p__top-panel-box_head_title { grid-area: title; font-size: 22px; color: #267D00; font-weight: bold; margin-bottom: 10px; text-align: left; }
@media screen and (max-width: 768px) { .p__top-panel-box_head_title { font-size: 20px; } }
@media screen and (max-width: 576px) { .p__top-panel-box_head_title { font-size: 18px; margin-bottom: 0; } }
.p__top-panel-box_head_list { grid-area: list; }
.p__top-panel-box_head .o-c__list-check li { margin-bottom: 5px; }
@media screen and (max-width: 576px) { .p__top-panel-box_head .o-c__list-check li { font-size: 15px; line-height: 1.5; padding: 0 0 0 25px; } }
.p__top-panel-box .o-c__btn-text { margin-top: 15px; }
.p__top-panel-box .o-c__btn-text a { color: #267D00; text-decoration: none; }
.p__top-panel-box_hidetext { height: 0; opacity: 0; padding: 0 40px; background-color: #fff; border-radius: 10px; text-align: left; transition: all ease 0.3s; font-size: 16px; line-height: 1.7; }
.p__top-panel-box_hidetext p + p { padding-top: 10px; }
@media screen and (max-width: 768px) { .p__top-panel-box_hidetext { font-size: 15px; } }
@media screen and (max-width: 576px) { .p__top-panel-box_hidetext { font-size: 14px; height: auto; opacity: 1; display: none; } }
.p__top-panel-box_hidetext_title { display: none; }
.p__top-panel-box_hidetext_close { display: none; }
.p__top-panel-box._js_open .p__top-panel-box_hidetext { height: auto; opacity: 1; margin-top: 25px; padding: 25px 40px; }
@media screen and (max-width: 768px) { .p__top-panel-box._js_open .p__top-panel-box_hidetext { padding: 20px; } }
@media screen and (max-width: 576px) { .p__top-panel-box._js_open .p__top-panel-box_hidetext { display: block; position: fixed; z-index: 2000; top: 25%; left: 5%; width: 90%; }
  .p__top-panel-box._js_open .p__top-panel-box_hidetext_title { font-size: 18px; font-weight: 700; color: #267D00; padding: 0 0 10px; text-align: left; display: block; line-height: 1.4; }
  .p__top-panel-box._js_open .p__top-panel-box_hidetext_close { display: block; position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; border-radius: 15px; background-color: #267D00; }
  .p__top-panel-box._js_open .p__top-panel-box_hidetext_close:after, .p__top-panel-box._js_open .p__top-panel-box_hidetext_close:before { content: ""; background-color: #fff; width: 3px; height: 14px; line-height: 0; position: absolute; top: 8px; left: 14px; transform: rotate(-45deg); }
  .p__top-panel-box._js_open .p__top-panel-box_hidetext_close:before { transform: rotate(45deg); } }
.p__top-panel-box._js_open .o-c__btn-text_icon_plus_bg:after { display: none; }
@media screen and (max-width: 576px) { .p__top-panel-box._js_open:after { content: ""; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; top: 0; left: 0; } }

/*# sourceMappingURL=top_002.css.map */