@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap";:root{--w-max: 768px;--c-primary: #31C149;--c-secondary: #F07800;--c-yellow: #F0B800;--c-yellow-green: #9ED600;--c-gray: #ddd;--font-family: "Noto Sans JP", system-ui;--font-family-eng: "Lato", sans-serif}*{min-inline-size:0}:where(body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,p,blockquote,th,td,figure){margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}:where(a){color:inherit}:where(a):is(:hover,:focus){text-decoration:none}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:baseline}:where(sup){top:-0.5em}:where(sub){bottom:-0.25em}:where(mark){background-color:inherit}:where(address){font-style:normal}:where(em){font-style:normal;font-weight:700}:where(h1,h2,h3,h4,h5,h6){font-size:100%}:where(img,video,canvas){max-width:100%;height:auto;display:block;max-inline-size:100%;block-size:auto}:where(table){--w-th: auto;background:#fff;border-collapse:collapse;width:100%}:where(table) th,:where(table) td{padding:.6em 1em;border-block:1px solid var(--c-gray)}:where(table) tbody th{text-align:start;vertical-align:top;width:var(--w-th)}:where(ul,ol){margin-inline-start:1.5em}:where(label){cursor:pointer}:where(input){margin:0}:where(input)[type=text],:where(input)[type=email],:where(input)[type=tel]{border:1px solid var(--c-gray);font-size:1.6rem;padding:.5em;border-radius:4px}:where(dialog){opacity:0;translate:0 20px;transition:opacity .5s,translate .5s;border:none;box-shadow:0 0 2em rgba(0,0,0,.1);padding:min(5vw,30px);width:min(90%,500px);height:90%}:where(dialog)::backdrop{background:rgba(0,0,0,.5)}:where(dialog).open{opacity:1;translate:0}@property --c-square-button{syntax:"<color>";inherits:true;initial-value:var(--c-secondary)}html{font-size:62.5%;font-weight:normal;color:#222;text-size-adjust:100%;font-feature-settings:"palt";height:-webkit-fill-available}body{line-height:1.8;word-break:break-all;font-family:var(--font-family);min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;font-size:1.6rem;background:url(../img/bg_header.jpg) repeat-x center top}.mar_be_1em{margin-block-end:1em}.mar_bs_1em{margin-block-start:1em}.mar_bs_2em{margin-block-start:2em}.mar_bs_10px{margin-block-start:10px}.align-center{text-align:center}.align-end{text-align:end}.f-size-small{font-size:80%}.f-size-large{font-size:120%}.square-button{--c-square-button: var(--c-secondary);border-radius:4px;display:inline-flex;justify-content:center;align-items:center;background-color:var(--c-square-button);color:#fff;border:1px solid var(--c-square-button);padding:1em 1.5em;cursor:pointer;min-width:250px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;line-height:1.3;position:relative;text-decoration:none;transition:background-color .3s,color .3s}.square-button:not(:disabled):is(:hover,:focus){background-color:#fff;color:var(--c-square-button)}.square-button::after{content:"";position:absolute;width:.5em;aspect-ratio:1;border-inline-end:.15em solid;border-block-end:.15em solid;rotate:-45deg;right:.7em;top:50%;translate:0 -50%}.square-button--green{--c-square-button: var(--c-primary)}.square-button:disabled{cursor:not-allowed;--c-square-button: #ccc}.l-header{padding:40px 5vw}.l-header__logo{display:flex;justify-content:center}.l-main{padding-block-end:100px;padding-inline:5vw}.l-section{width:min(100%,var(--w-max));margin-inline:auto}.l-footer{background:url(../img/bg_footer.png) repeat-x center top;padding-top:102px;margin-block-start:auto}.l-footer__nav{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;padding:20px 5vw;gap:10px 2em}.l-footer__nav>a{display:flex;align-items:center;gap:0 .3em;text-decoration:none}.l-footer__nav>a:is(:hover,:focus){color:var(--c-primary)}.l-footer__nav .material-symbols-outlined{font-size:95%}.page-title{display:flex;flex-direction:column;align-items:center;font-size:2.8rem;font-weight:700;line-height:1.4;letter-spacing:.05em;color:var(--c-page-title, white)}.headline-large{font-size:2.4rem;font-weight:700;line-height:1.4;letter-spacing:.05em}.headline-middle{font-size:2rem;font-weight:700;line-height:1.4;letter-spacing:.05em;color:var(--c-secondary);padding-block:.6em;border-block:1px solid;justify-content:center;text-align:center;display:flex;flex-wrap:wrap}.faq{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0px 0px;grid-template-areas:"num" "section"}.faq__question-num{aspect-ratio:1;color:#fff;background-color:var(--c-primary);border-radius:100%;font-weight:700;line-height:1;font-size:2.4rem;font-family:var(--font-family-eng);width:2.3em;display:flex;justify-content:center;align-items:center;margin-inline:auto;grid-area:num}.faq__section{grid-area:section;display:block;opacity:1;transition:display .3s,opacity .3s,translate .3s;translate:0}@starting-style{.faq__section{opacity:0;translate:0 10%}}.faq__section[aria-hidden=true]{display:none;opacity:0}.question-title{font-size:2.4rem;line-height:1.5;width:fit-content;margin-inline:auto;text-align:center}.answers{container-type:inline-size;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0}.answers label{--c-label: var(--c-primary);display:flex;align-items:center;justify-content:center;gap:0 .5em;height:100%;background-color:#fff;color:var(--c-label);font-weight:700;font-size:2rem;line-height:1.4;border:2px solid var(--c-primary);border-radius:5px;padding-block:1em;cursor:pointer;position:relative;transition:background-color .3s,color .3s}.answers label:has(input:checked){--c-label: white;background-color:var(--c-primary)}.answers label:hover{background-color:color-mix(in srgb, var(--c-primary) 10%, transparent)}.answers label::after{content:"";position:absolute;top:50%;translate:0 -50%;width:.6em;aspect-ratio:1}.answers label:has(input[type=radio])::after{border-inline-end:2px solid;border-block-start:2px solid;rotate:45deg}@container (width >= 768px){.answers label{padding-inline:1.5em}.answers label::after{width:.6em;right:.8em}}@container not (width >= 768px){.answers label{padding-inline:1em}.answers label::after{width:.4em;right:.4em}}.answers input{position:absolute;opacity:0}.box-shadow{width:fit-content;margin-inline:auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:10px;padding:min(5vw,30px)}.personal-data{display:grid;align-items:baseline}@media(width > 440px){.personal-data{grid-template-columns:auto 1fr;gap:1em}}@media not (width > 440px){.personal-data dd{margin-block-end:1em}}.personal-data input{width:100%}.agree{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;line-height:1.5}.agree>input{margin-inline-end:10px}.dialog{container:dialog/inline-size}.dialog__title{font-weight:700;font-size:min(6.5cqi,2.4rem);line-height:1.4;text-align:center;margin-block-end:1em;color:var(--c-primary)}.dialog__section-wrap{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;grid-template-areas:"section"}.dialog__section{grid-area:section}.dialog__section[aria-hidden=true]{display:none;opacity:0}.dialog__headline{width:fit-content;margin-inline:auto;margin-block-end:1em}.dialog__furigana{width:1.5em;aspect-ratio:1;display:grid;place-content:center;border-radius:100%;color:#fff;background-color:var(--c-secondary);font-weight:700;line-height:1;margin-block:1.5em .5em}.dialog-cards{list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-cards button{display:block;border:2px solid var(--c-secondary);border-radius:5px;padding:min(5vw,20px);background:none;width:100%;font-weight:700;box-shadow:0 0 5px rgba(0,0,0,.1);cursor:pointer;transition:background-color .3s}.dialog-cards button:is(:hover,:focus-visible){background-color:color-mix(in srgb, var(--c-secondary) 20%, transparent)}.dialog-cards figure{display:flex;flex-direction:column-reverse;align-items:center;gap:1em}.dialog-list{display:grid;list-style:none;margin:0}.dialog-item{background:none;border:none;border-block-end:1px solid var(--c-gray);display:grid;grid-template-columns:auto 1fr;align-items:center;padding:1.3em 1em;width:100%;cursor:pointer;transition:background-color .3s,color .3s}.dialog-item:is(:hover,:focus){background-color:color-mix(in srgb, var(--c-secondary) 10%, transparent);color:var(--c-secondary)}.dialog-item::after{content:"";width:.5em;aspect-ratio:1;border-inline-end:1px solid var(--c-gray);border-block-end:1px solid var(--c-gray);rotate:-45deg;margin-inline-start:auto}.loading-icon{position:fixed;left:50%;top:50%;aspect-ratio:1;translate:-50% -50%;display:none;color:#666;line-height:1;width:3em;border:.12em solid currentColor;border-top-color:hsla(0,0%,40%,.3);border-radius:50%;box-sizing:border-box;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.result-title{width:fit-content;margin-inline:auto;color:#fff;background-color:var(--c-primary);font-weight:700;font-size:2rem;line-height:1.4;padding-block:.5em;padding-inline:2.5em;clip-path:polygon(0 0, 100% 0, calc(100% - 1em) 50%, 100% 100%, 0 100%, 1em 50%)}.ranking{--c-ranking: var(--c-secondary);border:2px solid var(--c-primary);border-radius:10px;background-color:#fff;padding:min(5vw,30px);font-size:2rem;line-height:1.4;margin-inline:0;list-style:none;counter-reset:num;display:grid;gap:.5em 0;font-weight:700}.ranking>li{counter-increment:num;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;align-items:baseline;gap:0 .5em}.ranking>li:nth-child(2){--c-ranking: var(--c-yellow)}.ranking>li:nth-child(3){--c-ranking: var(--c-yellow-green)}.ranking>li::before{content:counter(num);width:1.8em;aspect-ratio:1;border-radius:100%;color:#fff;display:grid;line-height:1;place-content:center;background-color:var(--c-ranking)}.ranking__label{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:5px}.ranking__label::after{content:"";height:1px;background-color:currentColor;min-width:10px;opacity:.3}.ranking__num{font-size:1.5em;color:var(--c-ranking)}.example{list-style:none;margin-inline:auto;display:grid;gap:20px 0;max-width:500px}.example>li{display:grid;grid-template-columns:min(40%,200px) 1fr;gap:0 20px}.example__data{align-self:center}.example__catch{font-weight:700;font-size:2rem;line-height:1.4}.description{display:grid;gap:1em 0}.description>p{word-break:auto-phrase;text-wrap:pretty}
