:root{--color-yellow: #fff100;--color-yellow-alpha: rgba(255, 241, 0, 0.85);--color-light-yellow: #ffff33;--color-green: #37bf94;--color-light-green: #57DFA4;--color-white: #fff;--color-white-alpha: rgba(255, 255, 255, 0.9);--color-black: #000;--color-gray: #DDDDDD;--color-sand: #7f7269;--color-bg-blue: #283588;--color-bg-btn: #4d78df}form>section+section{margin-top:20px}form>section:after{content:"";display:block;clear:both}form>section>div,form>section>label{float:left}form>section>label{padding-top:7px;font-weight:700;font-size:1.5rem;width:180px}form>section>div{margin-top:5px;margin-left:15px;width:calc(100% - 195px);font-size:1.6rem}form>section>div input,form>section>div textarea{border:1px solid #000;padding:7px 5px;width:300px;max-width:45%;font-size:1.8rem;margin-bottom:8px}form>section>div input.input-lg,form>section>div textarea.input-lg{width:400px;max-width:95%}form>section>div input.input-sm,form>section>div textarea.input-sm{width:120px}form>section>div textarea{margin-top:5px;height:130px}form>section>div select{border:1px solid #000;padding:7px 5px;font-size:1.8rem;max-width:95%}.notice+p{margin-top:5px;margin-bottom:50px}.alert{padding:.3rem 10px}.alert>p{margin:.3rem 0 .1rem;font-weight:700}.alert-danger{border:1px solid red;background:pink}
.job-list{
    list-style:none;
    padding-left:0;
    margin-top:-10px;
    margin-left:-1.5%;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap: 1%;
    /* justify-content: center; */
    margin: -10px auto 0;
}
    .job-list>li{box-sizing:border-box;margin-left:0;width:49.5%}.area-list>li>a,.job-list>li>a{display:block;width:100%;height:100%}.job-list>li>a{border:1px solid #000}.alert>a:hover,.job-list>li>a:hover{text-decoration:none}.job-list>li>a:hover>section{opacity:.6}.job-list>li>a>section>h2,.job-list>li>a>section>h3,.job-list>li>a>section>h4{background:#ff3;background:var(--color-light-yellow);width:100%;height:55px;box-sizing:border-box;padding:4px 9px;margin:0;overflow:hidden;position:relative;font-weight:700;font-size:1.8rem;line-height:1.25}.job-list>li>a>section>h2:after,.job-list>li>a>section>h2:before,.job-list>li>a>section>h3:after,.job-list>li>a>section>h3:before,.job-list>li>a>section>h4:after,.job-list>li>a>section>h4:before{background:#ff3;background:var(--color-light-yellow);position:absolute}.job-list>li>a>section>h2:before,.job-list>li>a>section>h3:before,.job-list>li>a>section>h4:before{content:"...";width:17px;bottom:0;right:11px}.job-list>li>a>section>h2:after,.job-list>li>a>section>h3:after,.job-list>li>a>section>h4:after{content:"";height:100%;width:100%}.job-list>li>a>section>dl{padding:0 15px;margin-top:10px;font-size:1.4rem}.job-list>li>a>section>dl>dt{margin-top:7px;font-weight:700}.buttons>.btn,.job-list>li>a>section>dl>dd{margin-left:15px}.job-list>li>a>section>dl>dd>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.past{border-top:1px solid #000;text-align:center;margin-top:70px;padding-top:40px;padding-bottom:20px}.well>section+section{margin-top:40px}.job-list>li,fieldset{margin-top:15px}table{border-collapse:separate;margin-bottom:1.3rem;font-size:1.4rem}table td,table th{padding:20px;border:6px solid #fff}.company>h2+div>p>span,table th{color:#fff;color:var(--color-white)}.buttons>.btn.btn-green,table th{background-color:#37bf94;background-color:var(--color-green)}table th{width:170px}table td{background-color:#ededed}table td img{max-width:100%}table td.pre{white-space:pre-line}.area-list{list-style:none;padding-left:0;margin-top:0;display:flex;flex-wrap:wrap}.area-list>li{margin-top:7px;margin-right:14px}.area-list>li>a{padding:3px 14px;border-radius:5px;background:#ddd;background:var(--color-gray)}.area-list>li>a:hover{text-decoration:none;color:#fff;background:#4d78df;background:var(--color-bg-btn)}.alert{border:1px solid red;background:#ff33a0;color:#fff;color:var(--color-white);padding:5px 10px;margin-bottom:3rem}.alert>a{color:#fff;text-decoration:underline}.title{padding:3px 10px;margin:0 5px;border-left:3px solid #ff33a0;font-size:1.8rem}.buttons{margin-left:-15px;margin-bottom:40px;text-align:center}.buttons>button.btn:after{top:11px}.buttons>.btn{margin-top:20px}.buttons>.btn.btn-green{margin-top:15px;margin-left:15px;width:calc(100% - 15px);max-width:calc(100% - 15px)}.company{background-color:#ededed;padding:20px 30px;font-size:1.4rem}.company>h2{font-size:2rem;margin:0}.company>h2+div,table td{line-height:1.8}.company>h2+div>p>span{display:inline-block;width:90px;background-color:#37c096;text-align:center;margin-right:10px}.company>h2+div>p+div{white-space:pre-wrap;margin-bottom:15px}.company .btn{max-width:680px}.company .btn:after{top:19px}.area-link{text-decoration:underline;color:#00f}.area-link:hover{text-decoration:none}section.company,section.company>h2{border-bottom:1px solid #000;border-bottom:1px solid var(--color-black);padding-bottom:0}section.company+section{margin-top:5rem}section.company>h2{font-size:1.5rem;padding-bottom:10px;margin-bottom:10px}section.company>h2 small{float:right;font-size:.8rem;padding-top:.6rem}section.company table td,section.company table th{padding:10px 20px;line-height:1.5}section.company table th{background-color:#ff3;background-color:var(--color-light-yellow);color:#000;color:var(--color-black)}.matching-movie{margin-bottom:10px}.matching-movie>a{position:relative;display:block}.matching-movie>a>img,table{width:100%}.matching-movie>a>div{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);background-image:url(../../images/company/btn_play.png);background-position:center center}@media screen and (max-width:680px){form{padding-left:1%}form>section+section{margin-top:35px}form>section>div,form>section>label{float:none}form>section>label{font-size:1.2rem}form>section>div{width:95%}form>section>div input,form>section>div input.input-lg,form>section>div select,form>section>div select.input-lg,form>section>div textarea,form>section>div textarea.input-lg{width:100%;max-width:unset}.job-list{
    padding-left:5%}.job-list>li{border:1px solid #999;border-radius:15px;box-shadow:2px 2px 2px 1px rgba(0,0,0,.15);width:100%}.job-list>li>a{border:0}.job-list>li>a>section>h3{border-radius:15px 15px 0 0}.job-list>li>a>section>h4{height:auto;text-overflow:ellipsis;white-space:nowrap;padding:10px}.past{padding-bottom:0}table th{width:120px}.company>h2+div>p>span{display:block;margin-bottom:3px}.buttons,.buttons>.btn,.job-list>li{margin-left:0}.buttons>p{padding:0 5%}.buttons>.btn.btn-green{width:80%}.matching-movie>a>div{background-image:url(../../images/company/btn_play_s.png)}}
    @media screen and (max-width:850px){
        .job-list{
            flex-wrap:wrap;
            padding: 0 15px;
            box-sizing: border-box;
        }
        .job-list>li{
            width:100%;
            margin-top:10px;
            overflow: hidden;
        }
    }