@charset "UTF-8";

/* top
---------------------------------------------------------------------------*/
header { background: none; }
header:after {  display: none; }

#topContents {
	padding-top: 35px;
}


/* .top-main
---------------------------------------------------------------------------*/
.top-main {
	position: relative;
	width: 100%;
	margin-bottom: 150px;
}

.top-main .giraffe {
	position: absolute;
	top: 116px;
	left: 0;
	width: 14%;
	height: auto;
	transform-origin: left bottom;
	z-index: 2;
	opacity: 0;
}

.top-main .branch-left {
	position: absolute;
	bottom: -145px;
	left: -75px;
/* 	width: 13.5%; */
	height: auto;
	z-index: 0;
}

/* media query
-----------------------------------*/
@media (min-width: 1700px) {
	.top-main .giraffe,
	.top-main .branch-left {
		display: none;
 	}
}

.top-main-inner {
	position: relative;
	width: 1130px;
	margin: 0 auto;
	z-index: 1;
}

.top-main figure {
	margin-bottom: 93px;
}

.top-main figure,
.top-main .slider-img,
.top-illust,
.top-main .copy,
.top-main .scroll {
	opacity: 0;
}

.top-main .copy {
	position: absolute;
	top: 535px;
	left: 100px;
	z-index: 2;
}

.top-main .copy img {
	width: 101px;
}

.top-main .scroll {
	position: absolute;
	top: 525px;
	left: 25px;
	margin-top: -10px;
	z-index: 2;
}

.top-main .scroll a {
	display: block;
	padding: 20px;
}

.top-main .slider1,
.top-main .slider2,
.top-main .slider3 {
	background-color: #FBF8E9;
}

.top-main .slider1 {
	position: absolute;
	top: 51px;
	right: 0;
	width: 416px;
}

.top-main .slider2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 417px;
	z-index: 2;
}

.top-main .slider2:after {
	display: block;
	content: '';
	position: absolute;
	bottom: -30px;
	left: 0;
	background-color: #FBF8E9;
	width: 100%;
	height: 30px;
}

.top-main .slider3 {
	width: 368px;
	margin-left: 297px;
}

.top-main-inner > img {
	display: block;
	position: absolute;
}

.top-main .bird { top: 306px; left: -32px; }
.top-main .gorilla { top: 521px; left: 341px; z-index: 9999!important; }
.top-main .chicken { top: 438px; left: 463px; }

.top-main .snake { top: -24px; right: 350px; z-index: 9999!important; }
.top-main .peacock { top: 382px; right: 189px; z-index: 3; }
.top-main .boar { top: 417px; right: -52px; }

.top-main .branch-right {
	bottom: -10px;
	right: -76px;
	z-index: 0;
}

.top-main .monkey {
	bottom: -446px;
	right: -42px;
	z-index: 99999!important;
}

/* .important-news-wrap
------------------------------------*/
.important-news .head div,
.important-news .neck div,
.important-news article a {
	opacity: 0;
}

.important-news .head {
	position: absolute;
	top: -41px;
	right: 109px;
	transform-origin: center top;
	z-index: 1001;
}

.important-news .head img {
	width: 64px;
	height: auto;
	-webkit-backface-visibility: hidden;
	transform: rotate(15deg);
}

.important-news .neck {
	position: absolute;
	top: -18px;
	right: 0;
	z-index: -1;
	transform-origin: right bottom;
}

.important-news .neck img {
	width: 138px;
	height: auto;
	-webkit-backface-visibility: hidden;
	transform: scaleX(-1);
}

.important-news article {
	position: absolute;
	top: 0;
	right: 65px;
	width: 210px;
	z-index: 1000;
	transform-origin: right 45px top;
}

.important-news article a {
	display: block;
	background: #FFFFFF;
	border: 1px solid #F7C099;
	box-shadow: 2px 6px 10px 0 rgba(0,0,0,0.10);
	border-radius: 12px;
	padding: 13px 16px 14px;
}

.important-news article a:hover {
	opacity: 1;
}

.important-news article .category {
	margin-bottom: 3px;
}

.important-news article .category li {
	display: inline-block;
	margin: 0 0 3px 0;
	color: #EE8319;
	font-size: 11px;
	white-space: nowrap;
	letter-spacing: 0.06em;
}

.important-news article .category li:last-of-type i {
	display: none;
}

.important-news article h2 {
	color: #4E2F14;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.08em;
	transition: .15s ease-out;
}

.important-news article a:hover h2 {
	opacity: 0.6;
}

.important-news article h2 span {
	border-bottom: 1px solid #4E2F14;
}

.important-news article h2 img {
	width: 15px;
	height: auto;
	margin-left: 4px;
	-webkit-backface-visibility: hidden;
	transform: translateY(-3px);
}


/* .sec-top
---------------------------------------------------------------------------*/
.sec-top {
	width: 100%;
}

/* .sec-top-illust
------------------------------------*/
.sec-top-illust {
	position: relative;
	box-sizing: border-box;
	background: url(../img/share/bg-ground-top.png) no-repeat center bottom / 100% 206px;
	width: 100%;
	padding-bottom: 70px;
}

.sec-top-illust img {
	display: block;
	position: absolute;
}

.sec-top-illust .inner {
	position: relative;
	width: 1140px;
	height: 580px;
	margin: 0 auto;
}

