.pageTtl{
 background: url(../img/recruit/ttlbg.jpg) center center;
 background-size: cover;
}

.recruitBtn{
 position: fixed;
 right: 5px;
 top: 175px;
 background: var(--colorBlue);
 color: #fff;
 width: 58px;
 height: 58px;
 border-radius: 50%;
 font-size: 12px;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1.4em;
 border:solid 3px #fff;
 z-index: 2;
}
.recruitBtn a{
 display: block;
}

.anchor>li>a{
 background: var(--colorBlue);
}
.anchor>li>a:hover{
 background: #3366aa;
}

#sec_info .mainList{
 display: flex;
 justify-content: center;
 width: 100%;
}
#sec_info .mainList li{
 width: 15%;
 text-align: center;
}
#sec_info .secBorder{
 background: linear-gradient(0deg, rgba(255,255,0,0.4) 0%, rgba(255,255,0,0.4) 50% , transparent 50%, transparent 100%);
 padding: 2px 10px;
}
#sec_info .secBox{
 text-align: center;
}
#sec_info .secBox .inner{
 display: inline-block;
 border:solid 1px #fff;
 color: #fff;
 padding: 10px;
}

#sec_info .secBox2{
 display: flex;
 flex-wrap: wrap;
}
#sec_info .secBox2 .box{
 width: 49%;
 margin-right: 2%;
 margin-bottom: 20px;
}
#sec_info .secBox2 .box:nth-child(2n){
 margin-right: 0%;
}
#sec_info .secBox2 .ttl{
 background: var(--colorBlue);
 color: #fff;
 padding: 5px 10px;
 display: flex;
 align-items: center;
 margin-bottom: 15px;
}
#sec_info .secBox2 .ttl .icon{
 margin-right: 10px;
 text-align: center;
 min-width: 1.5em;
}
#sec_info .secBox2 .box{

}

#sec_info .secList{
 display: flex;
 flex-wrap: wrap;
}
#sec_info .secList li{
 width: 49%;
 background: #fff;
 border-radius: 5px;
 margin-right: 2%;
 text-align: center;
 border: solid 1px #ccc;
 padding: 10px;
 box-sizing: border-box;
 margin-bottom: 10px;
}
#sec_info .secList li:nth-child(2n){
 margin-right: 0%;
}
#sec_info .secList2{
 display: flex;
 align-items: center;
 border-radius: 10px;
 overflow: hidden;
 border:solid 1px var(--colorBlue);
 background: var(--colorBlue);
 width: 100%;
}
#sec_info .secList2 dt{
 background: var(--colorBlue);
 color: #fff;
 padding: 5px 10px;
 width: 3em;
 text-align: center;
}
#sec_info .secList2 dd{
 padding: 5px 10px;
 background: #fff;
 width: calc(100% - 3em);
 text-align: center;
}

#sec_career .secList li .secSttl{
 text-align: center;
}
#sec_career .secList li.c1{
 background: url(../img/recruit/bg1.jpg) no-repeat center center;
 background-size: cover;
}
#sec_career .secList li.c1 .secSttl{
 background: #fff;
 color: #46aaca;
 padding: 0px 10px;
 max-width: 60%;
}
#sec_career .secList li.c2{
 background: url(../img/recruit/bg2.jpg) no-repeat center center;
 background-size: cover;
}
#sec_career .secList li.c2 .secSttl{
 background: #fff;
 color: #307dcc;
 padding: 0 10px;
 max-width: 60%;
}
#sec_career .secList li.c3{
 background: url(../img/recruit/bg3.jpg) no-repeat center center;
 background-size: cover;
}
#sec_career .secList li.c3 .secSttl{
 background: #fff;
 color: #566ec6;
 padding: 0 10px;
 max-width: 60%;
}
#sec_career .secList li.c4{
 background: url(../img/recruit/bg4.jpg) no-repeat center center;
 background-size: cover;
}
#sec_career .secList li.c4 .secSttl{
 background: #fff;
 color: #7769be;
 padding: 0 10px;
 max-width: 60%;
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {

 .recruitBtn{
  right: 8px;
  top: 165px;
 }

 #sec_info .mainList{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 }
 #sec_info .mainList li{
  width: 25%;
  text-align: center;
  margin-bottom: 20px;
 }

 #sec_info .secBox2{
  display: flex;
  flex-wrap: wrap;
 }
 #sec_info .secBox2 .box{
  width: 100%;
  margin-right: 0%;
  margin-bottom: 20px;
 }
 #sec_info .secBox2 .box:nth-child(2n){
  margin-right: 0%;
 }
 #sec_info .secBox2 .sp-o1{
  order: 1;
 }
 #sec_info .secBox2 .sp-o2{
  order: 2;
 }
 #sec_info .secBox2 .sp-o3{
  order: 3;
 }
 #sec_info .secBox2 .sp-o4{
  order: 4;
 }
 #sec_info .secBox2 .sp-o5{
  order: 5;
 }
 #sec_info .secBox2 .sp-o6{
  order: 6;
 }
 #sec_info .secBox2 .sp-o7{
  order: 7;
 }



 #sec_career .secList li.c1{
  background: url(../img/recruit/bg1_sp.jpg) no-repeat center right;
  background-size: cover;
 }
 #sec_career .secList li.c2{
  background: url(../img/recruit/bg2_sp.jpg) no-repeat center right;
  background-size: cover;
 }
 #sec_career .secList li.c3{
  background: url(../img/recruit/bg3_sp.jpg) no-repeat center right;
  background-size: cover;
 }
 #sec_career .secList li.c4{
  background: url(../img/recruit/bg4_sp.jpg) no-repeat center right;
  background-size: cover;
 }
 #sec_career .secList li .inner{
  max-width: 350px;
 }
}

/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 600px) {
 #sec_info .mainList{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
 }
 #sec_info .mainList li{
  width: 49%;
  margin-right: 2%;
 }
 #sec_info .mainList li:nth-child(2n){
  margin-right: 0px;
 }
 #sec_career .secList li{
  width: 100% !important;
 }
}