@charset "UTF-8";
.top{
  overflow-x:hidden;
}
/* hero */
.p-hero{
  background-color:#012FBF;
  position:relative;
  padding:8rem 1.4rem;
}
.p-hero::after{
  background-color:#1447E6;
  position:absolute;
  top:0;
  right:0;
  content:'';
  width:90%;
  height:100%;
  clip-path: polygon(100% 0, 100% 100%, 0% 100%);
}
.p-hero__inner{
  position:relative;
  z-index:10;
  width:1420px;
  max-width:80%;
  margin-left:calc((100% - 1200px) / 2);
  display:flex;
  gap:2rem;
}
.p-mainvisual{
  display:flex;
  align-items:center;
  width:532px;
  flex-shrink:0;
}
.p-mainvisual__title{
  color:#fff;
  font-weight:700;
  font-size:5.6rem;
  line-height:1.25;
  display:flex;
  flex-direction:column;
  gap:0.1em;
  margin:0 0 2.5rem;
}
.p-mainvisual__title span{
  display:flex;
  align-items:flex-end;
}
.p-mainvisual__title img{
  display:inline-block;
  width:2.2em;
  transform:translateY(-16%);
}
.p-mainvisual__title small{
  font-size:4.8rem;
}
.p-mainvisual__lead{
  color:#fff;
  font-size:2.6rem;
  margin:0 0 3rem;
  line-height:1.75;
}
.p-mainvisual__tags{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  line-height:1.5;
}
.p-mainvisual__tag{
  color:var(--cta-color);
  border:1px solid var(--cta-color);
  padding:0.25rem 1rem;
  border-radius:2em;
}
.p-search{
  background-color:#fff;
  padding:5rem 6rem;
}
.p-search__box{
  margin:0 0 3rem;
}
.p-search__box .inner{
  display:flex;
  gap:1.5rem;
  align-items:center;
}
.p-search__box img{
  width:2rem;
}
.p-search__box select{
  border:1px solid #121212;
  font-size:1.6rem;
  padding:1em 2em 1em 2.6em;
  margin:0;
  border-radius:3em;
  -webkit-appearance: none;
  appearance: none;
  width:40%;
  background:url(../img/icon_pin01_g.svg) no-repeat left 1.5rem center;
}
.p-search__box input{
  border:1px solid #121212;
  font-size:1.6rem;
  padding:1em;
  border-radius:3em;
  -webkit-appearance: none;
  appearance: none;
  width:40%;
}
.p-search__box button{
  background-color:var(--cta-color);
  color:#121212;
  border:none;
  font-size:1.6rem;
  padding:0.5em 1em;
  flex-shrink:0;
}
.p-search__keyword{
  margin-top:4rem;
}
.p-search__heading{
  border:none;
  font-size:1.6rem;
  font-weight:400;
  padding:0;
  margin:0 0 1em;
}
.p-search__popular{
  display:flex;
  flex-wrap:wrap;
  gap:1.8rem 1.4rem;
}
.p-search__tag{
  font-size:1.6rem;
  color: var(--base-color);
  background:#fff;
  border:1px solid var(--dark-color);
  border-radius:2px;
  transition:.2s ease;
}
.p-search__tag:hover{
  transform:translateY(-2px);
  opacity:1;
    box-shadow:rgba(0, 0, 0, 0.15) 0 3px 5px;
}
@media screen and (max-width: 1600px) {
  .p-hero__inner{
    max-width:94%;
    margin-left:3%;
  }
}
@media screen and (max-width: 1400px) {
  .p-mainvisual{
    width:40%;
  }
  .p-mainvisual__title{
    font-size:4.4vw;
    gap:0.1em 0;
    margin:0 0 0.4em;
  }
  .p-mainvisual__title small{
    font-size:0.8em;
    margin:0 0.1em;
  }
  .p-mainvisual__lead{
    font-size:1.8vw;
    margin:0 0 1em;
  }
  .p-mainvisual__tag{
    font-size:1.25vw;
  }
  .p-search{
    padding:3rem 3rem;
  }
  .p-search__box{
    margin:0 0 3rem;
  }
  .p-search__box .inner{
    gap:1rem;
  }
  .p-search__box select{
    font-size:1.4rem;
    padding:1em 2em 1em 3em;
  }
  .p-search__box input{
    font-size:1.4rem;
  }
  .p-search__box button{
    font-size:1.4rem;
  }
  .p-search__keyword{
    margin-top:3rem;
  }
  .p-search__heading{
    font-size:1.4rem;
  }
  .p-search__popular{
    gap:1.4rem 1rem;
  }
  .p-search__tag{
    font-size:1.4rem;
  }
}
@media screen and (max-width: 960px) {
  .p-hero{
    padding:5rem 1.4rem;
  }
  .p-hero__inner{
    max-width:100%;
    margin-left:0;
    flex-direction:column;
    gap:0;
  }
  .p-mainvisual{
    width:100%;
    justify-content:center;
  }
  .p-mainvisual__title{
    font-size:6.4vw;
    margin:0 0 0.4em;
    flex-direction:row;
  }
  .p-mainvisual__lead{
    font-size: min(4.2vw, 2.4rem);
    margin:0 0 1em;
    text-align:center;
  }
  .p-mainvisual__tags{
    justify-content:center;
  }
  .p-mainvisual__tag{
    font-size: min(3.6vw, 2rem);
    margin-bottom:3em;
  }
}
@media screen and (max-width: 640px) {
  .p-mainvisual__title{
    font-size:10.4vw;
    flex-direction:column;
    align-items:center;
  }
  .p-search{
    padding:3rem 2rem;
  }
  .p-search__box{
    margin:0 0 2rem;
  }
  .p-search__box .inner{
    flex-direction:column;
    gap:1.6rem;
  }
  .p-search__box img{
    width:1.6rem;
  }
  .p-search__box select{
    width:100%;
    padding:0.75em 2em 0.75em 3em;
  }
  .p-search__box input{
    padding:0.75em;
    width:100%;
  }
  .p-search__box button{
    padding:0.5em 1em;
  }
  .p-search__keyword{
    margin-top:2em;
  }
  .p-search__heading{
    font-size:1.4rem;
    margin:0 0 1.25em;
  }
  .p-search__popular{
    gap:1rem 1rem;
  }
  .p-search__tag{
    font-size:1.2rem;
  }
}
/* end/hero */

