@charset "UTF-8";
/* CSS Document */

.merit{ text-align: center;}
.merit *{ margin: 2.0rem 0 0 0; }
.merit h1{ font-size: 228%; color: #B46576; font-weight: bold; position: relative;}
.merit h1::after{ content: ''; width: 30px; height: 2px; overflow: hidden; background: #000000; display: block; margin: 0.5em  auto 0 auto;}
.merit h2{ font-size: 228%; color: #B46576; font-weight: bold; padding: 1.0em 0;}
.merit h3{ font-size: 228%; color: #B46576; font-weight: bold; display: flex; justify-content: center; align-items: center; gap: 0 0.5em; text-align: left;}
.merit h3 img{ display: block; margin: 0; height: 2.5em !important; width: auto;}
.merit article{ margin: 5.0em 0 0 0;}
.merit p{ margin: 1.0em 0 0 0 !important; padding: 0;}

.demerit h2,
.demerit h3{ color: #868686;}

@media (max-width: 480px){
  .merit h1{ font-size: 150%;}
  .merit h2{ font-size: 150%; padding: 1.0em;}
  .merit h3{ font-size: 150%;}
  .merit p{ text-align: left;}
  
}