.pc-fv {
	margin: 45px auto 73px;
	position: relative;
}

.pc-fv-img {
	width: 100%;
}

.pc-fv-text {
	margin: auto;
	position: absolute;
	width: 45%;
	top: 0;
	left: 0;
	bottom: 11%;
	right: 0;
	z-index: 8;
}

/* slick */
.top-slick {
	/* width: calc(100vw - 273px); 
  margin-left: auto;
  */
	/* width: 730px; */
	max-width: 100%;
	margin: 0 auto;
}

.top-slick .slick-slide {
	display: block;
	margin: 0 45px;
}

.top-slick .slick-slide img {
	display: block;
	border-radius: 37px;

	border: solid 3px #fff;
	border-radius: 39px;
}

/*
 .first-view-slick {
   position: relative;
   padding-top: 45px;
   padding-bottom: 34px;
 }*/

.first-view-slick .slick-dots li {
	background: #fff;
	border-radius: 50%;
	width: 11px;
	height: 11px;
}

.first-view-slick li.slick-active {
	background: #497dc1 !important;
}

.slick-dots li button:before {
	opacity: 0 !important;
}

.first-view-slick .slick-dots {
	bottom: -30px;
}

.first-view-slick .slick-prev,
.first-view-slick .slick-next {
	width: 45px;
	height: 45px;
	z-index: 1;
}

.first-view-slick .slick-next {
	right: calc(100% / 4);
}

.first-view-slick .slick-prev {
	left: calc(100% / 4);
}

.slick-next:before {
	background: url(../images/top/arrow-next.svg) !important;
	background-size: contain !important;
}

.slick-prev:before {
	background: url(../images/top/arrow-prev.svg) !important;
	background-size: contain !important;
}

.first-view-slick .slick-prev:before,
.first-view-slick .slick-next:before {
	opacity: 1;
	color: initial;
	content: "";
}

.slick-arrow:before {

	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1 !important;
}

/* .top-slick-text {
  position: absolute;
  width: 398px;
  top: 82px;
  left: 83px;
} */


.top-main {
	position: relative;
}

.top-main h3 {
	margin-bottom: 35px;
	margin-left: 20px;
}

.top-back {
	margin-bottom: 80px;
}

.news-map__flex {
	display: flex;
	justify-content: space-between;
}


.top-news-map__back {
	background-image: url(../images/top/news-event-back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 60px 0 15px;
	z-index: 11;
	position: relative;
}


/* お知らせ */
.top-tab__banner {
	width: 1190px;
	max-width: 100%;
	margin: 0 auto 0px;
	z-index: 4;
	position: relative;
}

.tab-midashi-flex,
.topics-midashi-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.tab-midashi-flex .button-1,
.topics-midashi-flex .button-1 {
	border: solid 1px #69A2D1;
	box-shadow: 5px 5px 0px 0px #69A2D1;
	margin: -2px 25px 0 0;
	padding: 5px 50px 5px 21px;
}

.tab-midashi-flex .button-1::before,
.topics-midashi-flex .button-1::before {
	background-color: #C0C8ED;
}

.tab-midashi-flex .button-1::after,
.topics-midashi-flex .button-1::after {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(188deg) brightness(101%) contrast(101%);
}

.topics-midashi-flex {
	width: 77%;
}

/* タブの部分 */
.common-tab {
	width: 48.5%;
}

.top-oshirase {
	width: 166px;
	color: #1379BD;
}

.tab_area {
	width: 610px;
	max-width: 100%;
	margin-bottom: 51px;
	/* margin: 0 auto; */
}

.tab-container {
	width: fit-content;
	display: flex;
	flex-wrap: wrap;
	border: solid 1px #A3A3A3;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	display: none;
}

.tab-contents-container {
	margin: -1px 0 15px;
	border: solid 1px #A3A3A3;
	/*border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-top-right-radius: 5px;*/
	border-radius: 13px;
	background-color: #F7FDFF;
}

.tab-menu {
	font-size: .15rem;
	/* font-weight: bold; */
	font-weight: 400;
	text-align: center;
	width: fit-content;
	padding: 10px;
	background-color: #E9F8FF;
	cursor: pointer;
	/* border-right: solid 1px #939393; */
	/* padding: 4px 15px; */
	padding: 10px 10px 10px 17px;
	transition: all .3s;
	/* color: #727272; */
	color: #005B98;
	position: relative;
}

.tab-menu::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	height: 77%;
	width: 1px;
	background-color: #939393;
}

