/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 08 2025 | 06:24:22 */
.mv {
	margin-bottom:50px;
}
.mv .mv_pc {
  display: block;
}
.mv .mv_sp {
  display: none;
}

p.catch {
	text-align:center;
	font-size:18px;
}
p.catch strong {
    background: linear-gradient(transparent 30%, #FFFF00 65%);
    font-weight: bold;
}

.dateList {
	background-color:#FFF9E7;
	margin-top:80px;
	padding-top:80px;
	padding-bottom:80px;
	    padding-left: 30px;
    padding-right: 30px;
}

.dateList h2 {
	border:none;
	padding:0px;
	text-align:center;
	font-size:40px;
}
.dateList .navi {
	margin-bottom:0px;
}
.dateList .navi .btn {
  color: #fff;
}
.dateList .navi .btn a {
  position: relative;
    padding-top: 12px;
    padding-right: 35px;
    padding-left: 55px;
    padding-bottom: 12px;
  text-decoration: none;
  color: #fff;
  background-color: #F9AFC0;
   font-size: 16px;
  font-weight: bold;
	border-radius:100px;
}
.dateList .navi .btn a:hover {
  background-color: #F9AFC0;
  opacity: 0.7;
}
.dateList .navi .btn a:before {
  background: url(https://jweca.jp/wp-content/uploads/2025/07/ico_arrow_under.svg);
  content: "";
  width: 18px;
  height: 11px;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dateList .navi .c2 a {
  background-color: #FF9660;
}
.dateList .navi .c2 a:hover {
  background-color: #FF9660;
}
.dateList .navi .c3 a {
  background-color: #FDCD69;
}
.dateList .navi .c3 a:hover {
  background-color: #FDCD69;
}
.dateList .navi .c4 a {
  background-color: #93DABD;
}
.dateList .navi .c4 a:hover {
  background-color: #93DABD;
}
.dateList .navi .c5 a {
  background-color: #98D6FF;
}
.dateList .navi .c5 a:hover {
  background-color: #98D6FF;
}
.dateList .cover {
	min-height:300px;
	margin-top:70px;
	margin-bottom:50px;
}
.dateList .cover h3 {
	border:none;
	padding:0px;
	margin:0px;
	text-align:center;
	background-color:#F9AFC0;
	display: table;
	color:#FFF;
	padding:10px 20px;
	font-size:40px;
	letter-spacing:3px;
}
.dateList .c2 h3 {
	background-color:#FF9660;
}
.dateList .c3 h3 {
	background-color:#FDCD69;
}
.dateList .c4 h3 {
	background-color:#93DABD;
}
.dateList .c5 h3 {
	background-color:#98D6FF;
}
.dateList .cover h3:after {
	border:none;
}

.dateList .infoArea {
	margin-bottom:50px;
}
.dateList .infoArea h4 {
	font-size:28px;
	padding-bottom:5px;
	border-bottom:3px solid #F9AFC0;
	
}
.dateList .c2 h4 {
	border-bottom:3px solid #FF9660;
}
.dateList .c3 h4 {
	border-bottom:3px solid #FDCD69;
}
.dateList .c4 h4 {
	border-bottom:3px solid #93DABD;
}
.dateList .c5 h4 {
	border-bottom:3px solid #98D6FF;
}
.dateList .infoArea table {
  border-collapse: collapse;
  width: 100%;
}
.dateList .infoArea table th,
.dateList .infoArea table td {
  padding: 10px 10px;
  background-color: #FFF;
  border: solid 5px #FFF9E7;
  box-sizing: border-box;
	line-height:1.6;
	font-size:16px;
}
.dateList .infoArea table th {
  background-color: #999999;
  color: #fff;
  width: 33%;
  font-weight: bold;
  vertical-align: middle;
	text-align:center;
}
.dateList .infoArea .btn {
  color: #fff;
	margin-top:10px;
}
.dateList .infoArea .btn a {
  position: relative;
    padding-top: 12px;
    padding-right: 35px;
    padding-left: 55px;
    padding-bottom: 12px;
  text-decoration: none;
  color: #fff;
  background-color: #F9AFC0;
   font-size: 16px;
  font-weight: bold;
	border-radius:100px;
}
.dateList .infoArea .btn a:hover {
  background-color: #F9AFC0;
  opacity: 0.7;
}
.dateList .infoArea .btn a:before {
  background: url(https://jweca.jp/wp-content/uploads/2025/07/ico_note_white.svg);
  content: "";
  width: 23px;
  height: 23px;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dateList .c2 .btn a {
  background-color: #FF9660;
}
.dateList .c2 .btn a:hover {
  background-color: #FF9660;
}
.dateList .c3 .btn a {
  background-color: #FDCD69;
}
.dateList .c3 .btn a:hover {
  background-color: #FDCD69;
}
.dateList .c4 .btn a {
  background-color: #93DABD;
}
.dateList .c4 .btn a:hover {
  background-color: #93DABD;
}
.dateList .c5 .btn a {
  background-color: #98D6FF;
}
.dateList .c5 .btn a:hover {
  background-color: #98D6FF;
}

h3.note{
	font-size:26px;
	padding-bottom:5px;
	border-bottom:3px solid #10AC65;
	    margin-bottom: 20px;
}
h3.note:after{
	border:none;
}
.teacher h4{
	font-size:20px;
	color:#10AC65;
}

.teacher p{
	margin-top:10px;
}

.zoom img{
	margin-bottom:15px;
}

h4.note{
	font-size:18px;
	color:#10AC65;
	font-weight:bold;
	    margin-bottom: 10px;
	    line-height: 1.4;
}

@media (max-width: 833px) {
	.mv {
	margin-bottom:25px;
}
  .mv .mv_pc {
    display: none;
  }
  .mv .mv_sp {
    display: block;
  }
	
	p.catch {
	text-align:left;
	font-size:16px;
}
	
	.dateList {
	margin-top:40px;
	padding-top:40px;
	padding-bottom:40px;
	    padding-left: 0px;
    padding-right: 0px;
}

.dateList h2 {
	font-size:32px;
}
.dateList .navi {
	margin-bottom:20px;
}
.dateList .navi .btn a {
  position: relative;
        padding-top: 12px;
        padding-right: 35px;
        padding-left: 35px;
        padding-bottom: 12px;
        font-size: 16px;
        width: 240px;
}
	.dateList .cover {
	min-height:200px;
	margin-bottom:30px;
}
.dateList .cover h3 {
	padding:10px 20px;
	font-size:32px;
}

.dateList .infoArea {
	margin-bottom:30px;
}
.dateList .infoArea h4 {
	font-size:20px;
	font-weight:bold;
}
.dateList .infoArea table th,
.dateList .infoArea table td {
  padding: 5px 5px;
  border: solid 3px #FFF9E7;
	font-size:14px;
}
.dateList .infoArea table th {
  width: 33%;
}
	
	h3.note{
	font-size:22px;
		font-weight:bold;
}
	
	.teacher h4{
	font-weight:bold;
}
	  }