@charset "utf-8";

/* ==================================================
main visual
================================================== */
#tmp_mainvs{
	clear: both;
	margin-bottom: 50px;
	position: relative;
}
#tmp_mainvs .mvs_img_wrap{
	overflow: hidden;
	background-color: #48bc8c;
	color: #222222;
}
#tmp_mainvs .mvs_img{
	display: table;
	margin: 0 auto;
	padding: 0 93px 0 22px;
	position: relative;
}
#tmp_mainvs .mvs_img:before,
#tmp_mainvs .mvs_img:after{
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	background-size: auto 100%;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: 1;
}
#tmp_mainvs .mvs_img:before{
	background-image: url(/shared/templates/kyouiku_top/images/main/mvs_left.png);
	background-position: right top;
	right: 100%;
	margin-right: -189px;
	width: 432px;
}
#tmp_mainvs .mvs_img:after{
	background-image: url(/shared/templates/kyouiku_top/images/main/mvs_right.png);
	background-position: left top;
	left: 100%;
	margin-left: -275px;
	width: 461px;
}
#tmp_mainvs .mvs_img img{
	max-width: 100%;
	height: auto;
	display: block;
}
#tmp_mainvs .mvs_img_pc{
	display: flex;
}
#tmp_mainvs .mvs_img_sp{
	display: none;
}
#tmp_mainvs .mvs_text_wrap{
	position: absolute;
	z-index: 1;
	padding-right: 36px;
	clear: both;
	right: 0;
	bottom: 0;
	max-height: 100%;
	overflow: auto;
	padding-bottom: 63px;
}
#tmp_mainvs .mvs_text{
	max-width: 520px;
	font-weight: bold;
	font-size: 154.78%;
	text-align: right;
	line-height: 2.4;
}
#tmp_mainvs .mvs_text span{
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-color: #ffffff;
	color: #222222;
	border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	padding: 15px 0 11px 23px;
	box-shadow: 36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff;
	-webkit-box-shadow: 36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff;
	-moz-box-shadow: 36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff,36px 0 0 #ffffff;
}
/* ==================================================
notice
================================================== */
#tmp_notice{
	padding-bottom: 53px;
}
#tmp_notice .notice_inside{
	border: 2px solid #dddddd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#tmp_notice .notice_ttl{
	border-bottom: 2px solid #019073;
	padding: 18px 0 9px 75px;
	background: url(/shared/templates/kyouiku_top/images/icon/icon_speaker.png) 25px 13px no-repeat;
	color: #222222;
	background-size: 35px auto;
	-webkit-background-size: 35px auto;
	-moz-background-size: 35px auto;
	min-height: 60px;
}
#tmp_notice .notice_ttl h2{
	font-size: 122.22%;
}
#tmp_notice .notice_cnt{
	padding: 15px 34px 39px;
}
#tmp_notice .notice_cnt ul{
	list-style: none;
	color: #000000;
	background-color: #ffffff;
	width: 100%;
	display: table;
	border-collapse: collapse;
}
#tmp_notice .notice_cnt li{
	border-bottom: 1px dotted #d0d0d0;
	display: table-row;
}
#tmp_notice .notice_cnt .date{
	display: table-cell;
	padding: 18px 10px 18px 5px;
	width: 80px;
	white-space: nowrap;
}
#tmp_notice .notice_cnt .ttl{
	display: table-cell;
	padding-top: 18px;
	padding-bottom: 18px;
}
#tmp_notice .notice_cnt a{
	color: #0049ba;
	text-decoration: underline;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
