html{background:#fff}body{--color_main: #29292e;font-family:"Noto Serif JP",serif;color:var(--color_main)}body:before{content:"";position:fixed;z-index:-1;top:50%;left:50%;background:url(../images/wdqf4w/bg.webp) no-repeat center/50% auto;aspect-ratio:1;width:auto;height:auto;animation:rotateZ 200s 0s infinite linear;translate:-50% -50%}@media screen and (orientation: portrait){body:before{height:200%}}@media screen and (orientation: landscape){body:before{width:200%}}main{position:relative;z-index:0;min-height:100vh;font-weight:600;line-height:2}main .decoLine{position:sticky;z-index:1;left:0;display:block;background:url(../images/wdqf4w/bg_star.svg) no-repeat center/auto 50%,url(../images/wdqf4w/bg_line.svg) no-repeat center/90% 5px;width:100%;height:calc(120/var(--device_font-size)*1rem)}main .decoLine:first-of-type{top:0}main .decoLine:last-of-type{bottom:0}main .decoLine:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;aspect-ratio:1/1;background:url(../images/wdqf4w/bg_circle.svg) no-repeat center/auto 80%;width:auto;height:100%;animation:rotateZ 20s 0s linear infinite}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){main .decoLine{width:700px;height:80px}}main .copyright{display:block;margin-block:calc(80/var(--device_font-size)*1rem);text-align:center}@keyframes rotateZ{0%{rotate:z 0deg}100%{rotate:z 360deg}}:where(main>*){width:calc(630/var(--device_width)*100vw);margin-inline:auto}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){:where(main>*){width:600px}}hr{background:repeating-linear-gradient(to top, var(--color_main) 0px, var(--color_main) 1px, transparent 1px, transparent 3px);height:7px;margin:calc(64/var(--device_font-size)*1rem) auto;border:none}.txtBox{display:flex;flex-flow:column;gap:1lh;justify-content:center;width:100%;max-width:600px;padding-block:calc(80/var(--device_font-size)*1rem);text-align:center}.txtBox.error{min-height:calc(100vh - calc(320 / var(--device_font-size) * 1rem));height:auto;padding-block:calc(80/var(--device_font-size)*1rem);text-transform:uppercase;font-size:calc(80/var(--device_font-size)*1rem)}.txtBox.result{gap:2lh;line-height:3}.txtBox span{font-size:1.2em;letter-spacing:.2em}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.txtBox{padding-block:40px}}.imgBox{padding-block:calc(80/var(--device_font-size)*1rem) calc(64/var(--device_font-size)*1rem);text-align:center}.imgBox img{width:auto;max-width:100%}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.imgBox{padding-block-start:40px}}.answerBox{display:grid;justify-items:center;gap:calc(12/var(--device_font-size)*1rem)}.answerBox input[type=text]{width:calc(430/var(--device_font-size)*1rem);min-height:calc(90/var(--device_font-size)*1rem);border:2px solid #a2a3a9;border-radius:calc(16/var(--device_font-size)*1rem);filter:drop-shadow(0px 0px calc(50 / var(--device_font-size) * 1rem) rgba(103, 103, 103, 0.2));font-family:"Noto Serif JP",serif;font-size:calc(40/var(--device_font-size)*1rem);font-weight:800;text-align:center;line-height:1;letter-spacing:.2em;color:var(--color_main)}.answerBox .btn{margin-block-start:calc(24/var(--device_font-size)*1rem)}.addTxt{margin-block-start:max(200/var(--device_font-size)*1rem,100vh)}.addTxt p{display:grid;place-content:center;height:100vh}.btn{min-height:calc(100/var(--device_font-size)*1rem);margin:0 auto;font-family:"Noto Serif JP",serif;line-height:1;letter-spacing:.1em}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.btn{min-width:calc(400/var(--device_font-size)*1rem);min-height:calc(70/var(--device_font-size)*1rem);font-size:calc(24/var(--device_font-size)*1rem)}}.btn:before,.btn:after{border:1px solid var(--color_main)}.btn>span{background:rgba(31,39,60,.8);font-weight:500;color:var(--color_txt)}.btn>span:before,.btn>span:after{border:1px solid var(--color_main)}.btn>span>span:before,.btn>span>span:after{background:var(--color_txt)}@media(any-hover: hover){.btn:hover>span{background:#1f273c}}.btn.share,.btn.back{width:calc(400/var(--device_font-size)*1rem);height:calc(90/var(--device_font-size)*1rem);font-size:calc(28/var(--device_font-size)*1rem)}.btn.share>span,.btn.back>span{padding-block:0}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.btn.share,.btn.back{min-width:calc(300/var(--device_font-size)*1rem);width:calc(300/var(--device_font-size)*1rem);min-height:calc(60/var(--device_font-size)*1rem);height:calc(60/var(--device_font-size)*1rem);font-size:calc(18/var(--device_font-size)*1rem)}}.btn.share>span>span>span{display:grid;grid-template-columns:calc(40/var(--device_font-size)*1rem) auto;align-items:center;justify-content:center;gap:calc(24/var(--device_font-size)*1rem)}.btn.share>span>span>span:before{content:"";background:url(../images/wdqf4w/ico_x.webp) no-repeat center/contain;aspect-ratio:1;width:auto}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.btn.share>span>span>span{grid-template-columns:calc(30/var(--device_font-size)*1rem) auto;gap:calc(16/var(--device_font-size)*1rem)}}.btn.back{margin-block-start:calc(24/var(--device_font-size)*1rem)}.btnList{display:grid;grid-template-columns:1fr 1fr;justify-content:center;justify-items:center;gap:calc(56/var(--device_font-size)*1rem);width:calc(550/var(--device_width)*100vw);margin-inline:auto}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.btnList{width:560px}}.btnList>li{width:100%}.btnList .btn{width:100%;min-height:calc(80/var(--device_font-size)*1rem);font-size:calc(28/var(--device_font-size)*1rem)}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.btnList .btn{min-width:100%;min-height:calc(60/var(--device_font-size)*1rem);font-size:calc(20/var(--device_font-size)*1rem)}}.box01{position:relative;z-index:0;margin-block:calc(80/var(--device_font-size)*1rem);padding:calc(50/var(--device_font-size)*1rem);border:1px solid var(--color_main);border-radius:calc(20/var(--device_font-size)*1rem)}.box01:before,.box01:after{content:"";position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid var(--color_main);box-sizing:content-box}.box01::before{border-radius:calc(40/var(--device_font-size)*1rem)}.box01::after{border-radius:calc(60/var(--device_font-size)*1rem)}.box01>*:first-child{margin-block-start:0}.tit01:before,.tit01:after{background:var(--color_main)}details summary{box-shadow:calc(10/var(--device_font-size)*1rem) calc(10/var(--device_font-size)*1rem) calc(10/var(--device_font-size)*1rem) 0px rgba(0,0,0,.1);border:1px solid var(--color_main)}details summary:before{-webkit-mask:url(../images/common/ico_arrow.webp) no-repeat center/40% auto;mask:url(../images/common/ico_arrow.webp) no-repeat center/40% auto;filter:grayscale(0) contrast(100%) invert(0);background:var(--color_main)}details summary:after{background:rgba(31,39,60,.8)}details summary>span{font-weight:400;color:var(--color_txt)}details summary>span:before,details summary>span:after{border:1px solid var(--color_main)}@media(any-hover: hover){details summary:hover:after{background:#29292e}}details[open] summary:after{background:#29292e}#introduction{min-height:calc(100vh - calc(160 / var(--device_font-size) * 1rem));height:auto}.about ul{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",YuGothic,"Yu Gothic","Yu Gothic UI","Arial",sans-serif;font-weight:400}.about ul li{text-indent:-0.5em;padding-left:.5em}.quizList{display:grid;gap:1rem}.fadeIn{transition:opacity 1s,scale 1s}.fadeIn:not(.isPlay){opacity:0;scale:.5}.fadeInTxt p:nth-of-type(1){transition:filter 1s 0s,opacity 1s 0s,scale 1s 0s}.fadeInTxt p:nth-of-type(2){transition:filter 1s 1s,opacity 1s 1s,scale 1s .5s}.fadeInTxt p:nth-of-type(3){transition:filter 1s 2s,opacity 1s 2s,scale 1s 1s}.fadeInTxt p:nth-of-type(4){transition:filter 1s 3s,opacity 1s 3s,scale 1s 1.5s}.fadeInTxt p:nth-of-type(5){transition:filter 1s 4s,opacity 1s 4s,scale 1s 2s}.fadeInTxt p:nth-of-type(6){transition:filter 1s 5s,opacity 1s 5s,scale 1s 2.5s}.fadeInTxt p:nth-of-type(7){transition:filter 1s 6s,opacity 1s 6s,scale 1s 3s}.fadeInTxt p:nth-of-type(8){transition:filter 1s 7s,opacity 1s 7s,scale 1s 3.5s}.fadeInTxt p:nth-of-type(9){transition:filter 1s 8s,opacity 1s 8s,scale 1s 4s}.fadeInTxt p:nth-of-type(10){transition:filter 1s 9s,opacity 1s 9s,scale 1s 4.5s}.fadeInTxt p:nth-of-type(11){transition:filter 1s 10s,opacity 1s 10s,scale 1s 5s}.fadeInTxt:not(.isPlay)>p{filter:blur(1rem);opacity:0;scale:.5}
/*# sourceMappingURL=maps/quiz.css.map */