.information .quiz { background: var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='340' viewBox='0 0 560 340'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.10' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M-20 80 C 60 40 130 120 210 80 S 360 40 440 80 S 540 120 580 80'/%3E%3Cpath d='M-20 98 C 60 58 130 138 210 98 S 360 58 440 98 S 540 138 580 98'/%3E%3Cpath d='M-20 260 C 70 220 150 300 240 260 S 390 220 470 260 S 550 300 580 260'/%3E%3C/g%3E%3C/svg%3E") repeat 0 0 / 560px auto; }
.information .titlearea .en_sy { color: var(--red); }
.information .titlearea h2 { color: var(--ink); }


.information .flow__heading .en { color: #fff; display: inline-block; transform: rotate(-4deg); }
.information .flow__heading .jp { margin-top: 14px; }
.information .flow__content li { flex-direction: column; justify-content: flex-start; color: var(--ink); text-align: center; box-shadow: 6px 6px 0 var(--ink); }
.information .flow__content li::after { display: none; }
.information .flow__content .no { color: var(--red); font-size: 13px; letter-spacing: .16em; }
.information .flow__content .ic { width: 52px; height: 52px; margin: 12px auto 8px; display: block; }
.information .flow__content .ic path, .information .flow__content .ic rect, .information .flow__content .ic circle { fill: none; stroke: var(--ink); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.information .flow__content .ic .r { stroke: var(--red); }
.information .flow__content .ic .fill { fill: var(--red); stroke: none; }
.information .flow__content b { font-size: 22px; font-weight: 700; letter-spacing: .12em; line-height: 1.3; }
.information .flow__content small { font-size: 14px; color: var(--ink2); line-height: 1.65; letter-spacing: .04em; margin-top: 8px; font-weight: 500; }
.information .flow__content + .lead { font-size: 13px; letter-spacing: .08em; opacity: .92; }
@media screen and (min-width: 897px) {
  .information .flow__content { gap: 0 40px; padding: 0 4%; margin-top: 48px; }
  .information .flow__content li { width: 196px; padding: 24px 12px 24px; border-radius: 18px; font-size: inherit; writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; text-orientation: mixed; }
  .information .flow__content li::before { top: 50%; right: 0; width: 40px; height: 12px; transform: translate(100%, -50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M2 6 C 8 0 13 12 20 6 S 32 0 38 6' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
}
@media screen and (max-width: 896px) {
  .information .flow__heading .en { }
  .information .flow__heading .jp { }
  .information .flow__content { padding: 0 6%; margin-top: 30px; }
  .information .flow__content li { display: grid; grid-template-columns: 52px 1fr; column-gap: 14px; align-items: center; text-align: left; padding: 16px 18px; margin-bottom: 34px; border-radius: 14px; box-shadow: 4px 4px 0 var(--ink); font-size: inherit; }
  .information .flow__content li .ic { grid-row: 1 / span 3; grid-column: 1; width: 44px; height: 44px; margin: 0 auto; }
  .information .flow__content li .no, .information .flow__content li b, .information .flow__content li small { grid-column: 2; }
  .information .flow__content li b { font-size: 18px; }
  .information .flow__content li small { margin-top: 4px; font-size: 13px; }
  .information .flow__content li::before { width: 12px; height: 34px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 34'%3E%3Cpath d='M6 2 C 0 8 12 12 6 17 S 0 26 6 32' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
}


.nb-ticket { display: block; width: 100%; height: auto; transform: rotate(-4deg); filter: drop-shadow(8px 8px 0 var(--ink)); overflow: visible; }
.nb-ticket .body { fill: #fff; }
.nb-ticket .perf { stroke: var(--ink2); stroke-width: 2; stroke-dasharray: 3 9; stroke-linecap: round; opacity: .6; }
.nb-ticket .pill { fill: var(--red); }
.nb-ticket .pillt { fill: #fff; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 3px; text-anchor: middle; }
.nb-ticket .big { fill: var(--ink); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 54px; letter-spacing: 4px; }
.nb-ticket .en { fill: var(--red); font-family: "Barlow", sans-serif; font-weight: 700; font-size: 17px; letter-spacing: 5px; }
.nb-ticket .wave { fill: none; stroke: var(--red); stroke-width: 4; stroke-linecap: round; }
.nb-ticket .sm { fill: var(--ink2); font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 1px; }
.nb-ticket .stub { fill: var(--ink); font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 30px; text-anchor: middle; }
.nb-ticket .stamp circle { fill: none; stroke: var(--red); stroke-width: 3; }
.nb-ticket .stamp .in { stroke-width: 1.5; stroke-dasharray: 3 4; }
.nb-ticket .stamp .bowl { fill: var(--red); }
.nb-ticket .stamp .st { fill: none; stroke: var(--red); stroke-width: 2.6; stroke-linecap: round; }
.nb-ticket .stamp .stt { fill: var(--red); font-family: "Barlow", sans-serif; font-weight: 700; font-size: 9px; letter-spacing: 1.5px; text-anchor: middle; }
.information .quiz .textarea h3 { }
.information .quiz .textarea .lead_sy { color: #fff; font-size: 16px; line-height: 2.05; }
.information .quiz .textarea .sy_link_wht { width: 310px; text-align: left; border: 2px solid #fff; border-radius: 8px; padding: 21px 0 21px 30px; box-shadow: 6px 6px 0 var(--ink); transition: background .35s, border-color .35s, transform .35s, box-shadow .35s; }
.information .quiz .textarea .sy_link_wht > span:first-child { color: var(--red); padding-left: 0; font-weight: 700; }
.information .quiz .textarea .sy_link_wht > span:first-child::after { display: none; }
.information .quiz .textarea .sy_link_wht::after { content: ""; position: absolute; right: 24px; top: 50%; width: 38px; height: 2px; background: var(--red); transition: width .35s, right .35s, background .35s; }
.information .quiz .textarea .sy_link_wht::before { content: ""; position: absolute; right: 24px; top: 50%; width: 9px; height: 9px; border-top: 2px solid var(--red); border-right: 2px solid var(--red); transform: translateY(-50%) rotate(45deg); transition: right .35s, border-color .35s; }
.information .quiz .textarea .sy_link_wht .deco { color: #fff; left: 170px; top: -44px; transform: rotate(8deg); }
.information .quiz .textarea .sy_link_wht .deco::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 28'%3E%3Cg fill='none' stroke='%23ffe6c7' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M2 5 C 8 1 13 9 20 5 S 32 1 38 5'/%3E%3Cpath d='M2 14 C 8 10 13 18 20 14 S 32 10 38 14'/%3E%3Cpath d='M2 23 C 8 19 13 27 20 23 S 32 19 38 23'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; top: -6px; right: -50px; width: 40px; height: 28px; }
@media screen and (min-width: 897px) {
  .information .quiz .textarea .sy_link_wht:hover { background: var(--ink); border-color: var(--ink); transform: translate(-2px, -2px); box-shadow: 8px 8px 0 #fff; }
  .information .quiz .textarea .sy_link_wht:hover > span:first-child { color: #fff; }
  .information .quiz .textarea .sy_link_wht:hover::after { width: 54px; right: 14px; background: #fff; }
  .information .quiz .textarea .sy_link_wht:hover::before { right: 14px; border-color: #fff; }
}
@media screen and (max-width: 896px) {
  .nb-ticket { filter: drop-shadow(5px 5px 0 var(--ink)); }
  .information .quiz .textarea h3 { font-size: 22px; }
  .information .quiz .textarea .lead_sy { font-size: 14px; }
  .information .quiz .textarea .sy_link_wht { width: 290px; padding: 19px 0 19px 24px; box-shadow: 4px 4px 0 var(--ink); }
  .information .quiz .textarea .sy_link_wht .deco { left: 120px; top: -40px; font-size: 24px; }
  .information .quiz .textarea .sy_link_wht .deco::before { width: 30px; height: 21px; right: -38px; }
}


.information .quiz .features { background: var(--paper); border: 2px solid var(--ink); border-radius: 28px; box-shadow: 8px 8px 0 var(--ink); margin: 130px 6% 0; padding: 90px 5% 86px; }
.information .quiz .features .titlearea h2 { font-size: 40px; color: var(--ink); }
.information .quiz .features .features_item_wrap .item_box .item_img { border-radius: 16px 16px 16px 100px; overflow: hidden; }
.information .quiz .features .features_item_wrap .item_box .item_img .ph { --ar: 3 / 2; }
.information .quiz .features .features_item_wrap .item_box .textbox .point { display: flex; align-items: center; gap: 8px; color: var(--red); }
.information .quiz .features .features_item_wrap .item_box .textbox .point::before { content: ""; width: 30px; height: 21px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 28'%3E%3Cg fill='none' stroke='%23e8402a' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M2 5 C 8 1 13 9 20 5 S 32 1 38 5'/%3E%3Cpath d='M2 14 C 8 10 13 18 20 14 S 32 10 38 14'/%3E%3Cpath d='M2 23 C 8 19 13 27 20 23 S 32 19 38 23'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
.information .quiz .features .features_item_wrap .item_box .textbox .point .en { }
.information .quiz .features .features_item_wrap .item_box .textbox .point .num { }
.information .quiz .features .features_item_wrap .item_box .textbox h4 { color: var(--ink); margin-top: 12px; }
.information .quiz .features .features_item_wrap .item_box .textbox .lead { margin-top: 16px; font-size: 14px; line-height: 1.95; letter-spacing: .08em; color: var(--ink); }
@media screen and (min-width: 897px) {
  .information .quiz .features .features_item_wrap { gap: 3%; }
  .information .quiz .features .features_item_wrap .item_box { width: 31.3%; margin-right: 0; }
}
@media screen and (max-width: 896px) {
  .information .quiz .features { margin: 80px 5% 0; padding: 50px 6% 54px; border-radius: 18px; box-shadow: 5px 5px 0 var(--ink); }
  .information .quiz .features .titlearea { padding: 0; }
  .information .quiz .features .titlearea h2 { font-size: 26px; }
  .information .quiz .features .features_item_wrap .item_box .item_img { border-radius: 12px 12px 12px 70px; }
  .information .quiz .features .features_item_wrap .item_box .textbox h4 { }
  .information .quiz .features .features_item_wrap .item_box .textbox .lead { font-size: 14px; margin-top: 12px; }
}


.information .quiz .entry_quiz.nb-shindan { position: relative; background: var(--cream); margin-top: 200px; padding: 100px 5% 110px; scroll-margin-top: 60px; }
.nb-sd-edge { position: absolute; left: 0; width: 100%; height: 60px; display: block; }
.nb-sd-edge path { fill: var(--cream); }
.nb-sd-edge.top { top: -59px; }
.nb-sd-edge.bottom { bottom: -59px; }
.information .quiz .entry_quiz .titlearea .lead { color: var(--ink); margin-top: 26px; font-size: 16px; line-height: 1.95; letter-spacing: .08em; }
.information .quiz .entry_quiz .dummy.nb-sd { width: min(880px, 100%); margin: 44px auto 0; background: #fff; border: 2px solid var(--ink); border-radius: 24px; box-shadow: 8px 8px 0 var(--red); padding: 34px 56px 30px; }
.nb-sd__top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.nb-sd__count { color: var(--red); line-height: 1; }
.nb-sd__count b { font-size: 40px; letter-spacing: .02em; }
.nb-sd__count small { font-size: 18px; color: var(--ink2); margin-left: 4px; }
.nb-sd__bar { display: flex; gap: 8px; }
.nb-sd__bar li { width: 54px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 12'%3E%3Cpath d='M3 6 C 9 0 15 12 21 6 S 33 0 39 6 S 47 12 51 6' fill='none' stroke='%23efe4cf' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.nb-sd__bar li.done { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 12'%3E%3Cpath d='M3 6 C 9 0 15 12 21 6 S 33 0 39 6 S 47 12 51 6' fill='none' stroke='%23e8402a' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E"); }
.nb-sd__q { display: none; }
.nb-sd__q.is-on { display: block; animation: nb-sd-in .45s ease both; }
@keyframes nb-sd-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.nb-sd__text { text-align: center; font-size: 30px; font-weight: 700; letter-spacing: .1em; color: var(--ink); margin: 26px 0 30px; line-height: 1.45; }
.nb-sd__ans { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.nb-sd__btn { display: flex; align-items: center; gap: 16px; width: 100%; padding: 22px 24px; border: 2px solid var(--ink); border-radius: 16px; background: var(--paper); color: var(--ink); font: inherit; text-align: left; cursor: pointer; transition: transform .25s, box-shadow .25s, border-color .25s, background .25s, color .25s; }
.nb-sd__btn svg { flex: none; width: 46px; height: 46px; fill: none; stroke: var(--ink); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: stroke .25s; }
.nb-sd__btn span { display: block; font-size: 14px; color: var(--ink2); letter-spacing: .06em; line-height: 1.6; }
.nb-sd__btn b { display: block; font-size: 20px; font-weight: 700; color: var(--ink); letter-spacing: .1em; margin-bottom: 2px; }
.nb-sd__btn:hover, .nb-sd__btn:focus-visible { border-color: var(--red); transform: translate(-3px, -3px); box-shadow: 5px 5px 0 var(--ink); outline: none; }
.nb-sd__btn:hover svg { stroke: var(--red); }
.nb-sd__btn.is-pick { background: var(--red); border-color: var(--red); }
.nb-sd__btn.is-pick svg { stroke: #fff; }
.nb-sd__btn.is-pick b, .nb-sd__btn.is-pick span { color: #fff; }
.nb-sd__result { padding-top: 10px; animation: nb-sd-in .5s ease both; }
.nb-sd__result[hidden] { display: none; }
.nb-sd__k { text-align: center; font-size: 16px; font-weight: 700; color: var(--ink2); letter-spacing: .14em; margin-top: 18px; }
.nb-sd__job { display: flex; align-items: center; gap: 30px; margin: 22px auto 0; max-width: 680px; }
.nb-sd__mark { flex: none; width: 124px; height: 124px; }
.nb-sd__mark circle { fill: var(--cream); }
.nb-sd__mark .b { fill: var(--red); }
.nb-sd__mark .s { fill: none; stroke: var(--red); stroke-width: 4; stroke-linecap: round; }
.nb-sd__name { font-size: 40px; font-weight: 700; color: var(--red); letter-spacing: .14em; line-height: 1.2; }
.nb-sd__one { font-size: 20px; font-weight: 700; color: var(--ink); letter-spacing: .08em; margin-top: 6px; line-height: 1.5; }
.nb-sd__desc { font-size: 14px; color: var(--ink); letter-spacing: .06em; line-height: 1.9; margin-top: 10px; }
.nb-sd__acts { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 26px; margin-top: 30px; }
.nb-sd__acts .sy_link { width: 300px; }
.nb-sd__retry { background: none; border: 0; border-bottom: 1.5px solid var(--ink); padding: 4px 2px; font: inherit; font-size: 14px; font-weight: 700; letter-spacing: .12em; color: var(--ink); cursor: pointer; }
.nb-sd__retry:hover { color: var(--red); border-color: var(--red); }
.nb-sd__note { text-align: center; font-size: 12px; color: var(--ink2); letter-spacing: .08em; margin-top: 24px; padding-top: 18px; border-top: 1.5px dashed rgba(0, 0, 0, .18); }
@media screen and (max-width: 896px) {
  .information .quiz .entry_quiz.nb-shindan { margin-top: 110px; padding: 60px 5% 70px; }
  .nb-sd-edge { height: 30px; }
  .nb-sd-edge.top { top: -29px; }
  .nb-sd-edge.bottom { bottom: -29px; }
  .information .quiz .entry_quiz .titlearea { padding: 0; }
  .information .quiz .entry_quiz .titlearea h2 { font-size: 28px; }
  .information .quiz .entry_quiz .titlearea .lead { font-size: 14px; margin-top: 16px; text-align: left; }
  .information .quiz .entry_quiz .dummy.nb-sd { width: 100%; padding: 22px 18px 20px; border-radius: 18px; box-shadow: 5px 5px 0 var(--red); margin-top: 28px; }
  .nb-sd__count b { font-size: 30px; }
  .nb-sd__count small { font-size: 14px; }
  .nb-sd__bar { gap: 4px; }
  .nb-sd__bar li { width: 34px; height: 10px; }
  .nb-sd__text { font-size: 20px; margin: 20px 0 20px; letter-spacing: .06em; }
  .nb-sd__ans { grid-template-columns: 1fr; gap: 12px; }
  .nb-sd__btn { padding: 15px 16px; gap: 12px; border-radius: 12px; }
  .nb-sd__btn svg { width: 36px; height: 36px; }
  .nb-sd__btn b { font-size: 16px; }
  .nb-sd__btn span { font-size: 13px; }
  .nb-sd__job { flex-direction: column; text-align: center; gap: 14px; }
  .nb-sd__mark { width: 92px; height: 92px; }
  .nb-sd__name { font-size: 28px; }
  .nb-sd__one { font-size: 16px; text-align: center; }
  .nb-sd__desc { font-size: 13px; text-align: left; }
  .nb-sd__acts { gap: 18px; margin-top: 24px; }
  .nb-sd__acts .sy_link { width: 270px; }
  .nb-sd__note { font-size: 12px; text-align: left; }
}


.information .quiz .information { background: var(--paper); padding: 150px 12% 110px; }
.information .quiz .information .sec_textarea h3 { color: var(--ink); font-weight: 700; }
.information .quiz .information .info_area ul.tab { width: max-content; max-width: 100%; margin: 0 auto; background: #fff; border: 2px solid var(--ink); border-radius: 60px; padding: 5px; gap: 4px; box-shadow: 4px 4px 0 var(--ink); }
.information .quiz .information .info_area ul li { width: auto; min-width: 210px; background: transparent; color: var(--ink); border-radius: 50px; padding: 15px 30px; transition: background .3s, color .3s; }
.information .quiz .information .info_area ul li:hover { color: var(--red); }
.information .quiz .information .info_area ul li.active { background: var(--red); color: #fff; }
.information .quiz .information .info_area ul li.active::after { display: none; }
.information .quiz .information .new .about_outline, .information .quiz .information .career .about_outline { margin-top: 60px; border-top: 2px solid var(--ink); }
.information .quiz .information .new .about_outline dl, .information .quiz .information .career .about_outline dl { border-bottom: 1.5px dashed rgba(0, 0, 0, .2); align-items: flex-start; }
.information .quiz .information .new .about_outline dl dt, .information .quiz .information .career .about_outline dl dt { color: var(--ink); display: flex; align-items: center; gap: 10px; padding: 30px 0; }
.information .quiz .information .new .about_outline dl dt::before, .information .quiz .information .career .about_outline dl dt::before { content: ""; width: 26px; height: 9px; flex: none; background: var(--wave-red) left center / auto 100% no-repeat; }
.information .quiz .information .new .about_outline dl dd, .information .quiz .information .career .about_outline dl dd { color: var(--ink); padding: 28px 0; }
.nb-sample { text-align: right; font-size: 13px; color: var(--ink2); letter-spacing: .08em; margin-top: 16px; }
.information .quiz .information .new .normal .titlearea p, .information .quiz .information .career .normal .titlearea p { color: var(--red); }
.information .quiz .information .new .normal .titlearea h2, .information .quiz .information .career .normal .titlearea h2 { color: var(--ink); font-size: 30px; }
.information .quiz .information .career .normal .link_area.nb-career { position: relative; overflow: hidden; background: var(--ink); border-radius: 18px; padding: 46px 8% 34px; margin-top: 40px; transition: transform .35s; }
.information .quiz .information .career .normal .link_area.nb-career::before { content: ""; position: absolute; right: -40px; bottom: -30px; width: 260px; height: 160px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 160'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.16' stroke-width='8' stroke-linecap='round'%3E%3Cpath d='M10 40 C 60 10 100 70 150 40 S 230 10 250 40'/%3E%3Cpath d='M10 80 C 60 50 100 110 150 80 S 230 50 250 80'/%3E%3Cpath d='M10 120 C 60 90 100 150 150 120 S 230 90 250 120'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; transition: transform .5s; }
.information .quiz .information .career .normal .link_area.nb-career:hover::before { transform: translateX(-24px); }
.information .quiz .information .career .normal .link_area .link_title { padding: 0 0 24px; border-bottom: 1px solid rgba(255, 255, 255, .25); }
.information .quiz .information .career .normal .link_area .text { padding-top: 22px; }
.information .quiz .information .career .normal .link_area .text span { padding: 0 52px 0 0; }
.information .quiz .information .career .normal .link_area .text span::after { background: #fff; width: 36px; height: 2px; left: auto; right: 0; top: 50%; transform: none; }
.information .quiz .information .career .normal .link_area .text span::before { content: ""; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(45deg); }
@media screen and (max-width: 896px) {
  .information .quiz .information { padding: 90px 5% 60px; }
  .information .quiz .information .info_area ul.tab { width: 100%; }
  .information .quiz .information .info_area ul li { min-width: 0; flex: 1; padding: 13px 8px; }
  .information .quiz .information .new .about_outline, .information .quiz .information .career .about_outline { margin-top: 34px; }
  .information .quiz .information .new .about_outline dl dt, .information .quiz .information .career .about_outline dl dt { padding: 20px 0 0; }
  .information .quiz .information .new .about_outline dl dd, .information .quiz .information .career .about_outline dl dd { padding: 8px 0 20px 36px; }
  .nb-sample { text-align: left; font-size: 12px; }
  .information .quiz .information .new .normal .titlearea h2, .information .quiz .information .career .normal .titlearea h2 { font-size: 24px; }
  .information .quiz .information .career .normal .link_area.nb-career { width: 100%; padding: 32px 6% 26px; }
  .information .quiz .information .career .normal .link_area .text span { }
}


.nb-faq { padding: 110px 12% 140px; scroll-margin-top: 60px; }
.nb-faq .sec_textarea { text-align: center; }
.nb-faq .sec_textarea p, .nb-faq .sec_textarea h3 { text-align: center; }
.nb-faq .sec_textarea h3 { font-weight: 700; color: var(--ink); }
.nb-faq__list { max-width: 900px; margin: 54px auto 0; }
.nb-faq__item { background: #fff; border: 2px solid var(--ink); border-radius: 16px; box-shadow: 4px 4px 0 var(--ink); margin-bottom: 16px; overflow: hidden; transition: box-shadow .3s; }
.nb-faq__item[open] { box-shadow: 6px 6px 0 var(--red); }
.nb-faq__item summary { list-style: none; display: flex; align-items: center; gap: 16px; padding: 22px 26px; cursor: pointer; }
.nb-faq__item summary::-webkit-details-marker { display: none; }
.nb-faq__item summary .q { color: var(--red); font-size: 28px; line-height: 1; flex: none; }
.nb-faq__item summary .t { flex: 1; text-wrap: pretty; font-size: 18px; font-weight: 700; color: var(--ink); letter-spacing: .08em; line-height: 1.6; }
.nb-faq__item summary i { flex: none; position: relative; width: 30px; height: 30px; border-radius: 50%; background: var(--red); transition: transform .35s, background .35s; }
.nb-faq__item summary i::before, .nb-faq__item summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2.4px; background: #fff; border-radius: 2px; transform: translate(-50%, -50%); }
.nb-faq__item summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .35s; }
.nb-faq__item[open] summary i { background: var(--ink); transform: rotate(180deg); }
.nb-faq__item[open] summary i::after { transform: translate(-50%, -50%) rotate(0deg); }
.nb-faq__item summary:hover .t { color: var(--red); }
.nb-faq__item .a { display: flex; gap: 16px; margin: 0 26px; padding: 18px 0 24px; border-top: 1.5px dashed rgba(0, 0, 0, .2); }
.nb-faq__item .a > span { color: var(--ink2); font-size: 30px; line-height: 1; flex: none; }
.nb-faq__item .a p { font-size: 16px; line-height: 1.95; letter-spacing: .06em; color: var(--ink); }
.nb-faq__more { text-align: center; margin-top: 50px; }
.nb-faq__more p { text-align: center; font-size: 16px; color: var(--ink2); letter-spacing: .1em; }
.nb-faq__more .sy_link { margin: 20px auto 0; width: 280px; display: block; }
@media screen and (max-width: 896px) {
  .nb-faq { padding: 70px 5% 90px; }
  .nb-faq__list { margin-top: 34px; }
  .nb-faq__item { border-radius: 12px; box-shadow: 3px 3px 0 var(--ink); }
  .nb-faq__item summary { padding: 16px 16px; gap: 12px; }
  .nb-faq__item summary .q { font-size: 22px; }
  .nb-faq__item summary .t { font-size: 14px; letter-spacing: .04em; }
  .nb-faq__item summary i { width: 26px; height: 26px; }
  .nb-faq__item .a { margin: 0 16px; gap: 12px; padding: 14px 0 18px; }
  .nb-faq__item .a > span { font-size: 22px; }
  .nb-faq__item .a p { font-size: 14px; }
  .nb-faq__more p { font-size: 13px; }
}


.nw { display: inline-block; }
.information .flow__content small, .nb-sd__desc, .nb-faq__item .a p, .information .quiz .features .features_item_wrap .item_box .textbox .lead, .information .quiz .textarea .lead_sy { text-wrap: pretty; }


.information .mv_img_wrap .nb-run--rounds { aspect-ratio: auto; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2vw; padding: 1vw 2vw 2vw 10vw; }
.information .mv_img_wrap .nb-run--rounds img { position: static; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: 50% 0; padding: 1.4vw 1.4vw 0; border-radius: 50%; filter: none; }
.information .mv_img_wrap .nb-run--rounds img:nth-child(1) { background: var(--cream2); }
.information .mv_img_wrap .nb-run--rounds img:nth-child(2) { background: var(--cream2); margin-top: 3vw; }
.information .mv_img_wrap .nb-run--rounds img:nth-child(3) { background: var(--cream2); }
.information .mv_img_wrap .nb-run--rounds img:nth-child(4) { background: var(--cream); margin-top: 3vw; }
@media screen and (max-width: 896px) {
  .information .mv_img_wrap .nb-run--rounds { grid-template-columns: repeat(2, 1fr); gap: 4vw; padding: 2vw 4vw 4vw 8vw; }
  .information .mv_img_wrap .nb-run--rounds img { padding: 3vw 3vw 0; }
  .information .mv_img_wrap .nb-run--rounds img:nth-child(2), .information .mv_img_wrap .nb-run--rounds img:nth-child(4) { margin-top: 6vw; }
}