:root {
    --b20-good: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cg clip-path='url(%23clip0_758_1625)'%3E%3Cpath d='M64 28.4C64 22.4 58.4 20 55.2 20H46.4C48 16 49.2 11.2 48.4 7.6C46.4 0.4 40.4 0 38.4 0H38C36.4 0 35.6 0.8 34.8 2L30.8 13.2L20 24H0V60H20V56C20.8 56 22.8 57.2 24.8 58.4C29.6 60.8 36.4 64.4 42.8 64.4C52.4 64.4 55.6 63.2 58 59.2C59.2 56.8 59.2 54.8 59.2 53.6C60 52.8 61.2 51.6 61.6 49.6C62 47.6 62 46.4 61.6 45.2C62.4 44 63.2 42.4 63.6 40C63.6 38 63.2 36.4 62.8 35.2C63.2 33.6 64 31.6 64 28.4ZM10 54C7.6 54 6 52.4 6 50C6 47.6 7.6 46 10 46C12.4 46 14 47.6 14 50C14 52.4 12.4 54 10 54ZM58.8 36.4C58.8 36.4 59.6 37.2 59.6 39.2C59.6 41.6 58 42.8 58 42.8L56.8 44L57.6 45.2C57.6 45.2 58.4 46.4 57.6 48C57.2 49.6 55.6 50.8 55.6 50.8L54.4 52L55.2 53.6C55.2 53.6 56 55.2 54.8 57.2C54 58.8 53.2 60 43.2 60C37.6 60 31.2 56.8 26.8 54.4C23.6 52.8 21.6 52 20 52V28H20.4C21.2 28 22 27.6 22.8 27.2L34 16C34.4 15.6 34.4 15.2 34.8 14.8L38.8 4C40.8 4 43.6 4.8 44.4 8.4C44.8 10.8 44 14.8 42 19.6C41.6 20.8 41.6 21.6 42.4 22.8C42.8 23.6 44 24 45.2 24H55.2C55.6 24 60 24.8 60 28.4C60 31.6 58.8 33.2 58.8 33.2L57.6 34.8L58.8 36.4Z' fill='%23035C58'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_758_1625'%3E%3Crect width='64' height='64' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	--b20-bad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='65' viewBox='0 0 64 65' fill='none'%3E%3Cpath d='M0 36.0004C0 42.0004 5.6 44.4004 8.8 44.4004H17.6C16 48.4004 14.8 53.2004 15.6 56.8004C17.6 64.0004 23.6 64.4004 25.6 64.4004H26C27.6 64.4004 28.4 63.6004 29.2 62.4004L33.2 51.2004L44 40.4004H64V4.40039H44V8.40039C43.2 8.40039 41.2 7.20039 39.2 6.00039C34.4 3.60039 27.6 0.000389099 21.2 0.000389099C11.6 0.000389099 8.4 1.20039 6 5.20039C4.8 7.60039 4.8 9.60039 4.8 10.8004C4 11.6004 2.8 12.8004 2.4 14.8004C2 16.8004 2 18.0004 2.4 19.2004C1.6 20.4004 0.800003 22.0004 0.400002 24.4004C0.400002 26.4004 0.799999 28.0004 1.2 29.2004C0.799999 30.8004 0 32.8004 0 36.0004ZM54 10.4004C56.4 10.4004 58 12.0004 58 14.4004C58 16.8004 56.4 18.4004 54 18.4004C51.6 18.4004 50 16.8004 50 14.4004C50 12.0004 51.6 10.4004 54 10.4004ZM5.2 28.0004C5.2 28.0004 4.4 27.2004 4.4 25.2004C4.4 22.8004 6 21.6004 6 21.6004L7.2 20.4004L6.4 19.2004C6.4 19.2004 5.6 18.0004 6.4 16.4004C6.8 14.8004 8.4 13.6004 8.4 13.6004L9.6 12.4004L8.8 10.8004C8.8 10.8004 8 9.20039 9.2 7.20039C10 5.60039 10.8 4.40039 20.8 4.40039C26.4 4.40039 32.8 7.60039 37.2 10.0004C40.4 11.6004 42.4 12.4004 44 12.4004V36.4004H43.6C42.8 36.4004 42 36.8004 41.2 37.2004L30 48.4004C29.6 48.8004 29.6 49.2004 29.2 49.6004L25.2 60.4004C23.2 60.4004 20.4 59.6004 19.6 56.0004C19.2 53.6004 20 49.6004 22 44.8004C22.4 43.6004 22.4 42.8004 21.6 41.6004C21.2 40.8004 20 40.4004 18.8 40.4004H8.8C8.4 40.4004 4 39.6004 4 36.0004C4 32.8004 5.2 31.2004 5.2 31.2004L6.4 29.6004L5.2 28.0004Z' fill='%239F0000'/%3E%3C/svg%3E");
	--b20-empty-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg clip-path='url(%23clip0_758_1633)'%3E%3Cpath d='M2.56191 15.8132C2.47476 16.124 2.47972 16.4533 2.57617 16.7613C2.67262 17.0693 2.85641 17.3427 3.10524 17.5482L11.1136 24.1532L8.58857 35.4699C8.51479 35.7997 8.543 36.1441 8.66947 36.4575C8.79594 36.7709 9.01469 37.0384 9.29671 37.2246C9.57873 37.4108 9.91069 37.5069 10.2486 37.5001C10.5864 37.4933 10.9143 37.3839 11.1886 37.1865L20.0002 30.8482L28.8119 37.1815C29.0862 37.3789 29.414 37.4883 29.7519 37.4951C30.0898 37.5019 30.4217 37.4058 30.7038 37.2196C30.9858 37.0334 31.2045 36.7659 31.331 36.4525C31.4575 36.1391 31.4857 35.7947 31.4119 35.4649L28.8869 24.1482L36.8952 17.5432C37.1442 17.3379 37.3282 17.0647 37.4249 16.7569C37.5215 16.449 37.5268 16.1197 37.44 15.809C37.3532 15.4982 37.178 15.2193 36.9357 15.0061C36.6935 14.793 36.3945 14.6548 36.0752 14.6082L26.3802 13.1932L21.5002 3.42154C21.3462 3.16324 21.1278 2.94936 20.8663 2.80083C20.6049 2.6523 20.3093 2.57422 20.0086 2.57422C19.7079 2.57422 19.4123 2.6523 19.1508 2.80083C18.8893 2.94936 18.6709 3.16324 18.5169 3.42154L13.6202 13.1982L3.92524 14.6132C3.60629 14.66 3.30773 14.7982 3.06576 15.0112C2.82378 15.2242 2.64876 15.5028 2.56191 15.8132ZM14.9636 16.3715C15.2293 16.3328 15.4817 16.2304 15.6993 16.0732C15.917 15.9159 16.0934 15.7083 16.2136 15.4682L20.0002 7.8932L23.7869 15.4682C23.9071 15.7083 24.0835 15.9159 24.3011 16.0732C24.5188 16.2304 24.7712 16.3328 25.0369 16.3715L31.8702 17.3715L25.9769 22.2332C25.7398 22.4291 25.5616 22.6867 25.4618 22.9777C25.3621 23.2686 25.3448 23.5814 25.4119 23.8815L27.2052 31.9249L20.9736 27.4415C20.69 27.2375 20.3495 27.1278 20.0002 27.1278C19.6509 27.1278 19.3105 27.2375 19.0269 27.4415L12.7952 31.9249L14.5886 23.8815C14.6556 23.5814 14.6384 23.2686 14.5386 22.9777C14.4389 22.6867 14.2607 22.4291 14.0236 22.2332L8.12691 17.3682L14.9636 16.3715Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_758_1633'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	--b20-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg clip-path='url(%23clip0_758_1631)'%3E%3Cpath d='M36.303 16.8664L38.0429 15.4311L35.811 15.1055L25.7726 13.6408L20.7277 3.55273L19.8333 1.76421L18.9389 3.55273L13.8941 13.6408L3.85563 15.1055L1.62376 15.4311L3.36365 16.8664L11.687 23.7326L9.07234 35.4489L8.50043 38.0115L10.6322 36.4785L19.8333 29.8617L29.0345 36.4785L31.1662 38.0115L30.5943 35.4489L27.9796 23.7326L36.303 16.8664Z' fill='%23FFE059'/%3E%3Cpath d='M36.303 16.8664L38.0429 15.4311L35.811 15.1055L25.7726 13.6408L20.7277 3.55273L19.8333 1.76421L18.9389 3.55273L13.8941 13.6408L3.85563 15.1055L1.62376 15.4311L3.36365 16.8664L11.687 23.7326L9.07234 35.4489L8.50043 38.0115L10.6322 36.4785L19.8333 29.8617L29.0345 36.4785L31.1662 38.0115L30.5943 35.4489L27.9796 23.7326L36.303 16.8664Z' stroke='%23FFE059' stroke-width='2'/%3E%3Cpath d='M36.303 16.8664L38.0429 15.4311L35.811 15.1055L25.7726 13.6408L20.7277 3.55273L19.8333 1.76421L18.9389 3.55273L13.8941 13.6408L3.85563 15.1055L1.62376 15.4311L3.36365 16.8664L11.687 23.7326L9.07234 35.4489L8.50043 38.0115L10.6322 36.4785L19.8333 29.8617L29.0345 36.4785L31.1662 38.0115L30.5943 35.4489L27.9796 23.7326L36.303 16.8664Z' stroke='black' stroke-opacity='0.2' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_758_1631'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
:root {
    --b20-idea: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Crect width='88' height='88' rx='24' fill='%23E3F4F3'/%3E%3Cpath d='M33 47.5c-4-3.2-6-7.5-6-12.5 0-9.4 7.6-17 17-17s17 7.6 17 17c0 5-2 9.3-6 12.5-3.1 2.5-4.5 5.3-4.5 8.5h-13c0-3.2-1.4-6-4.5-8.5Z' stroke='%2303969D' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M38 63h12M40 70h8M44 9V4M68 18l4-4M20 18l-4-4M72 38h6M10 38h6' stroke='%2303969D' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
    --b20-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Crect width='88' height='88' rx='24' fill='%23FBE8EA'/%3E%3Cpath d='M28 30h32v34a8 8 0 0 1-8 8H36a8 8 0 0 1-8-8V30Z' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M35 30a9 9 0 0 1 18 0M20 42h8M60 42h8M18 59h10M60 59h10M26 25l-6-6M62 25l6-6M36 50h16' stroke='%23C8102E' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='38' cy='41' r='2.5' fill='%23C8102E'/%3E%3Ccircle cx='50' cy='41' r='2.5' fill='%23C8102E'/%3E%3C/svg%3E");
    --b20-remark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none'%3E%3Crect width='88' height='88' rx='24' fill='%23EEEAF5'/%3E%3Cpath d='M18 24a8 8 0 0 1 8-8h36a8 8 0 0 1 8 8v29a8 8 0 0 1-8 8H42L28 72V61h-2a8 8 0 0 1-8-8V24Z' stroke='%2383749F' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M44 28v16' stroke='%2383749F' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='44' cy='51.5' r='3' fill='%2383749F'/%3E%3C/svg%3E");
}
#bk20w2 {
    padding: 20px 0 100px;
    position: relative;
}
#bk20w2i {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #66C2CB;
    position: absolute;
    inset: 0;
}
#bk20w2i::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgb(0 0 0 / 25%);
}
#bk20w {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
#bk20h2 {
    margin-bottom: 85px;
    text-shadow: none;
}
#bk20h2, #b20_a2 {
    font-size: 32px;
    line-height: 39px;
    font-weight: bold;
    color: white;
}
#b20_a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
#b20_a .b20_b {
    min-width: 460px;
    max-width: 460px;
    background-color: white;
    border: 2px solid #6BC4CA;
    border-radius: 20px;
    min-height: 100px;
    box-sizing: border-box;
    padding-left: 35px;
    display: flex;
    gap: 20px;
	overflow: hidden;
    cursor: pointer;
}
#b20_a .b20_b::before {
    content: '';
    min-width: 64px;
    max-width: 64px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1;
    display: block;
}
#b20_a1::before {
    background-image: var(--b20-good);
}
#b20_a3::before {
    background-image: var(--b20-bad);
}
#b20_a .b20_c {
    color: #03969D;
    font-size: 32px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
