@charset "utf-8";

/* custom style
================================================== */
/* common */
#tmp_wrap_custom_update{
	margin-bottom: 35px;
}
#tmp_pankuzu{
	position: relative;
	z-index: 9;
}
#tmp_wrap_main {
    position: relative;
	padding-bottom: 116px;
    z-index: 1;
}
#tmp_wrap_main:after {
    content: '';
    position: absolute;
	top: 0;
    left: -270px;
    bottom: -108px;
    right: 0;
    background: #ffffff url(/shared/templates/child_top_rn2025/images/icon/footer_bg.png) no-repeat center bottom;
    color: #222222;
    pointer-events: none;
    z-index: -1;
}

/* mainvisual style
================================================== */
#tmp_child_edu_mv .banner_logo h1{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/logo_child_pc.png);
	width: 466px;
	height: 70px;
}
#tmp_child_edu_mv .banner_wrap:after{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/arrow_down.png);
}
#tmp_child_edu_mv .select_banner{
	top: -85px;
    left: -31px;
	background-image: url(/shared/templates/child_top_rn2025/images/icon/notice_selected.png);
}
#tmp_child_edu_mv:after,
#tmp_child_edu_mv .banner_wrap.selected .banner_inner{
	background-color: #fff95b;
}

/* notice - news style
================================================== */
#tmp_child_edu_notice{
	background-color: #fffde3;
	background-image: url(/shared/templates/child_top_rn2025/images/icon/bg_notice01.png),url(/shared/templates/child_top_rn2025/images/icon/bg_notice02.png);
    background-position: calc(50% - 668px) -4px, right calc(50% - 599px) top 81px;
}
#tmp_child_edu_notice .notice_intro:after{
    border-color: #fbf7c2;
}
#tmp_child_edu_notice .child_edu_title h2{
    background-image: url(/shared/templates/child_top_rn2025/images/icon/h2_bg_child_notice.png);
}
#tmp_child_edu_notice .notice_intro_des{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/icon_link_banner.png);
}
#tmp_child_edu_news tr:last-child .notice_link{
	background-image: none;
}
#tmp_child_edu_news tr:not(:last-child) .notice_date{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/bg_line_pc.png), -webkit-gradient(linear, left top, right top, color-stop(33.33%, #595752), color-stop(33.33%, #fffde3));
	background-image: url(/shared/templates/child_top_rn2025/images/icon/bg_line_pc.png), -moz-linear-gradient(left, #595752 33.33%, #fffde3 33.33%);
	background-image: url(/shared/templates/child_top_rn2025/images/icon/bg_line_pc.png), -o-linear-gradient(left, #595752 33.33%, #fffde3 33.33%);
	background-image: url(/shared/templates/child_top_rn2025/images/icon/bg_line_pc.png), linear-gradient(90deg, #595752 33.33%, #fffde3 33.33%);
}

/* search style
================================================== */
.wrap_search_useful{
	overflow: hidden;
}
#tmp_child_edu_search{
	padding: 73px 0 126px;
	background-color: #fffde3;
}
#tmp_child_edu_search:before,
#tmp_child_edu_search:after{
	content: '';
	position: absolute;
	background-color: transparent;
	background-repeat: no-repeat;
	color: inherit;
	pointer-events: none;
}
#tmp_child_edu_search:before{
    bottom: -3px;
    left: 50%;
    width: 50%;
    height: 256px;
    background-image: url(/shared/templates/child_top_rn2025/images/icon/search_af.png);
    background-position: 458px center;
    z-index: 3;
}
#tmp_child_edu_search:after{
	left: 0;
	right: 0;
	top: 0;
	bottom: -187px;
	background-image: url(/shared/templates/child_top_rn2025/images/icon/bg_search_service.png);
	background-position: calc(50% - 281px) 187px;
	background-size: auto 1552px;
	z-index: 1;
}
#tmp_child_edu_search .container{
	position: relative;
	z-index: 2;
}
#tmp_child_edu_search .sch_wrap_inner{
    padding: 110px 4% 64px;
	border-color: #fbf7c2;
}
#tmp_child_edu_search .sch_wrap_inner:before{
	top: -70px;
    left: 46px;
	width: 122px;
	height: 218px;
	background-image: url(/shared/site_rn2025/images/child_edu/sch_child_pattern_lft.png);
}
#tmp_child_edu_search .sch_wrap_inner:after{
	top: 55px;
	right: -20px;
	width: 158px;
	height: 202px;
	background-image: url(/shared/site_rn2025/images/child_edu/sch_child_pattern_rgt.png);
}
#tmp_child_edu_search .child_edu_title{
	margin-bottom: 45px;
}
#tmp_child_edu_search .child_edu_title h2 {
	background-image: url(/shared/site_rn2025/images/child_edu/h2_bg_child_search.png);
}
#tmp_child_edu_search .sch_box_ttl {
	background-image: url(/shared/site_rn2025/images/child_edu/search_ttl_child_bg.png);
}
#tmp_child_edu_search .sch_wrap_accordion {
	margin: 34px 0 10px;
}
#tmp_child_edu_search .accordion_area_wrap {
	margin-bottom: 33px;
}
#tmp_child_edu_search .accordion_area_wrap .sch_box_ttl {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 0 20px;
	margin-bottom: 4px;
	padding-top: 9px;
	background-position: 0 1px;
}
#tmp_child_edu_search .accordion_switch_wrap{
	padding-top: 6px;
}
#tmp_child_edu_search .accordion_switch{
	position: relative;
	display: block;
	padding: 9px 10px 10px;
	color: inherit;
	background-color: #ffffff;
	width: 135px;
	max-width: 100%;
	border: 1px solid #222222;
	border-radius: 22px;
	font-size: 75%;
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
	cursor: pointer;
	outline: none;
	text-decoration: none;
    transition: box-shadow 0.3s ease-in-out;
	z-index: 1;
}
#tmp_child_edu_search .accordion_switch:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 7px;
	background: transparent url(/shared/templates/child_top_rn2025/images/icon/icon_plus.png) no-repeat;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
	z-index: -1;
}
.no_javascript #tmp_child_edu_search .accordion_switch:before,
#tmp_child_edu_search .ac_active .accordion_switch:before{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/icon_minus.png);
}
#tmp_child_edu_search .service_list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 18px 26px;
	padding: 5px;
	z-index: 2;
}
#tmp_child_edu_search .service_list li {
	width: calc((100% - 78px) / 4);
	list-style: none;
}
#tmp_child_edu_search .service_list a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 11px 10px 13px 47px;
	background: #f6ed7e url(/shared/site_rn2025/images/icon/arrow_link30.png) no-repeat 25px center;
    background-size: 15px auto;
	width: 100%;
	min-height: 90px;
	height: 100%;
	box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	font-size: 111.1%;
	line-height: 1.2;
	color: #222222;
	word-break: break-word;
	text-decoration: none;
}
#tmp_child_edu_search .service_list a:hover {
	text-decoration: underline;
}
#tmp_child_edu_search .accordion_cnt{
	margin: 0px -5px;
}
/* category */
#tmp_search_category .accordion_switch_wrap{
	padding-top: 4px;
}
/* kosodate_search_result */
#tmp_kosodate_search_result {
	margin-top:-25px;
	padding: 81px 20px 0;
}
#tmp_kosodate_search_result ul.result_list {
	list-style: none;
	background-color: #ffffff;
	color: #222222;
	border: 1px solid #cdcfde;
	margin-bottom: 43px;
}
#tmp_kosodate_search_result li.result_item {
	padding: 24px 30px;
	border-bottom: 1px solid #cdcfde;
	line-height: 1.5;
}
#tmp_kosodate_search_result li.result_item:last-child {
	border-bottom: none;
}
#tmp_kosodate_search_result li.result_item .item_ttl {
	margin-bottom: 15px;
}
#tmp_kosodate_search_result li.result_item .item_txt {
	font-size: 88.9%;
}
#tmp_kosodate_search_result ul.result_pagination {
	list-style: none;
	text-align: center;
	padding-left: 52px;
}
#tmp_kosodate_search_result ul.result_pagination li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px 0 15px;
	border-right: 1px solid #142247;
	line-height: 1;
}
#tmp_kosodate_search_result ul.result_pagination li a {
	display: block;
	color: #222222;
	background-color: transparent;
	text-decoration: none;
}