#tmp_notice .notice_cnt a:hover,
#tmp_notice .notice_cnt a:focus{
	color: #222222;
	text-decoration: none;
}
/* ==================================================
frequently menu
================================================== */
#tmp_frequently_menu{
	background-color: #f1fbf8;
	color: #222222;
	padding: 64px 0 67px;
}
#tmp_frequently_menu .slash_ttl{
	padding-right: 1px;
}
#tmp_frequently_menu .slash_ttl h2{
	padding-right: 57px;
	padding-top: 5px;
}
#tmp_frequently_menu .frequently_inside{
	color: inherit;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 59px 59px 55px;
}
#tmp_frequently_menu ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 36px -7px 0 -10px;
}
#tmp_frequently_menu li{
	padding: 0 10px;
	margin-bottom: 22px;
	width: 20%;
	display: flex;
}
#tmp_frequently_menu .item{
	position: relative;
	box-shadow: 0 5px 0 #f5f5f5;
	-webkit-box-shadow: 0 5px 0 #f5f5f5;
	-moz-box-shadow: 0 5px 0 #f5f5f5;
	border: 3px solid #d2ebe0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #222222;
	background-color: #ffffff;
	width: 100%;
	display: flex;
	flex-direction: column;
	font-weight: bold;
	line-height: 1.2;
	font-size: 88.89%;
	padding: 20px 12px 14px 16px;
	z-index: 1;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}
#tmp_frequently_menu .item .thumb{
	width: 100%;
	height: 66px;
	flex-shrink: 0;
	margin-bottom: 8px;
}
#tmp_frequently_menu .item img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#tmp_frequently_menu .item a{
	background-color: transparent;
	color: inherit;
}
#tmp_frequently_menu .item .ttl{
	height: 100%;
	display: flex;
	align-items: center;
}
#tmp_frequently_menu .item:after{
	content: '';
	position: absolute;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-repeat: no-repeat;
}
#tmp_frequently_menu .item:after{
	width: 12px;
	height: 12px;
	background-image: url(/shared/site_kyouiku/images/main/icon_triangle.png);
	background-position: 0 0;
	bottom: 6px;
	right: 5px;
}
#tmp_frequently_menu .item:before{
	content: '';
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	border: 2px solid #007d64;
	z-index: -1;
	opacity: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