.tab-menu:last-of-type.tab-menu::before {
	display: none;
}

.tab-menu:hover {
	background-color: #2d91c9;
	color: #fff;
}


.tab-menu img {
	width: 16px;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 6px;
	transition: all.3s;
}

.tab-menu:last-of-type {
	border-top-right-radius: 6px;
	border-right: none;
}

.tab-menu:first-of-type {
	border-top-left-radius: 6px;
}

.tab-menu.tab-active {
	background-color: #2d91c9;
	color: #fff;
	/* border-right: solid 1px #82452A; */
}

.tab-active.tab-menu::before {
	display: none;
}

.tab-menu:last-of-type.tab-menu.tab-active {
	border-right: none;
}

.tab-menu:hover.tab-menu img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(244deg) brightness(101%) contrast(102%);
}

.tab-menu.tab-active img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(244deg) brightness(101%) contrast(102%);
	transform: rotate(90deg);
}

.tab-menu.tab-active img:first-of-type {
	display: none;
}

.tab-menu.tab-active img:last-of-type {
	display: inline-block;
}

.tab-content {
	display: none;
	padding: 25px 35px 26px 15px;
	transition: all .5s;
}

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

.tab-div {
	opacity: 0;
	transition: all 1s;
	transition-delay: 2s;
}

.tab-show .tab-div {
	opacity: 1;
}

.top-topics h3 {
	width: 165px;
}

/*slick*/
.swiper-button-next {
	top: 17px !important;
	right: 35px !important;
}

.swiper-button-prev {
	left: inherit !important;
	top: 17px !important;
	right: 96px !important;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
	height: 49px !important;
	width: 49px !important;
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 63px;
	margin: auto;
	width: 63px;
}

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
	background-image: url(../images/top/event-arrow-l.svg);
}

/* 次への矢印カスタマイズ */
.swiper-button-next::after {
	background-image: url(../images/top/event-arrow-r.svg);
}

/* 画像サイズ調整 */
.swiper-slide img {
	height: auto;
	width: 100%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	letter-spacing: initial !important;
	font-size: initial !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	content: "" !important;
}




.top-topics {
	margin-left: 31px;
	width: 42%;
	flex: 1;
	margin-right: calc(50% - 50vw);
	margin-left: 5%;
	position: relative;
}


.top-swiper-wrap {
	margin: 0;

}

/* .slider__item {
    height: auto;
  }
  .slider__img {
    height: 100%;
  }
  .slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
.slider__scrollbar {
	margin-top: 12px;
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}

.swiper-scrollbar-drag {
	background-color: #1379BD !important;
	height: 6px !important;
	border-radius: var(--swiper-scrollbar-border-radius, 3px) !important;

}


.slider__scrollbar::before {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 2px !important;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}



/*   .swiper-slide:nth-of-type(1) .topic-item{
   margin-left:0;
}*/
.topic-item {
	display: block;
	text-decoration: none;
	margin: 0 auto;
	border: solid 1px #A3A3A3;
	padding: 15px 19px;

}

.topic-item img {
	margin-bottom: 15px;
	padding-top: 9px;
	vertical-align: middle;
	width: 100%;
	height: 165px;
	object-fit: cover;
}

.info_empty {
	margin-top: 9px;
	margin-bottom: 15px;
	width: 100%;
	height: 156px;
	background-color: #F2F2F2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.info_empty img {
	flex: 0 0 auto;
	width: 70px;
	height: auto;
}

.swiper-slide {
	padding: 15px 17px 15px;
	box-sizing: border-box;
	/* margin-right: 0px !important; */
	max-width: 275px;
	width: 100%;
	border: solid 1px #A3A3A3;
	border-radius: 15px;
	margin-bottom: 8px;
	margin-right: 25px !important;

	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	background-color: #fff;
}

