main{
   overflow-x: hidden;
}

@media screen and (min-width: 781px){
   main{
      min-width: 1000px;

   }
}

.main_area{
   width: 100%;
}



@media screen and (max-width: 780px){
   .career_top,.career_list{
      width:90%;
      margin:0px auto;
   }
}

.career_list>div{
   padding-top:50px;
   padding-bottom:100px;
}

.career_top{
   margin-bottom:3.7%;
}

.career_catch{
   margin:2% 0 2%;
   font-size:16px;
}

@media screen and (max-width: 780px){
   .career_catch{
      margin:10% 0 5%;
      line-height:1.8;
   }
   .m_txt{
      margin: 10px 0 30px;
      font-size: 13px;
      text-align: justify;
      line-height: 2;
   }
}

main.about_02 section.s_02.carrer_img-box{
   padding-top:20px;
   padding-bottom:20px;
}

.career_img-attention-sp{
   display: none;
}

@media screen and (max-width: 780px){
   main.about_02 section.s_02.carrer_img-box img{
      width:1000px;
   }
   .career_img_area{
      width:90%;
      margin:0px auto;
      overflow-x: scroll;
   }
   .career_img-attention-sp{
      display: block;
      background-color: #333;
      color:#fff;
      font-size:16px;
      display: inline-block;
      margin-left:5%;
      padding:0.5em;
      margin-bottom:1%;
   }
}

.career_area{
   margin-top:10%;
}

@media screen and (max-width: 780px){
   .career_area{
      margin-top:100px;
   }
   #area_hokkaido{
      margin-top:50px;
   }
}





.career_area-title{
   box-sizing: border-box;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 1.8% 2% 1.5%;
   background: #f0f0f0;
   font-size:17px;
   letter-spacing: 0.2em;
   font-weight: bold;
}
@media screen and (max-width: 780px){
   .career_area-title{
      padding:3%;
      font-size:18px;
   }
}
.career_item{
   margin-top:20px;
}

@media screen and (min-width: 781px){
   .career_item{
      display: flex;
      width:100%;
      justify-content: space-between;
      position: relative;
   }
}

@media screen and (max-width: 780px){
   .career_item{
      width:95%;
      margin:20px auto;
   }
   .career_item+.career_item{
      border-top:1px solid #ccc;
      padding-top:20px;
   }
}

.career_item:after{
   content:"";
   width:1px;
   height:100%;
   position: absolute;
   background-color: #000;
   top:0;
   left:0;
   right:0;
   display: block;
   margin:0 auto;
}

@media screen and (max-width: 780px){
   .career_item:after{
      content:none;
   }
}

@media screen and (min-width: 781px){
   .career_item>div{
      width:49%;
   }
}

.career_item-name{
   display: flex;
   justify-content: center;
   align-items: center;
}

@media screen and (max-width: 780px){
   .career_item-name{
      justify-content:left;
   }
}

.career_item-name h4{
   font-size:26px;
}

@media screen and (max-width: 780px){
   .career_item-name h4{
      font-size:6vw;
   }
}

.career_item-name h4 span{
   display: block;
   font-size:16px;
}

.career_item-name-sub{
   display: inline-block;
   padding:10px 20px;
   background-color: #595757;
   color:#fff;
   margin-top:10px;
}

.career_item-detail{
   padding:10px 0px;
}

.career_table ul{
   display: flex;
   border-top:1px solid #ccc;
}

@media screen and (max-width: 780px){
   .career_table ul{
      margin-top:20px;
      display: block;
      border-bottom:1px solid #ccc;
   }
}


.career_table ul:last-child{
   border-bottom:1px solid #ccc;
}

.career_table li.head{
   background-color: #595757;
   font-size:16px;
   width: 175px;
   text-align: center;
   box-sizing: border-box;
   padding:20px 10px;
   color:#fff;
}
@media screen and (max-width: 780px){
   .career_table li.head{
      padding:10px;
      width: 100%;
      
   }
}
.career_table li{
   padding:20px 10px;
}

.career_item-btn{
   margin-top:10px;
}

.career_item-btn a{
   display: block;
   box-sizing: border-box;
   background-color: #e1e1e1;
   position: relative;
   padding:20px;
   font-size:16px;
   text-align: center;
}

.career_item-btn a:after{
   content:"";
   display: block;
   position: absolute;
   height:0;
   width: 0;
   border:5px solid transparent;
   border-right:5px solid #f00;
   border-bottom:5px solid #f00;
   right:5px;
   bottom:5px;
}

.carrer_anker{
   display: block;
   margin-top:40px;
}

.carrer_anker ul{
   display: flex;
   flex-wrap: wrap;
}

.carrer_anker li{
   margin-right:20px;
   margin-bottom:10px;
   display: block;
}

.carrer_anker li a{
   border:2px solid #ccc;
   padding:10px 30px 10px 10px;
   display: block;
   position: relative;
}

.carrer_anker li a:after{
   content:"";
   display: block;
   position: absolute;
   top:0;
   bottom:0;
   right:10px;
   margin:auto 0px;
   height:16px;
   width:16px;
   background-image: url(/career/images/anker_icon.svg);
   background-size: cover;
   background-repeat: no-repeat;
}

@media screen and (max-width: 780px){
   .carrer_anker ul{
      justify-content: space-between;
   }
   .carrer_anker li{
      width:calc(50% - 10px);
      margin:0px 0px 20px;
   }
}