@charset "UTF-8";

.main {
}

.hero {
	padding: 24px 0 37px;
}

.hero_slide {
}

.slide-pc {}
.slide-sp {
	display: none;
}


.hero_slide_item {
}

.hero_slide_item.nonslide {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.slick-list .hero_slide_item img {
	transform: scale(0.8);
	transition: transform 0.3s;
}

.slick-center.hero_slide_item img {
	transform: scale(1);
}

.slick-dotted.slick-slider {
	margin-bottom: 68px;
}

.slick-dots {
	bottom: -37px;
}

.slick-dots li button:before {
	opacity: 1;
	color: #cccccc;
	font-size: 12px;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #F794A8;
}

.info {
	background: linear-gradient(to bottom, transparent 50%, #f8f7f2 50%);
}

.info_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: #cccccc 1px solid;
	background: #ffffff;
}

.info_sec {
	padding: 21px;
}

.info_sec.info_date {
	border-right: #cccccc 1px solid;
}

.info_sec_hd {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 0 13px 12px;
	border-bottom: #F794A8 3px solid;
	font-size: 20px;
}

.icon {
}

.info_sec_cnt {
	min-height: 50px;
	padding: 11.5px 12px;
}

.post {
	margin-bottom: 40px;
	padding: 86px 0 76px;
	background: #f8f7f2;
}

.post_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.news {
	padding-right: 20px;
}

.news_wrap {
}

.news_hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	font-weight: bold;
}

.news_hd h2 {
	font-size: 26px;
}

.news_hd a {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #F794A8;
}

.news_hd a .icon-arrow-item {
	font-size: 20px;
}

.news_cnt {
}

.news_list {
	border-top: #cccccc solid 1px;
}

.news_list:last-child {
	border-bottom: #cccccc solid 1px;
}

.news_list_wrap {
	display: flex;
	align-items: center;
	padding: 20px;
}

.news_list_batch {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
}

.act_new {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 43px;
	background: #333333;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.5;
}

.news_list_wrap p {
	font-weight: bold;
	width: 100%;
}

.event {
	position: relative;
	margin-left: 20px;
	padding-left: 55px;
}

.event::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 50%;
	left: 0;
	z-index: 1;
	width: calc(50dvw - 20px);
	height: calc(100% + 90px);
	border-radius: 55px 0 0 55px;
	background: #ffffff;
	transform: translateY(50%);
}

.event_wrap {
	position: relative;
	z-index: 10;
}

.event_hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 10;
	padding-bottom: 20px;
	font-weight: bold;
}

.event_hd h2 {
	font-size: 26px;
}

.event_hd a {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #F794A8;
}

.event_hd a .icon-arrow-item {
	font-size: 20px;
}

.sec_hd {
	color: #F794A8;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
}

.line-corner .sec_hd {
	color: #06C755;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
}

.line-corner .sec_hd b {
	color: #333333;
}

.line-corner .sns_wrap .line-text {
	text-align: center;
	line-height: 30px;
}

.event_wrap {
}

.event_cnt {
}

.event_link {
	display: flex;
	justify-content: start;
	gap: 20px;
}

.event_link_hd {
	height: 25px;
}

.event_link_hd_new {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 43px;
	background: #333333;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.5;
}

.event_link_img {
	flex-shrink: 0;
	width: 260px;
	overflow: hidden;
	border: #cccccc 1px solid;
	aspect-ratio: 26 / 22;
}

.event_link_img img {
	width: 100%;
	height: 100%;
	transition: all 0.4s;
	object-fit: cover;
}

a:hover .event_link_img img {
	scale: 1.1;
}

.event_link_date {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	margin-bottom: 13px;
	padding: 6px 11px;
	background: #f2f2f2;
}

.event_link_date span {
	color: #939393;
	font-size: 14px;
}

.event_link_date p {
}

.event_link_ttl {
	font-weight: bold;
}

.event_btn {
}

.event_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 286px;
	height: 55px;
	margin: 0 auto;
	border: 2px solid #F794A8;
	border-radius: 9999px;
	background: #F794A8;
	color: #ffffff;
}

.event_btn a .icon-arrow-item {
	position: absolute;
	right: 12px;
	bottom: 50%;
	transform: translateY(50%);
}

.sns {
	position: relative;
	width: 70%;
	margin: 0 auto;
	padding: 64px 0 44px;
	overflow: hidden;
	border-radius: 30px;
	background: #f8f7f2;
}

.sns .inner {
	position: relative;
	z-index: 10;
}

