@charset "UTF-8";

.hero {
	background: linear-gradient(to left, #E8E73E, #EA5E72);
	padding-top: 30px;
	margin-bottom: 80px;
}

.hero_img {
	position: relative;
	text-align: center;
}

/* .hero_img:before {
	content: "";
	display: block;
	width: 123px;
	height: 224px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("/refresh/img/home/img-hero-char@2x.png");
	z-index: 0;
	position: absolute;
	left: -90px;
	bottom: 0;
} */

.hero_img img {
	position: relative;
	z-index: 10;
}

.hero_cnt {
	position: absolute;
	z-index: 20;
	text-align: center;
    transform: translateX(-50%);
    left: 50%;
    bottom: -67px;
    display: flex;
    align-items: center;
}

.hero_ttl {
}

.hero_label {
	/* position: absolute;
	right: 30px;
	top: 95px; */
}

.hero_label em {
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	background: #FFEC46;
	color: #3C8228;
	width: 100%;
	min-width: 270px;
	border-radius: 15px;
	display: inline-block;
}

.spmenu {
	margin-top: 30px;
	padding: 0 30px;
}

.news {
	margin-top: 20px;
}

.news_hd {
}

.news_hd_ttl {
}

.news_hd_ttl em {
	display: inline-block;
	position: relative;
	color: #fff;
	background: #E63178;
	font-style: normal;
	font-size: 16px;
	border-radius: 5px;
	text-align: center;
	max-width: 150px;
	line-height: 36px;
	height: 36px;
	width: 100%;
	vertical-align: middle;
}

.news_hd_ttl em:before {
	content: "";
	display: block;
	width: 24px;
	height: 21px;
	position: absolute;
	top: 100%;
	left: 45%;
	margin-top: -5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("/palette/img/home/img-news-bal.png");
}

.news_cnt {
	background: #F3EFDF;
	border-radius: 5px;
	margin-top: 8px;
	padding: 20px 30px;
}

.news_text {
}

.yokoku {
	margin-bottom: 20px;
}

.dengonban {
	margin-bottom: 50px;
}

.yokoku_ttl {
	position: relative;
	background: #A15AA0;
	color: #fff;
	line-height: 40px;
	height: 40px;
	/* padding: 0 100px 0 30px; */
	padding: 0 30px;
	font-size: 16px;
	font-weight: normal;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

/* .yokoku_ttl:after {
	content: "";
	display: block;
	width: 121px;
	height: 73px;
	position: absolute;
	bottom: 0;
	right: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	background-image: url("/palette/img/home/img-yokoku-char.png");
} */

.yokoku_cnt {
	border: 2px solid #A15AA0;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 15px 15px;
}

.yokoku_list {
	display: flex;
	list-style-type: none;
	flex-direction: column;
	gap: 5px;
}

.yokoku_list > li {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 15px;
}

.yokoku_list > li span {
	background: #F8B500;
	min-width: 150px;
	white-space: nowrap;
	display: inline-block;
	padding: 0 15px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
}

.yokoku_list > li em {
	font-size: 16px;
	font-style: normal;
}

@media screen and (max-width:1020px) {
}

@media screen and (min-width:641px) {
}

@media screen and (max-width:640px) {
	.main_cnt {
		margin-top: 20px;
	}

	.hero {
	}

	.hero_img {
		margin: 0 -20px 0;
	}

	.hero_img:before {
	}

	.hero_img img {
	}

	.hero_cnt {
		/* position: static; */
		margin-top: 0;
		padding-top: 10px;
		transform: none;
		left: auto;
	}

	.hero_ttl {
		padding-right: 20px;
	}

	.hero_ttl img {
		/* max-width: 50%; */
	}

	.hero_label {
		margin-top: 10px;
		position: static;
		line-height: 1;
	}

	.hero_label em {
		font-size: 14px;
		height: auto;
		border-radius: 14px;
		max-width: 100%;
		background: none;
		line-height: 1;
	}

	.spmenu {
		margin-top: 15px;
	}

	.news {
		margin-top: 15px;
	}

	.news_hd {
	}

	.news_hd_ttl {
	}

	.news_hd_ttl em {
		max-width: 100%;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.news_hd_ttl em:before {
		display: none;
	}

	.news_cnt {
		margin-top: 0;
		padding: 10px 15px;
		font-size: 14px;
		line-height: 1.5;
	}

	.news_text {
	}

	.yokoku {
		margin-bottom: 30px;
	}

	.yokoku_ttl {
		padding-left: 15px;
	}

	.yokoku_ttl:after {
		width: 90px;
		height: 54px;
	}

	.yokoku_cnt {
		padding: 10px 15px;
	}

	.yokoku_list {
		gap: 15px;
	}

	.yokoku_list > li {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}

	.yokoku_list > li span {
		min-width: 0;
	}

	.yokoku_list > li em {
		font-size: 14px;
		line-height: 1.5;
	}
	.oubo_sp{
		margin-top: 20px;
		margin-bottom: -20px;
	}
	.oubo_sp a img{
		width: 100%;
		height: auto;
	}

}