#tmp_frequently_menu .item.active:before{
	opacity: 1;
}
#tmp_frequently_menu .item.active{
	background-color: #f1fbf8;
	box-shadow: none;
}
/* ==================================================
initiative
================================================== */
#tmp_initiative{
	padding: 72px 0 92px;
	overflow: hidden;
}
#tmp_initiative .slash_ttl{
	padding-right: 5px;
}
#tmp_initiative .slash_ttl h2{
	padding-left: 67px;
	padding-right: 60px;
	padding-top: 7px;
}
#tmp_initiative_tab{
	margin: 37px -13px 0;
	padding-top: 20px;
}
#tmp_initiative_tab .initiative_ttl{
	margin-bottom: 19px;
	position: relative;
	z-index: 2;
	width: 25%;
	padding: 0 13px 0 12px;
	display: flex;
}
#tmp_initiative_tab .initiative_ttl::before,
#tmp_initiative_tab .initiative_ttl::after{
	content: '';
	position: absolute;
	background-color: #92d8e2;
	pointer-events: none;
	opacity: 0;
}
#tmp_initiative_tab .initiative_ttl::before{
	bottom: -5px;
	top: -5px;
	left: 7px;
	right: 8px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#tmp_initiative_tab .initiative_ttl::after{
	height: 40px;
	top: 100%;
	margin-top: -10px;
	left: -8px;
	right: -8px;
}
#tmp_initiative_tab .initiative_ttl .item{
	display: flex;
	position: relative;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
}
#tmp_initiative_tab .initiative_ttl.no_cnt .item{
	cursor: initial;
}
#tmp_initiative_tab .initiative_ttl .item::before{
	content: '';
	position: absolute;
	bottom: 5px;
	width: 22px;
	height: 12px;
	left: 50%;
	margin-left: -4px;
	background: url(/shared/templates/kyouiku_top/images/icon/icon_arrow_down.png) 0 0 no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	z-index: 3;
}
#tmp_initiative_tab .initiative_ttl.no_cnt .item::before{
	display: none;
}
#tmp_initiative_tab .initiative_ttl .thumb{
	position: absolute;
	z-index: 1;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
}
#tmp_initiative_tab .initiative_ttl .thumb::before,
#tmp_initiative_tab .initiative_ttl .thumb::after{
	content: '';
	position: absolute;
	background-color: #ffffff;
	width: 18px;
	z-index: 2;
	opacity: 0;
	bottom: -19px;
	height: 30px;
	pointer-events: none;
}
#tmp_initiative_tab .initiative_ttl .thumb::before{
	left: -23px;
	border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0;
}
#tmp_initiative_tab .initiative_ttl .thumb::after{
	right: -23px;
	border-radius: 0 0 0 15px;
	-webkit-border-radius: 0 0 0 15px;
	-moz-border-radius: 0 0 0 15px;
}
#tmp_initiative_tab .initiative_ttl.first .thumb::before,
#tmp_initiative_tab .initiative_ttl.last .thumb::after{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	bottom: -32px;
	height: 44px;
}
#tmp_initiative_tab .initiative_ttl .thumb_inside{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
	overflow: hidden;
	height: 100%;
}
#tmp_initiative_tab .initiative_ttl .thumb_inside:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 3px solid #007d64;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	pointer-events: none;
	z-index: 1;
}
#tmp_initiative_tab .initiative_ttl .thumb_inside > *{
	height: 100%;
}
#tmp_initiative_tab .initiative_ttl .thumb img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
#tmp_initiative_tab .initiative_ttl .ttl{
	position: relative;
	min-height: 222px;
	line-height: 2.4;
	padding: 23px 21px 23px 19px;
	display: flex;
	z-index: 3;
	text-decoration: none;
	align-items: flex-end;
	width: 100%;
}
#tmp_initiative_tab .initiative_ttl .ttl_inside span{
	color: #ffffff;
	background-color: #007d64;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	padding: 8px 14px 7px 11px;
	text-decoration: none;
}
#tmp_initiative_tab .initiative_ttl.tb_active{
	z-index: 1;
}
#tmp_initiative_tab .initiative_ttl.tb_active .item::before{
	opacity: 0;
}
#tmp_initiative_tab .initiative_ttl.tb_active .thumb_inside{
	box-shadow: none;
}
#tmp_initiative_tab .initiative_ttl.tb_active::before,
#tmp_initiative_tab .initiative_ttl.tb_active::after{
	opacity: 1;
}
#tmp_initiative_tab .initiative_ttl.tb_active .thumb::before,
#tmp_initiative_tab .initiative_ttl.tb_active .thumb::after{
	opacity: 1;
}
#tmp_initiative_tab .initiative_cnt{
	background-color: #92d8e2;
	color: #222222;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 34px 33px 10px;
	margin: 0 11px;
	width: calc(100% - 20px);
}
#tmp_initiative_tab .initiative_cnt > p{
	font-size: 111.11%;
	margin-bottom: 20px;
	padding: 0 4px;
}
#tmp_initiative_tab .initiative_cnt ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -11px 0 -14px;
	list-style: none;
}
#tmp_initiative_tab .initiative_cnt li{
	padding: 0 14px;
	line-height: 1.5;
	width: 25%;
}
#tmp_initiative_tab .initiative_cnt li .item{
	font-size: 88.89%;
	font-weight: bold;
	color: inherit;
	text-decoration: none;
	background-color: inherit;
}
#tmp_initiative_tab .initiative_cnt .ttl{
	display: block;
	padding: 9px 2px 15px 4px;
}
#tmp_initiative_tab .initiative_cnt .thumb{
	margin-bottom: 5px;
}
#tmp_initiative_tab .initiative_cnt .thumb img{
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#tmp_initiative_tab .initiative_cnt.first:before,
#tmp_initiative_tab .initiative_cnt.last:before{
	content: '';
	width: 20px;
	height: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	top: 0;
	background-color: #92d8e2;
}
#tmp_initiative_tab .initiative_cnt.first:before{
	left: -4px;
}
#tmp_initiative_tab .initiative_cnt.last:before{
	right: -3px;
}
.no_javascript #tmp_initiative_tab{
	display: flex;
	flex-flow: row wrap;
}
.no_javascript #tmp_initiative_tab .initiative_cnt{
	display: none;
}
/* hover */
#tmp_initiative_tab .initiative_ttl:not(.tb_active):not(.no_cnt) .item:hover .thumb_inside:before{
	opacity: 1;
}
#tmp_initiative_tab .initiative_ttl:not(.tb_active):not(.no_cnt) .item:hover .thumb img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}
/* ==================================================
activities
================================================== */
#tmp_activities{
	background-color: #f4f5f5;
	color: inherit;
	padding: 68px 30px 79px;
}
#tmp_activities .slash_ttl h2{
	padding-top: 6px;
	padding-left: 90px;
	padding-right: 90px;
}
#tmp_activities .activities_item{
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	font-weight: bold;
	color: #222222;
	background-color: #ffffff;
	display: block;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}