.sec-top-illust .bird1 { top: 5px; left: 208px; }
.sec-top-illust .gorilla { top: 96px; left: 12px; }

.sec-top-illust .boar {
	position: absolute;
	top: 300px;
	left: 0;
	width: 165px;
	height: auto;
	transform: rotate(6deg);
}

.sec-top-illust .boar img {
	width: 100%;
	height: auto;
}

.sec-top-illust .raccoon { top: 332px; right: 45px; }
.sec-top-illust .tree { top: 8px; left: 240px; }
.sec-top-illust .elephant { bottom: 2px; left: 138px; }
.sec-top-illust .bird3 { bottom: 36px; left: 375px; }
.sec-top-illust .bear { bottom: 15px; right: 248px; }
.sec-top-illust .mole { bottom: 21px; right: 366px; width: 76px; height: auto; }

/* .sec-top-illust .bird2
------------------------------------*/
.sec-top-illust .bird2 {
	position: absolute;
	top: 10px;
	right: 260px;
	z-index: 2;
}

.sec-top-illust .bird2 .bird,
.bnr-fukidashi,
.bnr-fukidashi .comment {
	opacity: 0;
}

.bnr-fukidashi {
	position: absolute;
	top: -102px;
	left: -65px;
	width: 161px;
}

.bnr-fukidashi a {
	display: block;
}

.bnr-fukidashi img {
	position: relative;
	z-index: 0;
}

.bnr-fukidashi .comment {
	position: absolute;
	top: -22px;
	left: 32px;
	color: #EA5704;
	font-size: 14px;
	letter-spacing: 0.15em;
	text-align: center;
	white-space: nowrap;
	z-index: 1;
}

.bnr-fukidashi .comment:before,
.bnr-fukidashi .comment:after {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	background-color: #EA5704;
	width: 16px;
	height: 2px;
}

.bnr-fukidashi .comment:before { left: -18px; transform: rotate(60deg); }
.bnr-fukidashi .comment:after { right: -15px; transform: rotate(-60deg); }

.bnr-fukidashi .pic {
	position: absolute;
	z-index: 2;
	opacity: 0;
}

.bnr-fukidashi .pic1 { top: 3px; right: -15px; transform-origin: left bottom; }
.bnr-fukidashi .pic2 { top: 42px; left: -11px; transform-origin: right top; }
.bnr-fukidashi .pic3 { top: 58px; right: -10px; transform-origin: left top; }

.bnr-fukidashi .txt {
	position: absolute;
	top: 18px;
	left: 20px;
	line-height: 1.8;
	z-index: 3;
}

.bnr-fukidashi .txt span {
	display: inline-block;
	border-bottom: 2px solid #EA5704;
	padding-bottom: 1px;
	color: #EA5704;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 0.08em;
	white-space: nowrap;
}

.bnr-fukidashi .txt img {
	display: inline-block;
	position: relative;
	padding-left: 2px;
	transform: translateY(-1px);
}

/* .sec-top-inner
------------------------------------*/
.sec-top-inner {
	position: relative;
	box-sizing: border-box;
	background: url(../img/share/bg-ground-btm.jpg) repeat-y center top / 100% 206px;
	width: 100%;
	margin-top: -45px;
	padding: 0 0 120px;
	z-index: 2;
}

.sec-top-inner .inner {
	width: 1046px;
	margin: 0 auto;
	text-align: center;
}

.sec-top-inner h2 {
	margin: 0 0 22px;
}

.sec-top-inner h2 span {
	display: inline-block;
	background-color: #FFFFFF;
	border-radius: 100px;
	padding: 10px 20px 13px 24px;
	color: #EA5704;
	font-size: 19px;
	letter-spacing: 0.24em;
}

.sec-top-inner h3 {
	margin: 0 0 24px;
	font-size: 26px;
	line-height: 1.95;
	letter-spacing: 0.16em;
}

.sec-top-inner p {
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 2.1;
	letter-spacing: 0.1em;
}

.sec-top-inner .btn-set {
	margin-top: 36px;
}

.sec-top-inner .btn-set div {
	margin: 0 8px;
}

.sec-top-inner .btn-set div a {
	min-width: 144px;
}


/* .img-scroll-donate
---------------------------------------------------------------------------*/
.img-scroll-donate {
	margin-bottom: 100px;
}

.img-scroll-donate .simply-scroll-clip {
	overflow: hidden;
}

.img-scroll-donate ul {
	display: flex;
}


/* .sec-news
---------------------------------------------------------------------------*/
.sec-news {
	margin-bottom: 140px;
}


/* .img-center
---------------------------------------------------------------------------*/
.img-center {
	width: 1048px;
	margin: 0 auto 200px;
}


/* .sec-supporter
---------------------------------------------------------------------------*/
.sec-supporter {
	margin: 120px auto 180px;
	text-align: center;
}

.sec-supporter h2 {
	margin-bottom: 80px;
}

.sec-supporter h2 em {
	display: block;
	margin-bottom: 14px;
	color: #EA5704;
	font-size: 40px;
	letter-spacing: 0.05em;
}

.sec-supporter h2 strong {
	display: block;
	color: #EE8319;
	font-size: 16px;
	letter-spacing: 0.18em;
}

.supporter-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 25px 27px;
	width: 1080px;
	margin: 0 auto;
}

.supporter-list li a {
	display: block;
}

.supporter-list li img {
	border-radius: 8px;
}