.recruitment_header{width:100%;max-width:1000px;margin:0 auto;background-color:white;box-sizing:border-box;padding:14px 16px 16px}#mainList,.no-data-text{margin:0 auto 40px}.recruitment-no-data{box-sizing:border-box;width:100%;max-width:1000px;background-color:transparent;padding-right:16px;padding-left:16px;text-align:left}.recruitment-no-data #no-data-ul{padding-left:0}.recruitment-no-data #no-data-ul li{margin-left:0}.event-title h3{-webkit-line-clamp:2;color:#111111}.event-title h3.before{color:#666666}.order_change{background-color:white;display:flex;justify-content:flex-end;margin-top:18px}.recruitment-tabs{display:flex;gap:10px;justify-content:center;margin-top:24px}.recruitment-tabs .btn.white{flex:1 1 0;min-width:0;min-height:48px;padding:7px 10px;border:2px solid #489868;border-radius:12px;color:#489868;cursor:pointer;font-size:16px;font-weight:600;line-height:1.15;white-space:normal}.recruitment-tabs .btn.white:hover,.recruitment-tabs .btn.white:focus,.recruitment-tabs .btn.white:focus-visible{background-color:#489868;border-color:#489868;color:#fff}.recruitment-tabs .btn.white.select{background:#489868;color:#fff}.recruitment-order-dropdown{position:relative;width:fit-content;max-width:100%}.recruitment-order-trigger,.recruitment-order-option{box-sizing:border-box;width:auto;min-width:100%;min-height:48px;border:2px solid #489868;background-color:white;color:#489868;cursor:pointer;font-size:16px;font-weight:600;white-space:nowrap}.recruitment-order-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:12px;background-color:#489868;color:white}.recruitment-order-arrow{width:0;height:0;margin-left:12px;border-top:10px solid white;border-right:7px solid transparent;border-left:7px solid transparent;transition:transform 0.2s ease}.recruitment-order-menu{display:none;position:absolute;top:calc(100% + 2px);right:0;z-index:4;width:fit-content;min-width:100%;max-width:100%;background-color:white}.recruitment-order-option{display:block;border-radius:0}.recruitment-order-option:not(:first-child){border-top:0}.recruitment-order-option:first-child{border-radius:8px 8px 0 0}.recruitment-order-option:last-child{border-radius:0 0 8px 8px}.recruitment-order-option.select{background-color:#489868;color:white}.recruitment-order-dropdown.open .recruitment-order-menu{display:block}.recruitment-order-dropdown.open .recruitment-order-arrow{transform:rotate(180deg)}#order_toggle{border:2px solid #8c8c8c;display:flex;position:initial;cursor:pointer;border-radius:25px;width:50px;height:50px}@media screen and (max-width: 800px){#order_toggle{border-radius:15px;width:30px;height:30px}}#order_toggle>i{flex:0 1 auto;margin:auto;position:relative;font-size:25px}@media screen and (max-width: 800px){#order_toggle>i{font-size:15px}}#order_toggle>i.select{color:#4b986b}#order_toggle>i:not(.select){color:#8c8c8c}#order_toggle>i:nth-child(1){left:2px;bottom:1px}#order_toggle>i:nth-child(2){right:5px;top:1px}.na-item{padding:16px 10px 14px;max-height:initial;flex-direction:column;border-bottom:1px solid #cccccc}@media screen and (max-width: 800px){.na-item{padding:14px 8px 12px !important}}.na-left{height:auto;align-items:stretch}.recruitment_dates .event-notice{font-weight:initial;border-radius:5px}.recruitment_dates .event-notice.before_start{color:white;background-color:#6d9eeb}.recruitment_dates .event-notice.near_start{background-color:#a0d1ab}.recruitment_dates .event-notice.today_start{font-weight:bold;background-color:#fcdf5b}.recruitment_dates .event-notice.started{background-color:#fcdf5b}.recruitment_dates .event-notice.near_end{background-color:#fcdf5b}.recruitment_dates .event-notice.today_end{font-weight:bold;background-color:#fcdf5b}@media screen and (max-width: 800px){.recruitment_dates .event-notice{margin-left:auto;margin-right:0;font-size:13px;min-width:100px;width:auto}}.recruitment_dates .event-notice>*{margin:5px auto}.recruitment-label{display:inline-flex;box-sizing:border-box;width:100%;min-height:42px;align-items:center;justify-content:center;border:1px solid transparent;color:#000;font-size:16px;font-weight:600;text-align:center}.recruitment-label--near{background-color:#ffe966}.recruitment-label--active{background-color:#f6aa00}.recruitment-label--distant{border-color:#666666;color:#666666;background-color:transparent}@media screen and (max-width: 800px){.recruitment-label{min-width:0;min-height:38px;font-size:15px}}.recruitment-badges{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px;width:100%;margin-top:12px}.event-label{box-sizing:border-box;display:inline-flex;min-width:72px;width:auto;min-height:26px;align-items:center;justify-content:center;padding:2px 8px;border:1px solid currentColor;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap}.event-label>*{margin:0}.event-date-label{display:flex;min-height:31px;align-items:center;margin-left:23px}.event-date-label .event-label{flex:0 0 auto;margin-left:-8px;min-width:0;width:fit-content;justify-content:flex-start;padding-right:8px;padding-left:8px;text-align:left}@media screen and (max-width: 800px){.event-date-label{min-height:26px;margin-left:21px}.event-date-label .event-label{min-width:0;min-height:24px;padding:1px 6px;margin-left:-6px;font-size:14px}}.recruitment_dates{min-height:30px;font-size:16px;color:#484848}@media screen and (max-width: 800px){.recruitment_dates{min-height:25px;font-size:14px}}.event-image img{object-fit:cover;object-position:center}.event-image img.fill{object-fit:fill}.event-image img.contain{object-fit:contain}@media screen and (min-width: 801px){.event-image img{width:120px;height:auto;min-height:120px;max-height:170px}}@media screen and (max-width: 800px){.event-image img{width:105px;height:145px}}@media screen and (min-width: 801px){.event-image{width:140px;margin-right:20px}}@media screen and (max-width: 800px){.event-image{flex:0 0 105px;width:105px;margin-right:12px}}.event-title{height:auto;min-height:0;margin-bottom:10px}.event-title h3{font-size:18px;font-weight:700;line-height:1.25}.event-title h3 .event-title-link,.user-name .profile-name .profile-link{color:inherit;text-decoration:none}.event-title h3 .event-title-link:hover,.event-title h3 .event-title-link:focus,.user-name .profile-name .profile-link:hover,.user-name .profile-name .profile-link:focus{color:#489868;text-decoration:underline}.user-img{height:20px;width:20px !important}.user-name{display:flex;margin-bottom:8px}.user-name *:not(:last-child){flex-shrink:0}.user-name .profile{margin:auto 5px auto 0;color:#484848}.user-name .profile-icon{margin:auto 0}.user-name .profile-name{margin:auto 0 auto 5px;color:#484848}#recruitment_mode{color:#111111;background-color:initial}.recruitment-intro{display:block;padding:0}.recruitment-intro>*{margin:0}.recruitment-intro .infoicon{margin-bottom:28px}@media screen and (max-width: 800px){#recruitment_mode.recruitment-intro .infoicon .btn.white.small{min-width:70px;padding:7px 10px}}.recruitment-copy{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%;padding-bottom:16px;border-bottom:2px solid #489868}.recruitment-title{margin:0;color:#111111;font-size:22px;font-weight:700;line-height:1.3}.recruitment-description{margin:6px 0 0;color:#111111;font-size:16px;font-weight:normal;line-height:1.3}@media screen and (max-width: 800px){.recruitment-title{font-size:20px}.recruitment-description{font-size:15px}}.event-contents{min-width:0}@media screen and (max-width: 800px){.event-contents{width:calc(100% - 117px)}}.event-dates{display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;width:100%}.event-dates .recruitment_dates{flex-grow:0;flex-shrink:0;display:flex;flex-wrap:wrap}.event-dates .recruitment_dates:not(:first-child){border-top:0;min-height:31px}@media screen and (max-width: 800px){.event-dates .recruitment_dates:not(:first-child){min-height:26px}}.event-dates .recruitment_dates>*{margin:auto 0}.event-dates .recruitment_dates .material-icons.inline-material-icons{width:20px}.event-dates .recruitment_dates .recruitment_date_text{margin-left:5px;width:75px;flex-shrink:0}@media screen and (max-width: 800px){.event-dates .recruitment_dates .recruitment_date_text{margin-left:3px;width:65px}}.event-dates .recruitment_dates .recruitment_date{margin-left:5px;width:110px;flex-shrink:0;white-space:nowrap}@media screen and (min-width: 801px){.event-dates .recruitment_dates .recruitment_date{width:120px}}@media screen and (max-width: 800px){.event-dates .recruitment_dates .recruitment_date{margin-left:3px;width:110px}}.event-dates .recruitment_dates .event-notice{display:inline-flex;width:140px;text-align:center;margin-left:5px}@media screen and (max-width: 800px){.event-dates .recruitment_dates .event-notice{min-width:80px;width:80px}}.event-contents{display:flex;flex-direction:column}.event-contents .event-details{margin-bottom:0}.event-contents.unset .event-dates{flex-grow:0}.col{border-bottom:1px solid #cccccc}@media screen and (min-width: 801px){#mainList{width:50%;max-width:800px}}#mainList .col{border-bottom:0}#mainList .na-item{position:relative;border-bottom:0}#mainList .na-item::after{position:absolute;right:10px;bottom:0;left:10px;border-bottom:1px solid #cccccc;content:""}@media screen and (max-width: 800px){#mainList .na-item::after{right:8px;left:8px}}.material-symbols-outlined{font-size:18px;color:#8c8c8c}#start_order-list,#end_order-list{cursor:pointer}@media screen and (max-width: 800px){.event-image{min-width:80px;flex-grow:1}.event-image img{width:100%;height:auto;min-height:80px;max-height:128px;max-width:92px;aspect-ratio:1 / 1.414}}p{line-height:1.2}