#tmp_activities .activities_item:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 2px solid #007d64;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	z-index: 1;
}
.no_javascript #tmp_activities .activities_item:before{
	display: none;
}
#tmp_activities .activities_item a{
	background-color: transparent;
	color: inherit;
}
#tmp_activities .activities_item:after{
	content: '';
	position: absolute;
	bottom: 7px;
	right: 7px;
	width: 17px;
	height: 17px;
	background: url(/shared/site_kyouiku/images/main/icon_triangle.png) 0 0 no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tmp_activities .activities_item .thumb img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
#tmp_activities .activities_item .ttl{
	padding: 22px 19px 27px;
	display: block;
	min-height: 100px;
}
/* hover */
#tmp_activities .activities_item.active{
	background-color: #f1fbf8;
	box-shadow: none;
}
#tmp_activities .activities_item.active:before{
	opacity: 1;
}
#tmp_activities .activities_item.active img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}
/* slider */
#tmp_activities_splide_wrap{
	position: relative;
}
#tmp_activities_splide{
	position: relative;
	overflow: visible;
}
.no_javascript #tmp_activities_splide,
#tmp_activities_splide.no-splide{
	width: 100%;
}
#tmp_activities_splide.no-splide .splide__slide{
	width: 25%;
	padding: 0 8px;
}
#tmp_activities_splide.no-splide .splide__list{
	justify-content: center;
}
#tmp_activities_splide .splide__slide{
	display: flex;
}
#tmp_activities_splide_wrap .splide__arrow{
	position: absolute;
	top: 50%;
	margin-top: 13px;
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-position: center center;
	background-size: 8px auto;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
	color: #ffffff;
	background-color: rgba(0, 131, 83, 0.82);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-indent: 9999px;
	overflow: hidden;
	opacity: 1;
	transition: 0.3s ease background-color;
	-webkit-transition: 0.3s ease background-color;
	-moz-transition: 0.3s ease background-color;
}
#tmp_activities_splide_wrap .splide__arrow:hover,
#tmp_activities_splide_wrap .splide__arrow:focus{
	background-color: #000000;
}
#tmp_activities_splide_wrap .splide__arrow--prev{
	background-image: url(/shared/site_kyouiku/images/icon/icon_arrow_prev_white.png);
	left: -25px;
}
#tmp_activities_splide_wrap .splide__arrow--next{
	background-image: url(/shared/site_kyouiku/images/icon/icon_arrow_next_white.png);
	right: -25px
}
#tmp_activities_splide .splide__track{
	padding: 65px 0 86px;
	margin: 0 -8px;
}
#tmp_activities_splide .splide__controls{
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 2;
	padding-left: 22px;
}
#tmp_activities_splide .splide__toggle{
	font-size: 72.22%;
	font-weight: bold;
	color: #222222;
	background-color: #ffffff;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border: 1px solid #cccccc;
	padding: 5px 6px 2px 32px;
	position: relative;
	margin-right: 25px;
	min-width: 86px;
	z-index: 1;
	text-align: left;
}
#tmp_activities_splide .splide__toggle:after{
	content: '';
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	top: -1px;
	border: 2px solid #007d64;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	z-index: -1;
}
#tmp_activities_splide .splide__toggle::before{
	content: '';
	width: 6px;
	height: 11px;
	border-left: 6px solid #666666;
	border-top: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	left: 14px;
	top: 8px;
}
#tmp_activities_splide .splide__toggle.is-active::before{
	width: 9px;
	border-left-width: 3px;
	border-right: 3px solid #666666;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
