@charset "UTF-8";
/**
 *  教育
 *
 */
.tit-sub {
  color: #000;
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem; }

/* ==========================================================================
テーブルレイアウト
   ========================================================================== */
/*comonn.cssを上書き */
.tbl-cmn {
  width: 70%; }
  .tbl-cmn th {
    width: auto; }
  .tbl-cmn td {
    vertical-align: top; }
    .tbl-cmn td a {
      color: #6d6d6d;
      text-decoration: underline; }
    .tbl-cmn td a:hover {
      color: #6d6d6d;
      text-decoration: none; }
  .tbl-cmn .border-non {
    border-right: none; }

.detail-cell {
  clear: both;
  display: table;
  width: 100%;
  border-top: 1px solid #e5e5e5; }
  .detail-cell th {
    background: none !important;
    font-weight: bold; }

.list-sub {
  margin: 20px 0 20px;
  margin-left: 1.5rem; }
  .list-sub li {
    list-style: disc;
    color: #6d6d6d; }

@media screen and (max-width: 767px) {
  .tbl-cmn th {
    width: 50px; } }

.news-box {
  margin-bottom: 40px; }
  .news-box .tbl-cmn {
    margin-bottom: 10px; }
    .news-box .tbl-cmn th {
      width: 20%; }
  .news-box .noto {
    color: #f00;
    margin-top: 20px; }
    .news-box .noto li {
      margin-bottom: 10px; }

.tbl-w100 {
  width: 100%; }

.txt-block {
  display: block;
  margin-top: 7px; }

@media screen and (max-width: 767px) {
  .news-box .tbl-cmn {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .tbl-w100-sp {
    width: 100%; } }

/* ==========================================================================
横並びボタンレイアウト
   ========================================================================== */
#education .btn-area p {
  display: inline-block;
  margin: 0 15px; }

@media screen and (max-width: 767px) {
  #education .btn-area p {
    display: block;
    margin-bottom: 20px; } }

/*英語ページ用*/
@media screen and (min-width: 768px) {
  #education .btn-area-en-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 90px 5%; }
    #education .btn-area-en-flex p {
      display: block;
      margin: 0 0 20px;
      width: 48.5%; }
      #education .btn-area-en-flex p:nth-child(odd) {
        padding-right: 3%; }
      #education .btn-area-en-flex p:last-child {
        margin-bottom: 0; }
      #education .btn-area-en-flex p a {
        width: 100%; } }

/* ==========================================================================
リンク
   ========================================================================== */
.box-txt a {
  color: #6d6d6d;
  text-decoration: underline; }

.box-txt a:hover {
  color: #6d6d6d;
  text-decoration: none; }

.link-style01 img {
  vertical-align: middle; }

/* ==========================================================================
その他
   ========================================================================== */
.program-detail-wrap {
  margin-bottom: 40px; }