/* top_sec_01 */
.pick_up{
  padding-top:3rem;
  padding-bottom:8rem;
}
.recruitment_slider:not(.slick-initialized) > *:nth-child(n+4) {
  display: none;
}
.recruitment_slider{
  display: flex;
  gap:3rem;
}
.pick_up .recruitment_slider:not(.slick-initialized){
  justify-content:center;
}
.recruitment_slider .slick-track{
  display:flex;
}
.recruitment_slider .slick-list {
  margin: 0 -1.5rem;
}
.recruitment_slider .slick-slide {
  margin: 0 1.5rem;
  float:none;
  height:auto;
}
.recruitment_slider .slick-slide > div{
  height:100%;
}
.recruitment_slider a{
  max-width:374px;
  height:100%;
  display: block;
  background-color:#fff;
  border:1px solid var(--dark-color);
}
.recruitment_slider .slick-slide a > img{
  aspect-ratio:16/10;
  object-fit:cover;
  backface-visibility: hidden;
}
.recruitment_slider .box{
  padding:1.6rem;
}
.recruitment_slider .company_name{
  color:var(--dark-color);
  font-size:1.4rem;
}
.recruitment_slider .ttl{
  font-size:1.6rem;
  margin:0.5em 0 1em;
}
.pick_up .recruitment_slider .ttl{
  line-height:1.5;
  height:4.5em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.top .sec_02 .recruitment_slider .ttl{
  line-height:1.5;
  height:4.5em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.recruitment_slider .box ul{
  margin:0;
  padding:0;
  align-items:flex-start;
  gap:1rem;
}
.recruitment_slider .box ul li{
  list-style:none;
}
.recruitment_slider .license_txt{
  display:inline-block;
  border:1px solid var(--dark-color);
  border-radius:2px;
  background-color:#f0f0f0;
  color:var(--dark-color);
  font-size:1.2rem;
  padding:0.25rem 0.5rem;
}
.recruitment_slider .yen,
.recruitment_slider .map_b{
  font-size:1.8rem;
  font-weight:700;
  color:var(--dark-color);
  padding:0 0 0 1em;
}
.recruitment_slider .yen{
  background:url(../img/icon_yen_g.svg) no-repeat top 0.4em left / 0.64em;
}
.recruitment_slider .map_b{
  background:url(../img/icon_pin03_g.svg) no-repeat top 0.4em left / 0.64em;
}
.recruitment_slider .slick-next,
.recruitment_slider .slick-prev{
  width:50px;
  height:50px;
  z-index:10;
}
.recruitment_slider .slick-next:hover,
.recruitment_slider .slick-prev:hover{
  opacity:0.9;
}
.recruitment_slider .slick-next:before,
.recruitment_slider .slick-prev:before{
  content:'';
  display:block;
  width:50px;
  height:50px;
  background:url(../img/icon_arrow_w.svg) no-repeat center / 50% var(--dark-color);
  border-radius:50%;
  opacity:1;
}
.recruitment_slider .slick-prev:before{
  transform:rotate(180deg);
}
.recruitment_slider .slick-dots{
  bottom:-4rem;
  display:block;
}
.recruitment_slider .slick-dots li button:before{
   font-size:10px;
}
.pick_up .btn_list{
  margin:4rem 0 0;
}
.pick_up .slick-dots{
  visibility:hidden;
}
@media screen and (max-width: 1280px) {
  .recruitment_slider .slick-next{
    right:-15px;
    width:30px;
    height:30px;
  }
  .recruitment_slider .slick-prev{
    left:-15px;
    width:30px;
    height:30px;
  }
  .recruitment_slider .slick-next:before,
  .recruitment_slider .slick-prev:before{
    width:30px;
    height:30px;
  }
}
@media screen and (max-width: 834px) {
  .recruitment_slider{
    gap:2rem;
  }
  .recruitment_slider .slick-list {
    margin: 0 -1rem;
  }
  .recruitment_slider .slick-slide {
    margin: 0 1rem;
  }
  .recruitment_slider a{
    max-width:100%;
  }
  .recruitment_slider .box{
    padding:1.2rem;
  }
  .recruitment_slider .company_name{
    font-size:1.2rem;
  }
  .recruitment_slider .ttl{
    font-size:1.4rem;
  }
  .recruitment_slider .license_txt{
    font-size:1rem;
  }
  .recruitment_slider .yen,
  .recruitment_slider .map_b{
    font-size:1.6rem;
  }
  .recruitment_slider .slick-next{
    right:0;
    width:36px;
    height:36px;
  }
  .recruitment_slider .slick-prev{
    left:0;
    width:36px;
    height:36px;
  }
  .recruitment_slider .slick-next:before,
  .recruitment_slider .slick-prev:before{
    width:36px;
    height:36px;
    border:1px solid #fff;
  }
  .pick_up .slick-dots{
    visibility:visible;
  }
  .pick_up .btn_list{
    margin:8rem 0 0;
  }
}
/* end/top_sec_01 */

/* sec_02 */
.sec_02 h2{
  font-size:2rem;
}

/* end/sec_02 */

/* sec_04 */
.top .sec_04{
  padding:8rem 0;
  background-color:#EFF4FF;
}
.top .sec_04 h2{
  margin-bottom:1em;
}
.sec_04 .sec_inner{
  display:flex;
  gap:2rem 4rem;
  justify-content:space-between;
}
.sec_04 .sec_inner .txt{
  width:calc(50% - 2rem);
}
.sec_04 .sec_inner .img{
  width:calc(50% - 2rem);
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
}
.sec_04 .sec_inner .img img{
  max-width:352px;
  height:auto;
  margin-right:10%;
}
@media screen and (max-width: 960px) {
  .sec_04 .sec_inner .img img{
    margin-right:0;
  }
}
.sec_04 .more{
  margin:2rem 0 0;
}
.sec_04 .more .u-btn{
  margin:0;
}
@media screen and (max-width: 768px) {
  .sec_04 .sec_inner{
    flex-direction:column-reverse;
  }
  .sec_04 .sec_inner .txt{
    width:100%;
  }
  .sec_04 .sec_inner .img{
    width:100%;
    justify-content:center;
  }
  .sec_04 .more .u-btn{
    margin:0 auto;
  }
}
/* end/sec_04 */



/* top_sec_03 */
.top .sec_03{
  padding:8rem 0 0;
}
.top .sec_03 .flow_wrap{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin:3rem 0 5rem;
}
.top .sec_03 .flow_wrap .item{
  width: calc(31.7% - 4rem);
}
.top .sec_03 .flow_wrap .item .img{
  padding:2rem;
  position:relative;}
.top .sec_03 .flow_wrap .item .img::after{
  content:'';
  display:block;
  width:58px;
  height:58px;
  background:url(../img/icon_arrow_g.svg) no-repeat center / contain;
  position:absolute;
  top:50%;
  right:-7.5rem;
  transform:translateY(-50%);
}
.top .sec_03 .flow_wrap .item:last-child .img::after{
  content:none;
}
.top .sec_03 .flow_wrap .item img{
  filter: drop-shadow(0px 0px 10px rgba(29, 96, 204, 0.35));
}
.top .sec_03 .flow_wrap .item h3{
  font-size:2.3rem;
  color:#1D60CC;
  text-align:center;
  margin-bottom:0.5em;
}
.top .sec_03 .flow_wrap .item p{
  font-weight:700;
  display:flex;
  justify-content:center;
}
.sec .job_btn{
  max-width: 505px;
  width:100%;
  height: 102px;
  background: linear-gradient(#f59a12 0%, #f24f07 100%);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.7rem;
  color:#fff;
  border-radius:3px;
}
.sec .job_btn::before{
  content:'';
  display:inline-block;
  width:1em;
  height:1em;
  background:url(../img/common/icon_search_w.svg) no-repeat center / contain;
  margin-right:0.5em;
}
@media only screen and (max-width: 1200px), (max-device-width: 1200px) {
  .top .sec_03 .flow_wrap .item h3{
    font-size:2rem;
  }
  .top .sec_03 .flow_wrap .item h3 br{
    display:none;
  }
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .top .sec_03 .flow_wrap{
    flex-direction:column;
    gap:8rem;
  }
  .top .sec_03 .flow_wrap .item{
    width:100%;
    max-width:400px;
    margin:0 auto;
    position:relative;
  }
  .top .sec_03 .flow_wrap .item::after{
    content:'';
    display:block;
    width:46px;
    height:46px;
    background:url(../img/icon_arrow_g.svg) no-repeat center / contain;
    position:absolute;
    bottom:-7rem;
    left:50%;
    transform:rotate(90deg) translateY(50%);
  }
  .top .sec_03 .flow_wrap .item:last-child::after{
    content:none;
  }
  .top .sec_03 .flow_wrap .item .img{
    padding:2rem 6rem;
  }
  .top .sec_03 .flow_wrap .item .img::after{
    content:none;
  }
  .top .sec_03 .flow_wrap .item h3{
    font-size:2.2rem;
  }
  .top .sec_03 .flow_wrap .item h3 br{
    display:block;
  }
  .sec .job_btn{
    max-width:340px;
    height: 80px;
    font-size:2.4rem;
  }
  .sec .job_btn::before{
    content:'';
    display:inline-block;
    width:1em;
    height:1em;
    background:url(../img/common/icon_search_w.svg) no-repeat center / contain;
    margin-right:0.5em;
  }
}
/* end/top_sec_03 */