@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600;700&display=swap');


/* ページ内リンクの位置調整 */
section {
  margin-top: -60px;
  padding-top: 60px;
}

.navbar-nav {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 100%;
}



/*---navの装飾関連---*/

.nav-tabs .nav-link {
  /*border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;*/

	/*---追記---*/
	background-image: linear-gradient(to bottom, #fff,#dee2e6);
	border-color: #e9ecef #e9ecef #dee2e6;

}


/*---タブにフォーカスが移った時の装飾---*/

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;

	/*---追記---*/
	/*background: #A8D39B;*/
	background: linear-gradient(to bottom, #fff,#fee9e9);
  
}

/*---選択タブ（マウスポインタON時）の装飾---*/
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #ff9999;
  background: #FFF;
  border-color: #dee2e6 #dee2e6 #fff;

}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  /*background-color: #007bff;*/
}

/*---追記（重要！ページ表示時に初期選択タブの色を白に）---*/
.nav-tabs .active {

	background: #FFF;

}

.nav-item {

  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;

  /*text-align: center;*/
}

.web-font {

	font-family: "Kalam";
	/*---font-weight: 700;---*/

}

.heading{

  color: #ffffff;
  background-color: #1d4068;

}


body {
  font-family: 'Noto Serif JP', sans-serif;
  color:#1d4068;
}

.my_cursor {
  cursor: pointer;
}

.my_text-shadow{

    text-shadow: 2px 2px 13px #303030;

}

/*オフキャンパスの幅のカスタマイズ用*/
/* デフォルト（スマホ）: 70% */
.offcanvas-custom {
  --bs-offcanvas-width: 80vw;
}

/* タブレット以上: 60% */
@media (min-width: 768px) {
  .offcanvas-custom {
    --bs-offcanvas-width: 70vw;
  }
}

/* PC以上: 50% */
@media (min-width: 992px) {
  .offcanvas-custom {
    --bs-offcanvas-width: 60vw;
  }
}


#info-basic-table th,td,
#info-child-table th,td,
#info-staff-table th,td,
#info-enrolling-table th,td,
#info-policy-table th,td,
#info-child-rearing_support_services-table th,td,
#info-fee-table th,td,
#info-etc_fee-table th,td{

  vertical-align: middle;   /* 縦方向の中央揃え */

}

#info-basic-table tr th:nth-child(1),

#info-child-table tr th:nth-child(1),
#info-child-table tr td:nth-child(2),

#info-staff-table tr th:nth-child(1),
#info-staff-table tr td:nth-child(2),

#info-enrolling-table tr th:nth-child(1),
#info-enrolling-table tr td:nth-child(2),

#info-child-rearing_support_services-table tr th:nth-child(1),

#info-fee-table tr th:nth-child(1),

#info-etc_fee-table tr th:nth-child(1){

  text-align: center;

}

#info-basic-table td:nth-child(2),
#info-fee-table td:nth-child(2),
#info-etc_fee-table td:nth-child(2){

  padding-left: 1.5rem; /* 1.5remでBootstrapのps-4と同じ */

}

#info-policy-table li{

   line-height:2rem;

}

#info-basic-table th,
#info-staff-table th,
#info-enrolling-table th{

  background-color : #f2f2f2;

}

#info-child-table th{

  background-color : #fee9e9;

}


#info-child-rearing_support_services-table th{

  background-color : #e9f2fe;

}


#info-fee-table th,
#info-etc_fee-table th{

  background-color : #fffbcc;
  width: 35%;

}

#info-child-table th,
#info-staff-table th,
#info-enrolling-table th{
  width: 45%;
}


#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Arial, sans-serif;
  font-size: 1.5em;
  color: #555;
}