/* useful style
================================================== */
#tmp_useful_event{
    background-color: #fffde3;
	border-bottom-right-radius: 120px;
	margin-top: -19px;
}
#tmp_useful_event .child_edu_title{
	margin-bottom: 56px;
	padding: 0 10px;
}
#tmp_useful_event .useful_event_wrap{
	position: relative;
	display: flex;
	align-items: flex-start;
	padding-bottom: 61px;
}
#tmp_useful_event .useful_event_wrap:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 49.5%;
	right: 0;
	height: 32px;
	background: url(/shared/templates/child_top_rn2025/images/icon/useful_event_bg.png) repeat-x;
	background-position: 0 7px;
}
#tmp_useful_child{
	position: relative;
	display: flex;
    justify-content: flex-end;
	padding: 0 106px 28px 10px;
	width: calc(50% - 11px);
	z-index: 2;
}
#tmp_useful_child::before{
	content: "";
    width: 1000%;
    position: absolute;
	right: 70px;
    top: 15px;
	bottom: 0;
    background-color: #ffffff;
    border: 2px solid #fbf7c2;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
	z-index: -1;
}
#tmp_useful_child .child_edu_title h2{
    background-image: url(/shared/templates/child_top_rn2025/images/icon/h2_bg_child_useful_pc.png);
}
#tmp_useful_child .useful_child_wrap{
	display: flex;
	flex-direction: column;
	max-width: 100%;
	width: 482px;
}
#tmp_useful_child .useful_child_list{
	display: flex;
	list-style: none;
	flex-flow: row wrap;
	margin: 0;
	gap: 0 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#tmp_useful_child .useful_child_list li{
	margin-bottom: 30px;
	width: calc(50% - 10px);
	text-align: center;
}
#tmp_useful_child .useful_child_list a{
	display: inline-block;
	color: #222222;
	text-decoration: none;
	text-align: center;
}
#tmp_useful_child .useful_child_list .useful_link{
	display: inline-block;
	padding-left: 23px;
	background: url(/shared/site_rn2025/images/icon/arrow_link28.png) no-repeat 0 5px;
    background-size: 15px auto;
}
#tmp_useful_child .useful_child_list .useful_img{
	display: block;
	width: 116px;
	margin: 0 auto;
}
#tmp_useful_child .useful_child_list .useful_img img{
	vertical-align: top;
}
#tmp_useful_child .useful_child_list a:hover .useful_link{
	text-decoration: underline;
}
#tmp_useful_child .useful_child_list a:hover .useful_img img{
	opacity: 0.7;
}

