@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");#faq #container:after,#faq #container:before{content:'';width:100%;height:100vh;top:0;left:0;z-index:0;pointer-events:none}#faq #container:before{position:absolute;background:-webkit-image-set(url("../img/beginner/faq/top_SP.png") 1x,url("../img/beginner/faq/top_SP@2x.png") 2x) no-repeat top center/contain}@media screen and (min-width:769px){#faq #container:before{background:-webkit-image-set(url("../img/beginner/faq/top_PC.png") 1x,url("../img/beginner/faq/top_PC@2x.png") 2x) no-repeat top center/contain}}#faq #container:after{position:fixed;z-index:-1;background:url("../img/beginner/bg_stripe.png") #ffca42}#faq .top-content:after{content:'';width:100%;height:100vh;top:0;left:0;z-index:0;pointer-events:none;position:fixed;z-index:-1;background:url("../img/beginner/faq/bg_dot_SP.png") top center/cover}@media screen and (min-width:769px){#faq .top-content:after{background:url("../img/beginner/faq/bg_dot_PC.png") top center/cover}}#faq .top-main{padding:10px;position:relative}.faq{min-height:calc(100vh - 465px)}.faq__title{position:relative;padding:1em;text-align:center;font-size:clamp(2.8rem,3.6vw,3.6rem);color:#fe5200;font-family:"M PLUS 1",sans-serif;font-optical-sizing:auto;font-weight:900;font-style:italic;margin:auto}@media screen and (min-width:769px){.faq__title{font-size:5.6rem;border-left-width:12px}}.faq__title:before{content:'';position:absolute;width:204px;height:205px;background:-webkit-image-set(url("../img/beginner/faq/faq-title-bg.png") 1x,url("../img/beginner/faq/faq-title-bg@2x.png") 2x) no-repeat center center/contain;pointer-events:none;z-index:-1;top:60%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:769px){.faq__title:before{width:327px;height:337px}}.faq__title span{position:relative;display:block}.faq__title span:before{content:attr(data-text) "";-webkit-text-stroke-width:0.25em;-webkit-text-stroke-color:transparent;position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-text-stroke-color:#fff;filter:drop-shadow(4px 4px 4px #000)}.faq .faq__category__title{background-color:#000;border-left:10px solid #fe5200;display:flex;align-items:center;padding:0.3em 0.5em 0.3em 10px;color:#fe5200;font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(2.4rem,2.8vw,2.8rem)}.faq__search{position:relative;width:100%;display:flex;align-items:center;gap:20px;border-radius:100px;border:3px solid #000;background-color:#fff;margin:auto;padding:5px 2rem;max-width:600px}.faq__search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.faq__search:focus-within{background:#ffe7aa;border-color:#fe5200}.faq__search input{height:42px;border-radius:100px;border:none;display:block;width:100%;font-size:1.6rem;outline:none}.faq__search-reset,.faq__search-submit{-ms-flex-shrink:0;flex-shrink:0;width:24px;height:24px;margin:0;cursor:pointer;border:none;padding:0;background:transparent url("../img/beginner/faq/search.svg") no-repeat center center/contain;-o-appearance:none;appearance:none}.faq__search-reset:focus-within,.faq__search-reset:hover,.faq__search-submit:focus-within,.faq__search-submit:hover{outline:3px solid #fe5200;outline-offset:3px;border-radius:2px}.faq__search-reset{background-image:url("../img/beginner/faq/search_reset.svg");display:none}input:not(:placeholder-shown)+.faq__search-reset{display:block}.faq__contents{padding:0 16px 20px;max-width:800px;margin:auto}.faq__nodata{text-align:center;font-size:16px;margin:30px auto 10px;line-height:1.4}.faq__category{margin:20px 0}.faq__topic{margin-top:4px;border:3px solid #000;font-weight:700}@media screen and (min-width:769px){.faq__topic{margin-top:8px}.faq__topic .image{width:482px;margin:15px auto 18px}}.faq__topic dt>.faq__toggle{width:100%;min-height:50px;background-color:#000;color:#ffca42;display:flex;justify-content:space-between;align-items:stretch;cursor:pointer;border:none;padding:0;text-align:left;-o-appearance:none;appearance:none;transition:all 0.3s ease}.faq__topic dt>.faq__toggle:focus-within,.faq__topic dt>.faq__toggle:hover{background-color:#ffca42;color:#000}.faq__topic dd{background-color:#fff;padding:12px 14px;border-top:3px solid #000;display:none}.faq__topic .number{width:36px;border-right:3px solid #000;background-color:#ffca42;color:#000;text-align:center;font-size:2rem;font-family:'Oswald',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;-ms-flex-shrink:0;flex-shrink:0}.faq__topic .question{font-weight:900;font-size:clamp(1.5rem,1.5vw,2rem);line-height:1.5;-ms-flex-grow:2;flex-grow:2;display:flex;align-items:center;padding:7px 5px 10px}.faq__topic .toggle{width:26px;height:26px;margin:auto 5px auto 10px;-ms-flex-shrink:0;flex-shrink:0;position:relative;background-color:#ffca42;border-radius:50%}@media screen and (min-width:769px){.faq__topic .toggle{width:30px;height:30px}}.faq__topic .toggle:before{position:absolute;top:50%;left:50%;content:'';display:inline-block;width:14px;height:14px;transform:translate(-50%,-50%);background:url("../img/beginner/faq/toggle.svg") no-repeat center center}.faq__topic .answer{font-size:clamp(1.2rem,1.6vw,1.6rem);line-height:1.8}.faq__topic img{display:block;margin:12px auto auto;width:100%;border:2px solid #000}.faq__topic.is-open>dt .toggle:before{background:url("../img/beginner/faq/toggle_close.svg") no-repeat center center}.faq__topic.is-open>dd{display:block}.faq__back{width:218px;height:93px;content:'';display:block;margin:auto;position:relative;font-size:15px;font-weight:900;line-height:1.3;text-align:center;color:#fff;padding-top:17px;display:flex;align-items:center;justify-content:center}.faq__back:after,.faq__back:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(0 5px 0 rgba(0,0,0,0.3));z-index:-1;transition:all 0.3s ease}.faq__back:before{background:url("../img/beginner/faq/btn_back.svg") no-repeat bottom center/contain}.faq__back:after{background:url("../img/beginner/faq/btn_back_hover.svg") no-repeat bottom center/contain;opacity:0}@media (hover:hover){.faq__back:focus-within:after,.faq__back:hover:after{opacity:1}}