@charset "UTF-8";

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
mark {
	background-color: transparent;
	color: inherit;
}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.mincho	{
	font-family : "游明朝",Yu Mincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
}
@media screen and (max-width: 768px)	{
	img {image-rendering: -webkit-optimize-contrast;}
}

/* Body */
body {
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	/* font-family : "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",Meiryo,sans-serif; */
	background-color: #f8f3e1;
	background-image : url(../img/bg_side_L.png),url(../img/bg_side_R.png);
	background-repeat : repeat-y,repeat-y;
	background-position : 0 0,right;
	margin: 0;
	font-style: normal;
	width : 100%;
	color : #000;
}
header	{
	background-image : url(../../common/images/bg_hd.png);
	padding : 1.2rem 0;
}
#hd	{
	margin : 0 auto;
	width : 1100px;
}
#hd .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
}
#hd .logo_sub	{
	display: flex;
	flex-direction: row;
}
#hd .logo .logo_SDGs	{
	margin : 0 0.8rem;
}
#hd .logo .logo_GALS	{
	margin-top : 0.4rem;
}
#hd	.box_ig	{
	border : solid 1px #645726;
	border-radius : 10px;
	background-color : #dcd1b2;
	background-image : url(../../common/images/icon_ig_L.png);
	background-repeat : no-repeat;
	background-position : 4% 50%;
	display: flex;
	align-items: center;
	width : 16rem;
	height : 4.6rem;
	margin : 0.4rem 0 0 2rem;
}
#hd	.box_ig a	{
	display : block;
	height : 4.6rem;
	line-height : 4.6rem;
	text-decoration : none;
}
#hd	.box_ig p	{
	padding : 0 0.6rem 0 4rem;
	line-height : 4.6rem;
	color : #4f451c;
	letter-spacing : 0.1rem;
}
#hd	.icon_ig	{
	display : none;
}
@media screen and (max-width: 768px)	{
	header	{
	background-image : url(../../common/images/bg_hd.png);
	background-repeat : auto;
		padding : 0.6rem 0;
	}
	#hd	{
		width : 96%;
		flex-direction: column;
	}
	#hd .logo {
		flex-direction: column;
	}
	#hd .logo .logo_torikumi	{
		margin : 0 auto;
	}
	#hd .logo_sub	{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width : 62%;
		margin : 0 auto;
	}
	#hd .logo_sub .logo_SDGs img,
	#hd .logo_sub .logo_GALS img	{
		width : 80%;
	}
	#hd .logo .logo_SDGs	{
		margin : 0;
	}
	#hd	.box_ig	{
		display : none;
	}
	#hd	.icon_ig	{
		display : block;
	}
}

/* hd_backto */
#hd_backto	{
	border-top : solid 3px #d1bfa5;
	background-color : #b8a992;
	margin : 0;
	padding : 0.4rem 0;
}
#hd_backto a	{
	color : #FFF;
	text-decoration : none;
	background : url(../img/icon_hd_backto.png) no-repeat;
	display : block;
}
#hd_backto a span	{
	border-bottom : solid 1px #e0d9ce;
	margin-left : 1.6rem;
}
#hd_PageLink	{
	background : #FFF;
	padding : 1.2rem 0;
}
#hd_PageLink ul	{
	display: flex;
	flex-direction: row;
}
#hd_PageLink ul li	{
	font-size : 1.2rem;
}
#hd_PageLink ul li.midashi	{
	color : #645826;
	padding-right : 1rem;
	border-right : solid 2px #d3c5b3;
}
#hd_PageLink ul li a	{
	color : #005629;
	text-decoration : none;
	margin : 0 1rem;
}
#hd_backto .inner,
#hd_PageLink .inner	{
	margin : 0 auto;
	width : 1000px;
}
@media screen and (max-width: 768px)	{
	#hd_backto .inner,
	#hd_PageLink .inner	{
		margin : 0 auto;
		width : 96%;
	}
	#hd_PageLink ul	{
		flex-direction: column;
		margin-left : 1.6rem;
	}
	#hd_PageLink ul li.midashi	{
		padding-right : 1rem;
		border-style : solid;
		border-width : 0 0 2px 0;
		border-color : #d3c5b3;
		width : 11rem;
		margin-bottom : 0.4rem;
	}
}