/* hover */
#tmp_activities_splide .splide__toggle:hover{
	background-color: #f1fbf8;
}
#tmp_activities_splide .splide__toggle:hover:after{
	opacity: 1;
}
#tmp_activities_splide .splide__pagination{
	list-style: none;
	position: relative;
	bottom: 0;
	padding: 0;
	margin-top: -3px;
}
#tmp_activities_splide .splide__pagination li{
	margin-right: 21px;
}
#tmp_activities_splide .splide__pagination__page{
	width: 15px;
	height: 15px;
	overflow: hidden;
	line-height: 0;
	text-indent: -9999px;
	margin: 0;
	position: relative;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	opacity: 1;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #222222;
	transition: 0.3s ease background-color,0.3s ease border-color;
	-webkit-transition: 0.3s ease background-color,0.3s ease border-color;
	-moz-transition: 0.3s ease background-color,0.3s ease border-color;
}
#tmp_activities_splide .splide__pagination__page:hover,
#tmp_activities_splide .splide__controls .splide__pagination__page.is-active{
	border-color: #2c9870;
	background-color: #2c9870;
	color: #ffffff;
}
.no_javascript #tmp_activities_splide{
	visibility: visible;
}
.no_javascript #tmp_activities_splide .splide__track{
	overflow: auto;
	margin: 0;
}
.no_javascript #tmp_activities_splide .splide__list{
	white-space: nowrap;
	display: block;
	float: left;
}
.no_javascript #tmp_activities_splide .splide__slide{
	visibility: visible;
	margin-right: 14px;
	display: inline-block;
	white-space: normal;
	width: 282px;
}
/* ==================================================
poster
================================================== */
#tmp_poster{
	padding: 80px 0 130px;
}
#tmp_poster .slash_ttl h2{
	padding: 6px 73px 0;;
}
#tmp_poster .poster_items{
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	margin-top: 71px;
	padding: 0px 15px;
}
#tmp_poster .poster_items > li{
	width: 50%;
	display: flex;
}
#tmp_poster .poster_items > li:nth-child(2n){
	padding-left: 14px;
}
#tmp_poster .poster_items > li:nth-child(2n + 1){
	padding-right: 14px;
}
#tmp_poster .poster_item{
	width: 100%;
	background: url(/shared/templates/kyouiku_top/images/main/poster_frame_top.jpg) 0 0 no-repeat,url(/shared/templates/kyouiku_top/images/main/poster_frame_bottom.jpg) 0 bottom no-repeat, url(/shared/templates/kyouiku_top/images/main/poster_frame.jpg) 0 0 repeat-y;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	padding: 36px 22px 30px 35px;
	display: flex;
}
#tmp_poster .poster_thumb{
	width: 203px;
	margin-right: 27px;
	flex-shrink: 0;
}
#tmp_poster .poster_thumb img{
	width: 100%;
	height: auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
#tmp_poster .poster_cnt{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 5px;
}
#tmp_poster .poster_cnt .ttl{
	font-size: 122.22%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}