.event-tag {
	position: absolute;
	left: 23px;
	top: 21px;
	font-size: .13rem;
	border: solid 1px;
	border-radius: 8px;
	background-color: #fff;
	padding: 2px 10px;
	width: fit-content;
}

.guardian-tag {
	color: #FF484B;
}

.eventswiper-imgwrap {
	margin-bottom: 15px;
	aspect-ratio: 3 / 2;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.swiper-slide img {
	margin-bottom: 18px;
}

.event-time {
	width: fit-content;
	color: #828282;
	margin-bottom: 10px;
	font-size: .15rem;
	line-height: 1;
	letter-spacing: 0.15em;
}

.event-time span {
	font-size: .14rem;
	margin-right: 6px;
}

.topic-text {
	color: #000;
	flex-grow: 1;
	margin-bottom: auto;
	padding: 0 10px;
}

.topic-title {
	font-size: .16rem;
	margin-bottom: 6px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	min-height: 64px;
}

/*
.button-1 {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 7px 52px 7px 12px;
    width: fit-content;
    color: #333;
    font-size: .15rem;
    font-weight: 500;
    transition: 0.3s;
    border: solid 1px #E58FCF;
    border-radius: 30px;
    box-shadow: 5px 5px 0px 0px #E58FCF;
    background-color: #fff;
}

 .button-1::before {
   content: '';
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   width: 28px;
   height: 28px;
   background-color: #FCF3F8;
   border-radius: 50vh;
 }

 .button-1::after {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   right: 17px;
   width: 15px;
   height: 12px;
   background-image: url(../images/common/btn-arrow.svg);
   background-size: contain;
   background-repeat: no-repeat;
 }

 .button-1:hover {}

*/




.news_list_link {
	padding: 18px 0 18px 10px;
	display: flex;
	align-items: center;
	color: #000;
	position: relative;
	font-family: "Noto Sans JP", sans-serif;
}

.news_list_link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, transparent 50%, #999 50%);
	background-size: 10px 100%;
}

.news_list_item:first-child .news_list_link {
	padding: 0px 10px 26px;
}

.news_list_item:last-child .news_list_link {
	padding: 16px 0 0 10px;
}

.news_list_item:first-child:last-child .news_list_link {
	padding: 0 10px;
}

.news_list_item:last-child .news_list_link::after {
	display: none;
}

.news_list_tag {
	flex: 0 1 auto;
	width: 11%;
	font-size: .12rem;
	text-align: center;
	font-weight: 500;
	display: none;
}

.news_list_tag.tag_parent {
	border: solid 1px #30B794;
	color: #30B794;
}

.news_list_tag.tag_job {
	border: solid 1px #E54C58;
	color: #E54C58;
}

.news_list_tag.tag_member {
	border: solid 1px #D733FF;
	color: #D733FF;
}

.news_list_tag.tag_admission {
	border: solid 1px #FF850B;
	color: #FF850B;
}

.news_list_tag.tag_others {
	border: solid 1px #3D72BD;
	color: #3D72BD;
}

.news_list_date {
	flex: 0 1 auto;
	width: fit-content;
	margin-right: 26px;
	text-align: left;
	font-size: .15rem;
	color: #828282;
}

.news_list_text {
	flex: 0 1 auto;
	width: 100%;
	font-size: .16rem;
}

/* マップ */
.top-map {
	margin-bottom: 115px;
}

.top-map__flex {
	display: flex;
	justify-content: space-between;
	width: 1230px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
}

.top-map__left {
	width: 48%;
}


.top-map__right {
	position: absolute;
	right: 0;
	top: -37px;
	width: 50.5%;
}

.top-map__right img {
	width: 100%;
}

.top-map__left img {
	margin-bottom: 46px;
}

.top-map__left p {
	font-size: .17rem;
	font-weight: bold;
	line-height: 2.7;
	letter-spacing: 0.16em;
	margin-bottom: 55px;
}

.map-btn-box {
	display: flex;
	justify-content: space-between;
}

