@charset "UTF-8";

/* =======================================================
* sub_main
* ======================================================= */
#sub_main {
  background: url(../images/bg-merit.jpg) no-repeat center bottom 20% /cover;
}

/* =======================================================
* merit
* ======================================================= */
#merit .flex {
  margin-bottom: 80px;
}
#merit .pc_img {
  width: 50%;
  height: 330px;
  border-radius: 10px;
  display: block;
}
#merit .img01 {
  background: url(../images/merit01.jpg) no-repeat center bottom/cover;
}
#merit .img02 {
  background: url(../images/merit02.jpg) no-repeat center /cover;
}
#merit .img03 {
  background: url(../images/merit03.jpg) no-repeat center /cover;
}
#merit .img04 {
  background: url(../images/merit04.jpg) no-repeat center /cover;
}
#merit .img05 {
  background: url(../images/merit05.jpg) no-repeat center /cover;
}
#merit .merit_txt {
  width: 40%;
  margin: 0 auto;
}
#merit .sp_img {
  display: none;
}
/* radio */
#merit .radio {
  margin-top: 100px;
}
#merit .radio .linkBtn {
  margin-top: 30px;
}

@media screen and (max-width:768px) {
  #merit .flex {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 50px;
  }
  #merit .pc_img {
    display: none;
  }
	#merit .sp_img {
    width: 100%;
    display: block;
    border-radius: 10px;
    height: 170px;
    margin-bottom: 15px;
  }
  #merit .merit_txt {
    width: 100%;
  }
  #merit .radio {
   margin-top: 50px;
  }
}