.article-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.article-form .article-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.article-form #article_article_type{margin-bottom:20px;width:30%}.article-form #article_title{margin-bottom:20px;width:30%}.article-form #article_body{margin-bottom:30px;height:300px;width:30%}.article-form .form-actions input{width:100%}.article-content .article-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.article-content .article-header .article-content-title h3{margin:0 0 0.5rem 0;font-size:1.8rem;font-weight:bold}.article-content .article-header .article-sub-header{display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap}.article-content .article-header .article-sub-header p{margin:0;padding:0.2rem 0.6rem;border-radius:5px;font-size:0.9rem;font-weight:600;color:#fff;white-space:nowrap}.article-content .article-header .article-sub-header .article-content-article_type-blue{background-color:#28a745}.article-content .article-header .article-sub-header .article-content-article_type-green{background-color:#0077cc}.article-content .article-header .article-sub-header .article-content-article_type-red{background-color:#dc3545}.article-content .article-header .article-content-time{margin-top:0.3rem;font-size:0.85rem;color:#999}.article-content .article-body{border:solid 1px #ccc;border-radius:20px;padding:20px;margin-bottom:20px}.article-content .article-body p{margin:0;line-height:1.6}.article-content .article-content-btn{display:block;margin-top:50px}.article-content .article-content-btn a{margin-left:calc(-50vw + 50%);width:100vw}.index-article-list{margin-top:-25px;margin-left:calc(-50vw + 50%);width:100vw}.index-article-list .index-article-contents{margin-left:calc(-50vw + 50%);width:100vw;padding:10px;margin-bottom:0px;border:solid 1px silver;text-align:center;animation:fadein 3s ease-out forwards}.index-article-list .index-article-sub-list{margin-left:calc(-50vw + 50%);width:100vw;height:auto;border:solid 1px silver;text-align:center;animation:fadein 3s ease-out forwards}.index-article-list .index-article-sub-list .index-article-sub-list-header{text-align:center;border:solid 1px silver}.index-article-list .index-article-sub-list .index-article-sub-list-header p{margin-top:10px;display:inline-block}.index-article-list .index-article-sub-list .index-article-sub-list-header .index-type-tag-blue{color:white;background-color:blue;padding:2px;border-radius:5px}.index-article-list .index-article-sub-list .index-article-sub-list-header .index-type-tag-red{color:white;background-color:red;padding:2px;border-radius:5px}.index-article-list .index-article-sub-list .index-article-list-title{width:100%;height:auto;padding-top:10px;padding-bottom:10px;text-align:center}.index-article-list .index-article-sub-list .index-article-list-title h5{width:70%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-article-list .index-article-sub-list a{text-decoration:none;color:black}.index-article-list .index-article-sub-list a:hover{color:silver}.index-article-list .d-flex{animation:fadein 3s ease-out forwards}@media only screen and (max-width: 480px){.article-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.article-form .article-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.article-form #article_article_type{margin-bottom:20px;width:80%}.article-form #article_title{margin-bottom:20px;width:80%}.article-form #article_body{margin-bottom:30px;width:80%}.article-form .form-actions input{width:100%}}.banner-list{height:auto;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.banner-list .banner-list-title{border-bottom:solid 1px silver;margin-bottom:2%}.banner-list .banner-list-unsubscription a{margin-left:calc(-50vw + 50%);width:100vw}.banner-list .project-new-btn a{margin-left:calc(-50vw + 50%);width:100vw}.banner-list .no-banners{padding:5%;height:500px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.banner-list .banner-list-page{border:solid 1px silver;text-decoration:none;margin-bottom:2%}.banner-list .banner-list-page a{color:black;text-decoration:none}.banner-list .banner-list-page a:hover{color:silver}.banner-select{height:400px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.banner-select .banner-select-header{padding-bottom:2%;border-bottom:solid 1px silver;margin-bottom:2%}.banner-select .banner-select-body{display:flex}.banner-select .banner-select-body .banner-select-horizontal{width:50%}.banner-select .banner-select-body .banner-select-horizontal a{width:90%}.banner-select .banner-select-body .banner-select-horizontal p{width:90%}.banner-select .banner-select-body .banner-select-vertical{width:50%}.banner-select .banner-select-body .banner-select-vertical a{width:90%}.banner-select .banner-select-body .banner-select-vertical p{width:90%}.vertical-img-form{height:auto;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.vertical-img-form .vertical-img-form-header{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:2%}.vertical-img-form .form-banner-img{margin-bottom:5%}.vertical-img-form #banner_plan_id{width:50%}.vertical-img-form .form-banner-plan{margin-bottom:5%}.vertical-img-form .form-banner-action input{margin-left:calc(-50vw + 50%);width:100vw}.banner-no-banner{height:500px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.banner-no-banner a{margin-left:calc(-50vw + 50%);width:100vw}.horizontal-img-form{height:auto;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.horizontal-img-form .horizontal-img-form-header{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:2%}.horizontal-img-form .form-banner-img{margin-bottom:5%}.horizontal-img-form #banner_plan_id{width:50%}.horizontal-img-form .form-banner-plan{margin-bottom:5%}.horizontal-img-form .form-banner-action input{margin-left:calc(-50vw + 50%);width:100vw}.banner-no-banner{height:500px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.banner-no-banner a{margin-left:calc(-50vw + 50%);width:100vw}.banner-detail{height:auto;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.banner-detail a{color:black;text-decoration:none}.banner-detail a:hover{color:silver}.banner-detail .banner-detail-header{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:2%}.banner-detail .banner-detail-body-plan{margin-bottom:5%;overflow-wrap:normal}.banner-detail .banner-detail-body-day{margin-bottom:5%}.banner-detail .banner-detail-footer a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.no-team{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;height:300px}@media only screen and (max-width: 480px){.vertical-img-form{height:auto;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.vertical-img-form .vertical-img-form-header{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:10%}.vertical-img-form .form-banner-img{margin-bottom:10%}.vertical-img-form #banner_plan_id{width:50%}.vertical-img-form .form-banner-plan{margin-bottom:10%}.vertical-img-form .form-banner-action input{margin-left:calc(-50vw + 50%);width:100vw}.horizontal-img-form{height:auto;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.horizontal-img-form .horizontal-img-form-header{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:10%}.horizontal-img-form .form-banner-img{margin-bottom:10%}.horizontal-img-form #banner_plan_id{width:50%}.horizontal-img-form .form-banner-plan{margin-bottom:10%}.horizontal-img-form .form-banner-action input{margin-left:calc(-50vw + 50%);width:100vw}}.contact-form{text-align:center}.contact-form .contact-form-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.contact-form label{margin-bottom:10px}.contact-form #contact_name{margin-bottom:20px}.contact-form #contact_email{margin-bottom:20px}.contact-form #contact_message{margin-bottom:40px;height:200px}.contact-form .contact-action input{margin-left:calc(-50vw + 50%);width:100vw}.contact-confirm table{margin:0 auto;margin-bottom:40px}.contact-confirm .contact-confirm-btn{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.contact-confirm .contact-confirm-btn input{width:100%}.done-page a{margin-top:40px;text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.feedback-page{margin-left:calc(-50vw + 50%);width:100vw}.feedback-page .feedback-page-header{text-align:left;font-family:Arial;border-bottom:solid 1px silver;display:flex;padding-bottom:1%}.feedback-page .feedback-page-header p{font-size:15px;position:relative;top:20px}.feedback-page .feedback-page-header h3{margin-left:5%;margin-right:50%}.feedback-page .feedback-page-content{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.feedback-page .feedback-page-content .feedback-page-score{display:flex;margin-left:45%;margin-top:20px;margin-bottom:20px}.feedback-page .feedback-page-content .feedback-page-score p{margin:5px}.feedback-page .feedback-page-content .feedback-page-score h1{position:relative;bottom:10px}.feedback-page .feedback-page-content .feedback-page-comment a{color:black}.feedback-page .feedback-page-content .feedback-page-comment a:hover{color:silver}.feedback-page .feedback-page-content .feedback-page-comment-article{border:solid 1px silver;min-height:300px;height:auto;width:80%;margin-left:10%;padding-left:2%;padding-right:2%;padding-top:1%;padding-bottom:1%;text-align:left;margin-bottom:50px}.feedback-page .feedback-page-content .feedback-page-comment-article p{font-size:20px}@media only screen and (max-width: 480px){.feedback-page{margin-left:calc(-50vw + 50%);width:100vw}.feedback-page .feedback-page-header{text-align:left;font-family:Arial;border-bottom:solid 1px silver;display:flex;padding-bottom:1%}.feedback-page .feedback-page-header p{font-size:15px;position:relative;top:20px}.feedback-page .feedback-page-header h3{margin-left:5%;margin-right:0%}.feedback-page .feedback-page-content{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.feedback-page .feedback-page-content .feedback-page-score{display:flex;margin-left:30%;margin-top:20px;margin-bottom:20px}.feedback-page .feedback-page-content .feedback-page-score p{margin:5px}.feedback-page .feedback-page-content .feedback-page-score h1{position:relative;bottom:10px}.feedback-page .feedback-page-content .feedback-page-comment a{color:black}.feedback-page .feedback-page-content .feedback-page-comment a:hover{color:silver}.feedback-page .feedback-page-content .feedback-page-comment-article{border:solid 1px silver;min-height:300px;height:auto;width:80%;margin-left:10%;padding-left:2%;padding-right:2%;padding-top:1%;padding-bottom:1%;text-align:left;margin-bottom:50px}.feedback-page .feedback-page-content .feedback-page-comment-article p{font-size:20px}}.forum-list .forum-list-title{margin-bottom:30px;border-bottom:solid 1px silver;height:60px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-list .forum-list-page{display:flex;border:solid 1px silver;padding:1%;border-radius:20px;margin-bottom:20px}.forum-list .forum-list-page a{color:black;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-list .forum-list-page a:hover{color:silver}.forum-list .forum-list-page .forum-delete-btn{position:relative;left:70%}.forum-new-form{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-new-form .forum-new-page-title{margin-bottom:30px;border-bottom:solid 1px silver;height:60px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-new-form .forum-new-page-form .form-title{margin-bottom:30px}.forum-new-form .forum-new-page-form #forum_agenda{margin-bottom:20px;width:80%}.forum-new-form .forum-new-page-form #forum_detail{margin-bottom:20px;width:80%}.forum-new-form .forum-new-page-form input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.nil-forum{text-align:center;height:300px}.forum-board-page .forum-board-agenda{border-bottom:solid 1px silver;height:80px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-board-page .forum-public{margin-bottom:20px}.forum-board-page .forum-detail-drop button{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;height:40px}.forum-board-page .forum-detail{margin-left:calc(-50vw + 50%);width:100vw;text-align:left;padding:2%}.forum-board-page .forum-message{margin-left:calc(-50vw + 50%);width:100vw;height:auto;border:solid 1px silver;padding:2%}.forum-board-page .forum-message-content p{overflow-wrap:break-word}.forum-board-page #forum_message_content{margin-left:calc(-50vw + 50%);width:100vw;height:auto;border:solid 1px silver;padding:2%}.forum-board-page .chat-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-board-page .chat-btn a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-board-page .not-member-forum{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;padding:10%}.forum-board-page .invitation-post-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}@media only screen and (max-width: 480px){.forum-new-form{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-new-form .forum-new-page-title{margin-bottom:30px;border-bottom:solid 1px silver;height:80px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.forum-new-form .forum-new-page-form .form-title{margin-bottom:30px}.forum-new-form .forum-new-page-form #forum_agenda{margin-bottom:20px;width:60%}.forum-new-form .forum-new-page-form #forum_detail{margin-bottom:20px;width:60%}.forum-new-form .forum-new-page-form input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}}#forum-search-page{max-width:900px;margin:0 auto;padding:20px}#forum-search-page .input-group{margin-bottom:1.5rem}#forum-search-page .input-group .form-control{border-radius:0.25rem 0 0 0.25rem;border:1px solid #28a745;padding:0.5rem 1rem;font-size:1rem;transition:border-color 0.3s ease}#forum-search-page .input-group .form-control:focus{border-color:#1e7e34;box-shadow:0 0 5px rgba(30,126,52,0.5);outline:none}#forum-search-page .input-group .input-group-append .btn-outline-success{border-radius:0 0.25rem 0.25rem 0;border:1px solid #28a745;background-color:#fff;color:#28a745;font-weight:600;padding:0 1.2rem;transition:background-color 0.3s ease, color 0.3s ease}#forum-search-page .input-group .input-group-append .btn-outline-success:hover{background-color:#28a745;color:#fff;border-color:#1e7e34}#forum-search-page .search-list{display:flex;flex-direction:column;gap:1.2rem}#forum-search-page .search-list .plan-box{border:1px solid #ddd;border-radius:6px;padding:1rem 1.2rem;background-color:#fafafa;box-shadow:0 2px 6px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease}#forum-search-page .search-list .plan-box:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1)}#forum-search-page .search-list .plan-box .search-plan-information{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){#forum-search-page .search-list .plan-box .search-plan-information{grid-template-columns:1fr}}#forum-search-page .search-list .plan-box .search-plan-information .search-plan-title h5,#forum-search-page .search-list .plan-box .search-plan-information .search-user-name h5,#forum-search-page .search-list .plan-box .search-plan-information .search-plan-detail h5{margin-bottom:0.3rem;color:#28a745;font-weight:700;font-size:1.1rem;border-bottom:2px solid #28a745;padding-bottom:0.2rem}#forum-search-page .search-list .plan-box .search-plan-information .search-plan-title p,#forum-search-page .search-list .plan-box .search-plan-information .search-user-name p,#forum-search-page .search-list .plan-box .search-plan-information .search-plan-detail p{margin:0;font-size:0.95rem;color:#333}#forum-search-page .search-list .plan-box .search-plan-information .search-plan-title p a,#forum-search-page .search-list .plan-box .search-plan-information .search-user-name p a,#forum-search-page .search-list .plan-box .search-plan-information .search-plan-detail p a{color:#1e7e34;text-decoration:none}#forum-search-page .search-list .plan-box .search-plan-information .search-plan-title p a:hover,#forum-search-page .search-list .plan-box .search-plan-information .search-user-name p a:hover,#forum-search-page .search-list .plan-box .search-plan-information .search-plan-detail p a:hover{text-decoration:underline}#forum-search-page .search-nil{margin-top:2rem;padding:1rem;border:1px solid #f5c6cb;background-color:#f8d7da;color:#721c24;border-radius:5px;text-align:center;font-weight:600;font-size:1.1rem}#forum-search-page .d-flex{justify-content:center;margin-bottom:1rem}.forum-search-list-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards;border-bottom:solid 1px silver;padding-bottom:2%}.forum-search-form{animation:fadein 3s ease-out forwards}.forum-list{animation:fadein 3s ease-out forwards;max-width:100%;margin:0 auto}.forum-list .forum-card{background:#fffaf0;border:1px solid #fbd38d;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;box-shadow:0 1px 4px #f6ad55cc;transition:box-shadow 0.3s ease}.forum-list .forum-card:hover{box-shadow:0 4px 12px #f6ad5566}.forum-list .forum-card .forum-card-title{font-size:1.3rem;margin-bottom:0.5rem}.forum-list .forum-card .forum-card-title .forum-card-link{color:#c05621;text-decoration:none;font-weight:700}.forum-list .forum-card .forum-card-title .forum-card-link:hover{color:#dd6b20;text-decoration:underline}.forum-list .forum-card .forum-card-user{font-size:0.9rem;color:#744210;margin-bottom:0.3rem}.forum-list .forum-card .forum-card-detail{font-size:0.9rem;font-style:italic;color:#9c4221;margin-bottom:0.5rem}.forum-list .forum-card .forum-card-date{text-align:right;font-size:0.8rem;color:#975a16}.forum-no-results{animation:fadein 3s ease-out forwards;max-width:700px;margin:2rem auto;text-align:center;font-size:1.1rem;color:#c53030;font-weight:600}.invitation-page .invitation-header{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-bottom:10px;border-bottom:solid 1px silver;text-align:center}.invitation-page .invitation-header h3{word-wrap:break-word;position:relative;bottom:10px}.invitation-page .invitation-header .invitation-page-day{margin-left:calc(-50vw + 50%);width:100vw;text-align:right}.invitation-page .invitation-header .invitation-page-day p{margin-right:5%}.invitation-page .sub-header{display:flex;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-page .sub-header .invitation-user{margin-left:5%}.invitation-page .sub-header .invitation-user a{color:black;text-decoration:none}.invitation-page .sub-header .invitation-user a:hover{color:silver}.invitation-page .invitation-content{height:auto;min-height:100px;border-radius:10px;border:solid 1px silver;background-color:#FFFFEE;margin-bottom:40px;word-wrap:break-word}.invitation-page .invitation-content p{width:100%;padding:10px 20px 10px 20px;font-size:20px}.invitation-page .invitation-plan .invitation-plan-title{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-bottom:10px;border-top:solid 1px silver;border-bottom:solid 1px silver;text-align:center;padding:10px}.invitation-page .invitation-plan .invitation-plan-link{text-align:center;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-page .invitation-plan .invitation-plan-link a{color:black}.invitation-page .invitation-plan .invitation-plan-link a:hover{color:silver}.invitation-page .invitation-forum{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.invitation-page .invitation-forum input{margin-left:calc(-50vw + 50%);width:100vw}.invitation-page .invitation-forum button{margin-left:calc(-50vw + 50%);width:100vw}.invitation-form #invitation_title{margin-bottom:20px;width:30%}.invitation-form #invitation_message{margin-bottom:20px;width:30%}.invitation-form #invitation_plan_id{margin-bottom:20px;width:30%}.invitation-form .invitation-post-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:bottom;position:relative;right:5px;top:9px}@media only screen and (max-width: 480px){.invitation-form #invitation_title{margin-bottom:20px;width:80%}.invitation-form #invitation_message{margin-bottom:20px;width:80%}.invitation-form #invitation_plan_id{margin-bottom:20px;width:80%}.invitation-form .invitation-post-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:bottom;position:relative;right:5px;top:9px}}.my-matching-list{margin-bottom:20px}.my-matching-list .my-matching-list-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;padding-bottom:20px}.my-matching-list .my-matching-list-content{border:solid 1px silver;padding:2%;margin-bottom:20px;display:flex}.my-matching-list .matching-list-main{width:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5%}.my-matching-list .matching-list-main .matching-img img{margin-left:25%;text-align:center;width:20%}.my-matching-list .matching-list-main a{color:black;text-decoration:none}.my-matching-list .matching-list-main a:hover{color:silver}.my-matching-list .matching-list-detail{width:50%;margin-left:0%}.my-matching-list .matching-list-detail .matching-list-message-btn{width:100%}.my-matching-list .matching-list-detail .feedback-form-btn{margin-bottom:20px}.my-matching-list .matching-list-detail #feedback_score{width:10%;margin-bottom:30px}.my-matching-list .matching-list-detail #feedback_comment{width:80%;height:100px;margin-bottom:30px}.my-matching-list .matching-list-detail .feedback-btn input{margin-left:calc(-50vw + 50%);width:100vw;position:relative;top:10px}.my-matching-list .matching-list-detail .matching-list-detail-plan{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.my-matching-list .matching-list-detail .matching-list-detail-plan a{color:black;text-decoration:none;font-size:20px}.my-matching-list .matching-list-detail .matching-list-detail-plan a:hover{color:silver}.my-matching-list .matching-list-detail .matching-list-detail-time{display:flex;justify-content:flex-end;align-items:flex-end;position:relative;top:25%}.article-matching-list{margin-top:40px}.nil-match{min-height:300px;text-align:center}.simple-matching-list{margin-top:40px}.simple-matching-list-detail-time{display:flex;justify-content:flex-end;align-items:flex-end}@media only screen and (max-width: 480px){.my-matching-list .my-matching-list-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.my-matching-list .my-matching-list-content{border:solid 1px silver;padding:2%;margin-bottom:20px;display:flex}.my-matching-list .matching-list-main{width:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5%}.my-matching-list .matching-list-main .matching-img img{margin-left:25%;text-align:center;width:30%}.my-matching-list .matching-list-main a{color:black;text-decoration:none}.my-matching-list .matching-list-main a:hover{color:silver}.my-matching-list .matching-list-detail{width:45%;margin-left:5%}.my-matching-list .matching-list-detail .matching-list-message-btn{width:100%}.my-matching-list .matching-list-detail .matching-list-detail-plan{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.my-matching-list .matching-list-detail .matching-list-detail-plan a{color:black;text-decoration:none;font-size:20px}.my-matching-list .matching-list-detail .matching-list-detail-plan a:hover{color:silver}.my-matching-list .matching-list-detail .matching-list-detail-time{font-size:15px;display:flex;justify-content:flex-end;align-items:flex-end;position:relative;top:10%}}.new-my-value-page{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards;text-align:center}.new-my-value-page .new-my-value-page-header{border-bottom:solid 1px silver;padding-bottom:2%;margin-bottom:30px}.new-my-value-page .form-year{margin-bottom:10px}.new-my-value-page .form-year #my_value_year{width:50%}.new-my-value-page .form-fund{margin-bottom:10px}.new-my-value-page .form-fund #my_value_fund{width:50%}.new-my-value-page .form-culture{margin-bottom:10px}.new-my-value-page .form-culture #my_value_culture{width:50%}.new-my-value-page .form-style{margin-bottom:10px}.new-my-value-page .form-style #my_value_style{width:50%}.new-my-value-page .form-communication{margin-bottom:50px}.new-my-value-page .form-communication #my_value_communication{width:50%}.new-my-value-page .actions input{width:100%}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.notification-list .notification-list-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.notification-list .notification-article{border:solid 1px silver;margin-bottom:20px;border-radius:10px;padding:1%}.notification-list .notification-article a{text-decoration:none;color:black}.notification-list .notification-article a:hover{color:silver}.notification-list .notification-article h5{text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-list .notification-article-new{background-color:#FFFFEE}.notification-list .notification-delete-btn{margin-top:30px}.notification-list .notification-delete-btn a{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.notification-list .not-notification{min-height:300px;text-align:center}.overview-page{max-width:1000px;margin:0 auto;padding:2rem;font-family:'Noto Sans JP', sans-serif;color:#333}.overview-page .overview-title{text-align:center}.overview-page .overview-title h3{font-size:2rem;font-weight:700;color:#0d47a1;margin-bottom:1rem;animation:fadeIn 1s ease forwards}.overview-page .overview-article{margin-top:2rem}.overview-page .overview-article .overview-sub-title{margin-top:2rem}.overview-page .overview-article .overview-sub-title h3{font-size:1.5rem;color:#0d47a1;position:relative;animation:slideUp 0.8s ease forwards}.overview-page .overview-article .overview-sub-title h3::after{content:'';display:block;width:50px;height:3px;background:linear-gradient(90deg, #0d47a1, #1976d2);margin-top:5px;border-radius:2px}.overview-page .overview-article .overview-content1,.overview-page .overview-article .overview-content3{margin-top:1rem}.overview-page .overview-article .overview-content1 p,.overview-page .overview-article .overview-content1 h3,.overview-page .overview-article .overview-content1 h5,.overview-page .overview-article .overview-content3 p,.overview-page .overview-article .overview-content3 h3,.overview-page .overview-article .overview-content3 h5{animation:fadeIn 0.8s ease forwards}.overview-page .overview-article .overview-content1 h3,.overview-page .overview-article .overview-content3 h3{font-weight:600;color:#0d47a1}.overview-page .overview-article .overview-content1 h5,.overview-page .overview-article .overview-content3 h5{font-weight:500;color:#0d47a1;margin-top:0.8rem}.overview-page .overview-article .comparison-graph{padding:2rem;background:linear-gradient(135deg, #f0f4ff 0%, #fff 100%);border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.1);margin-top:2rem}.overview-page .overview-article .comparison-graph .graph-list{list-style:none;padding:0}.overview-page .overview-article .comparison-graph .graph-list li{margin-bottom:1.5rem}.overview-page .overview-article .comparison-graph .graph-list li .feature-name{display:block;font-weight:600;margin-bottom:0.5rem;color:#333}.overview-page .overview-article .comparison-graph .graph-list li .bar{position:relative;height:28px;border-radius:14px;margin-bottom:0.4rem;overflow:hidden;opacity:0;transform:translateX(-50px);animation:slideIn 0.8s ease forwards}.overview-page .overview-article .comparison-graph .graph-list li .bar span{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:0.85rem;font-weight:600;color:#fff}.overview-page .overview-article .comparison-graph .graph-list li .tngrbiz{width:80%;background:linear-gradient(90deg, #0d47a1, #1976d2);animation-delay:0.2s}.overview-page .overview-article .comparison-graph .graph-list li .other{width:60%;background:linear-gradient(90deg, #90a4ae, #cfd8dc);animation-delay:0.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@media screen and (max-width: 768px){.overview-page{padding:1rem}.overview-page .overview-title h3{font-size:1.5rem}.overview-page .overview-sub-title h3{font-size:1.2rem}.overview-page .comparison-graph{padding:1rem}.overview-page .comparison-graph .bar{height:22px}.overview-page .comparison-graph .bar span{font-size:0.75rem}}.plan-content{border-radius:20px;height:auto;margin-left:calc(-50vw + 50%);width:100vw}.plan-content .plan-header{margin-bottom:30px;border-bottom:solid 1px silver;height:60px}.plan-content .plan-header .plan-user{text-align:left;font-family:Arial}.plan-content .plan-header .plan-user .plan-user h3{width:50%;font-size:20px}.plan-content .plan-header .plan-user a{color:black;text-decoration:none;position:relative;left:50px}.plan-content .plan-header .plan-user a:hover{color:silver}.plan-content .plan-header .plan-company-user{text-align:left;font-family:Arial;padding-left:50px}.plan-content .plan-header .plan-company-user .plan-user h3{width:50%;font-size:20px}.plan-content .plan-header .no-subscribe-plan-user{margin-bottom:30px;margin-left:5%;border-bottom:solid 1px silver;height:60px}.plan-content .plan-header .plan-time{width:100%;text-align:right;font-size:12px;position:relative;bottom:10px;right:40px}.plan-content .plan-pr{margin-top:-30px;margin-bottom:30px;background-color:#e6f4ff;border:1px solid silver;font-size:20px;padding:1%;text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.plan-content .share-btn{margin-left:calc(-50vw + 50%);width:100vw;border-top:solid 1px silver;border-bottom:solid 1px silver;display:flex;padding:1%;text-align:right}.plan-content .share-btn .x-btn{margin-right:1%}.plan-content .share-btn .x-btn img{width:2%}.plan-content .share-btn .line-btn{margin-right:5%}.plan-content .share-btn .line-btn img{width:60%}.plan-content .plan-title{margin-top:10px;margin-bottom:10px;text-align:center;word-wrap:break-word}.plan-content .plan-title .plan-title-name{height:60px;margin-top:20px}.plan-content .plan-title .plan-title-name h5{text-align:none;padding-left:30px;padding-right:30px}.plan-content .plan-overview{border-top:solid 1px silver;border-bottom:solid 1px silver;padding:20px;display:flex;margin-left:auto;margin-right:auto;width:95%}.plan-content .plan-overview .plan-photo{width:350px;padding-right:50px}.plan-content .plan-overview .plan-photo img{width:100%}.plan-content .plan-overview .plan-detail{font-size:20px;width:73%;word-wrap:break-word}.plan-content .plan-overview .plan-detail p{text-align:none;padding-left:0px;padding-right:0px}.plan-content .sub-plan-content{margin-left:50px;border-bottom:solid 1px silver;width:73%}.plan-content .sub-plan-content .plan-significance{height:auto;padding-top:20px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .plan-significance h4{padding-right:19%}.plan-content .sub-plan-content .plan-significance .plan-show-significance{width:100%;word-wrap:break-word;position:relative;right:4%}.plan-content .sub-plan-content .plan-significance p{text-align:none;padding-right:0px;padding-left:0px}.plan-content .sub-plan-content .plan-conditions{height:auto;padding-top:20px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .plan-conditions h4{padding-right:19%}.plan-content .sub-plan-content .plan-conditions .plan-show-conditions{width:60%;word-wrap:break-word}.plan-content .sub-plan-content .plan-conditions p{text-align:none;padding-right:0px;padding-left:0px}.plan-content .sub-plan-content .plan-number{padding-top:40px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .plan-number h4{padding-right:19%}.plan-content .sub-plan-content .plan-email{padding-top:40px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .plan-email h4{padding-right:16%}.plan-content .sub-plan-content .plan-address{height:auto;padding-top:20px;margin-bottom:40px;word-wrap:break-word;display:flex}.plan-content .sub-plan-content .plan-address h4{padding-right:22%}.plan-content .sub-plan-content .plan-representative{padding-top:40px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .plan-representative h4{padding-right:22%}.plan-content .sub-plan-content .plan-business{padding-top:40px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .plan-business h4{padding-right:20%}.plan-content .sub-plan-content .company-establishment{padding-top:40px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .company-establishment h4{padding-right:25.5%}.plan-content .sub-plan-content .company-capital{padding-top:40px;margin-bottom:20px;display:flex}.plan-content .sub-plan-content .company-capital h4{padding-right:23.2%}.plan-content .sub-plan-content .plan-homePage{padding-top:40px;margin-bottom:40px;display:flex}.plan-content .sub-plan-content .plan-homePage h4{padding-right:12%}.plan-content .sub-plan-content .acd-check{display:none}.plan-content .sub-plan-content .acd-label{background:#333;color:#fff;display:block;margin-bottom:30px;padding:10px}.plan-content .sub-plan-content .acd-content{border:1px solid #333;height:0;opacity:0;padding:0 10px;transition:.5s;visibility:hidden}.plan-content .sub-plan-content .acd-check:checked+.acd-label+.acd-content{height:auto;opacity:1;padding:10px;visibility:visible;margin-bottom:50px}.plan-content .plan-content-btn a{display:block}.plan-content .plan-favorite-btn{padding:0}.plan-content .plan-favorite-btn input{width:100%}.plan-content .plan-message-btn{margin-left:calc(-50vw + 50%);width:100vw}.plan-content .plan-entry-btn input{width:100%}.plan-content .plan-entry-btn a{width:100%}.plan-content .finish-text{padding:15px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center;background-color:silver;margin-top:-25px;margin-bottom:25px}.logout-plan-show{text-align:center;height:300px}.free-limit{text-align:center;height:500px}.free-limit .free-limit-btn{margin-top:-40px;margin-bottom:80px}.free-limit .free-limit-btn a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.plan-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.plan-form .plan-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.plan-form .annotation{color:red}.plan-form #plan_photo{margin-bottom:20px}.plan-form #plan_company_name{margin-bottom:20px;width:30%}.plan-form #plan_title{margin-bottom:20px;width:30%}.plan-form #plan_detail{margin-bottom:20px;width:30%;height:200px}.plan-form #plan_significance{margin-bottom:20px;width:30%;height:200px}.plan-form #plan_conditions{margin-bottom:20px;width:30%;height:200px}.plan-form #plan_start_on_3i{margin-bottom:20px}.plan-form #plan_end_on_3i{margin-bottom:20px}.plan-form .form-actions input{width:100%}.plan-search-list-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards;border-bottom:solid 1px silver;padding-bottom:2%}.plan-search-form{animation:fadein 3s ease-out forwards}.plan-list{animation:fadein 3s ease-out forwards;max-width:100%;margin:0 auto}.plan-list .plan-card{display:flex;align-items:flex-start;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 1px 4px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease}.plan-list .plan-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.plan-list .plan-card .plan-card-photo{flex-shrink:0;width:180px;height:120px;overflow:hidden;border-radius:6px;margin-right:1rem}.plan-list .plan-card .plan-card-photo .plan-photo-img{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:transform 0.3s ease}.plan-list .plan-card .plan-card-photo .plan-photo-img:hover{transform:scale(1.05)}.plan-list .plan-card .plan-card-info{flex:1}.plan-list .plan-card .plan-card-info .plan-card-title{font-size:1.2rem;margin-bottom:0.5rem}.plan-list .plan-card .plan-card-info .plan-card-title .plan-card-link{text-decoration:none;color:#2b6cb0;font-weight:700}.plan-list .plan-card .plan-card-info .plan-card-title .plan-card-link:hover{color:#2c5282;text-decoration:underline}.plan-list .plan-card .plan-card-info .plan-card-user{font-size:0.9rem;color:#4a5568;margin-bottom:0.5rem}.plan-list .plan-card .plan-card-info .plan-card-detail,.plan-list .plan-card .plan-card-info .plan-card-conditions{font-size:0.9rem;color:#2d3748;margin-bottom:0.3rem}.plan-no-results{animation:fadein 3s ease-out forwards;max-width:700px;margin:2rem auto;text-align:center;font-size:1.1rem;color:#c53030;font-weight:600}@media only screen and (max-width: 480px){.plan-card{flex-direction:column;align-items:center;text-align:center}.plan-card .plan-card-photo{width:100%;height:180px;margin:0 0 1rem 0}.plan-card .plan-card-info .plan-card-title{font-size:1.1rem}}.myplans-list-page .myplans-list-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;height:60px}.myplans-list-page .myplans-list{margin-left:calc(-50vw + 50%);width:100vw;border-top:solid 1px silver;border-bottom:solid 1px silver}.myplans-list-page .myplans-list a{text-decoration:none}.myplans-list-page .myplans-list-body{padding-top:1%;padding-bottom:1%;padding-left:5%;padding-right:5%;text-overflow:clip;text-overflow:ellipsis ellipsis;text-overflow:ellipsis " [..]"}.myplans-list-page .myplans-list-body .myplans-list-content{display:flex}.myplans-list-page .myplans-list-body .myplans-list-img p{width:20%;margin-right:10px}.myplans-list-page .myplans-list-body .myplans-list-img p img{width:200px}@media only screen and (max-width: 480px){.plan-content{border-radius:20px;height:auto;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.plan-content .plan-header{margin-bottom:30px;border-bottom:solid 1px silver;height:60px}.plan-content .plan-header .plan-user{text-align:center;font-family:Arial}.plan-content .plan-header .plan-user .plan-user h3{width:50%;font-size:20px}.plan-content .plan-header .plan-user a{color:black;text-decoration:none;position:relative;left:0px}.plan-content .plan-header .plan-user a:hover{color:silver}.plan-content .plan-header .plan-company-user{text-align:center;font-family:Arial;padding-left:0px}.plan-content .plan-header .plan-company-user .plan-user h3{width:50%;font-size:20px}.plan-content .plan-header .no-subscribe-plan-user{margin-left:0%}.plan-content .plan-header .plan-time{width:100%;text-align:right;font-size:8px;position:relative;bottom:0px;right:5px}.plan-content .plan-title{margin-top:10px;margin-bottom:10px;text-align:center;word-wrap:break-word}.plan-content .plan-title .plan-title-name{height:60px;margin-top:20px}.plan-content .plan-title h5{text-align:left;padding-left:30px;padding-right:30px}.plan-content .share-btn{margin-left:calc(-50vw + 50%);width:100vw;border-top:solid 1px silver;border-bottom:solid 1px silver;display:flex;padding:3%;text-align:right}.plan-content .share-btn .x-btn{margin-right:5%}.plan-content .share-btn .x-btn img{width:10%}.plan-content .share-btn .line-btn{margin-right:5%}.plan-content .share-btn .line-btn img{width:40px}.plan-content .plan-overview{border-top:none;border-bottom:none;padding:20px;display:block;margin-left:auto;margin-right:auto;width:95%}.plan-content .plan-overview .plan-photo{width:80%;padding-right:0px;margin-bottom:20px}.plan-content .plan-overview .plan-photo img{width:100%;position:relative;left:15%}.plan-content .plan-overview .plan-detail{font-size:20px;width:100%;word-wrap:break-word;margin-bottom:0px;padding-top:20px;border-top:solid 1px silver;border-bottom:solid 1px silver}.plan-content .plan-overview .plan-detail p{text-align:left;padding-left:30px;padding-right:30px}.plan-content .sub-plan-content{margin-left:0px;border-bottom:solid 1px silver;width:100%}.plan-content .sub-plan-content .plan-significance{height:auto;padding-top:20px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .plan-significance h4{padding-right:0%}.plan-content .sub-plan-content .plan-significance .plan-show-significance{width:100%;word-wrap:break-word;position:relative;right:0%}.plan-content .sub-plan-content .plan-significance p{text-align:left;padding-right:30px;padding-left:30px}.plan-content .sub-plan-content .plan-conditions{height:auto;padding-top:20px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .plan-conditions h4{padding-right:0%}.plan-content .sub-plan-content .plan-conditions .plan-show-conditions{width:100%;word-wrap:break-word}.plan-content .sub-plan-content .plan-conditions p{text-align:left;padding-right:30px;padding-left:30px}.plan-content .sub-plan-content .plan-number{padding-top:40px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .plan-number h4{padding-right:0%}.plan-content .sub-plan-content .plan-email{padding-top:40px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .plan-email h4{padding-right:0%}.plan-content .sub-plan-content .plan-address{height:auto;padding-top:20px;margin-bottom:0px;word-wrap:break-word;display:block}.plan-content .sub-plan-content .plan-address h4{padding-right:0%}.plan-content .sub-plan-content .plan-representative{padding-top:40px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .plan-representative h4{padding-right:0%}.plan-content .sub-plan-content .plan-business{padding-top:40px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .plan-business h4{padding-right:0%}.plan-content .sub-plan-content .company-establishment{padding-top:40px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .company-establishment h4{padding-right:0%}.plan-content .sub-plan-content .company-capital{padding-top:40px;margin-bottom:0px;display:block}.plan-content .sub-plan-content .company-capital h4{padding-right:0%}.plan-content .sub-plan-content .plan-homePage{padding-top:40px;margin-bottom:40px;display:block}.plan-content .sub-plan-content .plan-homePage h4{padding-right:0%}.plan-content .plan-content-btn a{display:block}.plan-content .plan-favorite-btn{padding:0}.plan-content .plan-favorite-btn input{width:100%}.plan-content .plan-message-btn{margin-left:calc(-50vw + 50%);width:100vw}.plan-content .plan-entry-btn input{width:100%}.plan-content .plan-entry-btn a{width:100%}.plan-content .finish-text{padding:15px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center;background-color:silver;margin-top:-25px;margin-bottom:25px}.plan-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.plan-form .plan-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.plan-form #plan_photo{margin-bottom:20px}.plan-form #plan_company_name{margin-bottom:20px;width:70%}.plan-form #plan_title{margin-bottom:20px;width:70%}.plan-form #plan_detail{margin-bottom:20px;width:70%;height:200px}.plan-form #plan_significance{margin-bottom:20px;width:70%;height:200px}.plan-form #plan_conditions{margin-bottom:20px;width:70%;height:200px}.plan-form #plan_start_on_3i{margin-bottom:20px}.plan-form #plan_end_on_3i{margin-bottom:20px}.plan-form .form-actions input{width:100%}.plan-box{text-align:center;border:solid 1px silver;display:block;margin-bottom:20px;border-radius:20px}.plan-box img{border-radius:20px;margin-right:20px;position:relative;top:5px;left:8px}.plan-box .search-plan-information .search-plan-title{width:100vw;margin-top:10px}.plan-box .search-plan-information .search-plan-title p{width:80%;margin-right:auto;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-box .search-plan-information .search-plan-title a{font-size:20px;width:50vw;color:black;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-box .search-plan-information .search-plan-title a:hover{color:silver}.plan-box .search-plan-information .search-user-name{width:100vw}.plan-box .search-plan-information .search-user-name p{width:80%;margin-right:auto;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-box .search-plan-information .search-user-name a{width:80vw;font-size:20px;color:black;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-box .search-plan-information .search-user-name a:hover{color:silver}.plan-box .search-plan-information .search-plan-link{margin-top:2%;text-align:right;position:absolute;right:10%}.plan-box .search-plan-information .search-plan-detail{display:none;word-wrap:break-word}.plan-box .search-plan-information .search-plan-detail h5{position:relative;right:200px}.plan-box .search-plan-information .search-plan-detail p{word-wrap:break-word;width:65vw;height:45px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;right:200px}.plan-box .search-plan-information .search-plan-conditions{display:none}.plan-box .search-plan-information .search-plan-conditions h5{position:relative;right:200px}.plan-box .search-plan-information .search-plan-conditions p{word-wrap:break-word;width:65vw;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;right:200px}}.price-page{animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.price-page .price-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px;margin-left:calc(-50vw + 50%);width:100vw}.price-page .toppage-price-title{text-align:center;border-top:solid 1px silver;border-bottom:solid 1px silver;padding-top:20px;padding-bottom:20px;margin-bottom:40px;margin-left:calc(-50vw + 50%);width:100vw}.price-page .price-img{overflow:hidden;text-align:center;display:flex;margin-bottom:20px}.price-page .price-img img{width:80%;border:solid 1px silver}@media only screen and (max-width: 480px){.price-article{padding-left:10%;padding-right:10%}}.project-list .project-list-title{border-bottom:solid 1px silver;height:60px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.project-list .project-new-btn a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;margin-bottom:5%}.project-list .project-list-page{display:flex;border:solid 1px silver;padding:1%;border-radius:20px;margin-bottom:20px}.project-list .project-list-page a{color:black;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list .project-list-page a:hover{color:silver}.project-list .project-list-page .project-delete-btn{position:relative;left:70%}.project-new-form{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.project-new-form .project-new-page-title{margin-bottom:30px;border-bottom:solid 1px silver;height:60px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.project-new-form .project-new-page-form .form-end_on{margin-bottom:30px}.project-new-form .project-new-page-form #project_plan_id{margin-bottom:20px;width:30%}.project-new-form .project-new-page-form #project_title{margin-bottom:20px;width:30%}.project-new-form .project-new-page-form #project_outline{margin-bottom:20px;width:30%}.project-new-form .project-new-page-form input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.nil-project{text-align:center;height:300px}.not-plan{text-align:center}.not-team{text-align:center}.new-plan-btn a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.project-page .project-header{border-bottom:solid 1px silver;margin-left:calc(-50vw + 50%);width:100vw;height:auto;display:flex}.project-page .project-title{text-align:left;padding-left:5%;width:45%;height:auto;word-break:break-word}.project-page .project-time{width:15%}.project-page .project-time p{position:relative;top:50%}.project-page .project-management{width:45%;display:flex;position:relative;bottom:-8px}.project-page .project-management .project-step{margin-right:100px}.project-page .project-management .project-management-update{display:flex;margin-left:5%;margin-bottom:2%}.project-page .project-management .project-management-update .prject-info{height:50px}.project-page .project-management .project-management-update #project_step{width:40%}.project-page .project-management .project-management-update #project_progress{width:25%}.project-page .project-content{height:650px;margin-left:calc(-50vw + 50%);width:100vw;background-color:#CEF9DC}.project-page .project-content .project-left-info{float:left;margin-left:2%;margin-top:2%;width:35%;height:auto}.project-page .project-content .project-left-info .project-outline{border:solid 5px #66CCCC;overflow:scroll;height:260px;max-height:260px;padding-top:0.5%;padding-left:1%;padding-right:1%;padding-bottom:1%;word-break:break-word;background-color:white;border-radius:10px}.project-page .project-content .project-left-info .project-comments{border:solid 5px #66CCCC;margin-top:2%;height:310px;max-height:310px;overflow:scroll;padding-top:0.5%;padding-left:1%;padding-right:1%;padding-bottom:1%;word-break:break-word;background-color:white;border-radius:10px}.project-page .project-content .project-left-info .project-comments .project-comments-list{display:inline-block;width:100%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content{width:100%;border:solid 1px #66CCCC;border-radius:10px;margin-bottom:2%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment{padding:1%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-header{padding-left:1%;padding-right:1%;overflow-wrap:break-word;text-align:left}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-header p{width:100%;border-bottom:solid 1px #66CCCC}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-content{padding-left:1%;padding-right:1%;overflow-wrap:break-word;text-align:left}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-footer{padding-left:1%;padding-right:1%;text-align:right;display:flex;border-top:solid 1px #66CCCC;width:100%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-footer .comment-time{margin-right:40%}.project-page .project-content .project-task{float:right;border:solid 5px #66CCCC;padding:1%;width:60%;word-break:break-word;margin-right:2%;margin-top:2%;border-radius:10px;background-color:white}.project-page .project-content .project-task .project-task-header{border-bottom:solid 1px silver;margin-bottom:1%}.project-page .project-content .project-task .project-task-list{overflow:scroll;height:500px;max-height:500px}.project-page .project-content .project-task .project-task-list .task-list-content{margin-bottom:1%}.project-page .project-content .project-task .project-task-list .task-list-content a{text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-page .project-content .project-task .project-task-list .task-list-content:hover{background-color:silver}.project-page .project-content .project-task .project-task-list .flag-content{background-color:#ffffe0}.project-page .project-content .project-task .project-task-list .task{display:flex;border-top:solid 1px #66CCCC;border-bottom:solid 1px #66CCCC;width:100%;color:black}.project-page .project-content .project-task .project-task-list .task .task-main{width:100%;margin-right:5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-page .project-content .project-task .project-task-list .task .task-sub{width:35%;margin-right:5%}.project-page .project-page-btn button{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.no-project-member{height:500px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}@media only screen and (max-width: 480px){.project-new-form{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.project-new-form .project-new-page-title{margin-bottom:30px;border-bottom:solid 1px silver;height:60px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.project-new-form .project-new-page-form .form-title{margin-bottom:30px}.project-new-form .project-new-page-form #project_title{margin-bottom:20px;width:60%}.project-new-form .project-new-page-form input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.project-page .project-header{border-bottom:solid 1px silver;margin-left:calc(-50vw + 50%);width:100vw;height:auto;display:initial}.project-page .project-title{text-align:left;padding-left:5%;width:100%;height:auto;word-break:break-word}.project-page .project-time{width:100%}.project-page .project-time p{position:relative;top:50%}.project-page .project-management{width:45%;display:initial;position:relative;bottom:-8px}.project-page .project-management .project-step{margin-right:100px}.project-page .project-management .project-management-update{display:initial;margin-left:5%;margin-bottom:2%}.project-page .project-management .project-management-update .prject-info{height:50px}.project-page .project-management .project-management-update #project_step{width:40%}.project-page .project-management .project-management-update #project_progress{width:25%}.project-page .project-content{height:auto;margin-left:calc(-50vw + 50%);width:100vw;background-color:#CEF9DC}.project-page .project-content .project-left-info{float:none;margin-left:0%;margin-top:2%;width:100%;height:auto}.project-page .project-content .project-left-info .project-outline{border:solid 5px #66CCCC;overflow:scroll;height:260px;max-height:260px;padding-top:0.5%;padding-left:1%;padding-right:1%;padding-bottom:1%;word-break:break-word;background-color:white;border-radius:10px}.project-page .project-content .project-left-info .project-comments{border:solid 5px #66CCCC;margin-top:2%;height:310px;max-height:310px;overflow:scroll;padding-top:0.5%;padding-left:1%;padding-right:1%;padding-bottom:1%;word-break:break-word;background-color:white;border-radius:10px}.project-page .project-content .project-left-info .project-comments .project-comments-list{display:inline-block;width:100%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content{width:100%;border:solid 1px #66CCCC;border-radius:10px;margin-bottom:2%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment{padding:1%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-header{padding-left:1%;padding-right:1%;overflow-wrap:break-word;text-align:left}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-header p{width:100%;border-bottom:solid 1px #66CCCC}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-content{padding-left:1%;padding-right:1%;overflow-wrap:break-word;text-align:left}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-footer{padding-left:1%;padding-right:1%;text-align:right;display:initial;border-top:solid 1px #66CCCC;width:100%}.project-page .project-content .project-left-info .project-comments .project-comments-list .comment-list-content .comment .comment-footer .comment-time{margin-right:00%}.project-page .project-content .project-task{float:none;border:solid 5px #66CCCC;padding:1%;width:100%;word-break:break-word;margin-right:2%;margin-top:2%;border-radius:10px;background-color:white}.project-page .project-content .project-task .project-task-header{border-bottom:solid 1px silver;margin-bottom:1%}.project-page .project-content .project-task .project-task-list{overflow:scroll;height:500px;max-height:500px}.project-page .project-content .project-task .project-task-list .task-list-content{margin-bottom:1%}.project-page .project-content .project-task .project-task-list .task-list-content a{text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-page .project-content .project-task .project-task-list .task-list-content:hover{background-color:silver}.project-page .project-content .project-task .project-task-list .flag-content{background-color:#ffffe0}.project-page .project-content .project-task .project-task-list .task{display:initial;border-top:solid 1px #66CCCC;border-bottom:solid 1px #66CCCC;width:100%;color:black}.project-page .project-content .project-task .project-task-list .task .task-main{width:100%;margin-right:5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-page .project-content .project-task .project-task-list .task .task-sub{width:35%;margin-right:5%}.project-page .project-page-btn button{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.no-project-member{height:500px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center}}.comment-new-form{background-color:white}.comment-new-form .comment-new-page-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px #66CCCC;margin-bottom:2%}.comment-new-form #project_comment_content{width:30%;height:300px;margin-bottom:2%}.comment-new-form .comment-btn input{margin-top:2%;margin-left:calc(-50vw + 50%);width:100vw;text-align:center;position:relative;top:8px}@media only screen and (max-width: 480px){.comment-new-form{background-color:white}.comment-new-form .comment-new-page-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px #66CCCC;margin-bottom:2%}.comment-new-form #project_comment_content{width:80%;height:300px;margin-bottom:2%}.comment-new-form .comment-btn input{margin-top:2%;margin-left:calc(-50vw + 50%);width:100vw;text-align:center;position:relative;top:8px}}.dm-page .rooms-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.dm-page .dm-user-name-box{margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;margin-bottom:20px}.dm-page .dm-user-name-box .dm-user-name{padding-left:50px;margin:10px auto 10px auto}.dm-page .rooms-user-link{text-decoration:none;color:black}.dm-page .rooms-user-link:hover{color:silver}.dm-page .chat{overflow:scroll;height:500px;max-height:500px;padding:20px;border:solid 1px silver;border-radius:10px;background-color:#FFFFEE}.dm-page .chat .my-message{width:auto;display:flex;justify-content:flex-end;order:3}.dm-page .chat .my-message .chat-hukidashi{margin:0 0 0 auto}.dm-page .chat .my-message .my-message-user{margin-left:10px;display:flex;justify-content:flex-end;order:3}.dm-page .chat .my-message .my-message-user p{position:relative;top:15px;margin-right:5px}.dm-page .chat .my-message .chat-content-time{text-align:right}.dm-page .chat-hukidashi{margin:10px auto 40px auto;display:flex}.dm-page .chat-content{display:flex;flex-direction:column}.dm-page .chat-content .chat-content-text{border-radius:10px;width:auto;height:auto;margin-left:10px;border:solid 1px silver;background-color:white;word-wrap:break-word}.dm-page .chat-content .chat-content-text p{width:auto;max-width:400px;background-color:white;margin-right:100px;padding-right:auto;padding-left:10px;padding-top:5px;word-wrap:break-word}.dm-page .chat-content .chat-content-time{font-size:13px;margin-left:10px}.dm-page .posts-form #message_content{margin-bottom:20px;width:100%;height:200px}.dm-page .chat-btn input{margin-left:calc(-50vw + 50%);width:100vw}.dm-page .chat-btn a{margin-left:calc(-50vw + 50%);width:100vw}.dm-page .matching-btn{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;margin-bottom:5%}.dm-page .matching-btn .matching-dropdown-btn{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;height:40px;margin-top:-3%}.dm-page .matching-btn .matching-btn-list{margin-left:calc(-50vw + 50%);width:97vw;text-align:center;background:rgba(0,0,0,0);border:none}.dm-page .matching-btn input{margin-left:calc(-50vw + 50%);width:100vw;height:40px;text-align:center}.dm-page .matching-btn button{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;height:40px;margin-top:-3%}.suppose-form button{position:absolute;right:5%;bottom:0}.suppose-form input{margin-left:calc(-50vw + 50%);margin-top:2%;width:100vw;text-align:bottom;position:relative;right:5px;top:9px}.dm-list{text-align:center}.dm-list h4{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.dm-list .dm-list-box{margin-left:auto;margin-right:auto;border:solid 1px silver;background-color:#FFFFEE;border-radius:10px;width:60%;display:flex}.dm-list .dm-list-user-name{display:flex;padding-left:10px;padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-list .dm-list-plan-name{display:flex;padding-left:10px;padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-list .dm-list-btn{margin:10px 10px 0 auto}.dm-nil{height:100px}@media only screen and (max-width: 480px){.dm-page .rooms-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.dm-page .dm-user{display:none}.dm-page .dm-user-name-box{margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;margin-bottom:20px}.dm-page .dm-user-name-box .dm-user-name{padding-left:50px;margin:10px auto 10px auto}.dm-page .rooms-user-link{text-decoration:none;color:black}.dm-page .rooms-user-link:hover{color:silver}.dm-page .chat{overflow:scroll;height:auto;max-height:500px;padding:20px;border:solid 1px silver;border-radius:10px;background-color:#FFFFEE}.dm-page .chat .my-message{width:auto;justify-content:flex-end;order:3}.dm-page .chat .my-message .chat-content-text{background-color:#C2EEFF}.dm-page .chat .my-message .chat-content-text p{background-color:#C2EEFF}.dm-page .chat .my-message .chat-hukidashi{margin:0 0 0 auto}.dm-page .chat .my-message .my-message-user{margin-left:10px;display:none;justify-content:flex-end;order:3}.dm-page .chat .my-message .my-message-user p{position:relative;top:15px;margin-right:5px}.dm-page .chat .my-message .chat-content-time{text-align:right}.dm-page .chat-hukidashi{margin:10px auto 40px auto;display:flex}.dm-page .chat-content{display:flex;flex-direction:column}.dm-page .chat-content .chat-content-text{border-radius:10px;width:auto;height:auto;margin-left:10px;border:solid 1px silver;background-color:white;word-wrap:break-word}.dm-page .chat-content .chat-content-text p{width:auto;max-width:400px;background-color:white;margin-right:100px;padding-right:auto;padding-left:10px;padding-top:5px;word-wrap:break-word}.dm-page .chat-content .chat-content-time{font-size:13px;margin-left:10px}.dm-page .posts-form #message_content{margin-bottom:20px;width:100%;height:200px}.dm-page .chat-btn input{margin-left:calc(-50vw + 50%);width:100vw}.dm-page .chat-btn a{margin-left:calc(-50vw + 50%);width:100vw}.dm-list{text-align:center}.dm-list h4{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.dm-list .dm-list-box{text-align:left;margin-left:auto;margin-right:auto;border:solid 1px silver;background-color:#FFFFEE;border-radius:10px;width:60%;display:block}.dm-list .dm-list-user-name{display:flex;padding-left:10px;padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-list .dm-list-plan-name{display:flex;padding-left:10px;padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-list .dm-list-btn{margin:10px 0px 0 10px}}.simple-offer-view-page{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards;text-align:center}.simple-offer-view-page .simple-offer-view-page-header{border-bottom:solid 1px silver;padding-bottom:2%}.simple-offer-view-page .simple-offer-type{margin-bottom:20px}.simple-offer-view-page .simple-offer-type p{background-color:green;color:white;padding:1%}.simple-offer-view-page .simple-offer-message .simple-offer-message-content{border:solid 1px silver;width:50%;overflow:scroll;height:500px;max-height:500px;margin-left:25%;margin-bottom:50px}.simple-offer-view-page .simple-offer-message .simple-offer-message-content p{text-align:left;padding:3%;padding-left:5%;padding-right:5%;font-size:20px}.simple-offer-view-page .simple-match-form #simple_match_message{width:50%;height:300px;margin-bottom:50px;font-size:20px;padding:2%}.simple-offer-view-page .simple-match-form .form-actions input{width:100%}.simple-offer-view-page .simple-match-form button{width:100%;height:50px}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.suggest-list .suggest-list-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.suggest-list .suggest-card{margin:20px;border-radius:10px}.suggest-list .suggest-card-header{padding:10px;background-color:#FFFFEE;border-bottom:1px solid silver}.suggest-list .suggest-card-header a{color:black}.suggest-list .suggest-card-header a:hover{color:silver}.suggest-list .suggest-catd-content{height:40px;width:100%;display:flex;padding:10px}.nil-suggest{text-align:center;height:300px}.suggest-page .suggest-header{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-bottom:10px;border-bottom:solid 1px silver;text-align:center}.suggest-page .suggest-header h3{word-wrap:break-word;position:relative;bottom:10px}.suggest-page .suggest-header .suggest-page-day{margin-left:calc(-50vw + 50%);width:100vw;text-align:right}.suggest-page .suggest-header .suggest-page-day p{margin-right:5%}.suggest-page .sub-header{display:flex;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-page .sub-header .suggest-user{margin-left:5%}.suggest-page .sub-header .suggest-user a{color:black;text-decoration:none}.suggest-page .sub-header .suggest-user a:hover{color:silver}.suggest-page .suggest-content{height:auto;min-height:100px;border-radius:10px;border:solid 1px silver;background-color:#FFFFEE;margin-bottom:40px;word-wrap:break-word}.suggest-page .suggest-content p{width:456px;padding:10px 20px 10px 20px;font-size:20px}.suggest-page .suggest-plan .suggest-plan-title{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-bottom:10px;border-top:solid 1px silver;border-bottom:solid 1px silver;text-align:center;padding:10px}.suggest-page .suggest-plan .suggest-plan-link{text-align:center;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-page .suggest-plan .suggest-plan-link a{color:black}.suggest-page .suggest-plan .suggest-plan-link a:hover{color:silver}.suggest-form #suggest_title{margin-bottom:20px;width:30%}.suggest-form #suggest_message{margin-bottom:20px;width:30%}.suggest-form #suggest_plan_id{margin-bottom:20px;width:30%}.suggest-form .suggest-post-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:bottom;position:relative;right:5px;top:9px}.suugest-danger p{color:red}@media only screen and (max-width: 480px){.suggest-form #suggest_title{margin-bottom:20px;width:80%}.suggest-form #suggest_message{margin-bottom:20px;width:80%}.suggest-form #suggest_plan_id{margin-bottom:20px;width:80%}.suggest-form .suggest-post-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:bottom;position:relative;right:5px;top:9px}}.suppose-page .suppose-header{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-bottom:2%;border-bottom:solid 1px silver;text-align:center}.suppose-page .suppose-content{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-bottom:10px;text-align:center}.suppose-page .suppose-content .suppose-term{width:30%;min-height:250px;max-height:auto;margin-bottom:2%;margin-left:35%;text-align:left;word-wrap:break-word;font-size:22px}.suppose-page .suppose-content .suppose-term li{margin-bottom:2%}.suppose-page .suppose-content .suppose-outline .suppose-outline-body{width:60%;min-height:200px;max-height:auto;margin-bottom:5%;margin-left:20%;border:solid 1px silver;word-wrap:break-word}.suppose-page .suppose-content .suppose-outline .suppose-outline-body p{text-align:left;padding:1%;word-wrap:break-word}.suppose-page-form{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-top:2%;margin-bottom:2%;text-align:center}.suppose-page-form .suppose-page-post-btn input{margin-left:calc(-50vw + 50%);width:100vw;height:auto;margin-top:2%}#suppose_term1{height:30px;width:40%}#suppose_term2{height:30px;width:40%}#suppose_term3{height:30px;width:40%}#suppose_term4{height:30px;width:40%}#suppose_term5{height:30px;width:40%}#suppose_outline{width:40%;height:300px}@media only screen and (max-width: 480px){#suppose_term1{height:30px;width:80%}#suppose_term2{height:30px;width:80%}#suppose_term3{height:30px;width:80%}#suppose_term4{height:30px;width:80%}#suppose_term5{height:30px;width:80%}#suppose_outline{width:80%;height:300px}}.talk-form{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards}.talk-form .talk-caveat{text-align:center;color:red;margin-bottom:30px}.talk-form .talk-form-title{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:30px}.talk-form #talk_title{margin-bottom:30px;width:50%}.talk-form #talk_overview{margin-bottom:30px;width:50%;height:100px}.talk-form #talk_category{margin-bottom:50px;width:50%}.talk-form .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}.talk-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards;border-bottom:solid 1px silver;padding-bottom:2%}.talk-list-btn{display:flex;margin-left:calc(-50vw + 50%);width:100vw;margin-bottom:-15px}.talk-list-btn p{text-align:center;border:solid 1px silver;width:100%}.talk-list-btn .talk-list-now a{padding:1%;font-size:20px}.talk-list-btn .talk-list-no a{padding:1%;font-size:20px}.talk-page{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards}.talk-page .talk-page-header{word-wrap:break-word;text-align:center;border-bottom:solid 1px silver;padding-bottom:1%}.talk-page .talk-page-header .talk-page-category{width:50%;margin-left:25%;background-color:green;border-radius:10px;color:white}.talk-page .talk-page-view{font-size:15px}.talk-page .talk-form button{width:100%}.talk-page .talk-form .talk-page-overview{width:100%;padding:1%;font-size:20px;word-wrap:break-word}.talk-page .talk-form .talk-page-overview p{width:98%}.talk-page .talk-page-comment-list{overflow:scroll;height:800px;max-height:800px;padding:20px;border:solid 1px silver}.talk-page .talk-page-comment-list .expert-comment{background-color:#CEF9DC}.talk-page .talk-page-comment-list .expert-user{color:green}.talk-page .talk-page-comment-list .comment{width:100%;border-bottom:solid 1px silver;word-wrap:break-word;padding:1%}.talk-page .talk-page-comment-list .comment .comment-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex}.talk-page .talk-page-comment-list .comment .comment-user img{width:30px;margin-right:5px}.talk-page .talk-page-comment-list .comment .comment-content a{color:black;text-decoration:none}.talk-page .talk-page-comment-list .comment .comment-content a:hover{color:silver}.talk-page .talk-page-comment-list .comment-delete{text-decoration:none;color:red}.talk-page .talk-page-comment-form #talk_comment_content{padding:1.5%;width:100%;height:150px;margin-bottom:-5px}.talk-page .talk-page-comment-form .talk-btn input{margin-left:calc(-50vw + 50%);width:100vw}.talk-page .talk-page-comment-form .talk-btn a{margin-left:calc(-50vw + 50%);width:100vw}.no-login-talk a{margin-left:calc(-50vw + 50%);width:100vw}.talk-edit{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards}.talk-edit .talk-edit-title{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:30px}.talk-edit #talk_title{margin-bottom:50px;width:50%}.talk-edit #talk_overview{margin-bottom:30px;width:50%;height:200px}.talk-edit #talk_category{margin-bottom:50px;width:50%}.talk-edit .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}@media only screen and (max-width: 480px){.talk-form{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards}.talk-form .talk-form-title{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:30px}.talk-form #talk_title{margin-bottom:30px;width:80%}.talk-form #talk_overview{margin-bottom:30px;width:80%;height:100px}.talk-form #talk_category{margin-bottom:50px;width:80%}.talk-form .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}.talk-edit{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards}.talk-edit .talk-edit-title{border-bottom:solid 1px silver;padding-bottom:1%;margin-bottom:30px}.talk-edit #talk_title{margin-bottom:50px;width:80%}.talk-edit #talk_overview{margin-bottom:30px;width:80%;height:200px}.talk-edit #talk_category{margin-bottom:50px;width:80%}.talk-edit .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}}.talk-search-list-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;animation:fadein 3s ease-out forwards;border-bottom:solid 1px silver;padding-bottom:2%}.talk-search-form{animation:fadein 3s ease-out forwards}.talk-list{animation:fadein 3s ease-out forwards;max-width:100%;margin:0 auto}.talk-list .talk-card{background:#f0fdfa;border:1px solid #bee3f8;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;box-shadow:0 1px 4px #c6f6d5cc;transition:box-shadow 0.3s ease}.talk-list .talk-card:hover{box-shadow:0 4px 12px #81e6d966}.talk-list .talk-card h5{font-size:1.3rem;margin-bottom:0.5rem}.talk-list .talk-card h5 a{color:#2c7a7b;text-decoration:none;font-weight:700}.talk-list .talk-card h5 a:hover{color:#319795;text-decoration:underline}.talk-list .talk-card p{font-size:0.9rem;margin-bottom:0.25rem;color:#4a5568}.talk-list .talk-card p:nth-of-type(3){font-style:italic;color:#2c7a7b}.talk-list .talk-card p:last-of-type{text-align:right;font-size:0.8rem;color:#718096}.talk-no-results{animation:fadein 3s ease-out forwards;max-width:700px;margin:2rem auto;text-align:center;font-size:1.1rem;color:#e53e3e;font-weight:600}.task-new-form{background-color:white}.task-new-form .task-new-page-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px #66CCCC;margin-bottom:2%}.task-new-form #task_content{width:30%;margin-bottom:2%}.task-new-form #task_detail{width:30%;margin-bottom:2%}.task-new-form #task_status{width:30%;margin-bottom:2%}.task-new-form #task_end_on{width:30%;margin-bottom:2%}.task-new-form .task-btn input{margin-top:2%;margin-left:calc(-50vw + 50%);width:100vw;text-align:center;position:relative;top:8px}.task-detail-page{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-new-page-title{border-bottom:solid 1px #66CCCC;margin-bottom:2%}.task-detail-page .task-detail{margin-left:calc(-50vw + 50%)}.task-detail-page .task-detail p{text-align:left;margin-right:20%;margin-left:20%;padding:1%;min-height:200px;max-height:auto;border:solid 1px #66CCCC;font-size:20px;word-break:break-word;background-color:white;border-radius:10px}.task-detail-page .form-status{margin-top:2%}.task-detail-page .form-end_on{margin-top:2%}.task-detail-page .task-update-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-delete-dropdown button{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-delete-dropdown ul{background-color:white}.task-detail-page .project-flag{margin-top:2%}.task-detail-page .project-flag .form-flag{display:flex;justify-content:center}.task-detail-page .project-flag .form-flag .flag-on{margin-right:2%}.task-detail-page .project-flag .form-flag .flag-off{margin-left:2%}.task-detail-page .task-delete-btn{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-delete-btn a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}@media only screen and (max-width: 480px){.task-new-form{background-color:white}.task-new-form .task-new-page-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px #66CCCC;margin-bottom:2%}.task-new-form #task_content{width:80%;margin-bottom:2%}.task-new-form #task_detail{width:80%;margin-bottom:2%}.task-new-form #task_status{width:80%;margin-bottom:2%}.task-new-form #task_end_on{width:80%;margin-bottom:2%}.task-new-form .task-btn input{margin-top:2%;margin-left:calc(-50vw + 50%);width:100vw;text-align:center;position:relative;top:8px}.task-detail-page{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-new-page-title{border-bottom:solid 1px #66CCCC;margin-bottom:2%}.task-detail-page .task-detail{margin-left:calc(-50vw + 50%)}.task-detail-page .task-detail p{text-align:left;margin-right:10%;margin-left:10%;padding:1%;min-height:200px;max-height:auto;border:solid 1px #66CCCC;font-size:20px;word-break:break-word;background-color:white;border-radius:10px}.task-detail-page .form-status{margin-top:2%}.task-detail-page .form-end_on{margin-top:2%}.task-detail-page .task-update-btn input{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-delete-dropdown button{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-delete-dropdown ul{background-color:white}.task-detail-page .project-flag{margin-top:2%}.task-detail-page .project-flag .form-flag{display:flex;justify-content:center}.task-detail-page .project-flag .form-flag .flag-on{margin-right:2%}.task-detail-page .project-flag .form-flag .flag-off{margin-left:2%}.task-detail-page .task-delete-btn{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.task-detail-page .task-delete-btn a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}}.subscription-plans{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.subscription-plans .subscription-plan{background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.1);flex:1 1 300px;max-width:350px;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;position:relative}.subscription-plans .subscription-plan h3{font-size:1.4rem;font-weight:bold;margin-bottom:0.5rem}.subscription-plans .subscription-plan p{margin-bottom:1rem;color:#555}.subscription-plans .subscription-plan .subscription-plan-details{flex-grow:1}.subscription-plans .subscription-plan .subscription-plan-details ul{list-style:none;padding:0;margin:0}.subscription-plans .subscription-plan .subscription-plan-details ul li{margin-bottom:0.6rem;padding-left:1.2rem;position:relative;font-size:0.95rem}.subscription-plans .subscription-plan .subscription-plan-details ul li::before{content:"✓";position:absolute;left:0;color:#0d6efd;font-weight:bold}.subscription-plans .subscription-plan form{margin-top:1rem}.subscription-plans .subscription-plan form button{width:100%;padding:0.7rem 0;border-radius:8px;font-weight:bold;font-size:1rem;margin-top:auto}.subscription-plans .subscription-plan.basic-plan{border-top:6px solid #0d6efd}.subscription-plans .subscription-plan.pro-plan{border-top:6px solid #198754}.subscription-plans .subscription-plan.expert-plan{border-top:6px solid #ffc107}.current-plan{background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,0.1);padding:2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.2rem}.current-plan .plan-header{text-align:center}.current-plan .plan-header .plan-title{font-size:1.6rem;font-weight:bold;margin-bottom:0.3rem}.current-plan .plan-header .plan-expiry{font-size:1rem;color:#555}.current-plan .plan-features ul{list-style:none;padding:0;margin:0}.current-plan .plan-features ul li{position:relative;padding-left:1.2rem;margin-bottom:0.6rem;font-size:1rem}.current-plan .plan-features ul li::before{content:"✓";position:absolute;left:0;color:#0d6efd;font-weight:bold}.current-plan .current-plan-cancel-btn{width:100%;margin-top:auto;font-weight:bold;font-size:1rem;padding:0.7rem 0;border-radius:8px}.no-plan{text-align:center;font-size:1rem;color:#777}.page-title{text-align:center;font-size:1.8rem;font-weight:bold;margin:2rem 0 1.5rem}@media screen and (max-width: 768px){.subscription-plans{flex-direction:column;align-items:center}.subscription-plan{max-width:100%;padding:1.2rem}.current-plan{padding:1.5rem}.current-plan .plan-header .plan-title{font-size:1.4rem}.current-plan .plan-features li{font-size:0.95rem}}@keyframes fadein{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toppage-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:3rem 2rem;background-color:#f9f9f9;animation:fadein 1s ease-out forwards}.toppage-header-main{flex:1 1 400px;max-width:600px}.toppage-header-main h1,.toppage-header-main h2{font-size:2.5rem;font-weight:bold;margin-bottom:1rem;color:#222;animation:fadein 1s ease-out forwards;transition:transform 0.3s}.toppage-header-main h1:hover,.toppage-header-main h2:hover{transform:translateY(-3px)}.toppage-header-main p{font-size:1.2rem;margin-bottom:2rem;color:#555;animation:fadein 1.2s ease-out forwards;transition:transform 0.3s}.toppage-header-main p:hover{transform:translateY(-2px)}.toppage-header-main .cta-button{display:inline-block;padding:1rem 2rem;background-color:#ff7f50;color:#fff;font-weight:bold;border-radius:8px;text-decoration:none;transition:background 0.3s, transform 0.3s;animation:fadein 1.4s ease-out forwards}.toppage-header-main .cta-button:hover{background-color:#ff6347;transform:translateY(-5px) scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.toppage-header-image{flex:1 1 400px;max-width:500px}.toppage-header-image img{width:100%;height:auto;border-radius:12px;animation:fadein 1.6s ease-out forwards;transition:transform 0.3s}.toppage-header-image img:hover{transform:scale(1.02)}.toppage-features{padding:4rem 2rem;background-color:#fff;text-align:center;animation:fadein 1.8s ease-out forwards}.toppage-features h2{font-size:2rem;margin-bottom:2rem;color:#222}.toppage-features ul{list-style:disc;list-style-position:inside;max-width:700px;margin:0 auto}.toppage-features ul li{font-size:1.1rem;margin-bottom:1rem;color:#555;background-color:#f9f9f9;padding:1rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);animation:cardFadeIn 1s ease-out forwards;transition:transform 0.3s, box-shadow 0.3s}.toppage-features ul li:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 6px 15px rgba(0,0,0,0.15)}.toppage-trust{padding:4rem 2rem;background-color:#f0f8ff;text-align:center;animation:fadein 2s ease-out forwards}.toppage-trust h2{font-size:2rem;margin-bottom:1.5rem;color:#222}.toppage-trust p{font-size:1.1rem;margin-bottom:2rem;color:#555}.toppage-trust .toppage-sample-case{max-width:700px;margin:0 auto}.toppage-trust .toppage-sample-case h3{font-size:1.5rem;margin-bottom:1rem;color:#222}.toppage-trust .toppage-sample-case ul{list-style:none;padding:0}.toppage-trust .toppage-sample-case ul li{background-color:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-size:1rem;color:#555;animation:cardFadeIn 1s ease-out forwards;transition:transform 0.3s, box-shadow 0.3s}.toppage-trust .toppage-sample-case ul li:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 5px 12px rgba(0,0,0,0.12)}.toppage-overview{padding:4rem 2rem;background-color:#fff;text-align:center;animation:fadein 2.2s ease-out forwards}.toppage-overview h2{font-size:2rem;margin-bottom:2rem;color:#222}.toppage-overview>div{margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);animation:cardFadeIn 1s ease-out forwards;transition:transform 0.3s, box-shadow 0.3s}.toppage-overview>div:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 6px 15px rgba(0,0,0,0.15)}.toppage-overview>div h3{font-size:1.5rem;margin-bottom:0.5rem;color:#222}.toppage-overview>div p{font-size:1rem;color:#555}.toppage-overview h5{font-size:0.9rem;color:#999}.toppage-cta{text-align:center;padding:4rem 2rem;background-color:#fffaf0;animation:fadein 2.4s ease-out forwards}.toppage-cta .cta-button-large{display:inline-block;padding:1.5rem 3rem;background-color:#ff7f50;color:#fff;font-weight:bold;font-size:1.3rem;border-radius:10px;text-decoration:none;transition:transform 0.3s, background 0.3s}.toppage-cta .cta-button-large:hover{background-color:#ff6347;transform:scale(1.05)}.toppage-latest-plans,.toppage-latest-talks,.toppage-latest-forums{animation:cardFadeIn 1s ease-out forwards;padding:2rem;background-color:#f9f9f9;margin-bottom:2rem;border-radius:10px}.toppage-latest-plans h2,.toppage-latest-talks h2,.toppage-latest-forums h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.toppage-latest-plans ul,.toppage-latest-talks ul,.toppage-latest-forums ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.toppage-latest-plans ul li,.toppage-latest-talks ul li,.toppage-latest-forums ul li{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:1rem;flex:1 1 300px;max-width:300px;max-height:350px;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:transform 0.3s, box-shadow 0.3s}.toppage-latest-plans ul li:hover,.toppage-latest-talks ul li:hover,.toppage-latest-forums ul li:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.toppage-latest-plans ul li img,.toppage-latest-talks ul li img,.toppage-latest-forums ul li img{width:100%;max-height:150px;object-fit:cover;border-radius:8px;margin-bottom:0.5rem;transition:transform 0.3s}.toppage-latest-plans ul li img:hover,.toppage-latest-talks ul li img:hover,.toppage-latest-forums ul li img:hover{transform:scale(1.02)}.toppage-latest-plans ul li .plan-info,.toppage-latest-plans ul li .talk-info,.toppage-latest-plans ul li .forum-info,.toppage-latest-talks ul li .plan-info,.toppage-latest-talks ul li .talk-info,.toppage-latest-talks ul li .forum-info,.toppage-latest-forums ul li .plan-info,.toppage-latest-forums ul li .talk-info,.toppage-latest-forums ul li .forum-info{text-align:center}.toppage-latest-plans ul li .plan-info .plan-title,.toppage-latest-plans ul li .plan-info .talk-title,.toppage-latest-plans ul li .plan-info .forum-title,.toppage-latest-plans ul li .talk-info .plan-title,.toppage-latest-plans ul li .talk-info .talk-title,.toppage-latest-plans ul li .talk-info .forum-title,.toppage-latest-plans ul li .forum-info .plan-title,.toppage-latest-plans ul li .forum-info .talk-title,.toppage-latest-plans ul li .forum-info .forum-title,.toppage-latest-talks ul li .plan-info .plan-title,.toppage-latest-talks ul li .plan-info .talk-title,.toppage-latest-talks ul li .plan-info .forum-title,.toppage-latest-talks ul li .talk-info .plan-title,.toppage-latest-talks ul li .talk-info .talk-title,.toppage-latest-talks ul li .talk-info .forum-title,.toppage-latest-talks ul li .forum-info .plan-title,.toppage-latest-talks ul li .forum-info .talk-title,.toppage-latest-talks ul li .forum-info .forum-title,.toppage-latest-forums ul li .plan-info .plan-title,.toppage-latest-forums ul li .plan-info .talk-title,.toppage-latest-forums ul li .plan-info .forum-title,.toppage-latest-forums ul li .talk-info .plan-title,.toppage-latest-forums ul li .talk-info .talk-title,.toppage-latest-forums ul li .talk-info .forum-title,.toppage-latest-forums ul li .forum-info .plan-title,.toppage-latest-forums ul li .forum-info .talk-title,.toppage-latest-forums ul li .forum-info .forum-title{font-weight:bold;margin-bottom:0.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.toppage-latest-plans ul li .plan-info span,.toppage-latest-plans ul li .talk-info span,.toppage-latest-plans ul li .forum-info span,.toppage-latest-talks ul li .plan-info span,.toppage-latest-talks ul li .talk-info span,.toppage-latest-talks ul li .forum-info span,.toppage-latest-forums ul li .plan-info span,.toppage-latest-forums ul li .talk-info span,.toppage-latest-forums ul li .forum-info span{font-size:0.85rem;color:#999}.talk-category{display:inline-block;background-color:#eef6ff;color:#0077cc;font-size:0.75rem;padding:0.2rem 0.5rem;border-radius:4px;margin-top:0.3rem;transition:background-color 0.3s, transform 0.3s}.talk-category:hover{background-color:#d0e8ff;transform:scale(1.05)}@media (max-width: 480px){.toppage-latest-plans,.toppage-latest-talks,.toppage-latest-forums{display:none}.bottom-horizontal-banner{display:block}}#banner{margin:0 auto}.banner{width:100%;display:flex;flex-wrap:wrap;animation:fadein 3s ease-out forwards}.horizontal-banner{border:solid 1px green;height:100px;width:100%;animation:fadein 3s ease-out forwards;display:flex;overflow:hidden;margin-bottom:2%}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.bottom-horizontal-banner{border:solid 1px green;height:100px;width:100%;animation:fadein 3s ease-out forwards;display:flex;overflow:hidden;margin-bottom:2%}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.left-banner{border:solid 1px green;width:13%;margin-bottom:-100%;float:left;position:relative;right:50px;bottom:1400px;animation:fadein 3s ease-out forwards;display:flex;overflow:hidden}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.right-banner{border:solid 1px green;width:13%;float:right;margin-bottom:-100%;position:relative;left:50px;bottom:1400px;display:flex;overflow:hidden;animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.slider>:first-child{-webkit-animation-name:scroll;animation-name:scroll;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes scroll{0%{margin-left:0}20%{margin-left:-100%}25%{margin-left:-100%}45%{margin-left:-200%}50%{margin-left:-200%}70%{margin-left:-300%}75%{margin-left:-300%}95%{margin-left:-400%}100%{margin-left:-400%}}.toppage-notices{animation:cardFadeIn 1s ease-out forwards;padding:2rem;background-color:#f9f9f9;margin-bottom:2rem;border-radius:10px}.toppage-notices h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#222}.toppage-notices ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.toppage-notices ul .notice-card{display:block;background-color:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:1rem 1.2rem;transition:transform 0.3s, box-shadow 0.3s, background 0.3s;text-decoration:none;color:inherit}.toppage-notices ul .notice-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.toppage-notices ul .notice-card .notice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.toppage-notices ul .notice-card .notice-header .notice-type{font-size:0.75rem;font-weight:bold;padding:0.2rem 0.5rem;border-radius:4px;color:#fff}.toppage-notices ul .notice-card .notice-header .notice-date{font-size:0.85rem;color:#999}.toppage-notices ul .notice-card .notice-title{font-weight:bold;margin-bottom:0.3rem;color:#222}.toppage-notices ul .notice-card .notice-body{font-size:0.95rem;color:#555}.toppage-notices ul .notice-card.お知らせ .notice-type{background-color:#0077cc}.toppage-notices ul .notice-card.ニュース .notice-type{background-color:#28a745}.toppage-notices ul .notice-card.重要 .notice-type{background-color:#dc3545}.toppage-notices .notice-link{margin-top:1rem;text-align:right}.toppage-notices .notice-link .notice-all-link{font-size:0.9rem;color:#0d47a1;font-weight:500;text-decoration:none;transition:transform 0.3s}.toppage-notices .notice-link .notice-all-link:hover{transform:translateX(2px)}@media (max-width: 768px){.toppage-notices{padding:1.5rem}.toppage-notices h2{font-size:1.5rem}.toppage-notices ul .notice-card{flex-direction:column;align-items:flex-start}.toppage-notices ul .notice-card .notice-header{flex-direction:column;align-items:flex-start}.toppage-notices ul .notice-card .notice-header .notice-date{margin-top:0.3rem;font-size:0.75rem}.toppage-notices ul .notice-card .notice-body{margin-top:0.3rem}.toppage-notices .notice-link{text-align:left}.toppage-notices .notice-link .notice-all-link{font-size:0.8rem}}.terms-of-service{text-align:center}.terms-of-service .terms-title{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.terms-of-service .terms-sub-title{animation:fadein 3s ease-out forwards}.terms-of-service .terms-content{animation:fadein 3s ease-out forwards;margin-bottom:50px}.terms-of-service .terms-content .terms{text-align:center;margin:0 auto}.terms-of-service .terms-content .terms ul{text-align:center;margin:0 auto 0 0}.terms-of-service .terms-content .terms ul p{display:inline-block;text-align:left;width:70%;padding-left:2em;text-indent:-2em}.terms-of-service .terms-content .terms .sub-terms{position:relative;width:90%}.terms-of-service .terms-content .terms h5{text-align:center}.terms-of-service .terms-content .terms li{width:70%}.terms-of-service .terms-content .terms ol{list-style-position:inside}.terms-of-service .terms-content .terms ol li{display:inline-block;text-align:left;list-style-type:none;counter-increment:cnt;margin-bottom:40px;padding-left:1em;text-indent:-1em}.terms-of-service .terms-content .terms ol li::before{content:"" counter(cnt) ". "}.terms-of-service .terms-content .enactment{text-align:right}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.privacy-of-service .privacy-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.privacy-of-service .privacy-sub-title{animation:fadein 3s ease-out forwards}.privacy-of-service .privacy-content{animation:fadein 3s ease-out forwards}.privacy-of-service .privacy-content .privacy{text-align:center;margin:0 auto}.privacy-of-service .privacy-content .privacy div{text-align:center;margin:0 auto 0 0}.privacy-of-service .privacy-content .privacy div p{display:inline-block;text-align:left;width:70%}.privacy-of-service .privacy-content .privacy ul{text-align:center;margin:0 auto 0 0}.privacy-of-service .privacy-content .privacy ul p{display:inline-block;text-align:left;width:70%;padding-left:2em;text-indent:-2em}.privacy-of-service .privacy-content .privacy .sub-terms{position:relative;width:90%}.privacy-of-service .privacy-content .privacy h4{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-top:solid 1px silver;border-bottom:solid 1px silver;padding-top:20px;padding-bottom:20px;margin-top:40px;margin-bottom:40px}.privacy-of-service .privacy-content .privacy li{width:70%}.privacy-of-service .privacy-content .privacy ol{list-style-position:inside}.privacy-of-service .privacy-content .privacy ol li{display:inline-block;text-align:left;list-style-type:none;counter-increment:cnt;margin-bottom:40px;padding-left:1em;text-indent:-1em}.privacy-of-service .privacy-content .privacy ol li::before{content:"" counter(cnt) ". "}.privacy-of-service .privacy-content .privacy .privacy-contact{display:inline}.privacy-of-service .privacy-content .enactment{text-align:right}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.news .news-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.news .news-content{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards;border-bottom:solid 1px silver;padding-top:20px}.news .news-content .news-content-title{text-align:center}.news .news-content .news-content-title p{text-align:right}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.search-dropdown{padding-top:10px;padding-left:10px;margin-left:calc(-50vw + 50%);width:100vw;text-align:center;background-color:white;border:solid 1px green}.search-dropdown .occupation{animation:fadein 3s ease-out forwards;padding-top:10px;padding-left:10px}.search-dropdown .occupation h4{margin-bottom:20px}.search-dropdown .prefectures{animation:fadein 3s ease-out forwards;padding-top:10px;padding-left:10px}.search-dropdown .prefectures h4{margin-left:calc(-50vw + 50%);width:100vw;margin-bottom:30px}.search-dropdown .occupation-list{display:flex;justify-content:center}.search-dropdown .occupation-list .occupation-sub-list{width:100px;margin-right:20px}.search-dropdown .prefectures-list{display:flex;justify-content:center}.search-dropdown .prefectures-list .prefectures-sub-list{width:120px;margin-right:20px}.search-dropdown .dropdown-btn{margin-top:20px;height:40px;margin-left:calc(-50vw + 50%);width:100vw;position:relative;right:10px;top:10px}.search-dropdown label{display:block}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.navbar-toggler{color:white}.signed-nav-item{display:flex;flex-wrap:wrap;margin-top:3%}.signed-nav-item .user-status{color:green;font-weight:bold;position:relative;top:3px;right:2%}.signed-nav-item .price-link{position:relative;bottom:5px}.signed-nav-item .overview-link{position:relative;bottom:5px}.transaction-of-service .transaction-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px}.transaction-of-service .transaction-article-item h3{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border:solid 1px green;padding:20px}.transaction-of-service .transaction-article-item h5{text-align:center;margin-top:10px;margin-bottom:20px}.transaction-of-service .transaction-article-refund{text-align:center}.transaction-of-service .transaction-article-refund h5{text-align:left}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}@media only screen and (max-width: 480px){iframe{width:100%;height:250px}.no-media{display:none}.all-contents{display:none}.signed-nav-item{display:none}.left-banner{display:none}.right-banner{display:none}.horizontal-banner{display:none}}.operation-page{max-width:800px;margin:0 auto;padding:20px;font-family:"Noto Sans JP", sans-serif;color:#333}.operation-page .operation-title{text-align:center;margin-bottom:30px}.operation-page .operation-title h2{font-size:2rem;font-weight:700;color:#222}.operation-page .operation-content .operation-section{margin-bottom:40px}.operation-page .operation-content .operation-section h3{font-size:1.5rem;font-weight:600;border-bottom:2px solid #4a90e2;padding-bottom:8px;margin-bottom:20px;color:#2a4d8f}.operation-page .operation-content .operation-section p{font-size:1rem;line-height:1.6}.operation-page .operation-content .operation-section .operation-table{width:100%;border-collapse:collapse;font-size:1rem}.operation-page .operation-content .operation-section .operation-table th,.operation-page .operation-content .operation-section .operation-table td{border:1px solid #ccc;padding:12px 15px;vertical-align:top}.operation-page .operation-content .operation-section .operation-table th{background-color:#f0f6fb;font-weight:600;width:25%;color:#2a4d8f;text-align:left}.operation-page .operation-content .operation-section .operation-table td{background-color:#fff;color:#333}@media (max-width: 600px){.operation-page .operation-content .operation-section .operation-table th,.operation-page .operation-content .operation-section .operation-table td{display:block;width:100%;box-sizing:border-box}.operation-page .operation-content .operation-section .operation-table tr{margin-bottom:15px;display:block;border-bottom:2px solid #4a90e2}.operation-page .operation-content .operation-section .operation-table th{background-color:transparent;border:none;padding-left:0;font-weight:700}.operation-page .operation-content .operation-section .operation-table td{border:none;padding-left:0;margin-top:5px}}.plans-page{text-align:center;padding:2rem}.plans-page__title{font-size:2rem;margin-bottom:2rem}.plans-page__cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.plans-page .plan{flex:1 1 calc(25% - 1.5rem);min-width:200px;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 10px rgba(0,0,0,0.1);color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.plans-page .plan__name{font-size:1.5rem;margin-bottom:1rem}.plans-page .plan__price{font-size:1.25rem;font-weight:bold;margin-bottom:1rem}.plans-page .plan__features{list-style:disc;margin-left:1.25rem;margin-bottom:1.5rem}.plans-page .plan__button{padding:0.75rem;border:none;border-radius:0.5rem;font-weight:bold;cursor:pointer;color:#fff;transition:all 0.2s}.plans-page .plan__button:hover{opacity:0.9}.plans-page .plan--free{background-color:#ffffff;color:#000}.plans-page .plan--free .plan__button{background-color:#888}.plans-page .plan--basic{background-color:#007bff}.plans-page .plan--basic .plan__button{background-color:#0056b3}.plans-page .plan--pro{background-color:#28a745}.plans-page .plan--pro .plan__button{background-color:#1e7e34}.plans-page .plan--expert{background-color:#fd7e14}.plans-page .plan--expert .plan__button{background-color:#e8590c}@media (max-width: 768px){.plans-page__cards{flex-direction:column;align-items:center;gap:1rem}.plans-page .plan{flex:1 1 90%}}.demo-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;border-bottom:solid 1px silver;margin-bottom:50px;padding:1%}.video-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;max-width:1200px;margin:0 auto;margin-bottom:50px}.video-grid .video-item{text-align:center}.video-grid .video-item video{width:100%;border-radius:8px}.video-grid .video-item p{margin-top:0.5rem;font-weight:bold;font-size:1.2rem;color:#333}@media (max-width: 1024px){.video-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.video-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.video-item p{font-size:1rem}}.two-factor-index{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-index .two-factor-email input{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page .two-factor-page-detail{border-bottom:solid 1px silver}.two-factor-page .secret-number-input p{margin-top:20px}.two-factor-page .secret-number-input input{margin-bottom:20px;width:30%;height:40px}.two-factor-page .two-factor-action input{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page .two-factor-email input{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page .toppage-back-btn a{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page .trouble-message{color:red}@media only screen and (max-width: 480px){.two-factor-index{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-index .two-factor-email input{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page .two-factor-page-detail{border-bottom:solid 1px silver}.two-factor-page .secret-number-input p{margin-top:20px}.two-factor-page .secret-number-input input{margin-bottom:20px;width:50%;height:40px}.two-factor-page .two-factor-action input{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page .two-factor-email input{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.two-factor-page .toppage-back-btn a{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}}.user-new-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.user-new-form .user-new-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.user-new-form #user_name{margin-bottom:20px;width:30%}.user-new-form #user_furiganaName{margin-bottom:20px;width:30%}.user-new-form .representative{display:flex;justify-content:center;flex-wrap:wrap}.user-new-form .representative #user_last_name{margin-right:10px}.user-new-form .representative{display:flex;justify-content:center;flex-wrap:wrap}.user-new-form .representative #user_furigana_last_name{margin-right:10px}.user-new-form #user_email{margin-bottom:20px;width:30%}.user-new-form #user_post_code{margin-bottom:20px;width:30%}.user-new-form #user_address{margin-bottom:20px;width:30%}.user-new-form #user_establishment{margin-bottom:20px;width:30%}.user-new-form #user_capital{margin-bottom:20px;width:30%}.user-new-form #user_telephone_number{margin-bottom:20px;width:30%}.user-new-form #user_email{margin-bottom:20px;width:30%}.user-new-form #user_password{margin-bottom:20px;width:30%}.user-new-form #user_password_confirmation{margin-bottom:20px;width:30%}.user-new-form .login-form-link{margin-bottom:20px;font-size:18px}.user-new-form .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}#error_explanation li{list-style:none}.login-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.login-form .user-login-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.login-form #user_email{margin-bottom:20px;width:30%}.login-form #user_password{margin-bottom:20px;width:30%}.login-form #user_password_confirmation{margin-bottom:20px;width:30%}.login-form .remember-password{margin-bottom:20px;position:relative;bottom:20px}.login-form .login-information{margin-bottom:20px}.login-form .login-information a{text-decoration:none}.login-form .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}.unlock-email-link{margin-bottom:20px}.unlock-email-link a{text-decoration:none}.unlock-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.unlock-form .unlock-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:20px}.unlock-form #user_email{width:30%;margin-bottom:20px}.unlock-form .unlock-form-link{margin-bottom:20px}.unlock-form .unlock-form-link a{text-decoration:none}.unlock-form .unlock-form-btn input{margin-left:calc(-50vw + 50%);width:100vw}.unsubscribe-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.unsubscribe-form .unsubscribe-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:10px;margin-bottom:40px}.unsubscribe-form .unsubscrib-text{overflow-wrap:normal;font-size:18px;margin-bottom:40px}.unsubscribe-form .unsubscribe-btn a{width:100%}.profile{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.profile .profile-header{text-align:center;border-bottom:solid 1px silver;padding-bottom:10px;margin-bottom:40px}.profile .profile-header .expert-btn{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.profile .profile-header .expert-btn .invitation-btn{margin-bottom:-10px}.profile .profile-header .expert-btn button{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.profile .profile-body{width:80vm;display:flex;margin:auto;margin-bottom:20px}.profile .profile-body .self-introduction{height:auto;width:55%;text-align:left;margin:auto}.profile .profile-body .self-introduction p{height:auto;word-wrap:break-word}.profile .profile-body .self_img{height:auto}.profile .profile-body .self_img img{margin-left:80px}.profile .follow-btn{padding:10px;margin-bottom:20px}.user-count-data{margin-bottom:2%}.user-count-data .user-count-data-header{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-top:1px solid silver;border-bottom:1px solid silver;padding:1%;margin-bottom:2%}.user-count-data .user-count-data-body{text-align:center}.user-count-data .other-user-count-data{display:flex;text-align:center}.user-count-data .other-user-count-data .match-count{margin-right:5%}.paid-features a{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.my-page-contents-move{width:5000px;overflow:hidden;display:flex;animation:fadein 3s ease-out forwards;animation:loop-slide 30s infinite linear 1s both}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}@keyframes loop-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}.my-page-contents-move .card{float:left;margin-right:10px;border-radius:20px;overflow:hidden}.my-page-contents-move .card a{text-decoration:none}.my-page-contents-move .card img{width:100%;height:140px;border-bottom:solid 1px silver}.my-page-contents-move .card .card-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-page-contents-move .card .card-text p{text-overflow:ellipsis;white-space:nowrap}.my-page-contents-move .none-item{margin:0 auto 0 auto}.my-page-contents{width:5000px;overflow:hidden;display:flex;animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.my-page-contents .card{float:left;margin-right:10px;border-radius:20px;overflow:hidden}.my-page-contents .card a{text-decoration:none}.my-page-contents .card img{width:100%;height:140px;border-bottom:solid 1px silver}.my-page-contents .card .card-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-page-contents .card .card-text p{text-overflow:ellipsis;white-space:nowrap}.my-page-contents .none-item{margin:0 auto 0 auto}.favorite{margin-top:20%}.favorite .nil-message{animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.my-plans{margin-top:10%;margin-bottom:10%}.my-plans .nil-message{animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.user-plans{margin-top:10%;margin-bottom:10%}.user-list{text-align:center;width:auto;height:auto;padding:10px;border:solid 1px silver;border-radius:10px}.user-list-name{padding-right:10px;border-right:solid 1px silver;margin-right:10px;font-size:20px}.user-list-introduction{text-align:left;padding-left:10px;padding-right:40px;font-size:13px;overflow:hidden;table-layout:fixed;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.company-info{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.company-info .company-info-title{border-top:solid 1px silver;border-bottom:solid 1px silver;padding:10px}.company-info .company-info-content{padding-top:30px;height:auto;padding-bottom:50px;background-color:#FFFFEE}.company-info .company-representative{margin-bottom:20px}.company-info .company-address{margin-bottom:20px}.company-info .company-number{margin-bottom:20px}.company-info .company-email{margin-bottom:20px}.company-info .company-business{margin-bottom:0px}.user-edit{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.user-edit .profile-user-status{color:green;font-weight:bold;font-size:20px}.user-edit .user-edit-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.user-edit .representative{display:flex;justify-content:center}.user-edit .representative #user_first_name{width:100%;margin-left:5%}.user-edit .representative #user_last_name{width:100%;margin-left:-5%}.user-edit .representative{display:flex;justify-content:center}.user-edit .representative #user_furigana_first_name{width:100%;margin-left:5%}.user-edit .representative #user_furigana_last_name{width:100%;margin-left:-5%}.user-edit #user_image{margin-bottom:20px}.user-edit #user_self_introduction{margin-bottom:20px;width:30%;height:200px}.user-edit #user_business{margin-bottom:20px;width:30%;height:200px}.user-edit #user_name{margin-bottom:20px;width:30%}.user-edit #user_furiganaName{margin-bottom:20px;width:30%}.user-edit #user_representative{display:flex;margin-bottom:20px;width:30%}.user-edit #user_email{margin-bottom:20px;width:30%}.user-edit #user_post_code{margin-bottom:20px;width:30%}.user-edit #user_address{margin-bottom:20px;width:30%}.user-edit #user_establishment{margin-bottom:20px;width:30%}.user-edit #user_capital{margin-bottom:20px;width:30%}.user-edit #user_telephone_number{margin-bottom:20px;width:30%}.user-edit #user_homePage{margin-bottom:20px;width:30%}.user-edit #user_email{margin-bottom:20px;width:30%}.user-edit #user_password{width:30%}.user-edit #user_password_confirmation{margin-bottom:50px;width:30%}.user-edit .user-edit-actions input{margin-left:calc(-50vw + 50%);width:100vw}.user-edit .user-edit-actions a{margin-left:calc(-50vw + 50%);width:100vw}.password-reset-new{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.password-reset-new .password-reset-content .form-group{margin:0 auto 50px auto;width:30%}.password-reset-new .password-reset-new-actions input{margin-left:calc(-50vw + 50%);width:100vw}.edit-password-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.edit-password-form .edit-password-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.edit-password-form .password-reset-content .form-group{margin:0 auto 50px auto;width:30%}.edit-password-form .password-reset-edit-actions input{margin-left:calc(-50vw + 50%);width:100vw}.admin-page .admin-page-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.admin-page .other-user-box{width:50%;padding:10px;border:1px solid silver;border-radius:10px;margin:0 auto 10px auto}.admin-page .other-user-box .btn{margin-left:20px}.admin-page .user-list-name{width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-page .user-id{display:flex}.ban{padding:5%;text-align:center;margin-left:calc(-50vw + 50%);width:100vw;height:500px}.team-page{min-height:500px}.team-page .team-page-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.team-page .team-list{border:solid 1px silver;border-radius:10px;padding:1%}.team-page .user-id{display:flex}.team-page .team-status{display:flex}.team-page .team-list-btn input{width:100%;height:45px}.team-page .team-list-btn a{width:100%;height:45px}@media only screen and (max-width: 480px){.user-new-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.user-new-form .user-new-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.user-new-form #user_name{margin-bottom:20px;width:70%}.user-new-form #user_furiganaName{margin-bottom:20px;width:70%}.user-new-form .representative{display:flex}.user-new-form .representative #user_last_name{width:70%}.user-new-form .representative #user_first_name{width:70%}.user-new-form .representative{display:flex}.user-new-form .representative #user_furigana_last_name{width:70%}.user-new-form .representative #user_furigana_first_name{width:70%}.user-new-form #user_email{margin-bottom:20px;width:70%}.user-new-form #user_post_code{margin-bottom:20px;width:70%}.user-new-form #user_address{margin-bottom:20px;width:70%}.user-new-form #user_establishment{margin-bottom:20px;width:70%}.user-new-form #user_capital{margin-bottom:20px;width:70%}.user-new-form #user_telephone_number{margin-bottom:20px;width:70%}.user-new-form #user_email{margin-bottom:20px;width:70%}.user-new-form #user_password{margin-bottom:20px;width:70%}.user-new-form #user_password_confirmation{margin-bottom:20px;width:70%}.user-new-form .login-form-link{margin-bottom:20px;font-size:18px}.user-new-form .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}.login-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.login-form .user-login-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.login-form #user_email{margin-bottom:20px;width:70%}.login-form #user_password{margin-bottom:20px;width:70%}.login-form #user_password_confirmation{margin-bottom:20px;width:70%}.login-form .representative{display:flex;justify-content:center;flex-wrap:wrap}.login-form .representative #user_last_name{margin-right:0px}.login-form .representative{display:flex;justify-content:center;flex-wrap:wrap}.login-form .representative #user_furigana_last_name{margin-right:0px}.login-form .login-information{margin-bottom:20px}.login-form .login-information a{text-decoration:none}.login-form .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}.unlock-email-link{margin-bottom:20px}.unlock-email-link a{text-decoration:none}.unlock-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.unlock-form .unlock-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:20px}.unlock-form #user_email{width:70%;margin-bottom:20px}.unlock-form .unlock-form-link{margin-bottom:20px}.unlock-form .unlock-form-link a{text-decoration:none}.unlock-form .unlock-form-btn input{margin-left:calc(-50vw + 50%);width:100vw}.unsubscribe-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.unsubscribe-form .unsubscribe-title{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:10px;margin-bottom:40px}.unsubscribe-form .unsubscrib-text{overflow-wrap:normal;font-size:13px;margin-bottom:40px}.unsubscribe-form .unsubscribe-btn a{width:100%}.profile{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.profile .profile-header{text-align:center;border-bottom:solid 1px silver;padding-bottom:0px;margin-bottom:40px}.profile .profile-body{width:80vm;display:inline;margin:auto}.profile .profile-body .self-introduction{height:auto;width:55%;text-align:left;margin:auto}.profile .profile-body .self-introduction p{height:auto;word-wrap:break-word}.profile .profile-body .self_img{height:auto}.profile .profile-body .self_img img{margin-left:0px}.profile .follow-btn{padding:10px;margin-bottom:20px}.my-page-contents-move{width:5000px;overflow:hidden;display:flex;animation:fadein 3s ease-out forwards;animation:loop-slide 30s infinite linear 1s both}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}@keyframes loop-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}.my-page-contents-move .card{float:left;margin-right:10px;border-radius:20px;overflow:hidden}.my-page-contents-move .card a{text-decoration:none}.my-page-contents-move .card img{width:100%;height:140px;border-bottom:solid 1px silver}.my-page-contents-move .card .card-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-page-contents-move .card .card-text p{text-overflow:ellipsis;white-space:nowrap}.my-page-contents-move .none-item{margin:0 auto 0 auto}.my-page-contents{width:5000px;overflow:hidden;display:flex;animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.my-page-contents .card{float:left;margin-right:10px;border-radius:20px;overflow:hidden}.my-page-contents .card a{text-decoration:none}.my-page-contents .card img{width:100%;height:140px;border-bottom:solid 1px silver}.my-page-contents .card .card-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-page-contents .card .card-text p{text-overflow:ellipsis;white-space:nowrap}.my-page-contents .none-item{margin:0 auto 0 auto}.company-info{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;height:auto;animation:none}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.company-info .company-info-title{border-top:solid 1px silver;border-bottom:solid 1px silver;padding:10px}.company-info .company-info-content{padding-top:30px;height:auto;padding-bottom:50px;background-color:#FFFFEE}.company-info .company-representative{margin-bottom:20px}.company-info .company-address{margin-bottom:20px}.company-info .company-number{margin-bottom:20px}.company-info .company-business{margin-bottom:0px}.user-edit{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.user-edit .user-edit-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.user-edit .representative{display:flex;justify-content:center}.user-edit .representative #user_first_name{width:80%;margin-left:5%}.user-edit .representative #user_last_name{width:80%;margin-left:-5%}.user-edit #user_image{margin-bottom:20px}.user-edit #user_self_introduction{margin-bottom:20px;width:70%;height:200px}.user-edit #user_business{margin-bottom:20px;width:70%;height:200px}.user-edit #user_name{margin-bottom:20px;width:70%}.user-edit #user_furiganaName{margin-bottom:20px;width:70%}.user-edit #user_representative{margin-bottom:20px;width:70%}.user-edit #user_email{margin-bottom:20px;width:70%}.user-edit #user_post_code{margin-bottom:20px;width:70%}.user-edit #user_address{margin-bottom:20px;width:70%}.user-edit #user_establishment{margin-bottom:20px;width:70%}.user-edit #user_capital{margin-bottom:20px;width:70%}.user-edit #user_telephone_number{margin-bottom:20px;width:70%}.user-edit #user_email{margin-bottom:20px;width:70%}.user-edit #user_homePage{margin-bottom:20px;width:70%}.user-edit #user_password{width:70%}.user-edit #user_password_confirmation{margin-bottom:50px;width:70%}.user-edit .user-edit-actions input{margin-left:calc(-50vw + 50%);width:100vw}.user-edit .user-edit-actions a{margin-left:calc(-50vw + 50%);width:100vw}.password-reset-new{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.password-reset-new .password-reset-content .form-group{margin:0 auto 50px auto;width:70%}.password-reset-new .password-reset-new-actions input{margin-left:calc(-50vw + 50%);width:100vw}.edit-password-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.edit-password-form .edit-password-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.edit-password-form .password-reset-content .form-group{margin:0 auto 50px auto;width:70%}.edit-password-form .password-reset-edit-actions input{margin-left:calc(-50vw + 50%);width:100vw}}@media only screen and (max-width: 376px){.user-new-form{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.user-new-form .user-new-form-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.user-new-form #user_name{margin-bottom:20px;width:70%}.user-new-form #user_furiganaName{margin-bottom:20px;width:70%}.user-new-form .representative{display:block}.user-new-form .representative #user_last_name{width:70%}.user-new-form .representative #user_first_name{width:70%}.user-new-form .representative{display:block}.user-new-form .representative #user_furigana_last_name{width:70%}.user-new-form .representative #user_furigana_first_name{width:70%}.user-new-form #user_email{margin-bottom:20px;width:70%}.user-new-form #user_post_code{margin-bottom:20px;width:70%}.user-new-form #user_address{margin-bottom:20px;width:70%}.user-new-form #user_establishment{margin-bottom:20px;width:70%}.user-new-form #user_capital{margin-bottom:20px;width:70%}.user-new-form #user_telephone_number{margin-bottom:20px;width:70%}.user-new-form #user_email{margin-bottom:20px;width:70%}.user-new-form #user_password{margin-bottom:20px;width:70%}.user-new-form #user_password_confirmation{margin-bottom:20px;width:70%}.user-new-form .login-form-link{margin-bottom:20px;font-size:18px}.user-new-form .form-actions input{margin-left:calc(-50vw + 50%);width:100vw}.user-edit{text-align:center;margin-left:calc(-50vw + 50%);width:100vw}.user-edit .user-edit-title{text-align:center;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.user-edit .representative{display:block;justify-content:center}.user-edit .representative #user_first_name{width:70%;margin-left:0%}.user-edit .representative #user_last_name{width:70%;margin-left:0%}.user-edit .representative #user_furigana_last_name{width:70%;margin-left:0%}.user-edit .representative #user_furigana_first_name{width:70%;margin-left:0%}.user-edit #user_image{margin-bottom:20px}.user-edit #user_self_introduction{margin-bottom:20px;width:70%;height:200px}.user-edit #user_business{margin-bottom:20px;width:70%;height:200px}.user-edit #user_name{margin-bottom:20px;width:70%}.user-edit #user_furiganaName{margin-bottom:20px;width:70%}.user-edit #user_representative{margin-bottom:20px;width:70%}.user-edit #user_email{margin-bottom:20px;width:70%}.user-edit #user_post_code{margin-bottom:20px;width:70%}.user-edit #user_address{margin-bottom:20px;width:70%}.user-edit #user_establishment{margin-bottom:20px;width:70%}.user-edit #user_capital{margin-bottom:20px;width:70%}.user-edit #user_telephone_number{margin-bottom:20px;width:70%}.user-edit #user_email{margin-bottom:20px;width:70%}.user-edit #user_homePage{margin-bottom:20px;width:70%}.user-edit #user_password{width:70%}.user-edit #user_password_confirmation{margin-bottom:50px;width:70%}.user-edit .user-edit-actions input{margin-left:calc(-50vw + 50%);width:100vw}.user-edit .user-edit-actions a{margin-left:calc(-50vw + 50%);width:100vw}}.trial-page{max-width:900px;margin:0 auto;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;background-color:#fdfdfd}.trial-page .trial-page-header{text-align:center;margin-left:calc(-50vw + 50%);width:100vw;border-bottom:solid 1px silver;padding-bottom:20px;margin-bottom:40px}.trial-page .trial-page-header h2{font-size:2rem;font-weight:bold;color:#2c3e50}.trial-page .trial-page-content{line-height:1.6}.trial-page .trial-page-content p{font-size:1rem;margin-bottom:15px}.trial-page .trial-page-content h3{font-size:1.3rem;font-weight:600;margin-top:25px;margin-bottom:10px;color:#16a085}.trial-page .trial-page-content ul{margin-left:20px;margin-bottom:20px}.trial-page .trial-page-content ul li{margin-bottom:10px;position:relative;padding-left:15px}.trial-page .trial-page-content ul li::before{content:"•";position:absolute;left:0;color:#16a085}.trial-page .trial-page-content .trial-page-actions{text-align:center;margin-top:80px}.trial-page .trial-page-content .trial-page-actions a{margin-left:calc(-50vw + 50%);width:100vw}@media screen and (max-width: 768px){.trial-page{padding:20px 10px}.trial-page .trial-page-header h2{font-size:1.5rem}.trial-page .trial-page-content h3{font-size:1.1rem}.trial-page .trial-page-content p,.trial-page .trial-page-content li{font-size:0.95rem}.trial-page .trial-page-actions .btn{width:100%}}.new-my-value-page{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards;text-align:center}.new-my-value-page .new-my-value-page-header{border-bottom:solid 1px silver;padding-bottom:2%;margin-bottom:30px}.new-my-value-page .form-year{margin-bottom:10px}.new-my-value-page .form-year #value_year{width:50%}.new-my-value-page .form-fund{margin-bottom:10px}.new-my-value-page .form-fund #value_fund{width:50%}.new-my-value-page .form-culture{margin-bottom:10px}.new-my-value-page .form-culture #value_culture{width:50%}.new-my-value-page .form-style{margin-bottom:10px}.new-my-value-page .form-style #value_style{width:50%}.new-my-value-page .form-communication{margin-bottom:50px}.new-my-value-page .form-communication #value_communication{width:50%}.new-my-value-page .actions input{width:100%}.match-value-page{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards}.match-value-page .match-value-page-header{text-align:center;border-bottom:solid 1px silver;padding-bottom:2%}.match-value-page .match-value-page-content-btn{display:flex;margin-bottom:20px}.match-value-page .match-value-page-content-btn a{width:100%}.match-value-page .match-value-page-content .match-value-page-value{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards;text-align:center}.match-value-page .match-value-page-content .match-value-page-value h3{padding-bottom:2%;border-bottom:solid 1px silver}.match-value-page .match-value-page-content .match-value-page-value p{padding:1%;border-bottom:solid 1px silver;font-size:20px}.match-value-page .match-value-page-list-content{padding-bottom:300px;background-color:white;animation:fadein 3s ease-out forwards}.match-value-page .match-value-page-list-content .match-value-page-list-header{margin-left:calc(-50vw + 50%);width:100vw;text-align:center;padding-bottom:1%;border-bottom:solid 1px silver}.match-value-page .match-value-page-list-content .match-value-page-list-body{border-bottom:solid 1px silver;padding:2%;display:flex}.match-value-page .match-value-page-list-content .match-value-page-list-body-user a{text-decoration:none}.match-value-page .match-value-page-list-content .match-value-page-list-body-user a:hover{color:silver}.match-value-page .match-value-page-list-content .match-value-page-list-body-btn{margin:0 0 0 auto}.match-value-page .match-value-page-list-content .match-value-page-list-body-btn #simple_offer_message{width:80%;height:200px;margin-bottom:20px}.match-value-page .match-value-page-list-content .match-value-page-list-body-btn .simple-offer-btn{margin-left:calc(-50vw + 50%);width:100vw}.match-value-page .match-value-page-list-content .match-value-page-list-body-btn .simple-offer-btn input{width:100%;position:relative;top:10px}.match-value-page .match-value-page-list-content .simple-offer-form ul{background-color:white;z-index:1}.simple-offer-finish{margin-left:calc(-50vw + 50%);width:100vw;animation:fadein 3s ease-out forwards;text-align:center}.simple-offer-finish .simple-offer-finish-content{padding:5%;margin-bottom:50px}.simple-offer-finish .simple-offer-finish-btn{display:flex}.simple-offer-finish .simple-offer-finish-btn a{width:100%}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}.no-value-index{background:#fff8f0;border:1px solid #ffd9b3;border-radius:12px;padding:24px;margin:20px auto;max-width:720px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.05);margin-bottom:400px}.no-value-index p{font-size:16px;line-height:1.6;color:#444;margin-bottom:10px}.no-value-index p:first-child{font-weight:bold;color:#d35400}.no-value-index .plan-change-btn{margin-top:20px}.no-value-index .plan-change-btn a{display:inline-block;width:auto;padding:10px 24px;font-size:16px;border-radius:8px}@media (max-width: 576px){.no-value-index{padding:16px}.no-value-index p{font-size:14px}.no-value-index .plan-change-btn a{width:100%;font-size:15px}}.wrap{overflow:hidden}body{margin:0;padding:0}nav.navbar{position:relative;z-index:1050}.btn-group{position:relative;top:4px}.btn-group #user-dropdown-btn{width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}nav{border-bottom:solid 1px silver;height:80px}nav .nav-sub-title{width:50%;position:relative;top:10px}nav .navbar-toggler{border-color:white;width:10px}nav .navbar-toggler{background-color:white}nav .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");width:30px}nav .topLogo{width:120px;position:relative;bottom:2px;right:25%}.not-eligible{text-align:center}.not-eligible .plan-change-btn{margin-top:300px}.not-eligible .plan-change-btn a{margin-left:calc(-50vw + 50%);width:100vw;text-align:center}.footer{border-top:solid 1px silver;background:white;color:black;padding-top:50px;padding-bottom:50px}.footer .footer-contents{display:flex}.footer .copyright{text-align:center}.footer .footer-logo{text-align:left;position:relative;top:25px;left:25%}.footer .footer-logo .footerLogo{width:200px}.footer .footer-link{text-align:left;margin-left:40%;border-left:1px solid green}.pagination>li>a{border:none;color:#696969}.pagination>.active>a{background:#93c9ff;border-radius:15px}.pagination>li>a:hover{border-radius:15px}nav .container-fluid{background-color:white}.dropdown-menu{background-color:white}iframe{animation:fadein 3s ease-out forwards}@keyframes fadein{0%{opacity:0;transform:translateY(50px)}100%{opacity:30;transform:translateY(0)}}@media only screen and (max-width: 480px){.nav-sub-title{display:none}.btn-group{position:relative;top:0px}nav .container-fluid{background-color:white}nav .navbar-nav{background-color:white}.footer{border-top:solid 1px silver;background:white;color:black}.footer .copyright{text-align:center}.footer .footer-logo{display:none}.footer .footer-link{text-align:center;border-left:none;margin:0 auto}}