#tmp_poster .poster_cnt .date{
	display: block;
	text-align: center;
	font-weight: bold;
	color: #222222;
	background-color: #ececec;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 8px 20px 7px;
	margin-bottom: 17px;
}
#tmp_poster .poster_cnt ul{
	list-style: none;
}
#tmp_poster .poster_cnt li{
	padding-left: 28px;
	position: relative;
	font-weight: bold;
	margin-bottom: 4px;
}
#tmp_poster .poster_cnt li::before{
	content: '';
	position: absolute;
	left: 9px;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #5cbbc8;
}
#tmp_poster .poster_item .btn{
	padding-right: 8px;
}
#tmp_poster .poster_item .btn a{
	display: block;
	color: #ffffff;
	background-color: #007d64;
	border: 2px solid #007d64;
	position: relative;
	padding: 12px 30px 8px 46px;
	font-weight: bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	font-size: 88.89%;
	-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
#tmp_poster .poster_item .btn a::before{
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	left: 23px;
	top: 50%;
	margin-top: -4px;
	border-left: 7px solid #ffffff;
	border-top: 4px solid #007d64;
	border-bottom: 4px solid #007d64;
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
}
#tmp_poster .poster_item .btn a:hover,
#tmp_poster .poster_item .btn a:focus{
	background-color: #f1fbf8;
	color: #007d64;
}
#tmp_poster .poster_item .btn a:hover:before,
#tmp_poster .poster_item .btn a:focus:before{
	border-left-color: #007d64;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
/* ==================================================
social
================================================== */
#tmp_social{
	background-color: #f4f5f5;
	padding: 52px 0 44px;
}
#tmp_social ul{
	list-style: none;
	display: flex;
	padding: 0 8px 0 2px;
	flex-wrap: wrap;
}
#tmp_social li{
	padding: 0 8px 10px 9px;
	width: 16.66%;
	display: flex;
}
#tmp_social a{
	width: 100%;
	color: #222222;
	background-color: #ffffff;
	border: 2px solid #d7d7d7;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0px 5px 0px 0px #eaebeb;
	position: relative;
	padding: 15px 44px 10px 20px;
	line-height: 1.3;
	font-size: 88.89%;
	font-weight: bold;
	display: flex;
	align-items: center;
	-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
#tmp_social a:after{
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url(/shared/site_kyouiku/images/main/icon_arrow_circle.png) 0 0 no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}
#tmp_social a:hover,
#tmp_social a:focus{
	background-color: #f1fbf8;
	border-color: #007d64;
	box-shadow: none;
}
/* ==================================================
common hover
================================================== */
#tmp_poster .poster_cnt a.date,
#tmp_initiative_tab .initiative_ttl .ttl a,
#tmp_social a,
#tmp_poster .poster_item .btn a,
#tmp_activities_splide .splide__toggle,
#tmp_activities .activities_item a,
#tmp_frequently_menu a{
	text-decoration: none;
}
#tmp_poster .poster_item.active .btn a{
	text-decoration: underline;
}
/* ==================================================
furigana
================================================== */
.furigana_on #tmp_initiative_tab .initiative_ttl .ttl_inside span {
	padding-top:0.8em;
}
.furigana_on #tmp_social a {
	display:block;
}

