@charset "utf-8";

/* ==================================================
visual
================================================== */
#tmp_visual {
	position:relative;
	padding:0 0 40px;
	margin-top:-10px;
}
#tmp_visual::before {
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:408px;
	background:#e9f6f6;
	z-index:-1;
}
#tmp_visual .container {
	max-width:1260px;
}
#tmp_visual .visual_item {
	padding:10px;
}
#tmp_visual .visual_item img {
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.no_javascript #tmp_visual_slide {
	height:500px;
	overflow:hidden;
	overflow-y:auto;
}
.no_javascript #tmp_visual .visual_item img {
	box-shadow:none;
	max-width:100%;
	height:auto;
}
/* ==================================================
top_main
================================================== */
#tmp_top_main {
	padding:35px 0 70px;
	overflow-x: hidden;
}
.top_main {
	width:994px;
	margin:0 auto;
	padding:35px 0 20px;
	clear:both;
}
.top_main_ttl {
	text-align:center;
	margin:0 0 58px;
}
.top_main_ttl h2 {
	position:relative;
	display:inline-block;
	font-size:200%;
	line-height:1.4;
	padding:0 2px 10px;
	border-bottom:4px solid #b3dee0;
}
.top_main_ttl h2::after {
	content:"";
	position:absolute;
	right:0;
	bottom:-4px;
	width:58px;
	height:4px;
	background:#51b6bb;
}
.top_main_cnt {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: start;
	position:relative;
	min-height:100px;
}
.top_main_cnt::before {
	content:"";
	position:absolute;
	z-index:-1;
	bottom:-10px;
	left: -50%;
	height:calc(100% - 20px);
	width:calc(50vw + 277px);
	margin-left: calc(50% - 50vw);
	background:#e9f6f6;
	max-height:460px;
}
.top_main_cnt p {
	display: flex;
	padding:0 17px;
}
.furigana_on_main .top_main_cnt p {
	display: block;
}
.top_main_cnt .main_img {
	margin:0 0 20px;
	flex: 1;
	-webkit-justify-content: center;
	justify-content: center;
}
.top_main_cnt .main_img a {
	display:block;
}
.top_main_cnt .main_img img {
	max-width:100%;
	height:auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.top_main_cnt .main_img a:hover img,
.top_main_cnt .main_img a:focus img {
	opacity:0.7;
}
.top_main_cnt .main_txt {
	width: 620px;
	font-size:112.5%;
	font-weight:bold;
	line-height:1.8;
}
#tmp_top_main .top_main:nth-child(even) .top_main_cnt .main_img {
	order: 2;
}
#tmp_top_main .top_main:nth-child(even) .top_main_cnt .main_txt {
	order: 1;
}
#tmp_top_main .top_main:nth-child(even) .top_main_cnt::before {
	left: auto;
	right:-50%;
	margin-left:0;
	margin-right: calc(50% - 50vw);
}
/* ==================================================
top_contents
================================================== */
#tmp_top_contents {
	border-top:1px solid #b3dee0;
	background-color:#e9f6f6;
	color:inherit;
	padding:75px 0 78px;
	clear:both;
}
/* top_info
================================================== */
.top_info {
	padding:0 20px;
}
.top_info_ttl {
	text-align:center;
	margin:0 0 45px;
}
.top_info_ttl h2 {
	font-size:175%;
	line-height:1.4;
}
.top_info_ttl h2 span {
	display:block;
}
.top_info_ttl h2 .ttl_en {
	color:#455a64;
	font-weight:normal;
	font-size:71.43%;
}
.top_info_cnt .main_lft {
	float:left;
	width:50%;
	padding-right:25px;
}
.top_info_cnt .main_rgt {
	float:right;
	width:50%;
	padding-left:25px;
}
.top_info_cnt h3 {
	font-size:150%;
	margin:0 0 23px;
	padding:0 0 0 58px;
	background:url(/shared/site_sdgsseason2024/images/icon/line_icon.png) no-repeat left center;
}
/* list_table */
.list_table {
	font-size: 100%;
	width:100%;
	line-height:1.2;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 10px
}
.list_table td {
	padding: 5px 0 20px;
	border:none;
	vertical-align:top;
}
.list_table td.date {
	font-weight: bold;
	width:5.5em;
	white-space: nowrap;
	padding-top:9px;
}
.list_table td a {
	text-decoration:underline;
	line-height:1.6;
}
.list_table td a:hover,
.list_table td a:focus {
	text-decoration: none;
}
/* read_all_btn */
.read_all_btn {
	margin:35px auto 0;
	text-align:center;
	clear:both;
}
.read_all_btn a {
	display:inline-block;
	min-width:320px;
	text-decoration:none;
	padding:7px 10px;
	color:#000000;
	background-color:#b3dee0;
	border:2px solid #b3dee0;
	-webkit-box-shadow:0px 1px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 1px 10px rgba(0, 0, 0, 0.1);
	box-shadow:0px 1px 10px rgba(0, 0, 0, 0.1);
	font-weight:bold;
	transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
	-moz-transition:0.2s ease all;
}
.read_all_btn a:hover,
.read_all_btn a:focus {
	border-color:#455a64;
}
.read_all_btn span {
	display:inline-block;
	padding:2px 0 2px 20px;
	background:url(/shared/site_sdgsseason2024/images/icon/arrow_icon.png) no-repeat left center;
}

/* ==================================================
slick
================================================== */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
.slick-slide p {
	vertical-align:top;
}
.slick-slide img {
	display: block;
	max-width:100%;
	height:auto;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* control */
.slick_control {
	text-align:center;
	margin:5px 0 0;
}
.slick-dots {
	list-style: none;
}
.slick-dots li {
	width:12px;
	height:12px;
	border:1px solid #8b3d16;
	background-color:#ffffff;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.slick-dots li.slick-active {
	background-color:#ffc000;
}
.slick-dots li span {
	display:block;
	width:12px;
	height:12px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.btn_slides,
.slick-dots,
.slick-dots li,
.slick-arrow {
	display:inline-block;
	vertical-align:middle;
}
.slick-dots li {
	margin-right:20px;
}
.btn_slides {
	margin-right:10px;
	text-align:left;
	font-size:87.5%;
	font-weight:bold;
	text-transform: uppercase;
}
.btn_slides a {
	position:relative;
	color:#544138;
	text-decoration:none;
	display:inline-block;
	padding:1px 0 0 20px;
	min-width:70px;
}
/*Ie 10/11*/
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
	.btn_slides a {
	padding-top:5px;
	}
}
.stop a:before,
.stop a:after {
	content:"";
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-6px;
	width:3px;
	height:12px;
	background:#8b3d16;
	color:#ffffff;
}
.stop a:before {
	margin-left:-5px;
}
.stop a:after {
	margin-left:1px;
}
.start a:after {
	content:"";
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #8b3d16;
}
.slick-arrow {
	width:20px;
	height:20px;
	margin:0 14px 0 0;
}
.slick-arrow span {
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.slick-prev {
	background:url(/shared/site_sdgsseason2024/images/icon/slick_prev.png) no-repeat center center;
}
.slick-next {
	background:url(/shared/site_sdgsseason2024/images/icon/slick_next.png) no-repeat center center;
}
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.top_info_cnt:after {
	content:""; /* Do not edit */
	display:table; /* Do not edit */
	clear:both; /* Do not edit */
}
/* ==================================================
print
================================================== */
@media print {
#tmp_hlogo h1,
#tmp_hlogo p,
#tmp_hlogo a,
#tmp_hlogo span {
	z-index: auto;
	width: auto;
	background: none;
}

/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}