.container	{
	margin: 6rem auto;
	width : 870px;
}
@media screen and (max-width: 768px)	{
	.container	{
		margin: 3rem auto;
		width : 96%;
	}
}
/* 園の取り組み */
h1	{
	margin : 0 auto 0.6rem auto;
	text-align : center;
}
.box_torikumi	{
	position : relative;
	margin: 0 auto;
	padding : 2rem 2.4rem;
	background-color : #FFF;
	border-radius: 8px;
	border : solid 1px #e6dfce;
	box-shadow: 0px 0px 6px -2px #b8b1a3;
}
.box_torikumi:before,
.box_torikumi:after	{
	position: absolute;
	content: '';
	display: inline-block;
	width : 126px;
	height : 113px;
	background-image : url(../img/illust_trees.png);
	background-repeat : no-repeat;
}
.box_torikumi:before	{
	top: -100px;
	left:5%;
}
.box_torikumi:after	{
	top: -100px;
	right:5%;
}
@media screen and (max-width: 768px)	{
	h1 img	{
		width : 60%;
	}
	.box_torikumi	{
		padding : 1rem 1.2rem;
		font-size : 1.2rem;
	}
	.box_torikumi:before,
	.box_torikumi:after	{
		width : 63px;
		height : 56px;
		background-size : cover;
	}
	.box_torikumi:before	{
		top: -50px;
		left:2%;
	}
	.box_torikumi:after	{
		top: -50px;
		right:2%;
	}
}

h2#kouenkai,
h2#katsudou	{
	text-align : center;
	color : #005629;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-size : 2rem;
	line-height : 200%;
	background : url(../img/line.png) no-repeat 50% 100%;
	position : relative;
}
h2#kouenkai:before,
h2#katsudou:before	{
	position: absolute;
	content: '';
	display: inline-block;
	background-repeat : no-repeat;
}
h2#kouenkai:before	{
	width : 49px;
	height : 42px;
	background-image : url(../img/line_bird_R.png);
	top: 20px;
	right:5%;
}
h2#katsudou:before	{
	width : 62px;
	height : 45px;
	background-image : url(../img/line_bird_L.png);
	top: 18px;
	left:2%;
}
.box_kouenkai	{
	display: flex;
	flex-direction: row;
	margin-bottom : 2rem;
	padding : 0.8rem 1rem;
}
.box_kouenkai .box_thum	{
}
.box_kouenkai .box_tx	{
	padding : 2rem;
}
.kouen_title	{
	color : #5d5241;
	font-size : 1.6rem;
	margin-bottom : 1rem;
}
.kouen_dtl_fin	{
	color : #3b86ad;
}
@media screen and (max-width: 768px)	{
	.box_kouenkai	{
		display: flex;
		flex-direction: column;
	}
	.box_kouenkai .box_thum	{
		text-align : center;
	}
	.box_kouenkai .box_tx	{
		padding : 1rem;
	}
	.kouen_title	{
		font-size : 1.4rem;
	}
	.kouen_dtl_fin	{
		font-size : 1rem;
	}
}
h3.nendo	{
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #5d5241;
	width : 96%;
	margin : 2.4rem auto 2rem auto;
}
h3.nendo span	{
	font-family : "游明朝",Yu Mincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
	background-color : #5d5241;
	color : #FFF;
	padding : 0.38rem 2rem;
	border-radius: 8px 8px 0 0;
}
ul.report	{
	width : 94%;
	margin : 0 auto 2rem auto;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #d1bfa5;
}
ul.report li	{
	display: flex;
	flex-direction: row;
}
ul.report li .report_ttl	{
	display: flex;
	flex-direction: column;
	width : 70%;
}
ul.report li .report_ttl .report_ctg	{
	color : #5d5241;
	text-indent : 2rem;
-moz-text-shadow: 2px 3px 2px rgba(93, 82, 65, 0.2);
-webkit-text-shadow: 2px 3px 2px rgba(93, 82, 65, 0.2);
-ms-text-shadow: 2px 3px 2px rgba(93, 82, 65, 0.2);
text-shadow: 2px 3px 2px rgba(93, 82, 65, 0.2);
}
ul.report li .report_ttl .report_link a	{
	color : #005629;
	font-size : 1.4rem;
	letter-spacing : 0.1rem;
}
ul.report li .report_ttl .report_link:before	{
	content: '・';
	color : #005629;
	font-size : 2rem;
	font-weight : 900;
}
@media screen and (max-width: 768px)	{
	ul.report li	{
		flex-direction: column;
	}
	ul.report li .report_ttl	{
		width : 100%;
	}
}
.btn_PDF	{
	border : solid 1px #685d4d;
	background : url(../img/icon_pdf.png) no-repeat 8px 50% #7b705f;
	border-radius : 8px;
	display: inline-block;
	box-shadow: 0px 0px 8px -5px #808080;
	padding : 0.4rem 1rem 0.4rem 2rem;
	margin : 2rem 0;
}
.btn_PDF a	{
	color : #FFF;
	font-size : 1rem;
	text-decoration : none;
}
/* parts */
p	{
	line-height : 1.8;
}
.box_v-h	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.tx_B	{
	font-weight : 900;
}
.bu_bk_r6	{
	width : 60%;
	margin : 2rem auto;
	padding : 0.8rem 0;
	background : #343a40;
	border-radius : 6px;
	text-align : center;
	
}
.bu_bk_r6 a	{
	color : #FFF;
	text-decoration : none;
	display : block;
}
a.udl_bk,
a.udl_bk:hover	{
	color : #000;
}