.line-sb_pc {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.line-sb_sp {
	display: none;

}

.sns_hd {
	margin-bottom: 38px;
}

.sns_hd p {
	color: #333333;
	font-size: 16px;
}

.sns_wrap {
}

.sns_cnt {
	margin-bottom: -20px;
}

.sns_link {
	display: grid;
	/* grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 53px; */
	width: fit-content;
	margin: 0px auto 34px;
}

.sns_link a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sns_item {
	position: absolute;
	right: -2%;
	bottom: -20px;
}

.sns-icon {
	margin-top: 50px;
}
.sns-icon .sns-link {
	display: flex;
	justify-content: center;
}

.bnr {
	padding: 50px 0;
}

.bnr_wrap {
	display: flex;
	flex-flow: column;
	gap: 30px;
}

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

@media screen and (max-width:1024px) {
	.line-sb_pc.pc {
	}

	.line-sb_pc.pc img {
		width: 30%;
	}

	.line-sb_sp {
	}
}

@media screen and (max-width:768px) {
	.main {
	}

	.hero {
		padding: 11px 14px;
	}

	.hero_slide {
	}

	.hero_slide_item {
	}

	.hero_slide_item.nonslide {
	}

	.slick-list .hero_slide_item img {
		transform: scale(1);
		width: 100%;
	}

	.slick-center.hero_slide_item img {
	}

	.slick-dotted.slick-slider {
		margin-bottom: 50px;
	}

	.slick-dots {
	}

	.slick-dots li {
		margin: 0 2px;
	}

	.slick-dots li button:before {
	}

	.slick-dots li.slick-active button:before {
	}

	.info {
	}

	.info_wrap {
		grid-template-columns: 1fr;
	}

	.info_sec {
		padding: 21px 14px;
	}

	.info_sec.info_date {
		border-right: none;
		border-bottom: 1px #cccccc solid;
	}

	.info_sec_hd {
		padding: 0 13px 7.5px;
	}

	.icon {
	}

	.info_sec_cnt {
	}

	.sp .info_sec_cnt p:nth-of-type(even) {
		padding-bottom: 10px;
	}

	.post {
		margin-bottom: 0;
		padding: 25px 0 36px;
	}

	.post_wrap {
		grid-template-columns: 1fr;
	}

	.news {
		padding: 36px 0 56px;
	}

	.news_wrap {
		padding: 14px 9px;
	}

	.news_hd {
		padding-bottom: 10px;
	}

	.news_hd h2 {
	}

	.news_hd a {
	}

	.news_hd a .icon-arrow-item {
	}

	.news_cnt {
	}

	.news_list {
	}

	.news_list:last-child {
	}

	.news_list_wrap {
		flex-flow: wrap;
		gap: 3px 0;
		padding: 14px 9px;
	}

	.news_list_batch {
	}

	.act_new {
	}

	.news_list_wrap p {
	}

	.event {
		margin-left: 0;
		padding: 43px 0 63px;
	}

	.event::after {
		top: 0;
		left: -24px;
		width: calc(100% + 48px);
		height: 100%;
		border-radius: 30px;
		transform: unset;
	}

	.sec_hd {
	}

	.line-corner .sec_hd {
		font-size: 30px;
	}

	.line-corner .sns_wrap .line-text {
		text-align: left;
		font-size: 15px;
	}

	.event_wrap {
	}

	.event_cnt {
		grid-template-columns: 1fr;
		gap: 12px;
		margin-bottom: 29px;
	}

	.event_link {
		display: flex;
		gap: 11px;
		position: relative;
	}

	.event_link_hd {
		position: absolute;
		top: 0;
		left: 0;
		width: fit-content;
	}

	.event_link_hd_new {
	}

	.event_link_img {
		flex-shrink: 0;
		width: 108px;
		height: 92px;
	}

	.event_link_img img {
	}

	a:hover .event_link_img img {
	}

	.event_link_date {
		width: fit-content;
		margin-bottom: 7px;
	}

	.event_link_date span {
	}

	.event_link_date p {
	}

	.event_link_ttl {
	}

	.event_btn {
	}

	.event_btn a {
	}

	.event_btn a .icon-arrow-item {
	}

	.sns {
		width: 100%;
		padding: 47px 0 60px;
		border-radius: 0;
	}

	.sns .inner {
	}

	.sns_hd {
		margin-bottom: -30px;
	}

	.sns_hd p {
	}

	.line-sb_pc {
	}

	.sns_wrap {
	}

	.sns_cnt {
		margin-bottom: 50px;
	}

	.sns_link {
		/* grid-template-columns: 1fr 1fr 1fr;
		gap: 46px 53px; */
	}

	.sns_link a {
	}

	.sns_item {
		right: 30%;
		bottom: -20px;
		width: 125%;
		transform: translateX(50%);
	}

	.bnr {
		padding: 45px 0 65px;
		margin: 0 auto;
        width: 376px;
	}

	.bnr_wrap {
	}
}

@media screen and (max-width:540px) {
	.line-sb_pc.pc {
		display: none;
	}

	.line-sb_sp {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 5px;
	}
}


@media screen and (max-width:539px) {
	.bnr {
		margin: 0 auto;
        width: 326px;
	}
	.slide-pc {
		display: none;
	}
	.slide-sp {
		display: block;
	}
}