@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-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_001.css.map */