/* event style
================================================== */
#tmp_event_child{
	position: relative;
	flex: 1;
	margin-left: calc((100% - 1200px)/2);
	overflow: hidden;
	z-index: 1;
}
#tmp_event_child .child_edu_title{
	margin-bottom: 61px;
	margin-right: calc((100% - 1080px)/2);
}
#tmp_event_child .child_edu_title h2{
    background-image: url(/shared/templates/child_top_rn2025/images/icon/h2_bg_child_event_pc.png);
}
#tmp_event_child .btn_default{
	padding-left: 372px;
}
#tmp_event_child .btn_default a{
	position: relative;
    top: -32px;
    font-size: 88.9%;
    background-image: url(/shared/site_rn2025/images/icon/arrow_link30.png);
    background-position: 5px 9px;
    background-size: 16px auto;
    padding-left: 29px;
}
#tmp_child_edu_events{
	padding-left: 10px;
}
#tmp_child_edu_events .splide__arrow--prev{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/icon_arrow_prev.png);
}
#tmp_child_edu_events .splide__arrow--next{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/icon_arrow_next.png);
}
/* no useful */
#tmp_useful_child + #tmp_event_child{
	margin-left: 0;
	width: calc(50% + 11px);
}
#tmp_useful_child + #tmp_event_child .child_edu_title{
	margin-right: 0;
    max-width: 600px;
    padding-left: 78px;
}
#tmp_event_child .btn_default a:focus-visible{
	outline-offset: -1px;
}

/* link style
================================================== */
#tmp_link_child{
	position: relative;
	padding-top: 95px;
    background: url(/shared/templates/child_top_rn2025/images/icon/bg_link_section.png);
    background-position: calc(50% + 458px) 41px;
	background-repeat: no-repeat;
}
#tmp_link_child:before{
	content: "";
	width: 208px;
	height: 254px;
	background: url(/shared/templates/child_top_rn2025/images/icon/bf_link_section.png) no-repeat;
	left: 50%;
	position: absolute;
    top: -75px;
    margin-left: -704px;
}
#tmp_link_child .child_edu_title{
	margin-bottom: 63px;
}
#tmp_link_child .child_edu_title h2{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/h2_bg_child_link.png);
}

