/* TOPページバナー箇所 */

.container {
    display: flex;
    flex-direction: row; /* PCでは2カラム（横並び） */
    max-width: 80%;
    margin: 25px auto;
}

.box {
    background-color: #fff;
    text-align: center;
    margin: 0px 20px 0px 20px;
    width: 50%; /* 2カラムにするための幅 */
}

/* スマホ（幅768px未満）では1カラム（縦並び） */
@media screen and (max-width: 767px) {
    .container {
        flex-direction: column; /* 縦並び */
        max-width: 100%;
    }

    .box {
        margin: 15px 0px;
        width: 100%; /* 1カラムにする */
    }
}

/* ここまで　TOPページバナー箇所 */

.info-top{
  width: 90%;
  margin: auto;
  border-bottom: thick double #00A692;
  padding-bottom: 50px;
}

.ttl-01{
  width:90%;
  font-size: 2em;
  margin 50px auto;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.12em;
  font-color: #00A692;
}