@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@700&family=Noto+Sans+JP:wght@400;500;700&display=swap);html{overflow-x:hidden}html .trial{background-color:#111}html .trial header{box-shadow:none;position:absolute}html .trial header .header-logo img{height:50px}@media screen and (min-width:900px){html .trial header .header-logo img{height:80px}}html .trial #container{position:relative;margin-top:50px}@media screen and (min-width:900px){html .trial #container{margin-top:80px}}html .trial #container h2{font-size:18px;font-weight:700;line-height:1.6}@media screen and (min-width:900px){html .trial #container h2{font-size:34px}}html .trial #container h2:after{background:#ff5430;content:"";display:block;width:110px;height:2px;margin:20px auto 40px}html .trial #container section.resource{background:#f6f6f6;padding:48px 0;text-align:center}@media screen and (min-width:480px){html .trial #container section.resource{padding:88px 0}}@media screen and (min-width:480px){html .trial #container section.resource .inner p br{display:none}}html .trial #container section.resource .job-list{margin-top:24px}html .trial #container section.resource .job-list .slick-list{display:grid;padding:0 10% 24px!important}@media screen and (min-width:480px) and (max-width:900px){html .trial #container section.resource .job-list .slick-list{padding:0 28% 24px!important}}@media screen and (min-width:900px){html .trial #container section.resource .job-list .slick-list{padding:0 16% 24px!important}}html .trial #container section.resource .job-list .slick-list .group{background:#fff;border-radius:6px;box-shadow:4px 4px 0 0 rgba(27,42,128,.08);margin:0 8px;padding:20px}html .trial #container section.resource .job-list .slick-list .group .image{display:flex;margin-bottom:12px}html .trial #container section.resource .job-list .slick-list .group .image .photo{flex-basis:80px;margin-right:16px}html .trial #container section.resource .job-list .slick-list .group .image .info{flex:1;text-align:left}html .trial #container section.resource .job-list .slick-list .group .image .info h3{background:#3a7ad8;border-radius:4px;color:#fff;display:block;font-size:12px;font-weight:700;line-height:1;margin-bottom:4px;padding:4px 8px;width:fit-content}html .trial #container section.resource .job-list .slick-list .group .image .info span{font-size:14px}html .trial #container section.resource .job-list .slick-list .group .cont h4{font-size:16px;font-weight:700;text-align:center;margin-bottom:8px}html .trial #container section.resource .job-list .slick-list .group .cont p{font-size:14px;text-align:left}html .trial #container section.resource .job-list .slick-dots li{margin:0 6px;width:12px;height:12px}html .trial #container section.resource .job-list .slick-dots li button:before{background:#e1e5e8;content:"";display:block;border-radius:50%;width:12px;height:12px}html .trial #container section.resource .job-list .slick-dots li.slick-active button:before{background:#1b2a80}html .trial .footer-container{position:relative}@media screen and (min-width:900px){html .trial .footer-container .foot{height:140px}}html .trial .footer-container .foot .inner{padding:24px 0}html .trial .footer-container .foot .inner .cont ul{display:flex;justify-content:center;margin-bottom:24px}html .trial .footer-container .foot .inner .cont ul li{margin:0 6px}html .trial .footer-container .foot .inner .cont .copy{padding:0!important}html .trial #container section.search{background:50%/cover url("/static/trial-brand-register/images/mv_sp.svg") no-repeat;position:relative;padding:48px 0}@media screen and (min-width:900px){html .trial #container section.search{background:bottom/100% url("/static/trial-brand-register/images/mv.svg") no-repeat #e0f3f2;padding:88px 0}}html .trial #container section.search .inner{text-align:center;width:100%}html .trial #container section.search .inner .search_box{background:#fff;border-radius:4px;margin:0 auto;padding-bottom:32px;width:calc(100% - 32px)}@media screen and (min-width:480px){html .trial #container section.search .inner .search_box{width:580px}}html .trial #container section.search .inner .search_box h3{background:linear-gradient(90deg,#38abb2,#c4d946 133.36%);border-radius:4px 4px 0 0;color:#fff;font-size:16px;font-weight:700;line-height:1.5;padding:12px 14px;text-align:center}@media screen and (min-width:900px){html .trial #container section.search .inner .search_box h3{font-size:24px}}html .trial #container section.search .inner .search_box ul.process{display:flex;justify-content:space-between;margin:32px auto;width:calc(100% - 64px)}@media screen and (min-width:480px){html .trial #container section.search .inner .search_box ul.process{width:380px}}html .trial #container section.search .inner .search_box ul.process li{text-align:center;position:relative}html .trial #container section.search .inner .search_box ul.process li span{border:1px solid #828282;border-radius:50%;color:#828282;display:block;font-family:Rubik,sans-serif;font-weight:700;width:32px;height:32px;line-height:32px;margin:0 auto 4px}html .trial #container section.search .inner .search_box ul.process li p{color:#828282;font-weight:700}@media screen and (max-width:480px){html .trial #container section.search .inner .search_box ul.process li p{font-size:10px}}html .trial #container section.search .inner .search_box ul.process li:not(:last-child):after{background:#828282;border-radius:50px;content:"";display:block;position:absolute;width:100%;height:3px;top:50%;transform:translateY(-50%);right:-64px}@media screen and (min-width:480px){html .trial #container section.search .inner .search_box ul.process li:not(:last-child):after{right:-80px}}@media screen and (max-width:300px){html .trial #container section.search .inner .search_box ul.process li:not(:last-child):after{display:none}}html .trial #container section.search .inner .search_box ul.process li.active span{border:1px solid #11aca2;color:#11aca2}html .trial #container section.search .inner .search_box ul.process li.active p{color:#11aca2}html .trial #container section.search .inner .search_box ul.process li.sent span{background:#11aca2;border:1px solid #11aca2;color:#fff}html .trial #container section.search .inner .search_box ul.process li.sent p{color:#11aca2}html .trial #container section.search .inner .search_box ul.process li.sent:after{background:#11aca2}html .trial #container section.search .inner .search_box .select_wrap{margin:0 auto 16px;position:relative;width:calc(100% - 32px)}@media screen and (min-width:900px){html .trial #container section.search .inner .search_box .select_wrap{width:380px}}html .trial #container section.search .inner .search_box .select_wrap select{appearance:none;outline:1px solid #828282;border-radius:4px;outline:none;padding:16px;width:100%}html .trial #container section.search .inner .search_box .select_wrap select:invalid{color:#828282}html .trial #container section.search .inner .search_box .select_wrap select:focus{outline:4px solid #11aca2;outline-offset:-4px}html .trial #container section.search .inner .search_box .select_wrap select option{appearance:none;color:#828282}html .trial #container section.search .inner .search_box .select_wrap:after{background:50%/contain url("/static/trial-brand-register/images/icon_arrow_down.svg") no-repeat;content:"";display:block;width:16px;height:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);right:16px}html .trial #container section.search .inner .search_box .form_wrap{margin:0 auto 16px;width:calc(100% - 32px)}@media screen and (min-width:900px){html .trial #container section.search .inner .search_box .form_wrap{width:380px}}html .trial #container section.search .inner .search_box .form_wrap .form_label,html .trial #container section.search .inner .search_box .form_wrap .input_with_label{align-items:baseline;display:flex;text-align:left;margin-bottom:8px}html .trial #container section.search .inner .search_box .form_wrap .form_label label,html .trial #container section.search .inner .search_box .form_wrap .input_with_label label{font-size:14px;margin-right:8px}html .trial #container section.search .inner .search_box .form_wrap .form_label span,html .trial #container section.search .inner .search_box .form_wrap .input_with_label span{color:#eb5757;font-size:12px}html .trial #container section.search .inner .search_box .form_wrap .form_label.has_caption,html .trial #container section.search .inner .search_box .form_wrap .form_label.has_caption label,html .trial #container section.search .inner .search_box .form_wrap .input_with_label.has_caption,html .trial #container section.search .inner .search_box .form_wrap .input_with_label.has_caption label{margin-bottom:0}html .trial #container section.search .inner .search_box .form_wrap .caption{color:#626264;font-size:12px;text-align:left;margin-bottom:8px}html .trial #container section.search .inner .search_box .form_wrap input{border:1px solid #828282;border-radius:8px;font-size:18px;height:56px;width:100%;padding:8px}html .trial #container section.search .inner .search_box .form_wrap+p{align-items:center;display:flex;font-size:12px;justify-content:center;line-height:1.6;margin:24px auto 16px;text-align:center;width:calc(100% - 32px);white-space:nowrap}@media screen and (min-width:900px){html .trial #container section.search .inner .search_box .form_wrap+p{font-size:14px}}html .trial #container section.search .inner .search_box .form_wrap+p a{text-decoration:underline;line-height:1}html .trial #container section.search .inner .search_box .error{border:1px solid #eb5757!important}html .trial #container section.search .inner .search_box .caution{color:#eb5757;display:block;font-size:12px;text-align:left;margin-top:8px}html .trial #container section.search .inner .search_box .caution_box .caution:last-child{margin-bottom:8px}html .trial #container section.search .inner .search_box .search_button{border-radius:4px;margin:0 auto 32px;padding:16px 10px;position:relative;transition:all .5s;width:calc(100% - 32px)}@media screen and (min-width:480px){html .trial #container section.search .inner .search_box .search_button{width:320px}}html .trial #container section.search .inner .search_box .search_button .cont{align-items:center;display:flex;justify-content:center;pointer-events:none;position:relative;z-index:10}html .trial #container section.search .inner .search_box .search_button .cont span{border:1px solid #fff;border-radius:2px;color:#fff;display:block;font-size:12px;font-weight:700;line-height:1;margin-right:8px;padding:6px}html .trial #container section.search .inner .search_box .search_button .cont p{color:#fff;font-size:18px;font-weight:700;line-height:1;margin-top:-2px}html .trial #container section.search .inner .search_box .search_button input{appearance:none;background:#ff5430;border:none;border-radius:4px;position:absolute;height:100%;left:0;top:0;width:100%}html .trial #container section.search .inner .search_box .search_button:after{background:50%/contain url("/static/trial-brand-register/images/icon_arrow_right_w.svg") no-repeat;content:"";display:block;width:16px;height:16px;position:absolute;pointer-events:none;right:10px;top:50%;transform:translateY(-50%)}html .trial #container section.search .inner .search_box .search_button:hover{opacity:.7}html .trial #container section.search .inner .search_box .search_button.disabled{pointer-events:none}html .trial #container section.search .inner .search_box .search_button.disabled input{background:#828282}