#b20_a .b20_sr {
    display: flex;
    gap: 10px;
}
#b20_a .b20_sr>div {
    min-width: 40px;
    max-width: 40px;
    background-image: var(--b20-star);
    aspect-ratio: 1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#b20_a3 .b20_sr>div:not(:first-child) {
    background-image: var(--b20-empty-star);
}
#b20_tools {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 32px;
}
#b20_tools .b20_tool {
    appearance: none;
    border: 2px solid rgb(107 196 202 / 70%);
    border-radius: 20px;
    background: #fff;
    min-height: 190px;
    padding: 24px 20px;
    font: inherit;
    color: #343338;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#b20_tools .b20_tool:hover,
#b20_tools .b20_tool:focus-visible {
    transform: translateY(-4px);
    border-color: #03969D;
    box-shadow: 0 12px 28px rgb(0 63 68 / 18%);
    outline: none;
}
#b20_tools .b20_tool-icon {
    width: 72px;
    height: 72px;
    background: center / contain no-repeat;
    flex: 0 0 auto;
}
#b20_tools .b20_tool-icon--idea {
    background-image: var(--b20-idea);
}
#b20_tools .b20_tool-icon--error {
    background-image: var(--b20-error);
}
#b20_tools .b20_tool-icon--remark {
    background-image: var(--b20-remark);
}
#b20_tools .b20_tool-title {
    color: #035C58;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    margin-top: 14px;
}
#b20_tools .b20_tool-text {
    font-size: 15px;
    line-height: 1.45;
    margin-top: 8px;
}
@media (max-width: 1400px) {
#bk20w {
	max-width: 768px;
    padding: 0 10px;
}
#bk20h2 {
    font-size: 20px;
    line-height: 24px;
}
#bk20h2 {
    margin-bottom: 40px;
}
#b20_a {
    justify-content: center;
}
#b20_a .b20_b {
    min-width: 250px;
    max-width: 250px;
    min-height: 80px;
    padding: 10px;
    gap: 15px;
    justify-content: center;
}
#b20_a .b20_c {
    font-size: 20px;
}
#b20_a .b20_sr {
    gap: 5px;
}
#b20_a .b20_b::before {
    min-width: 48px;
    max-width: 48px;
}
#b20_a .b20_sr>div {
    min-width: 25px;
    max-width: 25px;
}
#b20_tools {
    gap: 12px;
}
#b20_tools .b20_tool {
    min-height: 180px;
    padding: 20px 14px;
}
}
@media (max-width: 767px) {
#bk20w {
    padding: 0 5px;
}
#b20_a {
    flex-direction: column;
}
#b20_tools {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
}
#b20_tools .b20_tool {
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: 64px 1fr;
    column-gap: 16px;
    row-gap: 4px;
    text-align: left;
    align-items: center;
}
#b20_tools .b20_tool-icon {
    grid-row: 1 / 3;
    width: 64px;
    height: 64px;
}
#b20_tools .b20_tool-title,
#b20_tools .b20_tool-text {
    margin-top: 0;
}
}