#banner_area .sec_inner {
	margin-top : 2rem;
	position: relative;
	display:flex;
	justify-content: center;
}
#banner_area .sec_inner .sec_innner_in	{
	text-align : center;
	font-size : 1rem;
	color : #645826;
	margin : 0 2rem;
}
@media screen and (max-width: 768px)	{
	#banner_area img	{
		width : 80%;
	}
	#banner_area .sec_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#banner_area .sec_inner .sec_innner_in	{
		margin : 0.6rem 0;
	}
}

footer {
	margin : 2em auto 0.4em auto;
}
.copyright	{
	color : #685c45;
	font-size : 0.6rem;
	width : 100%;
	margin : 0 auto;
	text-align : center;
}


.box_center	{
	margin : 0 auto;
	text-align : center;
}



#page-top {
	position: fixed;
	bottom: 2%;
	right: 2%;
	z-index : 300;
}
#page-top a {
	color : #FFF;
	font-size : 0.7rem;
	text-decoration : none;
	background-image : url(../img/bu_page_top.png);
	background-repeat : no-repeat;
	background-size : 100%;
	width : 129px;
	height : 135px;
	display: block;
}
#page-top a:hover {
	background-image : url(../img/bu_page_top.png);
	background-repeat : no-repeat;
	background-size : 100%;
	transform: rotate(30deg);
}
#page-top a .moji	{
	padding : 3rem 1rem;
	text-align : center;
}
@media screen and (max-width: 768px) 	{
	#page-top a 	{
		width : 98px;
		height : 101px;
		font-size : 0.5rem;
	}
	#page-top a .moji	{
		padding : 2.4rem 1rem;
	}
	#page-top br	{
		display : block;
	}
}

.hidden {
	display: none;
}
img {
	max-width: 100%;
}
br	{
	display : block;
	}
br.onlyMB	{
	display : none;	
}
@media screen and (max-width: 768px)  {
	br	{
		display : none;
	}
	br.onlyMB	{
		display : block;
	}
}


/* ----
メディアクエリなし 【PC 実質1025px以上】
@media screen and (max-width: 768px) { } 【タブレット】
@media screen and (max-width: 479px) { } 【スマートフォン】
 --- */
/* ----
メディアクエリなし 【スマートフォン縦】
@media screen and (min-width: 481px) { } 【スマートフォン横】
@media screen and (min-width: 769px) { } 【タブレット縦以上】
 --- */

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
dl#root,
dl.ryakureki
	{
	display: block;
	min-height: 1%;
}
.clearfix:after,
dl#root:after,
dl.ryakureki:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}