/* ==================================================
accessibility
================================================== */
.color_black #tmp_mainvs .mvs_text span{
	box-shadow: 36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000!important;
	-webkit-box-shadow: 36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000!important;
	-moz-box-shadow: 36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000,36px 0 0 #000000!important;
}
.color_blue #tmp_mainvs .mvs_text span{
	box-shadow: 36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B!important;
	-webkit-box-shadow: 36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B!important;
	-moz-box-shadow: 36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B,36px 0 0 #00008B!important;
}
.color_yellow #tmp_mainvs .mvs_text span{
	box-shadow: 36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00!important;
	-webkit-box-shadow: 36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00!important;
	-moz-box-shadow: 36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00,36px 0 0 #FFFF00!important;
}
.color_black #tmp_social a,
.color_blue #tmp_social a,
.color_yellow #tmp_social a,
.color_black #tmp_frequently_menu .item,
.color_blue #tmp_frequently_menu .item,
.color_yellow #tmp_frequently_menu .item{
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
}
.color_black #tmp_poster .poster_item,
.color_blue #tmp_poster .poster_item,
.color_black #tmp_poster .poster_item .btn a,
.color_blue #tmp_poster .poster_item .btn a,
.color_black #tmp_activities .activities_item,
.color_blue #tmp_activities .activities_item,
.color_black #tmp_initiative_tab .initiative_ttl.tb_active,
.color_black #tmp_initiative_tab .initiative_cnt,
.color_blue #tmp_initiative_tab .initiative_ttl.tb_active,
.color_blue #tmp_initiative_tab .initiative_cnt{
	border: 1px solid #FFFF00!important;
}
.color_yellow #tmp_poster .poster_item,
.color_yellow #tmp_poster .poster_item .btn a,
.color_yellow #tmp_activities .activities_item,
.color_yellow #tmp_initiative_tab .initiative_ttl.tb_active,
.color_yellow #tmp_initiative_tab .initiative_cnt{
	border: 1px solid #000000!important;
}
.color_black #tmp_initiative_tab .initiative_ttl.tb_active .thumb::before,
.color_black #tmp_initiative_tab .initiative_ttl.tb_active .thumb::after,
.color_black #tmp_initiative_tab .initiative_cnt:before,
.color_black #tmp_initiative_tab .initiative_ttl::before,
.color_black #tmp_initiative_tab .initiative_ttl::after,
.color_blue #tmp_initiative_tab .initiative_ttl.tb_active .thumb::before,
.color_blue #tmp_initiative_tab .initiative_ttl.tb_active .thumb::after,
.color_blue #tmp_initiative_tab .initiative_cnt:before,
.color_blue #tmp_initiative_tab .initiative_ttl::before,
.color_blue #tmp_initiative_tab .initiative_ttl::after,
.color_yellow #tmp_initiative_tab .initiative_ttl.tb_active .thumb::before,
.color_yellow #tmp_initiative_tab .initiative_ttl.tb_active .thumb::after,
.color_yellow #tmp_initiative_tab .initiative_cnt:before,
.color_yellow #tmp_initiative_tab .initiative_ttl::before,
.color_yellow #tmp_initiative_tab .initiative_ttl::after,
.color_yellow #tmp_frequently_menu .item:before,
.color_yellow #tmp_activities .activities_item:before,
.color_yellow #tmp_activities_splide .splide__toggle:after,
.color_blue #tmp_frequently_menu .item:before,
.color_blue #tmp_activities .activities_item:before,
.color_blue #tmp_activities_splide .splide__toggle:after,
.color_black #tmp_frequently_menu .item:before,
.color_black #tmp_activities .activities_item:before,
.color_black #tmp_activities_splide .splide__toggle:after{
	display: none!important;
}
.color_blue #tmp_poster .poster_item .btn a::before,
.color_blue #tmp_activities_splide .splide__toggle::before{
	border-top-color: #00008B!important;
	border-bottom-color: #00008B!important;
	border-left-color: #ffffff!important;
	border-right-color: #ffffff!important;
}
.color_black #tmp_poster .poster_item .btn a::before,
.color_black #tmp_activities_splide .splide__toggle::before{
	border-top-color: #000000!important;
	border-bottom-color: #000000!important;
	border-left-color: #ffffff!important;
	border-right-color: #ffffff!important;
}
.color_yellow #tmp_poster .poster_item .btn a::before,
.color_yellow #tmp_activities_splide .splide__toggle::before{
	border-top-color: #FFFF00!important;
	border-bottom-color: #FFFF00!important;
	border-left-color: #000000!important;
	border-right-color: #000000!important;
}
.color_black #tmp_activities_splide .splide__pagination__page.is-active,
.color_blue #tmp_activities_splide .splide__pagination__page.is-active{
	background-color: #ffffff!important;
}
.color_yellow #tmp_activities_splide .splide__pagination__page.is-active{
	background-color: #000000!important;
}
.color_black #tmp_social a:after,
.color_blue #tmp_social a:after{
	background-image: url(/shared/site_kyouiku/images/main/icon_arrow_circle_white.png)!important;
}

