@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";
div,p,h1,h2,h3,h4,a,li,ul,ol,dl,dt,dd,section,header,nav,footer,span,details,summary{font-family:Noto Sans JP,Noto serif,sans-serif}body{font-family:Noto Sans JP,sans-serif;font-weight:300}b{font-weight:400}h1,h2,h3,h4{font-weight:500}div{max-width:100%;margin:auto;padding:auto}.titleW,.titleP{line-height:4px}html{scroll-behavior:smooth}.bottom{position:static;bottom:0;right:0}.bottomLeft{position:static;bottom:0;left:0}.bottomf{position:fixed;bottom:0;right:0}.bottomfl{position:flex;bottom:0;left:0}a{scroll-behavior:smooth;margin:10px;text-decoration:none}.decoTitle{text-align:center;border-top:6px double #000;border-bottom:6px double #000;padding:1rem 2rem}.worksList,.placeList{line-height:5px;display:grid}dt{margin-left:2%}.report{text-align:center;max-width:90%}.reportList{grid-template-columns:1fr 1fr 1fr 1fr}.placeList{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.worksList{grid-template-columns:1fr 1fr}.pagetop{z-index:2;scroll-behavior:smooth;background:red;border:2px solid #eff237;border-radius:30%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;bottom:30px;right:32px;box-shadow:0 4px 6px #0df1de}.pagetop_arrow{scroll-behavior:smooth;border-top:2px solid #000;border-right:4px solid #000;width:10px;height:10px;transform:translateY(20%)rotate(-45deg)}@media (hover:hover) and (pointer:fine){.pagetop:hover,.pagetop:hover .pagetop_arrow{border-color:#3e32e7}}.chooseTitle{text-align:center;text-shadow:2px 0 #fff,-2px 0 #fff,0 -2px #fff,0 2px #fff,2px 2px #fff,-2px 2px #fff,2px -2px #fff,-2px -2px #fff,1px 2px #fff,-1px 2px #fff,1px -2px #fff,-1px -2px #fff,2px 1px #fff,-2px 1px #fff,2px -1px #fff,-2px -1px #fff;background-color:#bbede0;font-size:2rem}.chooseList{margin-left:35%;font-size:2rem}.si{background-color:#ccf4f0;border-radius:14%;height:100%}.siW{background-color:#fef0e0;border-radius:10%}.siB{background-color:#e5f9f5;border-radius:10%}.c-title{color:#9c9110;text-align:center;height:100%}header{z-index:calc(infinity);width:100%;padding:0%;position:sticky;top:0;right:0}.tag{background-image:linear-gradient(135deg,#c6ccfa 15%,#99e6b8);border-radius:10px;margin-bottom:2em;padding:1.5rem 2rem;position:relative}.tag:before,.tag:after{content:"";background-image:linear-gradient(135deg,#c6ccfa 25%,#99e6b8);border-radius:50%;position:absolute}.tag:before{width:30px;height:30px;bottom:-15px;right:30px}.tag:after{width:15px;height:15px;bottom:-30px;right:50px}.tagW{background-image:linear-gradient(135deg,#fac6dd 15%,#d7e699);border-radius:10px;margin-bottom:2em;padding:1.5rem 2rem;position:relative}.tagW:before,.tagW:after{content:"";background-image:linear-gradient(135deg,#fac6dd 25%,#d7e699);border-radius:50%;position:absolute}.tagW:before{width:30px;height:30px;bottom:-15px;right:30px}.tagW:after{width:15px;height:15px;bottom:-30px;right:50px}.tagB{background-image:linear-gradient(135deg,#f0c6fa 15%,#9bdca5);border-radius:10px;margin-bottom:2em;padding:1.5rem 2rem;position:relative}.tagB:before,.tagB:after{content:"";background-image:linear-gradient(135deg,#f0c6fa 25%,#9bdca5);border-radius:50%;position:absolute}.tagB:before{width:30px;height:30px;bottom:-15px;right:30px}.tagB:after{width:15px;height:15px;bottom:-30px;right:50px}.bodyContent{background-color:#f5f1e0;margin-top:3%;overflow:auto}header * li{display:inline}nav{text-align:end;margin:2rem 0 2.2rem}header * li a{color:#fff;background-image:linear-gradient(135deg,#18619c 25%,#470847);background-size:cover;border-radius:.5rem;margin-left:1rem;padding:.3rem 1.7rem}header * li a:hover{opacity:.6;transition:all .4s}.s-report{max-width:95%}.center-text{text-align:center}.left-text{text-align:left;margin-left:30%}.m-title{color:#4c0961;text-align:center}.i-title{color:#0b0b5e;text-align:center}dl{border-top:1px solid #525050;flex-wrap:wrap;width:100%;display:flex}.green{color:#0d5826;text-align:center}.small{font-size:.8rem}.details{margin-top:-10px;padding-bottom:20px;transition:all .3s;overflow:hidden}.details:last-of-type{margin-bottom:0}.details[open]{margin-top:0;padding-bottom:10px}.details-summary{color:#fff;background-color:#5a8d58;padding:10px;font-size:15px;font-weight:700;transition:all .3s;display:block;transform:translateY(10px)}.details-summary:hover{cursor:pointer}.details-summary::-webkit-details-marker{display:none}.details[open] .details-summary{transform:translateY(0)}.details-content{background-color:#ccf4f0;border-bottom:2px solid #037859;border-left:2px solid #037859;border-right:1px solid #037859;padding:20px}.detailsQ{margin-top:-10px;padding-bottom:20px;transition:all .3s;overflow:hidden}.detailsQ:last-of-type{margin-bottom:0}.detailsQ[open]{margin-top:0;padding-bottom:10px}.details-summaryQ{color:#fff;background-color:#de99af;padding:10px;font-size:15px;font-weight:700;transition:all .3s;display:block;transform:translateY(10px)}.details-summaryQ:hover{cursor:pointer}.details-summaryQ::-webkit-details-marker{display:none}.detailsQ[open] .details-summaryQ{transform:translateY(0)}.details-contentQ{background-color:#fafcdc;border-bottom:2px solid #dd6752;border-left:2px solid #dd6752;border-right:1px solid #037859;padding:20px}.keine{text-align:right;object-fit:contain;max-width:100%;height:auto;margin-right:20%}.aya{text-align:right;object-fit:contain;max-width:100%;height:auto;margin-right:30%}.yuka{text-align:right;object-fit:contain;max-width:100%;height:auto;margin-right:10%}.benben{text-align:center;object-fit:contain;max-width:100%;height:auto}.single-description{margin-left:2%;margin-right:2%}.RetroPink{background-color:#f8e5f0}.RetroBlue{background-color:#dbdff5}.RetroWhite{background-color:#eeeae3}.RetroBrown{background-color:#f4e1e1}.RetroOrange{background-color:#f9dcd0;height:100%}.FallGreen{background-color:#d4e3cc}.FallPink{background-color:#dbc7cd}.FallPurple{background-color:#ecdcf2}.FallRed{background-color:#f3ddd9}.SummerRed{background-color:#ffe6eb}.SummerOrange{background-color:#ffeddd}.SummerYellow{background-color:#fffbe2}.SummerWhite{background-color:#effdf9}.SummerBlue{background-color:#eefffe}.SummerGreen{background-color:#dce9d4}.quizTop{background-image:linear-gradient(#ebbef5,#dfe7fe);height:100vh}.quiz{background-color:#fdffd9}.quiz-text{max-width:90%;margin:auto}footer{text-align:center;font-size:.8rem;position:static;bottom:0}@media screen and (max-width:820px){header * li a{background-size:auto;border-radius:.5rem;margin-left:0;padding:.3rem 0;font-size:.94rem}.inline-block{max-width:fit-content;font-size:.9rem}.worksList{grid-template-columns:1fr}.chooseList{margin-left:0}}@media screen and (max-width:480px){.c-title{font-size:1.2rem}.link{text-align:left}.placeList{grid-template-columns:1fr 1fr 1fr;max-width:100%}.worksList{grid-template-columns:1fr;max-width:100%;font-size:.8rem}}@media screen and (max-width:400px){header * li a{font-size:.8rem}.worksList{grid-template-columns:1fr;max-width:100%;font-size:.76rem}dl{flex-flow:column}}