@charset "UTF-8";

.research_box{}
.research_ttl{
  font-size: 34px;
  text-align: center;
  margin-bottom: 31px;
  font-weight: 700;
}
.research_mes{
  margin-bottom: 20px;
  line-height: 2;
  margin: 0 0 61px;
}

/* -------------------------------- */
.research_data1{
  background: #fff;
  border-radius: 20px;
  display: flex;
  justify-content:space-between;
  padding: 70px 7.4%;
}

.research_detail{
  width: 48%;
}

.research_detail_box{}
.research_detail_box:nth-child(n+2){
  margin-top: 30px;
}
.research_detail_ttl{
  background: #11a688;
  font-size: 18px;
  border-radius: 12px 12px 0 0;
  line-height: 1.4;
  border-bottom: 1px solid #fff;
  font-weight: 700;
  color: #fff;
  padding: 14.6px 20px;
  text-align: center;
}
.research_detail_list{
  background: #ecf8f6;
  border-radius: 0 0 12px 12px;
  padding: 21px 5.6%;
}
.research_detail_list li{
  padding: 0 0 0 14px;
  position: relative;
  z-index: 1;
  font-size: 15px;
}
.research_detail_list li:nth-child(n+2){
  margin-top: 7px;
}
.research_detail_list li:before{
  content: "";
  z-index: 1;
  position: absolute;
  background: #11a688;
  width: 6px;
  height: 6px;
  top: 12px;
  left: 0;
  border-radius: 10px;
}




.research_challenge{
  width: 48%;
}
.research_challenge_ttl{
  position: relative;
  z-index: 1;
  font-size: 22px;
  padding: 8px 0;
  margin-bottom: 24px;
  font-weight: 700;
}

.research_challenge_ttl:before{
  content: "";
  z-index: 1;
  position: absolute;
  
  background: #d2d6d5;
  height: 1px;
  top:0;
  right:0;
  left: 0;
}

.research_challenge_ttl:after{
  content: "";
  z-index: 2;
  position: absolute;
  background: #11a688;
  height: 2px;
  top:0;
  left: 0;
  width: 70px;
}

.research_challenge_list{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.research_challenge_list li{
    width: calc(50% - 5px);
    display: flex;
    flex-direction: column;
}
.research_challenge_list li:nth-child(n+3){
  margin-top: 10px;
}
.research_challenge_list_ttl{
  background: #dadfde;
  font-size: 18px;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #fff;
  font-weight: 700;
  text-align: center;
  padding: 8px 10px;
}
.research_challenge_main{
  background: #f4f5f5;
  border-radius: 0 0 12px 12px;
  padding: 15px 12%;
  flex: 1;
}
.research_challenge_img{
  width: 90px;
  margin: 0 auto 13px;
}
.research_challenge_mes{
  font-size: 15px;
}



@media screen and (max-width: 1383px){
  .research_ttl{
    font-size: 2.46vw;
}
}

@media screen and (max-width: 1080px){
  .research_data1{
    display: block;
  }
  .research_detail {
    width: auto;
  }
  .research_challenge {
      width: auto;
      margin: 61px 0 0;
  }

}


/* -------------------------------- */
.research_data2{
    margin-top: 78px;
}
.research_data2_ttl{
  font-size: 24px;
  padding: 0 8px;
  font-weight: 700;
}
.research_data2_mes{}

.research_data2_list{
    margin: 20px 0 0;
}
.research_data2_list li{
    padding: 0 0 0 20px;
    position: relative;
    z-index: 1;
    font-size: 15px;
}
.research_data2_list li:nth-child(n+2){
    margin-top: 5px;
}
.research_data2_list li:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: #11a688;
    width: 6px;
    height: 6px;
    top: 12px;
    left: 0;
    border-radius: 10px;
}


/* -------------------------------- */

/*---------------------------------------------------------
  ホバー (PCのみ)
---------------------------------------------------------*/

@media screen and (min-width: 768px) {

}



/*---------------------------------------------------------
    スマホ
---------------------------------------------------------*/

@media screen and (max-width: 767px) {


  .research_box{}
  .research_ttl{
    font-size: 5.4vw;
    margin-bottom: 7.3vw;
}
  .research_mes{
    margin: 0 0 40px;
}

  /* -------------------------------- */
  .research_data1{
    padding: 16px 5%;
}

  .research_detail{}

  .research_detail_box{}
  .research_detail_box:nth-child(n+2){
    margin-top: 17px;
}
  .research_detail_ttl{
    font-size: 4vw;
    padding: 10.6px 10px;
}
  .research_detail_list{
    padding: 14px 5%;
}
  .research_detail_list li{
    font-size: 13px;
}
  .research_detail_list li:nth-child(n+2){
    margin-top: 3px;
}
  .research_detail_list li:before{
    top: 8px;
}




  .research_challenge{}
  .research_challenge_ttl{
    font-size: 5vw;
}

  .research_challenge_ttl:before{}

  .research_challenge_ttl:after{}

  .research_challenge_list{}
  .research_challenge_list li{}
  .research_challenge_list li:nth-child(n+3){}
  .research_challenge_list_ttl{
    font-size: 4vw;
}
  .research_challenge_main{}
  .research_challenge_img{
    width: 65%;
}
  .research_challenge_mes{
    font-size: 13px;
}



  /* -------------------------------- */
  .research_data2{
    margin-top: 55px;
}
  .research_data2_ttl{
    font-size: 20px;
}
  .research_data2_mes{}

.research_data2_list{
    margin: 12px 0 0;
}
.research_data2_list li{
  font-size: 13px;
  padding: 0 0 0 15px;
}
.research_data2_list li:nth-child(n+2){}
.research_data2_list li:before{
    top: 8px;
}


  /* -------------------------------- */

}