@charset "UTF-8";
/* CSS Document */
.topic-label {
  background-color: #0073e6;
  color: #fff;
  padding: 8px;
  width: 100%;
  font-weight: bold;
  text-align: center; 
}

.topic-label-inner {
  display: inline-block;
  letter-spacing: 1em;
  transform: translateX(0.5em); 
}


@media (max-width: 649px) { .regd-box-l {width:314px; margin:0 auto;}}

.regd-box {
	background:url("https://www.e-h-sc.jp/main/wp-content/themes/e-h-sc-2024/images/home/regd-label-num.svg") no-repeat top center;
	width: 350px;
	height:200px;
	padding: 50px 50px 10px 50px;
	margin:0 auto;
	text-align:center;}

.regd-label {
	background-color: #cae4f9;
	font-size:150%;
	font-weight:bold;
	text-align: center; }

.regd-label-num{ font-weight:bold; font-size:150%; padding:0;}
.regd-label-number{ font-weight:bold; font-size:170%; padding:0 10px; color:#0080e6; }


.zn_pic { z-index: 900; position: relative;}
@media (min-width: 650px) { .zn_pic {margin-top:-50px; padding:80px 0 0 0; text-align:center; background: url("../images/home/bg_curve.svg") no-repeat top center;}}
@media (max-width: 649px) { .zn_pic {margin-top:-30px; padding:50px 0 0 0; background: url("../images/home/bg_curve_sp.svg") no-repeat top center;}}

.zn_pic_menu { max-width:1200px; margin:0 auto;}
@media (min-width: 650px) { .zn_pic_menu { padding:0 10px 0;} .zn_pic img {padding:5px 0}}
@media (max-width: 649px) { .zn_pic_menu { padding:0 20px 0;} .zn_pic img {padding:0 10px}}

.zn_inf { background:url("../images/home/bg_info.gif") ; margin:-50px 0 0 0; text-align:center;}
@media (min-width: 768px) { .zn_inf { padding:100px 0 180px 0;} }
@media (max-width: 767px) { .zn_inf { padding:80px 0 100px 0;} }

.news { text-align:left; margin-top:30px;}
.news li:nth-child(odd) { background: #fff;}

@media (min-width: 768px) { 
	.news li{ display: flex; padding:15px; position:relative;}
	.news_cat {width:220px; text-align:center; position:relative; margin-right:15px; border-radius:20px; font-size:90%; font-weight:bold; color:#fff;}
	.news_cat:hover {color:#fff;}
	.news_cat_in { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
	.news_time_sp {display:none;}
}
@media (max-width: 767px) { 
	.news li{ display: flex; flex-direction: column; padding:15px; position:relative; padding-right:35px; }
	.news_cat {width:190px; height:30px; text-align:center; position:relative; margin-right:15px; border-radius:20px; font-size:90%; font-weight:bold; color:#fff; margin-bottom:10px;}
	.news_cat_in { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; padding-top:2px;}
	.news_time_pc {display:none;} 
	.news_time_sp {position:absolute; left:215px; top:20px;} 
}

.cheer00 { background-color: #0080e6;} .event:hover { background-color: #0095e6;}
.recruit {background-color: #ffd200;} .recruit:hover {background-color:#ffe900;}
.message {background-color: #00b3b7;} .message:hover {background-color: #05c9c9;}
.event { background-color: #0080e6;} .event:hover { background-color: #0095e6;}
.nursery { background-color: #ff96b3;} .nursery:hover { background-color: #ffaec7;}
.report { background-color: #828585;} .report:hover { background-color: #9b9b9b;}
.lettersha { background-color: #b8f500;} .lettersha:hover { background-color: #def500;}
.mushinori { background-color: #ff9900;} .mushinori:hover { background-color: #ffb100;}
.sodan { background-color: #33ccff;} .sodan:hover { background-color: #5cd6ff;}


.zn_sns_t {
  width: 100%;
  padding-bottom: 0px;}

.zn_sns_b {
  background: url("../images/home/sns_bk.png") repeat-x bottom;
  width: 100%;
  padding: 0 15px 80px;}

.zn_sns_in {
	max-width:750px;
	font-size:90%;
	margin:0 auto;}

@media (min-width: 768px) { .zn_sns_t { margin-top:-110px;} }
@media (max-width: 767px) { .zn_sns_t { margin-top:-70px;} }

.line_id { display: flex; padding: 0; margin: 0; list-style: none; width:100%; position: relative;}


.zn_map {
  width: 100%;
  background-color: #fff;
  height: auto;}


@media (min-width: 576px) { .zn_map_l {padding:2.5em;} }
@media (max-width: 575px) { .zn_map_l {padding:1em;} }


.ft_link {
  width: 100%;
  background-color: #cce6f5;
  height: auto;
  margin-top: -10px;
  padding: 15px 0 ;}

.ft_link img{
  margin:5px 0;}



/* 応援キャンペーンカレンダー */

@media (min-width: 768px) { 
.cheer_cal_top {
	text-align: center;
	padding: 120px 15px;
	background-image:
		url('../images/page/cheer_cal/left_pc.png'),
		url('../images/page/cheer_cal/right_pc.png'),
		linear-gradient(0deg, rgba(255, 255, 255, 1) 15%, rgba(230, 243, 250, 1) 15% 85%, rgba(255, 255, 255, 1) 85%);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: left center, right center, center;
	background-size: 30% auto, 30% auto, 100% 100%;
}
}

@media (max-width: 767px) { 
.cheer_cal_top {
	text-align: center;
	margin:20px 0; 
	padding: 50px 15px 30px;
	background:#e6f3fa;
}
}