/* Scss Document */
.rough {
  background-image: url("../images/recommend/rough.jpg");
  height: 2368px;
  background-position: center top; }

.main-content {
  background-image: url("../images/recommend/bg-merit.jpg");
  background-size: cover;
  padding: 50px 0 80px; }
  @media only screen and (max-width: 800px) {
    .main-content {
      padding: 50px 0 0px; } }

.titblock {
  max-width: 90%;
  margin: 0 auto 70px; }
  @media only screen and (max-width: 800px) {
    .titblock {
      margin: 0 auto 40px; } }
  .titblock img {
    display: block;
    margin: 0 auto; }
  .titblock_1 {
    margin: 0 auto 60px; }
    @media only screen and (max-width: 800px) {
      .titblock_1 {
        margin: 0 auto 30px; } }
  .titblock_2 {
    margin: 0 auto; }

.wrap-merit {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
  max-width: 90%; }
  .wrap-merit li {
    width: 49%;
    max-width: 560px;
    margin: 0 0 60px;
    box-shadow: 0px 23px 31.5px 3.5px rgba(188, 172, 156, 0.24);
    border-radius: 10px; }
    @media only screen and (max-width: 800px) {
      .wrap-merit li {
        margin: 0 auto 60px;
        width: 100%; } }