@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:root{font-size:62.5%}a{color:#8ff}#menu{position:absolute;bottom:50px;width:100%;text-align:center}#container{cursor:grab}.element{width:24rem;font-family:Helvetica,sans-serif;text-align:center;line-height:normal;cursor:default;cursor:pointer}.element:hover{opacity:.85}.element:active{opacity:.9}.modal{border-radius:32px;border:16px solid #f96e64;background:#fff;box-shadow:4px 4px 30px 10px #00000026;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);z-index:1000;width:90%;height:80vh;display:none;justify-content:center;padding:50px 0 100px;opacity:0;transition:opacity .2s ease-out,transform .3s ease-out}.modal.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.overlay{cursor:pointer;display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0}.overlay.show{opacity:1}.modal-content{position:relative;width:100%;max-height:80vh;overflow-y:scroll;margin:0 50px;padding:0 52px;scrollbar-width:auto;scrollbar-color:#ff6b6b #f0f0f0}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#f0f0f0}.modal-content::-webkit-scrollbar-thumb{background-color:#ff6b6b}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#ff8787}.close{position:absolute;right:20px;bottom:20px;font-size:28px;font-weight:700;cursor:pointer;background-color:transparent;border:none}.close:hover{background-color:transparent;opacity:.85}.modal-header{margin-bottom:10px;padding-bottom:30px;border-bottom:4px solid #f96e64}.profile-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.info-item{color:#000;font-family:Noto Sans JP;font-size:32px;font-style:normal;font-weight:700;line-height:220%;letter-spacing:1.6px}.info-item-value{font-weight:400}.modal-body{padding:20px 0}.modal-body h3{color:#000;font-family:Noto Sans JP;font-size:32px;font-style:normal;font-weight:700;line-height:220%;letter-spacing:1.6px;vertical-align:middle;display:flex;align-items:center}.modal-body h3:before{display:inline-block;content:"";width:1em;height:1em;background-color:#f96e64;margin-right:10px;border-radius:50%;margin-bottom:-3px}.modal-answer{color:#000;font-family:Noto Sans JP;font-size:32px;font-style:normal;letter-spacing:1.6px;margin-bottom:35px;line-height:1.6}.menu-buttons{display:flex;justify-content:center;gap:8px}.menu-button{color:#000;background:transparent;outline:.1rem solid black;border:0;padding:.5rem 1rem;cursor:pointer}.menu-button.black{color:#fff;background:#000}button:hover,button:active{background-color:#0003}.decoration{position:fixed;z-index:-1;pointer-events:none;max-width:20vw;max-height:20vh;width:100%}.top-left{top:0;left:0}.bottom-right{bottom:0;right:0}.logo-container{position:fixed;bottom:2rem;left:2rem;z-index:1100}.logo{height:6rem;width:auto}.search-container{width:100%;z-index:100;display:flex;justify-content:center;margin-bottom:32px}.search-filters{display:flex;align-items:center}.filter-group{margin:0 5px}.filter-group select{padding:16px;border:none;border-radius:8px;background:#f5f5f5 url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%207.5L10%2012.5L15%207.5'%20stroke='%231E1E1E'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat right 10px center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Noto Sans JP,sans-serif;cursor:pointer;select-dropdown-position:above}.filter-group .age,.filter-group .gender{padding-right:50px}.filter-group .occupation,.filter-group .nationality{padding-right:90px}.date-input,.text-input{position:relative;margin:0 5px}.date-input input,.text-input input{padding:16px 26px 16px 16px;border:none;border-radius:8px;background:#f5f5f5}select,input{outline:none}.search-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;outline:none;width:20px;height:20px;padding:0}.search-button:hover,.search-button:active{background:none}.search-button img{width:20px;height:20px}@media (max-width: 1200px){.decoration{width:150px;height:150px}}@media (max-width: 768px){.search-filters{flex-wrap:wrap}.filter-group,.date-input,.text-input{margin:5px}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .5s ease-out}.loading-container.fade-out{opacity:0;pointer-events:none}.loading{width:400px;height:420px}