body{margin:0;font-family:Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.avatar-area{background:#dadada;border-radius:50%;height:100%;width:100%;overflow:hidden}.avatar-area-image{height:100%;width:100%;object-fit:cover}.thumbnail-area{display:flex;flex-direction:column;text-align:left;text-decoration:none;margin-right:20.1px;width:212px}.thumbnail-area img.thumbnail-area-image{height:212px;width:212px;background:#f0f0f0;border-radius:6px;object-fit:cover}.thumbnail-area h1{width:100%;font-weight:700;font-size:18px;line-height:26px;align-items:center;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-area h1,.thumbnail-area p.thumbnail-view-tag{font-family:Noto Sans JP;font-style:normal;color:#1e1f23}.thumbnail-area p.thumbnail-view-tag{font-weight:500;font-size:12px;line-height:17px;margin-top:2px}@media screen and (max-width:504px){.thumbnail-area{width:calc(50vw - 40.1px)}.thumbnail-area img.thumbnail-area-image{height:calc(50vw - 40.1px);width:calc(50vw - 40.1px)}}hr.profile-border{width:calc(100vw - 40px);max-width:1161px;margin-bottom:21px;border:.3px solid #1e1f23}.profilepage-thumbnails{display:flex;justify-content:flex-start;max-width:1161px;width:calc(100vw - 40px)}.profilepage-thumbnails::-webkit-scrollbar{display:none}.profilepage-thumbnails.nomultiline{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.profilepage-thumbnails.multiline{flex-wrap:wrap}.profilepage-avatar{display:flex;max-width:1153px;width:calc(100vw - 40px);margin-top:40px;margin-bottom:40px}.profilepage-avatar-image{height:94px;width:94px;min-width:94px;text-decoration:none}.profilepage-avatar-right{text-align:left;margin-left:24px}.profilepage-avatar-name{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-size:20px;line-height:29px;display:flex;align-items:center;margin:0;color:#1e1f23;text-decoration:none}.profilepage-avatar-profession{display:flex;align-items:center;color:#737373}.profilepage-avatar-intro,.profilepage-avatar-profession{font-family:Noto Sans JP;font-style:normal;font-weight:400;font-size:12px;line-height:17px}.profilepage-avatar-intro{max-width:447px;color:#1e1f23}.profilepage-snsicons{justify-content:flex-start}.icon-button,.profilepage-snsicons{height:40px;display:flex;align-items:center}.icon-button{justify-content:center;width:40px;margin-right:16px;border-radius:50%;background:#1e1f23;text-decoration:none}@media screen and (max-width:480px){.profilepage-avatar{flex-direction:column}.profilepage-avatar-name{padding-top:10px}}.banner-register{display:flex;flex-direction:column;justify-content:space-between;max-width:1153px;width:calc(100vw - 40px);min-height:216px;margin-top:11px;margin-bottom:39px;background:#1e1f23;border-radius:8px}.banner-register-introduce{margin-left:64px;margin-top:49px;margin-right:64px;color:#f4f4f4;text-align:left}.banner-register-introduce h2{font-size:28px;line-height:41px}.banner-register-introduce h2,.banner-register-introduce h3{margin:0;font-family:Noto Sans JP;font-style:normal;font-weight:700}.banner-register-introduce h3{font-size:20px;line-height:29px}.banner-register-button-area{display:flex;align-items:flex-end;justify-content:space-between;padding:10px 57px 22px 64px}.banner-register-button-area h4{margin-bottom:0;font-family:futura-pt,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:21px;display:flex;align-items:center;letter-spacing:-.004em;color:#f4f4f4;text-shadow:5px 5px 20px}.banner-register-button{display:flex;text-align:center;align-items:center;justify-content:center;width:168px;height:58px;margin:0;background:#f4f4f4;border:1px solid #1e1f23;box-sizing:border-box;border-radius:9px;text-decoration:none;color:#1e1f23}.banner-register-button p{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-size:16px;line-height:23px;display:flex;align-items:center;text-align:center;letter-spacing:-.004em}.recommender-avatar{display:flex;margin-top:32px;margin-bottom:16px}.recommender-avatar-image{height:40px;width:40px;text-decoration:none}.recommender-avatar-right{text-align:left;margin-left:8px}.recommender-avatar-name{font-weight:700;font-size:18px;line-height:26px;display:flex;align-items:center;text-decoration:none}.recommender-avatar-name,.recommender-avatar-profession{font-family:Noto Sans JP;font-style:normal;margin:0;color:#1e1f23}.recommender-avatar-profession{font-weight:500;font-size:12px;line-height:17px}.thumbnailarea-title{max-width:calc(100vw - 40px);text-align:left}@media screen and (max-width:879px){.banner-register{flex-direction:column}}@media screen and (max-width:480px){.banner-register-introduce{margin-left:32px;margin-right:32px}.banner-register-button-area{flex-direction:column;align-items:flex-start;padding-left:32px;padding-right:32px}.banner-register-button{margin-top:10px}}.viewpage{width:calc(100vw - 40px);max-width:1161px;padding-bottom:40px;display:flex;justify-content:space-between}.viewpage-mainimage{width:50%;height:100%;max-width:656px;max-height:656px;object-fit:contain;border-radius:6px}.viewpage-rightbody{max-width:656px;width:calc(50% - 16px);margin-left:16px}hr.viewpage-border{width:100%;margin-top:0;margin-bottom:16px;border:.3px solid #1e1f23}.viewpage-title{font-weight:700;font-size:24px;line-height:35px;letter-spacing:.03em;color:#1e1f23}.viewpage-mainbody,.viewpage-title{font-family:Noto Sans JP;font-style:normal;display:flex;align-items:center;text-align:left}.viewpage-mainbody{font-weight:400;font-size:16px;line-height:250%;letter-spacing:.02em;color:#3d3d3d}.viewpage-mainbody span{max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis}.viewpage-posted-date{font-family:Noto Sans JP;font-style:normal;font-weight:500;font-size:12px;line-height:17px;display:flex;align-items:center;color:#3d3d3d}.viewpage-button{display:flex;height:48px;align-items:center;justify-content:center;background:#3d3d3d;border-radius:6px;text-align:center;text-decoration:none}.viewpage-button p{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-size:16px;line-height:23px;display:flex;align-items:center;color:#f4f4f4}@media screen and (max-width:879px){.viewpage{flex-direction:column;align-items:center}.viewpage-mainimage{width:100%}.viewpage-rightbody{margin-left:0;width:100%}.viewpage-rightbody .viewpage-border{display:none}}@media screen and (max-width:695px){.viewpage-mainimage{max-height:calc(100vw - 40px)}}.App{text-align:center;background:#f4f4f4}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-body{margin:0}.App-body,.App-header{display:flex;flex-direction:column;align-items:center}.App-header{background-color:#f4f4f4;justify-content:center;color:#fff}.App-header h1,.App-header h1 a{font-family:futura-pt,sans-serif;font-weight:500;font-style:normal;font-size:24px;line-height:32px;display:flex;align-items:center;letter-spacing:-.004em;color:#000;text-decoration:none}.App-footer hr,.App-header hr{max-width:1161px;height:0;width:calc(100vw - 40px);margin:0;border:.3px solid #1e1f23}.App-link{color:#61dafb}h1.thumbnailarea-title{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-size:20px;line-height:29px;display:flex;align-items:center;color:#1e1f23}h1.thumbnailarea-title span{border-bottom:3px solid #1e1f23}.App-footer{background-color:#f4f4f4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.App-footer h3,.App-footer h3 a{font-family:futura-pt,sans-serif;font-weight:500;font-style:normal;font-size:12px;line-height:16px;display:flex;align-items:center;letter-spacing:-.004em;color:#1e1f23}.App-footer h3 span{margin-left:2em}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.27fb0eaa.chunk.css.map */