.top-map__left .button-1 {
	margin: 0;
	padding: 12px 50px 12px 19px;
	letter-spacing: 0.24em;
	border: solid 1px #69A2D1;
	box-shadow: 5px 5px 0px 0px #69A2D1;
	border-radius: 35px;
}

.map-btn-box .button-1::before {
	background-color: #C0C8ED;
}

.map-btn-box .button-1::after {
	filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(2%) hue-rotate(139deg) brightness(104%) contrast(100%);
}

.top-contents a:hover,
.top-contents a:hover img {
	opacity: 1;
}

.top-contents img {}

.banner-slick {
	/* width: 256px;
  width: 22%; */
}

.banner-slick img {
	border-radius: 7px;
}

.top-pick {
	width: 96%;
	margin-bottom: 26px;
}

.top-banner .slick-dots li {
	background-color: #fff;
	border-radius: 50%;
	width: 11px;
	height: 11px;
}

.top-banner .slick-dots {
	bottom: -20px;
}

.top-banner .slick-dots li.slick-active {
	background-color: #8C413D !important;
}

.top-banner {
	width: 55%;
	margin: 0 auto;
}


/* 人としての根っこを育む */
.top-support {
	background-image: url(../images/top/top-support-back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 62px 0 50px;
}

.top-support h2 {
	width: 948px;
	max-width: 100%;
	margin-bottom: 47px;
	padding: 0 20px;
	mix-blend-mode: darken;
}

.top-support__contents {
	display: flex;
	justify-content: space-between;
	width: 1000px;
	max-width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}

.top-support__contents {
	display: flex;
	justify-content: space-between;
}

.top-support__contents img {
	width: 100%;
	background: rgb(255 255 255 / 50%);
	border-radius: 50%;
}

.top-tree {
	width: 40.3%;
	margin-top: -12px;
}

.top-support__text {
	width: 47.5%;
}

.top-support__text p {
	font-size: .17rem;
	font-weight: bold;
	margin: 32px 0 53px;
	line-height: 2.7;
	letter-spacing: 0.11em;
}

.top-support__text .button-1 {
	margin: 0;
}

.top-support__text .button-1 {
	margin: 0;
	padding: 12px 66px 12px 19px;
	letter-spacing: 0.12em;
	border: solid 1px #69A2D1;
	box-shadow: 5px 5px 0px 0px #69A2D1;
	border-radius: 35px;
}

.top-support__text .button-1::before {
	background-color: #C0C8ED;
}

.top-support__text .button-1::after {
	filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(2%) hue-rotate(139deg) brightness(104%) contrast(100%);
}



/* 保護者の皆様へ */

.top-dear-all {
	padding: 0;
	margin-bottom: 63px;
	position: relative;
}

.bg_y {
	padding: 0 0 60px;
	background-image: url(../images/top/dear_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;

}

.top-dear-all h3 {
	margin: 0 auto 95px;
	position: relative;
	z-index: 1;
}

/* 保護者の皆様へ */
.top-guardian-h3 {
	width: 318px;
	position: relative;
}

.top-guardian-h3 img {
	margin: 0 auto;
	display: block;
	width: 100%;
}

.top-guardian-h3::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -44px;
	margin: auto;
	background-image: url(../images/top/top-guardian-midashi-border.svg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 81%;
	height: 14px;
}

.top-guardian {
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.top-guardian__bg {
	background-image: url(../images/top/top-parents-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom 0px left 0px;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(1366px + ((100% - 1366px) / 2));
	height: 100%;
	max-width: 100%;
	z-index: -1;
}

.top-guardian__contents {
	/*background-image: url(../images/top/top-guardian-back.png);
   background-size: 96.5%;
   background-repeat: no-repeat;
   background-position: bottom 0px left 0px;
   position: relative;*/
	padding: 70px 0 80px;
	width: 1223px;
	max-width: 100%;
	margin: 0 auto;
}

.top-guardian-human {
	position: absolute;
	top: 0;
	width: 201px;
	left: 12%;
}

.butterfly {
	position: absolute;
	width: 94px;
	right: 0;
	top: 36px;
}

.top-link__list {
	display: flex;
	justify-content: space-between;
	width: 990px;
	max-width: 100%;
	margin: 0 auto;
}

.top-link__item {
	width: 30.3%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	position: relative;
}

.top-link__item:hover {
    filter: brightness(1.04);
}
.top-link__item:hover a::before {
    filter: brightness(0.95);
}
.top-link__item a:hover {
    filter: brightness(1);
}
.top-guardian .button-1:hover{
    box-shadow: 2px 2px 0px 0px #f75cd3;
}
.top-worker .button-1:hover{
    box-shadow: 2px 2px 0px 0px #7ab037;
}
.top-link__item img {
	margin-bottom: 23px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.top-link__text {
	flex-grow: 1;
	margin-bottom: 17px;
}

.top-link__title {
	font-size: .19rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 18px;
	line-height: 1.6;
}

.top-link__title-welcome {
	letter-spacing: 0.01rem;
}

.top-link__title-job {
	padding-top: 10px;
	min-height: 57px;
}

.top-link__lead {
	font-size: .13rem;
	font-weight: 500;
	text-align: center;
	flex-grow: 1;
	line-height: 1.9;
}

.top-link__item .button-1 {
	margin-bottom: 28px;
	padding: 8px 60px 8px 13px;
	letter-spacing: 0.01rem;
	z-index: 1
}

.link-over {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.top-guardian_btn__flex {
	display: flex;
	justify-content: space-between;
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
}

.family-event-btn {
	padding: 7px 85px 7px 65px;
	margin: 0 0 0 28px;
}

.family-event-btn img {
	position: absolute;
	width: 59px;
	left: -7px;
	/* top: 0; */
	bottom: 0;
}

.kokorononekko-btn {
	padding: 7px 80px 7px 110px;
	margin: 0;
}

.kokorononekko-btn img {
	position: absolute;
	left: -97px;
	bottom: 0;
	top: 15px;
	margin: auto;
	width: 209px;
}

/* 縁で働く皆様へ */
.top-worker {
	max-width: 100%;
	margin: 0 auto 0px;
	position: relative;
	z-index: 1;
}

.top-worker__bg {
	background-image: url(../images/top/top-worker-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom 0px left 0px;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(1366px + ((100% - 1366px) / 2));
	height: 100%;
	max-width: 100%;
	z-index: -1;
}

.top-worker-h3 {
	width: 377px;
	margin-bottom: 49px;
	position: relative;
}

.top-worker-h3 img {
	margin: 0 auto;
	display: block;
	width: 100%;
}

.top-worker-h3::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -44px;
	margin: auto;
	background-image: url(../images/top/top-worker-midashi-border.svg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 71%;
	height: 15px;
}

.top-worker__contents {
	/*background-image: url(../images/top/top-worker-back.png);
   background-size: 99.5%;
   background-repeat: no-repeat;
   position: relative;
   background-position: top 30px left 0px;*/
	padding: 60px 0 80px;
	width: 1255px;
	max-width: 100%;
	margin: 0 auto;
}

.top-worker-human {
	position: absolute;
	left: 11.3%;
	top: 0;
	width: 250px;
}

.tulip {
	position: absolute;
	right: 9%;
	top: 51px;
	width: 71px;
}

.top-worker .top-link__list {
	margin: 0 auto 45px;
}


.top-worker .top-guardian_btn__flex {
	flex-wrap: wrap;
	width: 825px;
}

.top-guardian_btn__flex .button-1 {
	margin: 0;
	font-size: .16rem;
}

.top-worker .button-1 {
    border: solid 1px #77BF7E;
    border-radius: 33px;
    box-shadow: 5px 5px 0px 0px #77BF7E;
}

.top-worker .button-1::before {
	background-color: #B8E0C7;
}

.kyoukai-btn {
    /* padding: 7px 52px 7px 27px; */
    padding: 12px 57px 12px 22px;
    font-size: .16rem;
}

.jobnavi-btn {
	padding: 7px 63px 7px 22px;
	background-color: #FFFF97;
}

.jobnavi-btn span {
	font-size: .23rem;
	font-weight: bold;
	color: #D32D00;
	vertical-align: sub;
	line-height: 1;
}


.top-worker .kyujin-btn {
	position: relative;
	margin: 66px auto 0;
	padding: 7px 50px 7px 75px;
}

.kyujin-btn img {
	position: absolute;
	left: -80px;
	top: 0;
	bottom: 24px;
	margin: auto;
	width: 142px;
}

.kyujin-btn span {
	font-size: .23rem;
	font-weight: 500;
	vertical-align: baseline;
	line-height: 1;
}

.top-worker {}



/* 京都府私立幼稚園連盟についてご紹介します */
.top-introduction {
	width: 1280px;
	max-width: 100%;
	margin: 0px auto 0;
	padding-top: 20px;
	/* transform: translateX(28px); */
}

.top-introduction__contents {
	background-image: url(../images/top/top-introduction-back.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 80px;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}


.introduction-tree {
	position: absolute;
	top: -5px;
	right: -9px;
	width: 289px;
}

.introduction-human {
	position: absolute;
	left: 5%;
	top: 129px;
	width: 144px;
}

.introduction-text {
	width: 770px;
	margin: 0 auto 29px;
	display: block;
}


.top-introduction__contents p {
	font-size: .17rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 2.6;
	margin-bottom: 27px;
}

.top-intro__link {
	display: flex;
	justify-content: space-between;
	width: 573px;
	margin: 0 auto;
}

.top-introduction .top-intro__link {
	padding-left: 0;
	justify-content: center;
}

.top-intro__btn {
	font-size: .15rem;
	font-weight: 500;
	margin: 0;
	padding: 7px 110px 7px 18px;
	box-shadow: none;
	border: solid 1px #764644;
}

.business-btn {
	padding: 13px 42px 13px 18px;
	/* margin-left: 43px; */
	width: 46%;
	letter-spacing: 0;
}

.top-intro__btn::before {
	background-color: #764644;
}

.top-intro__btn::after {
	filter: brightness(0) saturate(100%) invert(93%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

/* movie */
.top-movie {}

.top-movie h4 {
	font-size: .42rem;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}

.movie-contents {
	width: 1010px;
	max-width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.movie-item {
	width: 45%;
}

iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.movie-item p {
	font-size: .19rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}


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

	/* ファーストビュー*/
	.first-view-slick {
		margin-bottom: 10px;
	}

	.top-slick {
		display: none;
	}

	.sp-first-view {
		position: relative;
	}

	.sp-first-view img {
		width: 100%;
	}

	.sp-first-view .sp-view-text {
		position: absolute;
		width: 85%;
		height: fit-content;
		top: 0;
		left: 0;
		bottom: 13%;
		right: 0;
		margin: auto;
	}



	/*お知らせ*/

	.top-news-map__back {
		background-image: url(../images/top/news-event-back-sp.jpg);
		padding: 50px 0 35px;
	}

	.top-oshirase {
		width: 136px;
		color: #1379BD;
		margin-left: 29px;
		margin-top: 4px;
	}

	.news_list_tag {
		display: none;
	}

	.news_list_item:first-child .news_list_link,
	.news_list_link {
		flex-direction: column;
		align-items: flex-start;
		padding: 8px 10px 13px;
	}

	.news_list_item:last-child .news_list_link {
		padding: 8px 10px;
	}

	.news_list_link p {
		width: 100%;
		font-size: .15rem;
		line-height: 1.7;
		font-weight: 500;
	}

	.news_list_link time {
		font-size: .14rem;
	}

	.tab-contents-container {
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	.tab-content {
		display: none;
		padding: 3px 15px 9px 15px;
	}


	.news-map__flex {
		flex-direction: column;
	}

	.common-tab {
		width: 100%;
	}

	.tab_area {
		width: 100%;
		margin-bottom: 40px;
	}

	/* イベント slick */

	.top-main h3 {
		margin-left: 0px;
		margin-bottom: 25px;
	}


	.top-topics h3 {
		margin-left: 0px;
		margin-bottom: 23px;
		width: 132px;
	}

	.top-topics {
		margin-left: 31px;
		width: 100%;
		flex: 1;
		margin-right: calc(50% - 50vw);
		margin-left: 8%;
	}

	.topics-midashi-flex .button-1 {
		margin-top: -11px;

	}

	.topics-midashi-flex {
		width: 93%;
	}

	.swiper-button-prev,
	.swiper-button-next {
		height: 42px !important;
		width: 42px !important;
		display: none !important;
	}

	.swiper-button-next {
		top: 15px !important;
		right: 12% !important;
	}

	.swiper-button-prev {
		left: initial !important;
		right: 27% !important;
		top: 15px !important;
	}

	.swiper-slide {
		padding: 15px 16px 3px;
		/* margin-right: 0px !important; */
		max-width: 240px;
		border-radius: 15px;
		margin-bottom: 8px;
		margin-right: 13px !important;
		height: initial !important;
	}

	.swiper-slide img {
		margin-bottom: 15px;
	}

	.event-time {
		font-size: .15rem;
		letter-spacing: 0.16em;
		margin-bottom: 12px;
	}

	.topic-title {
		font-size: .15rem;
		line-height: 1.7;
		margin-bottom: 14px;
		font-weight: 500;
	}

	.event-time span {
		display: none;
	}

	.event-tag {
		position: absolute;
		left: initial;
		right: 17px;
		top: 164px;
		bottom: auto;
		margin: auto;
		height: fit-content;
		font-size: .11rem;
		line-height: 1;
		border-radius: 5px;
		padding: 5px 3px;
		width: fit-content;
	}

	.topic-text {
		padding: 0 7px;
	}

	.top-back {
		margin-bottom: 40px;
	}




	/* マップ */
	.top-map__left {
		width: 100%;
		margin-left: 0px;
	}

	.top-map__left p {
		display: none;
	}

	.top-map__left img {
		display: block;
		margin: 0 auto 125%;
	}

	.top-map__right {
		position: absolute;
		right: 0;
		left: 12px;
		margin: auto;
		top: 15%;
		width: 87.5%;
	}

	.map-btn-box {
		flex-direction: column;
	}

	.top-map__left .button-1 {
		width: 280px;
		margin: 0 auto 24px;
	}

	.top-map {
		margin-bottom: 30px;
	}

	.top-support h2 {
		width: 312px;
		margin-bottom: 13px;
	}

	.top-support {
		padding: 43px 0 53px;
	}

	.top-support__contents {
		flex-direction: column;
	}

    .top-tree {
        width: 88.3%;
        margin: 0 auto 28px;
    }

	.top-support__contents img {
		background: none;
	}

	.top-support__text p {
		display: none;
	}

	.top-support__text {
		width: 100%;
	}

	.top-support__text .button-1 {
		margin: 0;
		padding: 12px 12px 12px 26px;
		letter-spacing: 0.12em;
		width: 332px;
		margin: 0 auto;
	}

	.bg_y {
		padding: 0;
		background-image: none;
	}

	.movie-item p {
		font-size: .15rem;
		line-height: 1.8;
	}

	/*保護者の皆様へ*/

	.top-link__list {
		flex-direction: column;
		margin: 0 auto 0px;
	}

	.top-link__item {
		width: 86%;
		max-width: 280px;
		margin: 0 auto 28px;
		box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
		border-radius: 20px;
	}

	.top-guardian-human,
	.butterfly {
		display: none;
	}

	.top-dear-all {
		background-color: #fff9f3;
		padding: 0;
		margin-bottom: 40px;
		position: relative;
	}

	.top-guardian__bg {
		display: none;
	}

	.top-guardian__contents {
		background-image: url(../images/top/sp-worker-back.jpg);
		background-size: 100%;
		background-position: center;
		background-size: cover;
		padding-top: 49px;
		padding-bottom: 20px;
	}

	.top-guardian h3 {
		width: 250px;
		display: block;
		margin: 0 auto 80px;
		border-radius: 20px;
	}

	.top-guardian-h3::before {
		width: 220px;
		height: 15px;
		background-size: contain;
	}

	.top-link__item img {
		margin-bottom: 18px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.top-link__title {
		font-size: .18rem;
		letter-spacing: 0.1em;
		padding-top: 0;
		margin-bottom: 10px;
		min-height: auto;
	}

	.top-link__text {
		margin-bottom: 17px;
	}

	.top-link__item .button-1 {
		margin-bottom: 28px;
		padding: 7px 52px 7px 30px;
	}

	.top-link__item .button-1::after {
		filter: brightness(0) saturate(100%) invert(27%) sepia(99%) saturate(4135%) hue-rotate(305deg) brightness(103%) contrast(110%);
	}

	.top-guardian_btn__flex {
		display: none;
	}

	.top-guardian {
		margin: 0 auto 0;
	}

	/*園で働きたい皆様へ*/
	.top-worker-human,
	.tulip {
		display: none;
	}

	.top-worker__contents {
		background-image: url(../images/top/sp-guardian-back.jpg);
		background-size: cover;
		background-position: center;
		padding-top: 43px;
		padding-bottom: 45px;
	}

	.top-worker h3 {
		width: 315px;
		margin: 0 auto;
		margin-bottom: 90px;
	}

	.top-worker-h3::before {
		width: 220px;
		height: 15px;
		background-size: contain;
	}

	.top-link__item .button-1 {
		border: solid 1px #E58FCF;
		box-shadow: 5px 5px 0px 0px #E58FCF;
	}

	.top-worker .button-1 {
		border: solid 1px #77BF7E;
		box-shadow: 5px 5px 0px 0px #77BF7E;
	}

	.top-worker .button-1::before {
		background-color: #B8E0C7;
	}

	.top-worker .button-1::after {
		filter: none;
	}


	.top-worker .top-link__list {
		margin: -2px auto 0px;
	}

	.top-worker .kyoukai-btn {
		margin: 10px auto 0;
		padding: 13px 50px 13px 15px;
		border-radius: 40px;
		width: fit-content;
		line-height: 1.5;
		text-align: center;
		max-width: calc(100% - 50px);
	}

	.top-worker .kyoukai-btn span {
		font-size: .14rem;
	}

	.top-worker .kyoukai-btn .top-worker .kyoukai-btn {
		font-size: .13rem;
	}

	.top-introduction {
		margin: 10px auto 0;
	}

	.top-introduction__contents.top-introduction__contents {
		background-image: url(../images/top/sp-top-introduction-back.png);
		background-size: 100%;
		background-position: top center;
		/* padding-top: 74px; */
		/* padding-bottom: 20%; */
		/* height: 38%; */
		width: 371px;
		max-width: 100%;
		padding: 72px 0;
	}

	.introduction-text {
		width: fit-content;
		margin: 0px auto 21px;
		display: block;
	}

	.introduction-tree,
	.introduction-human {
		display: none;
	}

	.top-introduction__contents p {
		font-size: .15rem;
		line-height: 1.8;
		margin-bottom: 22px;
		margin-left: 9px;
	}

	.top-intro__link {
		flex-direction: column;
		width: 100%;
	}

	.top-introduction .top-intro__link {
		padding-left: 0;
	}

	.top-intro__btn {
		margin: 0 auto 23px;
		padding: 12px 42px 12px 19px;
		width: 235px;
	}


	.top-movie h4 {
		font-size: .38rem;
		line-height: 1;
		margin-bottom: 40px;
	}

	.top-movie {
		padding-top: 16px;
	}

	.movie-contents {
		flex-direction: column;
	}

	.movie-item {
		width: 100%;
		margin-bottom: 30px;
	}

	.movie-item:last-of-type {
		margin-bottom: 0;
	}

	@media screen and (min-width:600px) and (max-width:800px) {
		.swiper-button-prev {
			right: 23% !important;
		}
	}



	.op {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		z-index: 1111;
		width: 100%;
		height: 100%;
		background-color: #fff;
	}

	.op_logo {
		display: none;
		flex: 0 1 auto;
		width: 325px;
	}