.maindesign { color: #333; }
.maindesign img { width: 100%; height: auto; }
.maindesign .p-title--txt { margin: 1.5rem 0 0 0; text-align: right; }
.maindesign .p-section { margin: 2rem 0 0 0; border: 3px solid #8AC020; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
@media screen and (max-width: 767px) { .maindesign .p-section { margin-top: 1.5rem; } }
.maindesign .p-section:first-child { margin-top: 0; }
.maindesign .p-section-container { padding: 1.5rem; box-sizing: border-box; }
@media screen and (max-width: 767px) { .maindesign .p-section-container { padding: 1rem; } }
.maindesign .p-section h2 { background: #8AC020; color: #fff; font-size: 1.5rem; line-height: 1.25; font-weight: bold; padding: .6em 1em; }
@media screen and (max-width: 767px) { .maindesign .p-section h2 { font-size: 1.3rem; line-height: 1.35; padding: 0.3em 0.5em; } }
.maindesign .p-section h2 span { font-size: .9em; }
@media screen and (max-width: 767px) { .maindesign .p-section h2 span { font-size: .85em; } }
.maindesign .p-section h2 span { margin-right: .25em; }
.maindesign .p-section h3 { display: flex; align-items: center; justify-content: space-between; background: #006934; color: #fff; font-weight: bold; padding: .35em .45em; border-radius: 6px; box-sizing: border-box; font-feature-settings: "palt"; margin: 2rem 0 1rem 0; }
.maindesign .p-section h3:first-child { margin-top: 0; }
.maindesign .p-section h4 { display: inline-block; border: 1px solid #006934; padding: .5em; margin-top: 1rem; color: #006934; font-size: 1.1rem; }
.maindesign .p-section--heading { line-height: 1.25; font-size: 1.3rem; width: calc(100% - 36px); }
@media screen and (max-width: 767px) { .maindesign .p-section--heading { line-height: 1.25; font-size: 1.05rem; width: calc(100% - 30px); } }
.maindesign .p-section--heading span { font-size: 1rem; font-weight: normal; }
@media screen and (max-width: 767px) { .maindesign .p-section--heading span { font-size: .85rem; } }
.maindesign .p-section--heading-count { display: flex; justify-content: center; align-items: center; font-size: 1.25rem; height: 1.25em; width: 1.25em; border-radius: 50%; background-color: #fff; color: #006934; font-weight: bold; padding: 1px 1px 3px 1px; }
@media screen and (max-width: 767px) { .maindesign .p-section--heading-count { font-size: 1.1rem; height: 1.1em; width: 1.1em; } }
.maindesign .p-section.p-section__even { border-color: #F1868C; }
.maindesign .p-section.p-section__even h2 { background: #F1868C; }
.maindesign .p-section.p-section__even h3 { background: #942B1A; }
.maindesign .p-section.p-section__even .p-section--heading-count { color: #942B1A; }
.maindesign .p-section.p-section__even .p-color-list li.co01 { background: #000; }
.maindesign .p-section.p-section__even .p-color-list li.co02 { background: #E4000E; }
.maindesign .p-section.p-section__even .p-color-list li.co03 { background: #009744; }
.maindesign .p-section.p-section__even .p-color-list li.co04 { background: #AD5B31; }
.maindesign .p-section.p-section__even h4 { border-color: #942B1A; color: #942B1A; }
.maindesign .p-color-list { display: flex; margin: 0 auto; width: 100%; justify-content: center; }
@media screen and (max-width: 767px) { .maindesign .p-color-list { display: grid; grid-template-columns: repeat(auto-fit, 40px); width: 100%; gap: 5px; } }
.maindesign .p-color-list li { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: #fff; margin-left: 10px; }
@media screen and (max-width: 767px) { .maindesign .p-color-list li { margin: 0; font-size: .9rem; } }
.maindesign .p-color-list li:first-child { margin-left: 0; }
.maindesign .p-color-list li.co01 { background: #000; }
.maindesign .p-color-list li.co02 { background: #E4000E; }
.maindesign .p-color-list li.co03 { background: #009744; }
.maindesign .p-color-list li.co04 { background: #01438F; }
.maindesign .p-color-list li.co05 { background: #ED6B04; }
.maindesign .p-color-list li.co06 { background: #EA5489; }
.maindesign .p-color-list li.co07 { background: #00A63C; }
.maindesign .p-color-list li.co08 { background: #0081CF; }
.maindesign .p-color-list li.co09 { background: #FEF100; color: #000; }
.maindesign .p-color-list li.co10 { background: #7A0014; }
.maindesign .p-color-list li.co11 { background: #D2B360; }
.maindesign .p-color-list--txt { text-align: center; font-size: 1.25rem; margin: 1rem auto; border-bottom: 1px solid #333; padding-bottom: .5em; }
@media screen and (max-width: 767px) { .maindesign .p-color-list--txt { font-size: 1rem; } }
.maindesign .p-cap-list { margin-top: .8rem; }
.maindesign .p-cap-list li { margin-top: .4em; line-height: 1.5; }
@media screen and (max-width: 767px) { .maindesign .p-cap-list li { font-size: .95rem; } }
.maindesign .p-cap-list li:first-child { margin-top: 0; }
.maindesign .p-cap-list li span { font-weight: bold; }
.maindesign .l-section { margin: 2.5rem 0 0 0; }
/*.maindesign .l-section .feature-hdg2 { margin: 0 0 1.25rem 0; padding-bottom: .8rem; }*/
.maindesign .l-section--heading { background: #006934; font-size: 1.5rem; padding: .35em .5em; box-sizing: border-box; color: #fff; font-weight: bold; line-height: 1.25; margin: 0 0 1rem 0; }
@media screen and (max-width: 767px) { .maindesign .l-section--heading { font-size: 1.3rem; }
  .maindesign .l-section--heading span { display: block; font-size: .9rem; font-weight: normal; margin-top: 0.35em; } }
.maindesign .menu-btn-list { margin: 1.5rem auto 0 auto; }
@media screen and (min-width: 768px) { .maindesign .menu-btn-list li { margin-top: 1rem; }
  .maindesign .menu-btn-list li:nth-child(-n+2) { margin-top: 0; }
  .maindesign .menu-btn-list li:nth-child(2n) { margin-right: 0; } }