/* list link */
#tmp_link_child ul{
	display: flex;
	flex-flow: row wrap;
	list-style: none;
}
#tmp_link_child ul a{
	position: relative;
	display: block;
	color: #222222;
}
#tmp_link_child ul img{
	vertical-align: top;
	max-width: 100%;
	height: auto;
	transition: 0.3s ease-in-out transform;
}
#tmp_link_child ul a:hover .common_link_ttl{
	text-decoration: underline;
}

/* list large */
#tmp_link_child .list_large_link{
	margin-bottom: 69px;
	gap: 30px 60px;
}
#tmp_link_child .list_large_link li{
	width: calc(50% - 30px);
}
#tmp_link_child .list_large_link a{
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;
}

/* list small */
#tmp_link_child .list_small_link{
	gap: 0 26px;
}
#tmp_link_child .list_small_link li{
	margin-bottom: 26px;
	width: calc((100% - 78px) / 4);
}
#tmp_link_child .list_small_link .banner_link_img{
	position: relative;
    display: inline-block;
	margin-bottom: 22px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;
}
#tmp_link_child .list_small_link .common_link_ttl{
	display: inline-block;
	background-position: 0 8px;
}

/* hover style
================================================== */
#tmp_link_child .list_small_link .banner_link_img:before,
#tmp_link_child .list_large_link a:before{
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
	bottom: -1px;
	right: -1px;
    border: 4px solid #fddc0e;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
	z-index: 1;
	border-radius: 12px;
}
#tmp_link_child .list_large_link a:hover,
#tmp_link_child .list_small_link a:hover .banner_link_img{
	box-shadow: none;
}
#tmp_link_child .list_small_link a:hover .banner_link_img:before,
#tmp_link_child .list_large_link a:hover:before{
    opacity: 1;
}
#tmp_link_child ul a:hover img{
	transform: scale(1.157);
}
#tmp_child_edu_search .accordion_switch:focus-visible,
#tmp_link_child .list_small_link a:hover .common_link_ttl{
	text-decoration: underline;
}
#tmp_child_edu_search .accordion_switch:hover{
	box-shadow: inset 0 0 0 1px #222222;
}
#tmp_child_edu_events .thumbnail_img::after{
	border-color: #fddc0e;
}
/* font-weight
================================================== */
#tmp_kosodate_search_result ul.result_pagination .current a,
#tmp_kosodate_search_result li.result_item .item_ttl {
	font-family: 'OT-HiraginoUDSansStdN-W5';
	font-weight: bold;
}
/* accessibility
================================================== */
/* color */
.color_black #tmp_wrapper #tmp_wrap_main:after,
.color_black #tmp_wrapper #tmp_link_child:before,
.color_black #tmp_wrapper #tmp_useful_event:before,
.color_blue #tmp_wrapper #tmp_wrap_main:after,
.color_blue #tmp_wrapper #tmp_link_child:before,
.color_blue #tmp_wrapper #tmp_useful_event:before,
.color_yellow #tmp_wrapper #tmp_wrap_main:after,
.color_yellow #tmp_wrapper #tmp_link_child:before,
.color_yellow #tmp_wrapper #tmp_useful_event:before,
.color_black #tmp_wrapper #tmp_child_edu_search:before,
.color_blue #tmp_wrapper #tmp_child_edu_search:before,
.color_yellow #tmp_wrapper #tmp_child_edu_search:before,
.color_black #tmp_wrapper #tmp_child_edu_search:after,
.color_blue #tmp_wrapper #tmp_child_edu_search:after,
.color_yellow #tmp_wrapper #tmp_child_edu_search:after,
.color_black #tmp_wrapper #tmp_useful_event .useful_event_wrap:before,
.color_blue #tmp_wrapper #tmp_useful_event .useful_event_wrap:before,
.color_yellow #tmp_wrapper #tmp_useful_event .useful_event_wrap:before,
.color_black #tmp_wrapper #tmp_link_child .list_small_link .banner_link_img:before,
.color_black #tmp_wrapper #tmp_link_child .list_large_link a:before,
.color_blue #tmp_wrapper #tmp_link_child .list_small_link .banner_link_img:before,
.color_blue #tmp_wrapper #tmp_link_child .list_large_link a:before,
.color_yellow #tmp_wrapper #tmp_link_child .list_small_link .banner_link_img:before,
.color_yellow #tmp_wrapper #tmp_link_child .list_large_link a:before{
	content: none;
}
.color_black #tmp_wrapper #tmp_useful_child,
.color_blue #tmp_wrapper #tmp_useful_child,
.color_yellow #tmp_wrapper #tmp_useful_child,
.color_black #tmp_wrapper #tmp_useful_child *:not(.child_edu_title h2),
.color_blue #tmp_wrapper #tmp_useful_child *:not(.child_edu_title h2),
.color_yellow #tmp_wrapper #tmp_useful_child *:not(.child_edu_title h2),
.color_black #tmp_wrapper #tmp_useful_child:before,
.color_blue #tmp_wrapper #tmp_useful_child:before,
.color_yellow #tmp_wrapper #tmp_useful_child:before,
.color_black #tmp_wrapper #tmp_child_edu_mv .banner_logo,
.color_blue #tmp_wrapper #tmp_child_edu_mv .banner_logo,
.color_yellow #tmp_wrapper #tmp_child_edu_mv .banner_logo,
.color_black #tmp_wrapper #tmp_child_edu_mv .banner_logo *,
.color_blue #tmp_wrapper #tmp_child_edu_mv .banner_logo *,
.color_yellow #tmp_wrapper #tmp_child_edu_mv .banner_logo *{
	background-color: transparent !important;
}
.color_black.custom_child #tmp_child_edu_search .accordion_switch:before,
.color_blue.custom_child #tmp_child_edu_search .accordion_switch:before{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/icon_plus_yellow.png) !important ;
}
.color_black.custom_child #tmp_child_edu_search .ac_active .accordion_switch:before,
.color_blue.custom_child #tmp_child_edu_search .ac_active .accordion_switch:before{
	background-image: url(/shared/templates/child_top_rn2025/images/icon/icon_minus_yellow.png) !important ;
}
.color_black #tmp_wrapper #tmp_useful_child:before,
.color_blue #tmp_wrapper #tmp_useful_child:before,
.color_yellow #tmp_wrapper #tmp_useful_child:before {
    border: 2px solid;
}
.color_black #tmp_wrapper #tmp_child_edu_search .service_list a,
.color_blue #tmp_wrapper #tmp_child_edu_search .service_list a,
.color_yellow #tmp_wrapper #tmp_child_edu_search .service_list a{
	border: 1px solid;
}
.color_black #tmp_wrapper #tmp_useful_child .useful_child_list .useful_img,
.color_blue #tmp_wrapper #tmp_useful_child .useful_child_list .useful_img,
.color_yellow #tmp_wrapper #tmp_useful_child .useful_child_list .useful_img{
	margin-bottom: 5px;
}
.color_black #tmp_wrapper #tmp_useful_child .useful_child_list .useful_link,
.color_blue #tmp_wrapper #tmp_useful_child .useful_child_list .useful_link,
.color_yellow #tmp_wrapper #tmp_useful_child .useful_child_list .useful_link{
	padding-left: 0;
}
.color_black #tmp_wrapper #tmp_child_edu_mv .banner_logo,
.color_blue #tmp_wrapper #tmp_child_edu_mv .banner_logo,
.color_yellow #tmp_wrapper #tmp_child_edu_mv .banner_logo{
	margin-bottom: 80px;
}
.color_black #tmp_wrapper #tmp_child_edu_search .accordion_switch:hover,
.color_blue #tmp_wrapper #tmp_child_edu_search .accordion_switch:hover,
.color_yellow #tmp_wrapper #tmp_child_edu_search .accordion_switch:hover{
	box-shadow: none;
	text-decoration: underline;
}
/* fsize */
.fsize_small #tmp_wrapper #tmp_useful_child .useful_child_list .useful_link{
	background-position: 0 1px;
}
.fsize_small #tmp_wrapper #tmp_link_child .list_small_link .common_link_ttl{
	background-position: 0 5px;
}
.fsize_big2 #tmp_wrapper #tmp_event_child .btn_default{
	padding-left: 400px;
}
/* no-js */
.no_javascript #tmp_child_edu_events.splide{
    visibility: visible;
}
.no_javascript #tmp_child_edu_events .splide__list,
#tmp_child_edu_events.no-splide .splide__list{
	flex-flow: row wrap;
}
.no_javascript #tmp_child_edu_events .splide__slide,
#tmp_child_edu_events.no-splide .splide__slide{
	padding: 0 20px;
	width: 50%;
}
#tmp_child_edu_events.no-splide + .btn_default,
.no_javascript #tmp_event_child .btn_default{
	padding-left: 20px;
}
#tmp_child_edu_events.no-splide + .btn_default a,
.no_javascript #tmp_event_child .btn_default a{
	top: 0;
}
.no_javascript #tmp_child_edu_search .accordion_switch_wrap{
	display: none;
}

