.card2 {
    width: 28%;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    position:relative
}
.card3 {
  display: none;
}
.box1 {
	display: flex;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5%;
}
.card__desc1 {
font-size: 100%;
text-align: center;
margin-top: 3%;
margin-bottom: 3%;
font-weight: 600;
}

.card {
  width: 28%;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
}
.bunner2 {

	width: 67%;
}
.card-bunner {
}
.card__meta444 {
  text-align: center;
}
 .card__meta2 {
  flex-direction: column; 
    }


.card__img {
  width: 50%;
  height: auto;
	display: flex;
	justify-content: center;
	align-items: flex-end
}
.card__meta {
  display: flex;
  	justify-content: center;
	align-items: center;

}
.card__cat {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  background: #ffb300;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 14px;
}
.card__time {
  margin: 0 0 0 auto;
  font-size: 12px;
  color: #666;
}
.card__ttl {
  margin: auto;
  text-align: center!important;
  vertical-align: sub;
  font-size: 16px;
}
.card__desc {
  font-weight: 600;
	margin-block-start:0em;
	    margin-block-end: 0em;
    font-size: 16px;
}
.card__ttl span {
    color: #ff0000;
  font-size: 26px;
  margin-right: 10px;
  margin-left: 10px;
}


.philosophy-title0 {
	 padding: 0.2rem;
    margin-bottom: 0.2rem;
    
    font-weight: bold;
    font-size: 26px;
}
.jihan {
  display: block;
        margin: 0 auto;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 0px;
}

@media (min-width: 1921px) {
  .pc-theme {
    margin-top: 150px;
  }
  .pop1 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
  .card {
    width: 850px;
  } 
  .card1-2 {
    margin-left: 120px;
    margin-right: 120px;
    margin-bottom: 200px;
  }
  .card__ttl span {
    font-size: 54px;
    margin-right: 20px;
    margin-left: 20px;
  }
  .card__desc1 {
     font-size: 34px;
  }
  .card__desc {
    font-size: 34px;
  }
  .card__ttl {
    font-size: 34px;
  }
  .card__desc1 {
    margin-top: 30%;
  }

.box1 {
  margin-bottom: 10%;
}
.card {
  padding: 40px;
}
}

@media (max-width: 750px) {
  .sm11 {
      width: 70%;
      margin: auto;
      margin-bottom: 50px;
    }
    .card__ttl span {
      font-size: 18px;
    }
    .box1 {
      display: block;
    }
    .card {
      width: 100%;
      padding: 10px;
    }
    .card-bunner3 {
      display: block;
    }

    .card2 {
      display: none;
    }
    .card3{
      display: block;
          width: 100%;
          margin-top: 5%;
    padding: 10px;
            background: #fff;
    }
   .card__img {
    width: 40%;
   }
   .card__meta {
    height: 120px;
   }
    .card__desc1 {
      margin-top: 3%;
    }
    .card__desc {
      font-size: 14px;
    }
    .bunner3 {
      width: 90%;
      margin-bottom: 3%;
    }
  }