/* entry（お電話でのお申込み案内）
---------------------------------------- */
/* タイトルは規約ページ（kiyaku）と同じ枠のデザインにそろえる */
#entry #title {
  max-width: 1118px;
  width: calc(100% - 50px);
  margin: 60px auto 0;
  padding: 8px 0;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

main > .content .tel_entry {
  max-width: 820px;
  margin: 0 auto;
  padding: 20px 0 60px;
}

.tel_entry .lead {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
}

.tel_box {
  padding: 30px 20px;
  margin-bottom: 30px;
  border: 2px solid #0B57A0;
  border-radius: 10px;
}

.tel_box__name {
  font-size: 18px;
  font-weight: 600;
}

.tel_box__num {
  margin: 10px 0;
  font-size: 44px;
  font-weight: bold;
  line-height: 1.2;
}

.tel_box__num a {
  padding-left: 54px;
  color: #0B57A0;
  background: url("../img/icon_freedial.png") no-repeat left center / 44px auto;
  pointer-events: none;
}

.tel_box__hours {
  font-size: 15px;
}

.tel_entry .courses {
  padding: 20px 24px;
  background-color: #F8F8F8;
  border-radius: 10px;
  text-align: left;
}

.tel_entry .courses h2 {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
}

.tel_entry .courses dt {
  font-weight: 600;
}

.tel_entry .courses dd {
  margin-bottom: 8px;
  font-size: 15px;
}

/* お電話の前に確認してほしい規定へのリンク */
.tel_entry .before_call {
  padding: 16px 20px;
  margin-bottom: 30px;
  border: 1px solid #CCC;
  border-radius: 10px;
  text-align: left;
}
.tel_entry .before_call p {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
}
.tel_entry .before_call ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
}
.tel_entry .before_call li {
  font-size: 15px;
}
.tel_entry .before_call li::before {
  content: "＞ ";
  color: #0B57A0;
}
.tel_entry .before_call a {
  color: #0B57A0;
  text-decoration: underline;
}

.tel_entry .btns {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}

.tel_entry .btns .btn {
  width: calc(50% - 15px);
  margin: 0;
  border-color: #0B57A0;
  color: #0B57A0;
  font-size: 16px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #entry #title {
    font-size: 16px;
  }
  .tel_entry .lead {
    font-size: 15px;
    text-align: left;
  }
  .tel_box {
    padding: 20px 10px;
  }
  .tel_box__name {
    font-size: 15px;
  }
  .tel_box__num {
    font-size: 30px;
  }
  .tel_box__num a {
    padding-left: 38px;
    background-size: 32px auto;
    /* スマホではタップで発信できるようにする */
    pointer-events: auto;
  }
  .tel_box__hours {
    font-size: 13px;
  }
  .tel_entry .courses {
    padding: 16px;
  }
  .tel_entry .btns {
    gap: 16px;
  }
}