/******contents******/
* {
  box-sizing: border-box;
}
.bt_bace2:hover{
  transition: 1s;
  transform: translateY(0px);
  background-color:#feffac/*#bae6ff*/;
 /* cursor: pointer;*/
align-items: center;
}

/***************************************/ 
@media (min-width:768px) and (max-width:769px) { 
  body{padding-bottom:50px;} 
}


/**********募集技術****************************/ 
@media (min-width:768px) {

  hr.line{
    margin-bottom: 30px;}

.cont03{margin-bottom: 100px;}
.cont03 .read{text-align: center; margin: 20px auto 25px; font-size: 1rem;}
.cont03 .read03{text-align: center; margin: 100px auto 0; font-size: 1rem;}
  .con03_bt_all_box{
    width: 100%;
    max-width: 870px;
    display:flex;
    flex-flow:row wrap;
    justify-content:left;
    margin: 0 auto ;
  }

  .bt_bace{
    width: 160px;
    height: 50px;
    margin: 6px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    line-height: 40px;
    border-radius: 12px;
    background:url(../images/con03_mk.png),linear-gradient(0deg, #1C43B8 0%, #415BFF 100%);
    transition: .3s;
    background-position: center bottom;
    background-repeat: no-repeat;
    font-family:'メイリオ', 'Meiryo', sans-serif;
  }
  .bt_bace a{color: #fff; display: block;}
  .bt_bace:hover{opacity: 0.4;}


.read02{
  background-color:#F5F5F5 ;
  margin: 30px auto;
  padding: 30px;
  width: 90%;
  max-width: 870px;
  text-align: center;
}

hr.line2{
  margin: 40px auto;
  text-align: center;
  border-top: 1px dashed #979797;
  width:90%;
  max-width: 1000px;}

.con03_pic{
  width: 300px;
margin: 0 auto;
  text-align: center;
  padding-top: 85px;
  font-family:'メイリオ', 'Meiryo', sans-serif;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}

.con03_pic .tit{
  color:#415bFF;
  font-weight: bold;
  font-size:1.875rem;
  font-family:'メイリオ', 'Meiryo', sans-serif;
}

.pic01{background: url(../images/con03_01.svg) no-repeat center top; background-size: 27%;}
.pic02{background: url(../images/con03_02.svg) no-repeat center top; background-size: 27%;}
.pic03{background: url(../images/con03_03.svg) no-repeat center top; background-size: 27%;}
.pic04{background: url(../images/con03_04.svg) no-repeat center top; background-size: 27%;}
.pic05{background: url(../images/con03_05.svg) no-repeat center top; background-size: 27%;}
.pic06{background: url(../images/con03_06.svg) no-repeat center top; background-size: 27%;}
.pic07{background: url(../images/con03_07.svg) no-repeat center top; background-size: 27%;}
.pic08{background: url(../images/con03_08.svg) no-repeat center top; background-size: 27%;}
.pic09{background: url(../images/con03_09.svg) no-repeat center top; background-size: 27%;}

ul.box01{}

.box,.box_c{
  max-width: /*1060px*/960px;
      width: 100%;
      margin: 50px auto;
      opacity: 0;
      transition: 1s;
      transform: translateY(10px); 
    }
    
.box{display:flex;
  flex-flow:row wrap;
  justify-content:flex-start;}
.box_c{display:flex;
  flex-flow:row wrap;
  justify-content:center;
  margin: 30px auto ; 
          
        }

.mov .box,.mov .box_c{
      opacity: 1;
      transform: translateY(0px);}

/*--botan pc--*/
.bt_bace2,.bt_bace2_no{
  max-width: 220px;
  width: 26%;
  margin: 10px;
  height: /*140px*/120px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  align-items: center;
  display: flex;
  color: #000;
  font-size: 1rem;
  border-radius: 8px;
}


.bt_bace2{border: 2px solid #1586F9;
  font-family:'メイリオ', 'Meiryo', sans-serif;
  box-shadow: 0 0 15px 0 rgba(140, 140, 140, 0.5);}

.bt_bace2_no{
  opacity: 0.2;
  border: 2px solid #b6b6b6;
}

.bt_bace2:hover{
  transition: 1s;
  transform: translateY(0px);
  background-color:#feffac/*#bae6ff*/;
 /* cursor: pointer;*/
align-items: center;
}

.pic01_no{
  background: url(../images/con03_01.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic02_no{
  background: url(../images/con03_02.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic03_no{
  background: url(../images/con03_03.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic04_no{
  background: url(../images/con03_04.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic05_no{
  background: url(../images/con03_05.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic06_no{
  background: url(../images/con03_06.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic07_no{
  background: url(../images/con03_07.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic08_no{
  background: url(../images/con03_08.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic09_no{
  background: url(../images/con03_09.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}

.fc_blue{color: #1C43B8;}


  }


/***************************************/ 
@media (min-width:1024px) { 
 /* .bt4_no{display: none!important;}*/
  }

    
/***************************************/ 
  @media (min-width:768px) and (max-width:950px) {


    .con03_bt_all_box{
      width: 680px;
      margin: 0 auto ;
    }

    .bt_bace{
      width: 19%;
      height: 44px;
      margin: 3px;
      text-align: center;
      color: #fff;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: 31px;
      border-radius: 6px;
      background:url(../images/con03_mk.png),linear-gradient(0deg, #1C43B8 0%, #415BFF 100%);
      transition: .3s;
      background-position: center bottom;
      background-repeat: no-repeat;
      font-family:'メイリオ', 'Meiryo', sans-serif;
    }
  }

/***************************************/ 
@media (max-width:1173px) { 

  .box,.box_c{display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;}
  .bt_bace2,.bt_bace2_no{
    width: 26%;
    height: 110px;
    margin: 1%;}
        }

/***************************************/ 
@media (max-width:1024px) { 

  .box,.box_c{/**/width:880px; margin: 0 auto;}
  .bt_bace2,.bt_bace2_no{
    width: /*190px*/195px;
    height: 110px;
    margin:6px auto;}
        }

/***************************************/ 
@media (max-width:912px) { 
.box,.box_c{width: 610px/*680px*/; margin: 0 auto;}
}


/***************************************/ 
@media (max-width:767px) {

 .bt2_no{display: none!important;}

  body{padding-bottom: 60px;}
  .cont03{margin-bottom: 50px;}

  .con03_bt_all_box{
    width: 100%;
    max-width: 870px;
    display:flex;
    flex-flow:row wrap;
    justify-content:left;
    margin: 0 auto ;
  }

  .bt_bace{
    width: 19%;
    height: 40px;
    margin: 1px;
    text-align: center;
    color: #fff;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 31px;
    border-radius: 6px;
    background:url(../images/con03_mk.png),linear-gradient(0deg, #1C43B8 0%, #415BFF 100%);
    transition: .3s;
    background-position: center bottom;
    background-repeat: no-repeat;
    font-family:'メイリオ', 'Meiryo', sans-serif;
  }
  .bt_bace a{color: #fff; display: block;}
  .bt_bace:hover{opacity: 0.4;}

  .bt_bace_no{
    width: 19%;
    height: 40px;
 }


.read02{
  background-color:#F5F5F5 ;
  margin: 30px auto;
  padding: 20px 0;
  width: 95%;
  text-align: center;
}

hr.line2{
  margin: 40px auto;
  text-align: center;
  border-top: 1px dashed #979797;
  width:95%;}


.con03_pic{
    width: 100%;
  margin: 0 auto;
    text-align: center;
    padding-top: 85px;
    font-family:'メイリオ', 'Meiryo', sans-serif;
    color: #000;
    font-size: 1.5rem;
    font-weight: bold;
  }
  
  .con03_pic .tit{
    color:#415bFF;
    font-weight: bold;
    font-size:1.875rem;
    font-family:'メイリオ', 'Meiryo', sans-serif;
  }
  
  .pic01{background: url(../images/con03_01.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic02{background: url(../images/con03_02.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic03{background: url(../images/con03_03.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic04{background: url(../images/con03_04.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic05{background: url(../images/con03_05.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic06{background: url(../images/con03_06.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic07{background: url(../images/con03_07.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic08{background: url(../images/con03_08.svg) no-repeat center top; /*background-size: 27%;*/}
  .pic09{background: url(../images/con03_09.svg) no-repeat center top; /*background-size: 27%;*/}

ul.box01{}

.box{
width: 100%;
margin: 40px auto 60px;
opacity: 0;
transition: 1s;
transform: translateY(10px);
display:flex;
flex-flow:row wrap;
justify-content:center;
margin: 30px auto; 
    }

.box_c{
width: 100%;
margin: 50px auto;
opacity: 0;
transition: 1s;
transform: translateY(10px);
display:flex;
flex-flow:row wrap;
justify-content:center;
margin: 30px auto ; 
        }

.mov .box,.mov .box_c{
opacity: 1;
transform: translateY(0px);}

/*--botan--*/
.bt_bace2,.bt_bace2_no{
  width: /*40%*/48%;
  height: 110px;
  margin: 1%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  align-items: center;
  display: flex;
  color: #000;
  font-size: 0.875rem;
  border-radius: 8px;}

  .bt_bace2{border: 2px solid #1586F9;
  font-family:'メイリオ', 'Meiryo', sans-serif;
  box-shadow: 0 0 10px 0 rgba(140, 140, 140, 0.5);}

.bt_bace2_no{border: 2px solid #b6b6b6; opacity: 0.2;}

.pic01_no{
  background: url(../images/con03_01.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic02_no{
  background: url(../images/con03_02.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic03_no{
  background: url(../images/con03_03.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic04_no{
  background: url(../images/con03_04.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic05_no{
  background: url(../images/con03_05.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic06_no{
  background: url(../images/con03_06.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic07_no{
  background: url(../images/con03_07.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic08_no{
  background: url(../images/con03_08.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}
.pic09_no{
  background: url(../images/con03_09.svg) no-repeat center center,#b6b6b6;
  background-size: 35%;}

.fc_blue{color: #1C43B8;}


}


/**********************************************/ 
@media (min-width:667px) and (max-width:767px) { 

  .pic01,.pic02,.pic03,.pic04,.pic05,.pic06,.pic07,.pic08,.pic09 {background-size: 14%;}
  }


/**********************************************/ 
@media (min-width:561px) and (max-width:666px) { 
  .pic01,.pic02,.pic03,.pic04,.pic05,.pic06,.pic07,.pic08,.pic09 {background-size: 16%;}
  }

/***************************************/ 
@media (max-width:560px) { 
  .pic01, .pic02, .pic03, .pic04, .pic05, .pic06, .pic07, .pic08, .pic09{background-size: 18%!important;}
        }

/***************************************/ 
@media (max-width:412px) { 
  .pic01, .pic02, .pic03, .pic04, .pic05, .pic06, .pic07, .pic08, .pic09{background-size: 27%!important;}
.bt_bace2,.bt_bace2_no{font-size: /*0.8125*/0.875rem!important;
    padding-left: 5px!important;
  padding-right: 5px!important;}
        }

/***************************************/
@media (max-width:330px) { 
.bt_bace2, .bt_bace2_no {
  padding-left: 4px !important;
  padding-right: 4px !important;}
        }


/***************************************/ 
@media (min-width:913px)  { 
  .bt4_no{display: none!important;}
}

/***************************************/ 
@media (min-width:768px) and (max-width:912px) {
.bt3_no{display: none!important;}
}