/*-----------入園説明会のタブ切り替え----------*/
.content_area {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 20px;
}

.tab-container {
  display: flex;
  flex-wrap: wrap;
}
.tab-container {
    margin: 0 0 120px 10%;
}
.tab {
	text-align: center;
	width: 330px;
	padding: 16px 0;
	background-color: #FFF;
	cursor: pointer;
	border-radius: 90px;
	border: solid 2px #dcdcdc;
	margin: 0 10px;
	box-sizing: border-box;
	transition: all 0.3s 0s ease;
	font-size: 17px;
	font-weight: bold;
	color: #C6C6C6;
}

.tab.active {
	background-color: #35C5B9;
	border: solid 2px #35C5B9;
	color: #FFF;
	transform: 2s;
}

.content {
  display: none; /*必須*/
}
.content.show {
  display: block; /*必須*/
}


/*　　入園説明会の日時　テーブル内の左側*/
.ta3 {
	width: 96%;
	margin:30px auto 60px auto;
	font-size:20px;
}
.ta3, .ta3 td, .ta3 th{
	line-height: 2;
}

/*　　入園説明会の日時　テーブル内の左側*/
.ta3 th{
	width: 180px;
	padding: 0px 10px;
	text-align: left;	/*背景色*/
	font-weight: lighter;
}
/*　　入園説明会の日時　テーブル内の右側*/
.ta3 td{
	padding: 0px;
}
.ue {
	vertical-align: top; /* 内容を上寄せにする */
}
/*　　入園説明会の注意事項　　*/
.numb2 ol {
	list-style: none; /* 標準のスタイルは消す */
	padding-left:24px;
}
.numb2 ol li {
	position:relative;
	margin-bottom:10px;
}
.numb2 ol li:last-child {
	margin-bottom:0px;
}

.numb2 ol li::before{
	content: "●"; /* ここに表示したい記号（例: 黒丸）を指定 */
	color: #090;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	position:absolute;
	left:-25px;
}





@media only screen and (max-width: 767px){

/*-----------入園説明会のタブ切り替え----------*/
.content_area {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0px;
}

.tab-container {
  display: flex;
  flex-wrap: wrap;
}
.tab-container {
    margin: 0 0 30px 10px;
}
.tab {
  text-align:center;
  width: 97%;
  padding: 18px 1%;
  background-color: #FFF;
  cursor: pointer;
  border-radius: 90px;
  border: solid 2px #dcdcdc;
  margin:0 10px 30px 10px;
  box-sizing: border-box;
  transition: all 0.3s 0s ease;
  font-size:16px;
  font-weight:bold;
}

.tab.active {
	background-color: #35C5B9;
	border: solid 2px #35C5B9;
	color: #FFF;
	transform: 2s;
}

.content {
  display: none; /*必須*/
}
.content.show {
  display: block; /*必須*/
}

/*　　入園説明会の日時　テーブル内の左側*/
.ta3 {
	width: 96%;
	margin:0px auto 50px auto;
	font-size:19px;
}
.ta3, .ta3 td, .ta3 th{
	line-height: 2;
}

/*　　入園説明会の日時　テーブル内の左側*/
.ta3 th{
	width: 50px;
	padding: 0px;
	text-align: left;	/*背景色*/
	font-weight: bold;
}
/*　　入園説明会の日時　テーブル内の右側*/
.ta3 td{
	padding: 0px;
}
.ta3 th, .ta3 td {
    display: inline-block;
    width: 100%;
    float: left;
}
.numb2 ol {
	padding-left:20px;
}
.numb2 ol li::before{
	color: #090;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	position:absolute;
	left:-24px;
}