.color_black #tmp_activities_splide_wrap .splide__arrow--prev{
	background: #000000 url(/shared/site_kyouiku/images/icon/icon_arrow_prev_white.png) center center / 8px no-repeat !important;
	border: 1px solid #FFFF00!important;
}
.color_black #tmp_activities_splide_wrap .splide__arrow--next{
	background: #000000 url(/shared/site_kyouiku/images/icon/icon_arrow_next_white.png) center center / 8px no-repeat !important;
	border: 1px solid #FFFF00!important;
}
.color_blue #tmp_activities_splide_wrap .splide__arrow--prev{
	background: #00008B url(/shared/site_kyouiku/images/icon/icon_arrow_prev_white.png) center center / 8px no-repeat !important;
	border: 1px solid #FFFF00!important;
}
.color_blue #tmp_activities_splide_wrap .splide__arrow--next{
	background: #00008B url(/shared/site_kyouiku/images/icon/icon_arrow_next_white.png) center center / 8px no-repeat !important;
	border: 1px solid #FFFF00!important;
}

.color_yellow #tmp_activities_splide_wrap .splide__arrow--prev{
	background: #FFFF00 url(/shared/site_kyouiku/images/icon/icon_arrow_prev_blue.png) center center / 8px no-repeat !important;
	border: 1px solid #000000!important;
}
.color_yellow #tmp_activities_splide_wrap .splide__arrow--next{
	background: #FFFF00 url(/shared/site_kyouiku/images/icon/icon_arrow_next_blue.png) center center / 8px no-repeat !important;
	border: 1px solid #000000!important;
}
.color_black #tmp_initiative_tab .initiative_ttl .ttl,
.color_blue #tmp_initiative_tab .initiative_ttl .ttl,
.color_yellow #tmp_initiative_tab .initiative_ttl .ttl{
	background-color: transparent!important;
}
.color_black #tmp_initiative_tab .initiative_ttl .ttl_inside span{
	background-color: #000000!important;
}
.color_blue #tmp_initiative_tab .initiative_ttl .ttl_inside span{
	background-color: #00008B!important;
}
.color_yellow #tmp_initiative_tab .initiative_ttl .ttl_inside span{
	background-color: #FFFF00!important;
}

.color_black #tmp_initiative_tab .initiative_ttl .item::before,
.color_blue #tmp_initiative_tab .initiative_ttl .item::before{
	background-image: url(/shared/templates/kyouiku_top/images/icon/icon_arrow_down_yl.png)
}
.color_yellow #tmp_initiative_tab .initiative_ttl .item::before{
	background-image: url(/shared/templates/kyouiku_top/images/icon/icon_arrow_down_bl.png)
}
.color_yellow #tmp_poster .poster_cnt .date,
.color_black #tmp_poster .poster_cnt .date,
.color_blue #tmp_poster .poster_cnt .date{
	border: 1px solid
}
.no_javascript #tmp_frequently_menu .item a:hover,
.no_javascript #tmp_frequently_menu .item a:focus,
.no_javascript #tmp_activities .activities_item a:hover,
.no_javascript #tmp_activities .activities_item a:focus {
	text-decoration:underline;
}
/* ==================================================
print
================================================== */
#tmp_notice .notice_cnt li:after{
	content: '';
	display: table;
	clear: both;
}
@media print {

}