@charset "utf-8";
/* CSS Document */
html, body {
	overflow-x: hidden;
}
#green_project .inner {
	max-width: 940px;
	padding: 0 20px;
	margin: 0 auto;
}
#green_project .inner.wide { max-width: 1150px; }
#green_project .logo { max-width: 370px; margin: 0 auto; position: relative; }
#green_project .logo.deco::before,
#green_project .logo.deco::after { content: ''; background: url(../img/deco_reaf_L.png) no-repeat center / contain; position: absolute; top: -30%; }
#green_project .logo.deco::before { width: 563px; height: 237px; background-image: url(../img/deco_reaf_L.png); left: 0; transform: translateX(-125%); }
#green_project .logo.deco::after { width: 513px; height: 241px; background-image: url(../img/deco_reaf_R.png); right: 0; transform: translateX(125%); }
#green_project .sec_ttl { margin: 1.5em auto 0; }
#green_project .sec_btn { margin: 0 auto; }
#green_project .sec_btn a { width: 100%; height: 68px; font-size: 2.4rem; padding-right: 1em; color: #fff; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative; }
#green_project .sec_btn a::before { content: ''; width: 1em; height: 1em; background-color: #fff; border-radius: 50%; position: absolute; top: 50%; right: .6em; transform: translateY(-50%); }
#green_project .sec_btn a::after { content: ''; width: 0; height: 0; border-style: solid; border-width: .3em 0 .3em .4em; border-color: transparent transparent transparent #f59b00; position: absolute; top: 50%; right: .8em; transform: translateY(-50%); }
#green_project .bg_forest {
	padding: 1em 0 5em;
	background: url(../img/menu_bg.png) repeat center;
	position: relative;
}
#green_project .bg_forest::before,
#green_project .bg_forest::after {
	content: '';
	width: 100%;
	height: 100px;
	background: url(../img/menu_bg_top.png) no-repeat center / cover;
	position: absolute;
	left: 0;
}
#green_project .bg_forest::before { top: -8px; background-image: url(../img/menu_bg_top.png); }
#green_project .bg_forest::after { background-image: url(../img/menu_bg_btm.png); z-index: 5; }
#green_project .banner { margin: 6em auto 0; }
#green_project .banner a { display: block; position: relative; transition: opacity .3s; }
#green_project .banner a:hover { opacity: .6; }
#green_project .banner .txt_area { color: #fff; font-size: 2.9rem; font-weight: bold; letter-spacing: .1em; position: absolute; bottom: .3em; left: .6em; }
#green_project .banner .txt_area span { font-size: 80%; }
#green_project .banner .txt_area .label { font-size: 90%; padding: 0 .5em; border-left: 2px solid #fff; border-right: 2px solid #fff; margin-right: .5em; }
#green_project .banner.twitter { width: 85%; margin-top: 6em; display: flex; justify-content: space-between; align-items: center; }
#green_project .banner.twitter a { width: calc(100% - 220px); position: relative; }
#green_project .banner.twitter a::after { content: ''; width: 317px; height: 26px; background: url(../img/banner_tw_txt.png) no-repeat center / contain; position: absolute; top: -25%; left: 0; right: 0; margin: 0 auto; }
#green_project .banner.twitter .chara { width: 182px; }
#green_project .banner .banner_box { margin: 0 50px; padding: 2em; background-color: #f8f8e3; border: 3px solid #fd7939; }
#green_project .banner_box .ttl { position: relative; }
#green_project .banner_box .ttl .label { max-width: 195px; position: absolute; top: 0; left: 0; }
#green_project .banner_box .term_list { margin-top: 1.5em; padding: 0 1em; display: flex; justify-content: space-between; }
#green_project .banner_box .term_list li { width: 48.5%; position: relative; }
#green_project .banner_box .term_list .txt { color: #fff; font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 1.4; letter-spacing: 1px; position: absolute; bottom: .3em; left: 2.8em; }
#green_project .banner_box .term_list .txt span { font-size: 80%; }
#green_project .banner_box .btn { margin: 1.5em auto 0; width: 230px; height: 50px; }
#green_project .banner_box .btn a { width: 100%; height: 100%; padding-right: .5em; font-size: 2.2rem; color: #fff; background-color: #fd7939; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative; }
#green_project .banner_box .btn a::after { content: ''; width: 11px; height: 10px; background: url(../img/icon_arrow.png) no-repeat center / contain; position: absolute; top: 50%; right: 1em; transform: translateY(-50%); transition: transform .3s; }
#green_project .banner_box .btn a:hover::after { transform: translateY(50%); }
#green_project img { display: block; width: 100%; height: auto; }
#green_project sub { font-size: 150%; vertical-align: middle; }
#green_project .ff_helvetica { font-family: HelveticaNeue; }
#green_project h1,
#green_project h2,
#green_project h3,
#green_project h4,
#green_project h5,
#green_project h6 { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif; }

/* mainimg */
#mainimg { position: relative; }
#mainimg img { display: block; width: 100%; }
#mainimg .logo { width: 30%; max-width: 30%; margin: 0; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); }
#mainimg .txt { position: absolute; }
#mainimg .txt01 { width: 36%; top: 30%; left: 50%; transform: translateX(-50%); }
#mainimg .txt02 { width: 8%; bottom: 24%; right: 34%; }
#mainimg .img { position: absolute; width: 24%; bottom: 4%; left: 50%; transform: translateX(-50%); }
#mainimg .collab { position: absolute; width: 34%; bottom: 6%; left: 0; right: 0; margin: 0 auto; }
#mainimg .tree_list li { position: absolute; }
#mainimg .tree_list li img { width: 65%; }
#mainimg .tree_list li:nth-child(1) { top: 5%; left: 4%; }
#mainimg .tree_list li:nth-child(2) { top: 11%; left: 23%; }
#mainimg .tree_list li:nth-child(3) { top: 31%; left: 15.5%; }
#mainimg .tree_list li:nth-child(4) { top: 50%; left: 6.5%; }
#mainimg .tree_list li:nth-child(5) { top: 51%; left: 23%; }
#mainimg .tree_list li:nth-child(6) { top: 80%; left: 2%; }
#mainimg .tree_list li:nth-child(7) { top: 75%; left: 14.5%; }
#mainimg .tree_list li:nth-child(8) { top: 82%; left: 23.5%; }
#mainimg .tree_list li:nth-child(9) { top: 8%; right: 21.5%; }
#mainimg .tree_list li:nth-child(10) { top: 7%; right: -0.5%; }
#mainimg .tree_list li:nth-child(11) { top: 30%; right: 13.5%; }
#mainimg .tree_list li:nth-child(12) { top: 52%; right: 20%; }
#mainimg .tree_list li:nth-child(13) { top: 44%; right: 3%; }
#mainimg .tree_list li:nth-child(14) { top: 81%; right: 14%; }
#mainimg .tree_list li:nth-child(15) { top: 72%; right: 0.5%; }

/* page_menu */
#page_menu.bg_forest { padding-bottom: 6em; }
#page_menu .sec_ttl { max-width: 802px; margin-top:3em;}
#page_menu .sec_ttl span{
  text-align: center;
  display:block;
  margin-bottom:1em;
}
#page_menu .sec_ttl span img{
  width:auto;
  display:inline;
}
#page_menu .banner01{
  text-align: center;
}
#page_menu .banner01 p{
  margin-top:1em;
  text-align: center;
  font-size:3rem;
  background-color:#f36e4b;
  color:#FFF;
  font-weight: bold;
  margin-bottom:0.5em;
}
#page_menu .banner01 img{
  width:auto;
  display:inline;
  margin-top:0.5em;
}
#page_menu .menu_list { /*margin-top: 8em;*/margin-top: 4em; padding-top: 4rem; display: flex; justify-content: space-between; align-items: center; }
#page_menu .menu_list li { width: 24%; /*width: 32%;*/ }
#page_menu .menu_list li a {
	width: 100%;
	height: 120px;
	color: #00864e;
	font-size: 2.2rem;
	font-weight: bold;
	background: #f6f2cd url(../img/icon_menu.png) no-repeat center bottom .8em / 20px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: background-position .3s;
}
#page_menu .menu_list li a:hover { background-position: center bottom; }
#page_menu .menu_list li a.comingsoon { position: relative; }
#page_menu .menu_list li a.comingsoon::before { content: ''; width: 100%; height: 100%; background-color: #eb613b; border-radius: 10px; opacity: .4; position: absolute; top: 0; left: 0; z-index: 5; }
#page_menu .menu_list li a.comingsoon::after { content: 'coming soon'; color: #fff; font-size: 2.4rem; font-weight: normal; letter-spacing: .01em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 30%); z-index: 5; }
#page_menu .menu_list li a.comingsoon:hover { background-position: center bottom .8em; }
#page_menu .menu_list li img { width: auto; height: 12px; position: absolute; top: .8em; left: 0; right: 0; margin: 0 auto; }
#page_menu .menu_list li.collab { position: relative; }
#page_menu .menu_list li.collab::before {
	content: '';
	width: 94%;
	height: auto;
	aspect-ratio: 274 / 95;
	background: url(../img/menu_cap_collab_start.png) no-repeat center / 100%;
	transform: translateY(-130%);
	position: absolute;
	top: 1.6rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#page_menu .menu_list li.collab a {
	color: #fff;
	background-image: url(../img/icon_menu_y.png), url(../img/menu_bg_collab.jpg);
	background-size: 20px auto, cover;
	background-position: center bottom .8em, center;
	background-repeat: no-repeat;
}
#page_menu .menu_list li.collab a:hover { background-position: center bottom, center; }
  
#page_menu .owabi {text-align:center;padding:1em;background:#fff;margin:2em auto;}
#page_menu .owabi a {text-decoration:underline;}
#page_menu .owabi a:hover {text-decoration:none;}

/* project */
#project {
	padding: 6em 0 16em;
	background: url(../img/project_bg.jpg) no-repeat center top -600px / 1920px;
	background-attachment: fixed;
	position: relative;
}
#project .sec_ttl { max-width: 503px; }
#project .project_box { margin-top: 6em; padding: 4em 3em 3em; background-color: #fff; border: 1px solid; border-radius: 10px; position: relative; }
#project .project_box .headline { width: 11em; height: 3.2em; background-color: #fff; border: 1px solid; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: absolute; top: -30px; left: 0; right: 0; margin: 0 auto; }
#project .project_box .headline.type2 { background-color: #fd7939; border-color: #fd7939; }
#project .project_box .headline_sub.type3 { width:210px; background-color: #fd7939; border-color: #fd7939;}
#project .project_box .headline img { width: auto; height: 40%; }
#project .project_box .headline_sub { margin: 1.5rem auto 2rem; width: 140px; height: 50px; color: #fff; font-weight: bold; background-color: #6eb92b; border-radius: 40px; display: flex; justify-content: center; align-items: center; }
#project .project_box .headline_sub.type2,#project .project_box .headline_sub.type3 { margin-top: 4rem; background-color: #fd7939; }

#project .project_box .headline_sub img { width: auto; height: 28px; }
#project .project_box .headline_area { margin-top: 2em; padding-bottom: 2em; background-color: #00864e; }
#project .project_box .headline_area .headline_sub { margin: 0 auto; transform: translateY(-50%); }
#project .project_box .headline_area .ttl { color: #fff; }
#project .project_box .ttl { font-size: 3.6rem; text-align: center; line-height: 1.8; color: #00864e; }
#project .project_box .txt { font-size: 1.8rem; line-height: 1.8; color: #00864e; margin-top: 1em; }
#project .project_box .notes { font-size: 1.4rem; margin: 2em 0 0; }
#project .project_box .project_wrap { display: flex; justify-content: space-between; align-items: flex-start; }
#project .box01, #project .box01 .headline { border-color: #6eb92b; }
#project .box02, #project .box02 .headline { border-color: #00864e; }
#project .box03, #project .box03 .headline { border-color: #dee564; }
#project .box01 { background: #fff url(../img/bg_mount.png) no-repeat center bottom -175px; }
#project .box01 .ttl { color: #ee7020; }
#project .box01 .ttl.type2 { color: #00864e; }
#project .box01 h5{
  font-size:2.2rem;
  color:#00864e;
  font-weight: bold;
  width:94%;
  margin:0 auto;
}
#project .box01 h5 + p{
  width:94%;
  margin:0 auto 2em;
  font-size:2.2rem;
}

#project .box01 dl { margin-top: 2em; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-left: 5%; }
#project .box01 dt { margin-top: 15px; width: 200px; height: 50px; color: #fff; font-weight: bold; background-color: #fd7939; border-radius: 40px; display: flex; justify-content: center; align-items: center; }
#project .box01 dt:nth-of-type(1) img { width: auto; height: 24px; }
#project .box01 dt:nth-of-type(2) img { width: auto; height: 24px; }
#project .box01 dd { margin-top: 15px; width: calc(100% - 230px); font-weight: bold; color: #00864e; }
#project .box01 dd:nth-of-type(1) { font-size: 2.4rem; }
#project .box01 dd:nth-of-type(2) { font-size: 4.2rem; }
#project .box01 dd span { font-size: 80%; }
#project .box01 .project_wrap { margin-top: .8em; justify-content: center; align-items: flex-end; flex-wrap: wrap; position:relative; }
#project .box01 .txt_area { width: 92%; margin: 6rem auto 0; padding: 2em 1em; text-align: center; color: #00864e; background-color: #eefad4; border-radius: 5px; position: relative; }
#project .box01 .txt_area.wide::before { content: ''; width: 5rem; height: auto; aspect-ratio: 90 / 56; background: url(../img/icon_add.png) no-repeat center  / contain; position: absolute; bottom: 104%; left: 0; right: 0; margin: 0 auto; }
#project .box01 .txt_area.wide::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 18px 14px 0 14px; border-color: #eefad4 transparent transparent transparent; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; }
#project .box01 .txt_area span { font-size: 2rem; margin-bottom: 1em; }
#project .box01 .txt_area span span { font-size: 70%; }
#project .box01 .txt_area .txt { margin: .3em 0; font-size: 6rem; font-weight: bold; line-height: 1; }
#project .box01 .project_wrap.wrap_txtarea { width: 92%; margin: 1em auto 0; justify-content: space-between; position: relative; }
#project .box01 .project_wrap .txt_area { width: 32%;/*width: 48%;*/ margin: 0; }
#project .box01 .project_wrap .txt_area .txt { font-size: 3.2rem;/*font-size: 4.8rem;*/ }
#project .box01 .notes { color: #3c3c3c; margin: 2em auto 0; width: 80%; }
#project .box01 .txt_area .notes { margin-top: 1em; }
#project .box01 .chara { max-width: 292px; margin: 20px auto 0; }

/*第３弾寄付終了*/
#project .box01 .project_wrap .end_txt {color: #fff; font-size: 3.4rem; font-weight: bold; line-height: 1.8; text-align: center; width: 100%; height: 100%; padding:0 1rem;background-color: rgba(0, 0, 0, .8); display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*#campaign .end_txt {color: #fff; font-size: 3.4rem; font-weight: bold; line-height: 1.8; text-align: center; width: 100%; height: 100%; padding:0 1rem;background-color: rgba(0, 0, 0, .8); display: flex; justify-content: center; align-items: center; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);z-index:10; }*/


#project .project_box .pkg { margin-top: 3em; padding-left: 80px; position: relative; }
#project .project_box .pkg .label { width: 60px; height: 60px; font-size: 2.4rem; font-weight: bold; color: #eb613b; border: 1px solid #eb613b; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; }
#project .project_box .pkg .label span { font-size: 80%; }
#project .project_box .pkg01 { width: 94%;/*width: 70%;*/ }
#project .project_box .pkg02 { width: 45%; margin-right: 2%; }
#project .project_box .pkg03 { width: 45%; margin-left: 2%; }
#project .project_box .pkg01 .label { top: 10%; }
#project .project_box .pkg02 .label { top: -15%; }
#project .project_box .pkg03 .label { top: 0; }
#project .project_box .pkg_list { display: flex; align-items: flex-start;/*align-items: flex-end;*/ }
#project .project_box .pkg_list li { margin: 0 3px; }
#project .project_box .pkg01 .pkg_list li { margin: 0 12px; }
#project .project_box .pkg_list .txt { margin-top: .5em; color: #eb613b; font-size: 1.6rem; font-weight: bold; text-align: center; }
#project .box02 .project_wrap .img { width: 49%; }
#project .box02 .project_wrap .logo_boruneo { width: 20%; margin-left: 3%; }
#project .box02 .project_wrap .txt_area { width: 68%; margin-right: 3%; }
#project .box02 .project_wrap .txt_area .ttl { margin-top: -.5em; font-size: 3rem; font-weight: bold; text-align: left; line-height: 1.4; }
#project .box02 .project_wrap .txt_area .ttl span { font-size: 60%; }
#project .box02 .project_wrap .txt_area .link {display:flex;align-items: center; margin-top: 1em; text-align: right; }
#project .box02 .project_wrap .txt_area .link span {color:#00864e; font-size: 1.4rem; width:90%;}
#project .box02 .project_wrap .txt_area .blank { color: #00864e; font-size: 1.4rem; font-weight: bold; padding-right: 1.5em; position: relative; width: 24%;}
#project .box02 .project_wrap .txt_area .blank::after { content: ''; width: 1em; height: 1em; background: url(../img/icon_link.png) no-repeat center / contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#project .box02 .project_wrap.boruneo { margin-top: 4em; }
#project .box03 { background: #fff url(../img/bg_mount.png) no-repeat center bottom -150px; }
#project .box03.before { padding-bottom: 4em; background-position: center bottom -310px; }
#project .box03 .project_wrap { flex-direction: column; justify-content: center; align-items: center; }
#project .box03.before .project_wrap { flex-direction: column; justify-content: center; }
#project .box03 .txt_area { width: 92%; margin: 30px auto 0; padding: 2em 2em 1em; color: #00864e; background-color: #eefad4; border-radius: 5px; position: relative; }
#project .box03 .txt_area::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 14px 10px 0 10px; border-color: #eefad4 transparent transparent transparent; position: absolute; bottom: -13px; left: 0; right: 0; margin: 0 auto; }
#project .box03 .txt_area span { font-size: 2rem; margin-bottom: 1em; }
#project .box03 .txt_area span span { font-size: 70%; }
/* #project .box03 .txt_area span:nth-of-type(1) { font-size: 2rem; } */
/* #project .box03 .txt_area span:nth-of-type(2) { font-size: 2.4rem; } */
#project .box03 .txt_area .txt { margin: 0 0 .3em; font-size: 6rem; font-weight: bold; line-height: 1; }
#project .box03 .notes { width: 92%; margin: 2em auto 0; font-size: 1.4rem; color: #00864e; text-align: right; }
#project .box03.after .notes { text-align: left; color: #3c3c3c; margin: .5em 0 0; }
#project .box03.before .notes { text-align: left; color: #3c3c3c; }
#project .box03.before .notes:last-of-type { margin: 0; }
#project .box03.before .chara { max-width: 273px; margin: 30px auto 0; transform: translateX(50%); }
#project .box03.after .chara { max-width: 292px; margin: 20px auto 0; }
#project .tree_list { width: 80%; margin: 4em auto 0; display: flex; align-items: flex-end; flex-wrap: wrap; }
/*#project .before .tree_list { margin-top: 6em; }
#project .before .tree_list li { width: 20%; opacity: 0; }
#project .before .tree_list li:nth-child(2),
#project .before .tree_list li:nth-child(4) { transform: translateY(-60%); }
#project .before .tree_list li:nth-child(3) { transform: translateY(-80%); opacity: 1; }
#project .after .tree_area { display: flex; }
#project .after .tree_list { width: 50%; margin: 3em auto 0 0; }
#project .after .tree_list.add { display: block; }
#project .after .tree_list li { width: 50%; margin-bottom: 0; }
#project .after .tree_list.add li { margin-top: 17%; }*/
#project .box01 .tree_area { display: flex; }
#project .box01 .tree_list { width: 100%;/*width: 80%;*/ margin: 3em 0 0; }
#project .box01 .tree_list li {width: 16.5%; /*width: 33%;*/ margin-bottom: 2%; }
#project .tree_list img { height: auto; margin: 0 auto; }
#project .tree_list .tree01 { max-width: 66px; }
#project .tree_list .tree02 { max-width: 69px; }
#project .tree_list .tree03 { max-width: 55px; }
#project .tree_list .tree04 { max-width: 58px; }
#project .tree_list .tree05 { max-width: 64px; }
#project .tree_list .tree06 { max-width: 56px; }
#project .tree_list .tree07 { max-width: 75px; }
#project .tree_list .tree08 { max-width: 61px; }
#project .tree_list .tree09 { max-width: 61px; }
#project .tree_list .tree10 { max-width: 70px; }
#project .after .tree_list img { margin: 0; }
/*#project .after .tree_list:not(.add) li:nth-child(4n + 1) img,
#project .after .tree_list:not(.add) li:nth-child(4n + 2) img { margin: 0 18% 0 auto; }
#project .box01 .tree_list img { margin: 0 20% 0 auto; }*/
/*#project .box01 .tree_list:not(.add) li:nth-child(6n + 4) img,
#project .box01 .tree_list:not(.add) li:nth-child(6n + 5) img,
#project .box01 .tree_list:not(.add) li:nth-child(6n + 6) img { margin: 0; }*/
/*第３弾*/
#project .box01 .tree_list li:nth-child(n+7) img { margin: 0 auto 0 76%; }
#project .box01 .tree_list li:nth-child(n+13) img { margin: 0; }
#project .box01 .tree_list li:nth-child(n+19) img { margin: 0 auto 0 56%; }
#project .box01 .tree_list li:nth-child(n+25) img { margin: 0; }
#project .box01 .tree_list li:nth-child(n+31) img { margin: 0 auto 0 56%; }
#project .box01 .tree_list li:nth-child(n+37) img { margin: 0; }
#project .box01 .tree_list li:nth-child(37)  { margin-left: 16%; }
#project .box01 .tree_list li:nth-child(1) img, #project .box01 .tree_list li:nth-child(6) img { margin-bottom: -30%; }

/* environment */
#green_project #environment { padding: 6em 0 8em; }
#environment.bg_forest::after { content: none; }
#environment .sec_ttl { max-width: 540px; }
#environment .environment_box { margin-top: 4em; padding: 4em 0; background-color: #fff; }
#environment .environment_box .headline { margin: 0 auto; }
#environment .environment_box .ttl { font-size: 2.4rem; font-weight: bold; line-height: 1.6; color: #00864e; padding-left: 1.8em; position: relative; }
#environment .environment_box .ttl::before { content: ''; width: 30px; height: 29px; background: url(../img/icon_reaf.png) no-repeat center / contain; position: absolute; top: .2em; left: 0; }
#environment .environment_box .ttl:not(:first-child) { margin-top: 2em; }
#environment .environment_box .txt { font-size: 1.8rem; line-height: 1.8; color: #00864e; margin-top: 1em; }
#environment .environment_box .notes { font-size: 1.4rem; margin: .5em auto 0; width: 90%; }
#environment .environment_box .notes.set_mt { margin-top: 2em; }
/* #environment .environment_box .notes:first-of-type { margin-top: 4em; } */
#environment .environment_box .catch { font-size: 2.7rem; line-height: 1.6; text-align: center; color: #00864e; }
#environment .environment_box .blank { padding-right: 1.5em; position: relative; }
#environment .environment_box .blank::after { content: ''; width: 1em; height: 1em; background: url(../img/icon_link_b.png) no-repeat center / contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#environment .environment_box .txt_list li { font-size: 1.8rem; line-height: 1.8; color: #00864e; margin-top: 1em; padding-left: 1em; position: relative; }
#environment .environment_box .txt_list li::before { content: ''; width: .5em; height: .5em; background-color: #6eb92b; border-radius: 50%; position: absolute; top: .5em; left: 0; }
#environment .environment_box .environment_wrap { margin-top: 4em; display: flex; justify-content: space-between; align-items: flex-start; }
#environment .box01 .headline { max-width: 970px; }
#environment .box02 .headline { max-width: 942px; }
#environment .box03 .headline { max-width: 974px; }
#environment .box01 .environment_wrap .img { width: 50%; }
#environment .box01 .environment_wrap .txt_area { width: 45%; }
#environment .box02 .environment_wrap .ttl { padding-left: 1.6em; }
#environment .box02 .environment_wrap .ttl::before { width: 26px; height: 37px; background-image: url(../img/icon_oil.png); }
#environment .box02 .environment_wrap .img { width: 49%; }
#environment .box02 .environment_wrap:not(.wrap01) .img { padding: 3.5em 5% 0; }
#environment .box02 .environment_wrap .txt_area { width: 46%; }
#environment .box02 .environment_wrap.wrap02 { flex-direction: row-reverse; }
#environment .box02 .environment_wrap.wrap03 .logo_boruneo { margin: 2em auto 0; width: 280px; height: 280px; border-radius: 50%; background-color: #f3edb5; display: flex; justify-content: center; align-items: center; position: relative; }
#environment .box02 .environment_wrap.wrap03 .logo_boruneo::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 22px; border-color: transparent transparent transparent #f3edb5; position: absolute; bottom: 50%; right: 0; transform: translate(90%, 50%); }
#environment .box02 .environment_wrap.wrap03 .logo_boruneo img { max-width: 142px; height: auto; }
#environment .box03 { margin-top: 8em; }
#environment .box03 .img { margin-top: 2em; }
#environment .box03 .txt { margin-top: 3em; font-weight: bold; text-align: center; line-height: 2; position: relative; }
#environment .box03 .txt::before,
#environment .box03 .txt::after { content: ''; width: 20%; height: 120%; background: url(../img/deco_line_L.png) no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); }
#environment .box03 .txt::before { background-image: url(../img/deco_line_L.png); left: 0; }
#environment .box03 .txt::after { background-image: url(../img/deco_line_R.png); right: 0; }
#environment .box03 .logo_marche { margin: 2em auto 0; max-width: 272px; }
#environment .box03 .sec_btn { margin-top: 2em; width: 440px; }
#environment .box03 .sec_btn a { background-color: #f59b00; }
#environment .foodloss { margin-top: 3em; padding: 2em; background-color: #fffcec; }
#environment .foodloss .fl_ttl { font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 1; color: #4e4c4c; position: relative; }
#environment .foodloss .fl_ttl::before,
#environment .foodloss .fl_ttl::after { content: ''; width: 100%; height: 2px; background-color: #4e4c4c; position: absolute; left: 0; z-index: -1; }
#environment .foodloss .fl_ttl::before { top: 30%; }
#environment .foodloss .fl_ttl::after { bottom: 30%; }
#environment .foodloss .fl_ttl span { padding: 0 1em; background-color: #fffcec; }
#environment .foodloss .fl_txt { margin-top: 1em; font-size: 2.6rem; font-weight: bold; text-align: center; line-height: 1.8; color: #4e4c4c; }
#environment .foodloss .fl_txt span { font-size: 70%; }
#environment .foodloss .fl_notes { margin-top: .2em; font-size: 1.4rem; text-align: right; }
#environment .foodloss .nfp_ttl { font-size: 2.2rem; font-weight: bold; line-height: 1.4; color: #4e4c4c; }
#environment .foodloss .nfp_txt { font-size: 1.4rem; line-height: 1.8; color: #4e4c4c; margin-top: 1em; }
#environment .foodloss .txt_area { width: 60%; padding: 2em 1.5em; background-color: #f6f6f6; }
#environment .foodloss .logo_nfp { width: 40%; }
#environment .foodloss .logo_nfp img { max-width: 320px; margin: 0 auto; }
#environment .foodloss .environment_wrap { margin-top: 1em; background-color: #fff; border: 1px solid #d2d0d0; align-items: center; }
#environment .movie_area { margin-top: 6em; }
#environment .movie_area .headline { margin: 0 auto; padding: 0 1em; width: fit-content; font-size: 1.8rem; font-weight: bold; line-height: 1.8; color: #00864e; background-color: #fff; border-radius: 40px; }
#environment .movie_area .movie_ttl { margin-top: .8em; font-size: 3.6rem; font-weight: bold; line-height: 1.6; color: #00864e; text-align: center; }
#environment .movie_area .movie_ttl span { font-size: 80%; }
#environment .movie_area .movie { margin-top: 2em; position: relative; }
#environment .movie_area .movie iframe { width: 100%; aspect-ratio: 16 / 9; }
#environment .movie_area .movie_btn { position: absolute; cursor: pointer; transition: filter .3s; }
#environment .movie_area .movie_btn:hover { filter: brightness(1.1); }
#environment .movie_area .sec_btn { margin-top: 4em; width: 520px; }
#environment .movie_area .sec_btn a { background-color: #6eb92b; }
#environment a { transition: filter .3s; }
#environment a:hover { filter: brightness(1.1); }


/* about */
#green_project #about { padding: 6em 0 8em; }
#about.bg_forest::after { content: none; }
#about .sec_ttl { max-width: 540px; }
#about .environment_box { margin-top: 4em; padding: 4em 0; background-color: #fff; }
#about .environment_box .headline { margin: 0 auto; }
#about .environment_box .ttl { font-size: 2.4rem; font-weight: bold; line-height: 1.6; color: #00864e; padding-left: 1.8em; position: relative; }
#about .environment_box .ttl::before { content: ''; width: 30px; height: 29px; background: url(../img/icon_reaf.png) no-repeat center / contain; position: absolute; top: .2em; left: 0; }
#about .environment_box .ttl:not(:first-child) { margin-top: 2em; }
#about .environment_box .txt { font-size: 1.8rem; line-height: 1.8; color: #00864e; margin-top: 1em; }
#about .environment_box .notes { font-size: 1.4rem; margin: .5em auto 0; width: 90%; }
#about .environment_box .notes.set_mt { margin-top: 2em; }
/* #about .environment_box .notes:first-of-type { margin-top: 4em; } */
#about .environment_box .catch { font-size: 2.7rem; line-height: 1.6; text-align: center; color: #00864e; }
#about .environment_box .blank { padding-right: 1.5em; position: relative; }
#about .environment_box .blank::after { content: ''; width: 1em; height: 1em; background: url(../img/icon_link_b.png) no-repeat center / contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#about .environment_box .txt_list li { font-size: 1.8rem; line-height: 1.8; color: #00864e; margin-top: 1em; padding-left: 1em; position: relative; }
#about .environment_box .txt_list li::before { content: ''; width: .5em; height: .5em; background-color: #6eb92b; border-radius: 50%; position: absolute; top: .5em; left: 0; }
#about .environment_box .environment_wrap { margin-top: 0; display: flex; justify-content: space-between; align-items: flex-start; }
#about .environment_box.box02 .environment_wrap { margin-top: 3em; }
#about .box01 .headline { max-width: 970px; }
#about .box02 .headline { max-width: 942px; }
#about .box03 .headline { max-width: 974px; }
#about .box01 .environment_wrap .img { width: 49%; }
#about .box01 .environment_wrap .txt_area { width: 45%; }
#about .box02 .environment_wrap .ttl { padding-left: 1.6em; }
#about .box02 .environment_wrap .ttl::before { width: 26px; height: 37px; background-image: url(../img/icon_oil.png); }
#about .box02 .environment_wrap .img { width: 49%; }
/*#about .box02 .environment_wrap:not(.wrap01) .img { padding: 3.5em 5% 0; }*/
#about .box02 .environment_wrap .txt_area { width: 46%; }
#about .box02 .environment_wrap.wrap02 { flex-direction: row-reverse; }
#about .box02 .environment_wrap.wrap03 .logo_boruneo { margin: 2em auto 0; width: 280px; height: 280px; border-radius: 50%; background-color: #f3edb5; display: flex; justify-content: center; align-items: center; position: relative; }
#about .box02 .environment_wrap.wrap03 .logo_boruneo::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 22px; border-color: transparent transparent transparent #f3edb5; position: absolute; bottom: 50%; right: 0; transform: translate(90%, 50%); }
#about .box02 .environment_wrap.wrap03 .logo_boruneo img { max-width: 142px; height: auto; }
#about .box03 { margin-top: 8em; }
#about .box03 .img { margin-top: 2em; }
#about .box03 .txt { margin-top: 3em; font-weight: bold; text-align: center; line-height: 2; position: relative; }
#about .box03 .txt::before,
#about .box03 .txt::after { content: ''; width: 20%; height: 120%; background: url(../img/deco_line_L.png) no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); }
#about .box03 .txt::before { background-image: url(../img/deco_line_L.png); left: 0; }
#about .box03 .txt::after { background-image: url(../img/deco_line_R.png); right: 0; }
#about .box03 .logo_marche { margin: 2em auto 0; max-width: 272px; }
#about .box03 .sec_btn { margin-top: 2em; width: 440px; }
#about .box03 .sec_btn a { background-color: #f59b00; }
#about .foodloss { margin-top: 3em; padding: 2em; background-color: #fffcec; }
#about .foodloss .fl_ttl { font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 1; color: #4e4c4c; position: relative; }
#about .foodloss .fl_ttl::before,
#about .foodloss .fl_ttl::after { content: ''; width: 100%; height: 2px; background-color: #4e4c4c; position: absolute; left: 0; z-index: -1; }
#about .foodloss .fl_ttl::before { top: 30%; }
#about .foodloss .fl_ttl::after { bottom: 30%; }
#about .foodloss .fl_ttl span { padding: 0 1em; background-color: #fffcec; }
#about .foodloss .fl_txt { margin-top: 1em; font-size: 2.6rem; font-weight: bold; text-align: center; line-height: 1.8; color: #4e4c4c; }
#about .foodloss .fl_txt span { font-size: 70%; }
#about .foodloss .fl_notes { margin-top: .2em; font-size: 1.4rem; text-align: right; }
#about .foodloss .nfp_ttl { font-size: 2.2rem; font-weight: bold; line-height: 1.4; color: #4e4c4c; }
#about .foodloss .nfp_txt { font-size: 1.4rem; line-height: 1.8; color: #4e4c4c; margin-top: 1em; }
#about .foodloss .txt_area { width: 60%; padding: 2em 1.5em; background-color: #f6f6f6; }
#about .foodloss .logo_nfp { width: 40%; }
#about .foodloss .logo_nfp img { max-width: 320px; margin: 0 auto; }
#about .foodloss .environment_wrap { margin-top: 1em; background-color: #fff; border: 1px solid #d2d0d0; align-items: center; }
#about .movie_area { margin-top: 6em; }
#about .movie_area .headline { margin: 0 auto; padding: 0 1em; width: fit-content; font-size: 1.8rem; font-weight: bold; line-height: 1.8; color: #00864e; background-color: #fff; border-radius: 40px; }
#about .movie_area .movie_ttl { margin-top: .8em; font-size: 3.6rem; font-weight: bold; line-height: 1.6; color: #00864e; text-align: center; }
#about .movie_area .movie_ttl span { font-size: 80%; }
#about .movie_area .movie { margin-top: 2em; position: relative; }
#about .movie_area .movie iframe { width: 100%; aspect-ratio: 16 / 9; }
#about .movie_area .movie_btn { position: absolute; cursor: pointer; transition: filter .3s; }
#about .movie_area .movie_btn:hover { filter: brightness(1.1); }
#about .movie_area .sec_btn { margin-top: 4em; width: 520px; }
#about .movie_area .sec_btn a { background-color: #6eb92b; }
#about a { transition: filter .3s; }
#about a:hover { filter: brightness(1.1); }

#about .environment_box .wrap_center { font-size:1.8rem; color:#00864e; text-align:center; padding:3rem 0 0 0;}
#about .environment_box .wrap_center p{ padding:3rem 0 4rem 0;}
#about .environment_box .wrap_center .img{background:url(../img/about_bg.jpg) no-repeat center /100%; padding-bottom:1rem;}
#about .environment_box .wrap_center img{ width:49%; margin:0 auto;}
#about .environment_box .caption{ font-size:1.8rem; color:#00864e; margin-top:1.5rem;text-align:center;}

/* campaign */
#campaign { padding: 6em 0 8em; background-color: #f3edb5; }
#campaign .sec_ttl { max-width: 428px; }
#campaign .campaign_box { margin-top: 4em; padding: 1em 3em 3em 3em; background-color: #fff; /*background: #fff url(../img/bg_nami.png) no-repeat center bottom / contain;*/ border: 2px solid #eb613b; border-radius: 1.2em; }
#campaign .campaign_box.end { position: relative; }
#campaign .campaign_box.end .end_txt { color: #fcf903; font-size: 3.6rem; font-weight: bold; line-height: 1.8; text-align: center; width: 90%; height: 60%; background-color: rgba(0, 0, 0, .8); display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#campaign .bnn_area { max-width: 560px; margin: 0 auto; position: relative; }
#campaign .bnn_area::before { content: ''; width: 87px; height: 106px; background: url(../img/deco_box_L.png) no-repeat center / contain; position: absolute; bottom: 0; left: 0; transform: translateX(-140%); }
#campaign .bnn_area::after { content: ''; width: 90px; height: 99px; background: url(../img/deco_box_R.png) no-repeat center / contain; position: absolute; bottom: 0; right: 0; transform: translateX(140%); }
#campaign .bnn_area a { display: block; padding-top: 2em; position: relative; }
#campaign .bnn_area a::after { content: none; width: 317px; height: 26px; background: url(../img/banner_tw_txt.png) no-repeat center / contain; position: absolute; top: -5%; left: 0; right: 0; margin: 0 auto; }
#campaign .bnn_area .end { padding: 1em .5em; font-size: 2.4rem; font-weight: bold; text-align: center; color: #fff; background-color: #f37627; border-radius: 10px; }
#campaign .box { max-width: 690px; margin: 0 auto; padding: 2em 3em; display: flex; justify-content: space-between; flex-wrap: wrap; }
#campaign .box .txt { margin-top: 1em; font-size: 1.8rem; font-weight: bold; line-height: 2; color: #00864e; }
#campaign .box .term { margin-top: 1em; padding: .8em .5em; padding-left: 65px; width: 100%; position: relative; }
#campaign .box .term .label { width: 40px; position: absolute; top: 0; left: .5em; }
#campaign .box .term .label2 { width: 99px; position: absolute; top: 0; left: .5em; }
#campaign .box .term .txt { margin: 0; font-size: 2.1rem; font-weight: bold; letter-spacing: 1px; color: #fff; text-align: center; text-indent:-2em;}
#campaign .box .term .txt span { font-size: 80%; }
#campaign .box .term.end::after { content: '終了しました'; width: 100%; height: 100%; font-size: 2.4rem; font-weight: bold; color: #fff; background-color: rgba(0, 0, 0, .7); display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 5; }
#campaign .box .txt_area { width: 75%; }
#campaign .box .logo_boruneo { width: 25%; text-align: center; }
#campaign .box .logo_boruneo img { max-width: 114px; margin: 0 auto; }
#campaign .box .logo_boruneo .notes { font-size: 1.2rem; color: #00864e; margin-top: 1em; }
#campaign .box .logo_boruneo .blank { font-size: 1.2rem; color: #00864e; padding-right: 1.5em; position: relative; }
#campaign .box .logo_boruneo .blank::after { content: ''; width: 1em; height: 1em; background: url(../img/icon_link.png) no-repeat center / contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
#campaign .box .catch { margin: 2em auto 0; }
#campaign .box .deco { width: 111px; }
#campaign .box01 { background-color: #c7f2e0; margin-top: 2em; }
#campaign .box02 { background-color: #effcd8; }
#campaign .box01 .ttl img { max-width: 370px; }
#campaign .box02 .ttl img { max-width: 376px; }
#campaign .box01 .term { background-color: #00864e; }
#campaign .box02 .term { background-color: #5faa31; }
#campaign a img { transition: opacity .3s; }
#campaign a:hover img { opacity: .6; }
/* collab */
#campaign.collab { background: url(../img/campaign_bg_collab.jpg?202508) repeat-y top center / 100%; position: relative; }
#campaign.collab::before {
	content: '';
	width: 100%;
	height: 110px;
	/*background: url(../img/campaign_bg_collab_top.png) no-repeat center bottom / 100%;*/
	transform: translateY(-100px);
	position: absolute;
	top: 0;
	left: 0;
}
#campaign.collab .sec_ttl { max-width: 304px; position: relative; }
#campaign.collab .sec_ttl + p{
      margin-top: 2em;
    text-align: center;
    font-size: 3rem;
    background-color: #f36e4b;
  color:#FFF;
    font-weight: bold;
  margin-bottom:-1em;
}
#campaign.collab .sec_ttl::before { content: ""; width: 25%; height: auto; aspect-ratio: 100 / 36; background: url(../img/campaign_ttl_label.png) no-repeat center / contain; position: absolute; top: 50%; left: 0; transform: translate(-125%, -50%); }
#campaign.collab .sec_ttl .img { max-width: 164px; position: absolute; bottom: 106px; right: -16px; transform: translate(125%, 25%); }
#campaign.collab .campaign_box { background-color: #eefad4; border: none; position:relative;}
#campaign.collab .campaign_box .end_txt {
    color: #fff;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  z-index:1;
}
#campaign.collab .campaign_box.campaign1{
  background:url("../img/campaign_bg_top.png?202508") center top no-repeat,url("../img/campaign_bg_bottom.png?202508") center bottom no-repeat;
  background-color: #eefad4;
  padding-bottom:7em;
}
#campaign.collab .box { max-width: 720px; }
#campaign.collab .box .logo_boruneo { width: auto; }
#campaign.collab .term { margin-top: 3rem; padding-left: 3.8em; }
#campaign.collab .cap { margin: 2rem auto 0; }
#campaign.collab .cap img { max-width: 434px; }
#campaign.collab .notes { width: 100%; margin-top: 2em; color: #6e706f; font-size: 1.2rem; text-align: center; }
#campaign.collab .list_pkg { width: 95%; margin: 3rem auto 0; display: flex; align-items: flex-end; }
#campaign.collab .list_pkg li { width: 50%; padding: 0 3%; }
#campaign.collab .list_award { width: 95%; margin: 3rem auto 0; display: flex; align-items: flex-end; }
#campaign.collab .list_award li { width: 50%; padding: 0 3%; }
#campaign.collab .list_award .ttl { margin: 0 auto; max-width: 141px; }
#campaign.collab .list_award .img { margin: 1.5rem auto 0; }
#campaign.collab .list_award .label { max-width: 67px; margin-right: 2rem; }
#campaign.collab .list_award .txt { max-width: 148px; margin: 0; }
#campaign.collab .list_award .txt_area { width: 100%; margin: 1.5rem auto 0; display: flex; justify-content: center; align-items: center; }
#campaign.collab .list_apply { width: 100%; margin: 3rem auto; display: flex; justify-content: space-between; }
#campaign.collab .list_apply li { width: 30%; padding: 1em 0; color: #00864e; font-size: 1.8rem; font-weight: bold; text-align: center; line-height: 1.8; background-color: #fbfaee; border-radius: 20px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .4); display: flex; justify-content: center; align-items: center; position: relative; }
#campaign.collab .list_apply li:not(:last-child)::before { content: ''; width: 6%; height: auto; aspect-ratio: 18 / 26; background: url(../img/campaign_collab_icon.png) no-repeat center / contain; position: absolute; bottom: 50%; right: -12%; transform: translateY(50%); }
#campaign.collab .apply_area { margin-top: 4rem; width: 100%; }
#campaign.collab .apply_area .ttl { width: 100%; }
#campaign.collab .apply_area .ttl_sub { max-width: 462px; margin: 2rem auto 0; }
#campaign.collab .apply_wrap { margin-top: 3rem; padding: 0 0 0 5%; width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
#campaign.collab .apply_wrap .ttl { max-width: 160px; }
#campaign.collab .apply_wrap .list_product { padding-left: 5%; }
#campaign.collab .apply_wrap .list_product li { font-size: 1.8rem; font-weight: bold; color: #00864e; margin-bottom: 0.2em; }
#campaign.collab .apply_wrap .notes { margin-top: 0.5em; padding-left: 32%; text-align: left; line-height: 2; }
#campaign.collab .box_notes { margin-top: 2rem; width: 100%; background-color: #fff; }
/*2022405お詫び追記*/
#campaign.collab .box_notes.owabi {margin: 0 auto 0 auto; }
#campaign.collab .box_notes.owabi .notes_inner{ padding: 2em 3em 2em 3em; }
#campaign.collab .box_notes.owabi .notes_inner .notes_ttl{border:none;color:#3c3c3c;}
#campaign.collab .box_notes .notes_inner { padding: 2em 3em; }
#campaign.collab .box_notes .notes_ttl { color: #00864e; margin-bottom: 1em; font-size: 2.2rem; font-weight: bold; text-align: center; padding-bottom: 0.3em; border-bottom: 1px solid #6eb92b; }
#campaign.collab .box_notes .notes_txt { font-size: 1.5rem; line-height: 1.8; }
#campaign.collab .box_notes .notes_txt:not(:first-child) { margin-top: 1em; }
#campaign.collab .box_notes .notes_txt span { font-weight: bold; }
#campaign.collab .box_notes .notes_txt a { border-bottom: 1px solid #000; transition-duration: .2s; }
#campaign.collab .box_notes .notes_txt a:hover { border-color: transparent; }
#campaign.collab .box_notes .notes_tel { margin-top: 0.2em; font-size: 2.4rem; font-weight: bold; display: flex; justify-content: center; align-items: center; }
#campaign.collab .box_notes .notes_tel strong { font-size: 140%; }
#campaign.collab .box_notes.contact { color: #00864e; text-align: center; margin-bottom:4em;}
#campaign.collab .box_notes.contact .notes_txt strong { font-size: 140%; font-weight: bold; }
#campaign.collab .box_notes.scroll .notes_inner { padding-right: 0; }
#campaign.collab .box_notes.scroll .scroll_inner { padding-right: 2em; height: 30rem; overflow-y: scroll; }
#campaign.collab .box_notes.scroll .notes_ttl { margin-right: 2em; text-align: left; position: relative; }
#campaign.collab .box_notes.scroll .notes_ttl .notes { width: auto; display: block; margin: 0; position: absolute; top: 25%; right: 0; }
#campaign.collab .box_notes.scroll .notes_txt:not(:first-child) { margin-top: 1.5em; }
#campaign.collab .btn_form { width: 75%; margin: 3rem auto 0; }
#campaign.collab .btn_form a { display: block; color: #fff; font-size: 2.2rem; font-weight: bold; text-align: center; padding: 1em 1em 1em 0; background: #fd7939 url(../img/campaign_collab_icon_btn.png) no-repeat center right 1em / 1.2em; border-radius: 20px; box-shadow: 0 6px 0 0 #c14e17; transition-duration: .3s; }
#campaign.collab .btn_form a:hover { box-shadow: none; transform: translateY(6px); }
#campaign.collab .btn_form a.none,
#campaign.collab .btn_form a.none:hover { padding-right: 0; background: #fd7939; box-shadow: none; transform: translateY(0); }
#campaign.collab .btn_notes { width: 100%; margin-top: 1em; font-size: 1.6rem; text-align: center; }
#campaign.collab .box01 { background-color: #eefad4; margin-top: 2em; }
#campaign.collab .box01 h3{
  position:relative;
  top:-2em;
  margin-bottom:-3em;
}
#campaign.collab .box01 .flex{
  align-items: center;
}
#campaign.collab .box01 .flex p{
  width:49%;
}
#campaign.collab .box01 .flex p span{
  display:block;
  padding-left:1em;
  text-indent:-1em;
  font-size:1.3rem;
  margin-top:1em;
}
#campaign.collab .box01 .btn_form{
  position:relative;
  bottom:-5em;
  margin-top:-2em;
}

#campaign.collab .box02 { background-color: #eefad4; }
#campaign.collab .box02 .term { background-color: #00864e; }
#campaign.collab .box01 .ttl img { max-width: 640px; }
#campaign.collab .box02 .ttl img { max-width: 489px; }
#campaign.collab .box02 .more{
  width:100%;
  text-align: center;
}
#campaign.collab .box02 .more img{
  width:auto;
  display:inline;
}
#campaign.collab .box01 .apply_area .ttl img { max-width: 100%; }
#campaign.collab .x{
  display:flex;
  justify-content: center;
  width:100%;
}
#campaign.collab .x a{
  display:flex;
  background-color:#FFF;
  border:#000 2px dotted;
  border-radius: 1em;
  /*width:11em;*/
  margin:3em auto 0;
  align-items: center;
  padding:1em;
  /*pointer-events: none;*/
}
#campaign.collab .x p{
  font-size:1.8rem;
  font-weight: bold;
  margin-left:0.8em;
}
#campaign.collab .x img{
  width:auto;
}

/* end */
#campaign .end_last_txt {
	width: 80%;
	margin: 3rem auto;
	padding: 6.5em 0;
	color: #fcf903;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	background-color: rgba(0, 0, 0, .8);
	position: absolute;
	top: 85rem;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#campaign .end_last_txt.top {
	width: 80%;
	transform: translateY(30%);
	display: none;
}

/* end */
	#campaign .end_txt {
   width: 96%;
    margin: 3rem auto;
    padding: 6.5em 0;
    color: #fff;
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    height: 89%;
    top: 25rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;}
@media screen and (max-width: 767px) {
  
  	#campaign .end_txt {
   width: 92%;
    margin: 3rem auto;
    padding: 6.5em 0;
    color: #fff;
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    height: 92.5%;
    top: 21rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;}
  
}



@media screen and (min-width: 768px) and (max-width: 940px) {
	#green_project .banner .txt_area { font-size: 2.9vw; }
	#project .box01 dd:nth-of-type(1) { font-size: 2.4vw; }
	#project .box01 dd:nth-of-type(2) { font-size: 4.2vw; }
	#project .project_box .pkg_list .txt { font-size: 1.2vw; }
	#project .box01 .txt_area .txt { font-size: 6.6vw; }
	#project .box01 .project_wrap .txt_area .txt { font-size: 3.6vw; }
	#project .box03 .txt_area .txt { font-size: 4.6vw; }
	#project .box03 .txt_area span { font-size: 2vw; }
	#campaign.collab .btn_form a { font-size: 2.2vw; }
  #project .box02 .project_wrap .txt_area .link span {display:block; font-size: 1.4rem;}
}

@media screen and (max-width: 767px) {
	#green_project .inner { padding: 0 15px; }
	#green_project .logo { max-width: 189.5px; }
	#green_project .logo.deco::before,
	#green_project .logo.deco::after { top: -22vw; }
	#green_project .logo.deco::before { width: 163px; height: 66px; background-image: url(../img/deco_reaf_L_sp.png); transform: translateX(-50%); }
	#green_project .logo.deco::after { width: 127.5px; height: 58px; background-image: url(../img/deco_reaf_R_sp.png); transform: translateX(65%); }
	#green_project .sec_ttl { margin-top: .8em; }
	#green_project .sec_btn { margin: 0 auto; }
	#green_project .sec_btn a { height: 42px; font-size: 1.5rem; font-weight: bold; }
	#green_project .bg_forest { padding: 2em 0 4em; }
	#green_project .bg_forest::before,
	#green_project .bg_forest::after { height: 60px; }
	#green_project .bg_forest::before { top: -10px; }
	#green_project .bg_forest::after { bottom: -10px; }
	#green_project .banner { margin: 3em 0 0; padding: 0; }
	#green_project .banner .txt_area { font-size: 2.4rem; text-align: center; line-height: 1.3; bottom: 1.7em; left: 0; right: 0; margin: 0 auto; }
	#green_project .banner .txt_area span { font-size: 70%; }
	#green_project .banner .txt_area .label { font-size: 70%; padding: 0 .5em; border-width: 1px; margin-right: 0; }
	#green_project .banner.twitter { width: 100%; margin-top: 5em; padding: 0 15px; display: block; }
	#green_project .banner.twitter a { width: 100%; }
	#green_project .banner.twitter a::after { width: 308.5px; height: 24px; top: -20%; }
	#green_project .banner.twitter .chara { width: 136px; margin: 2em auto 0; }
	#green_project .banner .banner_box { margin: 0; padding: 2em 1em 1.5em; border-width: 2px; }
	#green_project .banner_box .img { margin-top: 1.5em; }
	#green_project .banner_box .img.label { padding-top: .5em; position: relative; }
	#green_project .banner_box .img.label::after { content: ''; width: 155px; height: 80px; background: url(../img/banner_label_sp.png) no-repeat center / contain; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
	#green_project .banner_box .img.label::after { content: ''; width: 155px; height: 80px; background: url(../img/banner_label_sp.png) no-repeat center / contain; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
	#green_project .banner_box .term_list { margin-top: 1.5em; padding: 0; display: block; }
	#green_project .banner_box .term_list li { width: 100%; }
	#green_project .banner_box .term_list .txt { font-size: 1.9rem; left: 1.6em; bottom: .4em; width: 90%; }
	#green_project .banner_box .btn { margin: 1.5em auto 0; width: 180px; height: 40px; }
	#green_project .banner_box .btn a { font-size: 1.7rem; }
	#green_project .banner_box .btn a::after { width: 9px; height: 7px; }
	
	/* mainimg */
	#mainimg .logo { width: 70%; max-width: 70%; top: 9%; }
	#mainimg .txt01 { width: 80%; top: 23%; }
	#mainimg .txt02 { width: 28%; bottom: 31%; right: 6%; }
	#mainimg .img { width: 80%; bottom: 13%; }
	#mainimg .collab { width: 80%; bottom: 13%; }
	#mainimg .tree_list li img { width: 45%; }
	#mainimg .tree_list li:nth-child(1) { top: 8%; left: -5%; }
	#mainimg .tree_list li:nth-child(2) { top: -3%; left: 7%; }
	#mainimg .tree_list li:nth-child(3) { top: 0; left: 42%; }
	#mainimg .tree_list li:nth-child(4) { top: 1%; left: 75%; }
	#mainimg .tree_list li:nth-child(5) { top: 8%; left: auto; right: -18%; }
	#mainimg .tree_list li:nth-child(6) { top: 90%; left: -2%; }
	#mainimg .tree_list li:nth-child(7) { top: 92%; left: 18%; }
	#mainimg .tree_list li:nth-child(8) { top: 89%; left: 42%; }
	#mainimg .tree_list li:nth-child(9) { top: 91%; right: 7.5%; }
	#mainimg .tree_list li:nth-child(10) { top: 91%; right: -20%; }
	#mainimg .tree_list li:nth-child(11),
	#mainimg .tree_list li:nth-child(12),
	#mainimg .tree_list li:nth-child(13),
	#mainimg .tree_list li:nth-child(14),
	#mainimg .tree_list li:nth-child(15) { display: none; }

	/* page_menu */
  #page_menu .banner01 p {
    font-size: 2.4rem;
    margin-top:0px;
    padding:0.5em 0;
}
  #page_menu .banner01 img{
    width:100%;
  }
	#page_menu .sec_ttl {max-width: 300px; /*max-width: 319.5px;*/ }
  #page_menu .sec_ttl span {
    margin-bottom: 0.5em;
}
  #page_menu .sec_ttl span img{
    width:35%;
  }
	#page_menu .menu_list { margin-top: 5em;/*margin-top: 0em;*/ flex-wrap: wrap;}
  #page_menu .menu_list li { width: 48%; margin-bottom:4vw;}
	#page_menu .menu_list li a { height: 70px; /*height: 100px;*/ font-size: 1.5rem; text-align: center; line-height: 1.4; background-size: 13px auto; }
	#page_menu .menu_list li a.comingsoon::after { font-size: 1em; line-height: 1.2; }
	#page_menu .menu_list li img { height: 7px; }
	#page_menu .menu_list li.collab::before {
		/*width: 120%;*/
    width: 90%;
		aspect-ratio: 250 / 141;
		background-image: url(../img/menu_cap_collab_start_sp.png);
		/*transform: translate(-7%, -130%);*/
	}

	/* project */
	#project {
		padding: 8em 0;
		background: url(../img/project_bg_sp.jpg) repeat-y center / 100%;
		background-attachment: scroll;
	}
	#project .sec_ttl { max-width: 295.5px; }
	#project .project_box { margin-top: 4em; padding: 2.5em 1em 2em; border-radius: 5px; }
	#project .project_box .headline { width: 9em; height: 2.2em; top: -20px; }
	#project .project_box .headline.type2 { height: 2.6em; }
	#project .project_box .headline_sub { margin-bottom: 1rem; width: 90px; height: 35px; }
	#project .project_box .headline_sub img { height: 18.5px; }
	#project .project_box .headline_sub.type2 { margin-top: 3rem; }
	#project .project_box .headline_sub.type2 img { height: 18px; }
	#project .project_box .ttl { font-size: 2.4rem; }
	#project .project_box .txt { font-size: 1.4rem; margin-top: 1em; }
	#project .project_box .notes { font-size: 1.2rem; width: 90%; }
	#project .project_box .project_wrap { display: block; }
	#project .box01 { background-position: center bottom -100px; background-size: 180% auto; }
	#project .box01 dl { display: block; padding-left: 0; }
	#project .box01 dt { margin: 0 auto; width: 150px; height: 35px; }
	#project .box01 dt:nth-of-type(1) img { height: 16px; }
	#project .box01 dt:nth-of-type(2) img { height: 16px; }
	#project .box01 dd { margin: .8em 0 1.6em; width: 100%; text-align: center; }
	#project .box01 dd:nth-of-type(1) { font-size: 2.4rem; }
	#project .box01 dd:nth-of-type(2) { font-size: 2.8rem; }
	#project .box01 dd span { font-size: 80%; }
	#project .box01 .project_wrap { margin-top: 0; }
	#project .box01 .txt_area { width: 100%; margin: 5rem auto 0; padding: 1em; }
	#project .box01 .txt_area.wide::before { width: 4rem; }
	#project .box01 .txt_area span { font-size: 1.6rem; margin-bottom: 1em; }
	#project .box01 .txt_area .txt { font-size: 4rem; }
	#project .box01 .project_wrap.wrap_txtarea { width: 85%; margin: 1em auto 0; }
	#project .box01 .project_wrap .txt_area { width: 100%; margin: 1em 0 0; }
	#project .box01 .project_wrap .txt_area .txt { font-size: 3.6rem; }
	#project .box01 .chara { max-width: 242.5px; margin: 2em auto 0; }
  #project .box01 h5 {
    font-size: 1.8rem;
}
  #project .box01 h5 + p {
    font-size: 1.8rem;
}
  
  /*第３弾寄付終了*/
  #project .box01 .project_wrap .end_txt {font-size: 2rem;} 
  
	#project .project_box .pkg { margin-top: 2em; padding: 0; }
	#project .project_box .pkg .label { width: 40px; height: 40px; font-size: 1.6rem; }
	#project .project_box .pkg01 { width: 100%; /*padding-top: 50px;*/ }
	#project .project_box .pkg02 { width: 100%; padding-top: 10px; margin-right: 0; }
	#project .project_box .pkg03 { width: 100%; margin-left: 0; }
	#project .project_box .pkg01 .label { top: 0; }
	#project .project_box .pkg02 .label { top: 0; }
	#project .project_box .pkg03 .label { top: 10px; }
	#project .project_box .pkg_list { justify-content: center; }
	#project .project_box .pkg_list li { width: 32%; margin: 0 .5%; }

		#project .project_box .pkg01 .pkg_list { justify-content: center;flex-wrap: wrap; }
		#project .project_box .pkg01 .pkg_list li {width: 32%;
        margin: 1% 1% 5% 1%; }

	#project .project_box .pkg_list .txt { margin-top: 1em; font-size: 1.2rem; }
	#project .box02 .project_wrap .img { width: 100%; margin-bottom: .4em; }
	#project .box02 .project_wrap .logo_boruneo { width: 113px; margin: 1em auto 0; }
	#project .box02 .project_wrap .txt_area { width: 100%; margin-right: 0; }
	#project .box02 .project_wrap .txt_area .ttl { margin-top: 0; font-size: 1.9rem; }
	#project .box02 .project_wrap .txt_area .ttl span { font-size: 60%; }
	#project .box02 .project_wrap .txt_area .blank { font-size: 1.2rem; font-weight: normal; width:28%;}
	#project .box02 .project_wrap.boruneo { margin-top: 2em; }
	#project .box03 { background-position: center bottom -55px; background-size: 180% auto; }
	#project .box03.before { background-position: center bottom -160px; padding-bottom: 2em; }
	#project .box03 .txt_area { width: 100%; margin-top: 1.5em; padding: 2em .5em 1em; text-align: center; }
	#project .box03 .txt_area span { font-size: 1.8rem; margin-bottom: .8em; display: block; }
	#project .box03 .txt_area span:nth-of-type(2) { margin-bottom: 1.2em; }
	/* #project .box03 .txt_area span:nth-of-type(1) { font-size: 1.6rem; } */
	/* #project .box03 .txt_area span:nth-of-type(2) { font-size: 1.8rem; } */
	#project .box03 .txt_area .txt { font-size: 4.6rem; margin: 0 0 .2em; }
	#project .box03 .txt_area .txt::first-letter { font-size: 70%; }
	#project .box03 .notes { width: 100%; margin: 1em auto 0; font-size: 1.2rem; text-align: center; }
	#project .box03.before .notes { margin-top: 2em; padding: 0 .5em; }
	#project .box03.before .chara { max-width: 207px; margin: 2em auto 0; transform: translateX(0); }
	#project .box03.after .chara { max-width: 242.5px; margin: 2em auto 0; }
	#project .box01 .tree_list { margin-top: 1.5em;  margin-left:-0.5em;}
	#project .tree_list { width: 100%; margin-top: 3em;}
	#project .before .tree_list { margin-top: 4em; }
	#project .before .tree_list li { padding: 0 2%; margin-bottom:3%;}
	#project .before .tree_list li:nth-child(2),
	#project .before .tree_list li:nth-child(4) { transform: translateY(-90%); }
	/* #project .before .tree_list li:nth-child(3) { transform: translateY(-10%); } */
	#project .box01 .tree_list .tree01 { max-width: 39.5px; }/* img:-15px */
	#project .box01 .tree_list .tree02 { max-width: 36px; }
	#project .box01 .tree_list .tree03 { max-width: 33.5px; }
	#project .box01 .tree_list .tree04 { max-width: 34px; }
	#project .box01 .tree_list .tree05 { max-width: 41px; }
	#project .box01 .tree_list .tree06 { max-width: 39px; }
	#project .box01 .tree_list .tree07 { max-width: 51px; }
	#project .box01 .tree_list .tree08 { max-width: 35px; }
	#project .box01 .tree_list .tree09 { max-width: 43px; }
	#project .box01 .tree_list .tree10 { max-width: 55px; }
  #project .box01 .tree_list li:nth-child(n+7) img {
    margin: 0 auto 0 50%;
}
  #project .box01 .tree_list li:nth-child(n+13) img { margin: 0; }
#project .box01 .tree_list li:nth-child(n+19) img { margin: 0 auto 0 50%; }
#project .box01 .tree_list li:nth-child(n+25) img { margin: 0; }
#project .box01 .tree_list li:nth-child(n+31) img { margin: 0 auto 0 50%; }
#project .box01 .tree_list li:nth-child(n+37) img { margin: 0; }
#project .box01 .tree_list li:nth-child(37)  { margin-left: 10%; }
#project .box01 .tree_list li:nth-child(1) img, #project .box01 .tree_list li:nth-child(6) img { margin-bottom: -30%; }
	/*#project .box01 .tree_list:not(.add) li:nth-child(4n + 1) img,
	#project .box01 .tree_list:not(.add) li:nth-child(4n + 2) img { margin: 0 0 0 auto; }
	#project .box01 .tree_list img { margin: 0 15% 0 auto; }
	#project .box01 .tree_list:not(.add) li:nth-child(6n + 4) img,
	#project .box01 .tree_list:not(.add) li:nth-child(6n + 5) img,
	#project .box01 .tree_list:not(.add) li:nth-child(6n + 6) img { margin: 0; }
	#project .after .tree_list.add li { margin-top: 27%; }*/

	@media screen and (max-width: 410px) {
		#project .after .tree_list.add li { margin-top: 29%; }
	}

	/* environment */
	#green_project #environment { padding: 8em 0 4em; }
	#environment .sec_ttl { max-width: 200px; }
	#environment .environment_box { margin-top: 2em; padding: 3em 0; }
	#environment .environment_box .ttl { font-size: 1.8rem; }
	#environment .environment_box .ttl::before { width: 21px; height: 20.5px; }
	#environment .environment_box .txt { font-size: 1.4rem; }
	#environment .environment_box .notes { font-size: 1.2rem; width: 100%; }
	/* #environment .environment_box .notes:first-of-type { margin-top: 5em; } */
	#environment .environment_box .catch { font-size: 1.9rem; }
	#environment .environment_box .txt_list li { font-size: 1.4rem; }
	#environment .environment_box .environment_wrap { margin-top: 3em; display: block; }
	#environment .box01 .environment_wrap .img { width: 100%; }
	#environment .box01 .environment_wrap .txt_area { width: 100%; margin-top: 2em; }
	#environment .box02 .environment_wrap .ttl { padding-left: 1.8em; }
	#environment .box02 .environment_wrap .ttl::before { width: 24px; height: 32.5px; top: 0; }
	#environment .box02 .environment_wrap .img { width: 100%; margin-bottom: .4em; }
	#environment .box02 .environment_wrap:not(.wrap01) .img { padding: 0 10%; }
	#environment .box02 .environment_wrap .txt_area { width: 100%; margin-top: 2em; }
	#environment .box02 .environment_wrap.wrap02 { flex-direction: row-reverse; }
	#environment .box02 .environment_wrap.wrap03 .logo_boruneo { margin: 1.5em auto; width: 200px; height: 200px; }
	#environment .box02 .environment_wrap.wrap03 .logo_boruneo::after { border-width: 12px 10px 0 10px; border-color: #f3edb5 transparent transparent transparent; bottom: 0; right: 50%; transform: translate(50%, 90%); }
	#environment .box02 .environment_wrap.wrap03 .logo_boruneo img { max-width: 99.5px; }
	#environment .box03 { margin-top: 4em; }
	#environment .box03 .txt { padding: 4em 0; }
	#environment .box03 .txt::before,
	#environment .box03 .txt::after { width: 50%; height: 20%; top: auto; left: 50%; right: auto; transform: translateX(-50%); }
	#environment .box03 .txt::before { background-image: url(../img/deco_line_top.png); top: -10px; }
	#environment .box03 .txt::after { background-image: url(../img/deco_line_btm.png); bottom: -10px; }
	#environment .box03 .logo_marche { margin-top: 2.5em; max-width: 196.5px; }
	#environment .box03 .sec_btn { width: 90%; }
	#environment .foodloss { margin-top: 2em; padding: 30px 15px; }
	#environment .foodloss .fl_ttl { font-size: 1.4rem; }
	#environment .foodloss .fl_ttl::before,
	#environment .foodloss .fl_ttl::after { height: 1px; }
	#environment .foodloss .fl_txt { margin-top: .8em; font-size: 1.9rem; }
	#environment .foodloss .fl_notes { margin-top: 1em; font-size: 1rem; text-align: center; }
	#environment .foodloss .nfp_ttl { font-size: 1.5rem; line-height: 1.8; text-align: center; }
	#environment .foodloss .nfp_txt { font-size: 1.2rem; line-height: 2; }
	#environment .foodloss .txt_area { width: 100%; padding: 1.5em; }
	#environment .foodloss .logo_nfp { width: 100%; padding: 1em 0; }
	#environment .foodloss .logo_nfp img { max-width: 256px; }
	#environment .movie_area { margin-top: 4em; }
	#environment .movie_area .inner { padding: 0; }
	#environment .movie_area .headline { font-size: 1.4rem; }
	#environment .movie_area .movie_ttl { margin-top: .4em; font-size: 2.2rem; }
	#environment .movie_area .movie_ttl span { font-size: 80%; }
	#environment .movie_area .movie { margin-top: 1.5em; }
	#environment .movie_area .sec_btn { margin-top: 2em; width: calc(100% - 30px); }

  /* about */
	#green_project #about { padding: 8em 0 4em; }
	#about .sec_ttl { max-width: 200px; }
	#about .environment_box { margin-top: 2em; padding: 3em 0; }
  #about .environment_box.box02 { margin-top: 2em; padding: 3em 0 0 0; }
	#about .environment_box .ttl { font-size: 1.8rem; }
	#about .environment_box .ttl::before { width: 21px; height: 20.5px; }
	#about .environment_box .txt { font-size: 1.4rem; }
	#about .environment_box .notes { font-size: 1.2rem; width: 100%; }
	/* #about .environment_box .notes:first-of-type { margin-top: 5em; } */
	#about .environment_box .catch { font-size: 1.9rem; }
	#about .environment_box .txt_list li { font-size: 1.4rem; }
	#about .environment_box .environment_wrap { margin-top: 3em; display: block; }
	#about .box01 .environment_wrap .img { width: 100%; }
	#about .box01 .environment_wrap .txt_area { width: 100%; margin-top: 2em; }
	#about .box02 .environment_wrap .ttl { padding-left: 1.8em; }
	#about .box02 .environment_wrap .ttl::before { width: 24px; height: 32.5px; top: 0; }
	#about .box02 .environment_wrap .img { width: 100%; margin-bottom: .4em; }
	#about .box02 .environment_wrap:not(.wrap01) .img { padding: 0; }
	#about .box02 .environment_wrap .txt_area { width: 100%; margin-top: 2em; text-align:center; }
	#about .box02 .environment_wrap.wrap02 { flex-direction: row-reverse; }
	#about .box02 .environment_wrap.wrap03 .logo_boruneo { margin: 1.5em auto; width: 200px; height: 200px; }
	#about .box02 .environment_wrap.wrap03 .logo_boruneo::after { border-width: 12px 10px 0 10px; border-color: #f3edb5 transparent transparent transparent; bottom: 0; right: 50%; transform: translate(50%, 90%); }
	#about .box02 .environment_wrap.wrap03 .logo_boruneo img { max-width: 99.5px; }
	#about .box03 { margin-top: 4em; }
	#about .box03 .txt { padding: 4em 0; }
	#about .box03 .txt::before,
	#about .box03 .txt::after { width: 50%; height: 20%; top: auto; left: 50%; right: auto; transform: translateX(-50%); }
	#about .box03 .txt::before { background-image: url(../img/deco_line_top.png); top: -10px; }
	#about .box03 .txt::after { background-image: url(../img/deco_line_btm.png); bottom: -10px; }
	#about .box03 .logo_marche { margin-top: 2.5em; max-width: 196.5px; }
	#about .box03 .sec_btn { width: 90%; }
	#about .foodloss { margin-top: 2em; padding: 30px 15px; }
	#about .foodloss .fl_ttl { font-size: 1.4rem; }
	#about .foodloss .fl_ttl::before,
	#about .foodloss .fl_ttl::after { height: 1px; }
	#about .foodloss .fl_txt { margin-top: .8em; font-size: 1.9rem; }
	#about .foodloss .fl_notes { margin-top: 1em; font-size: 1rem; text-align: center; }
	#about .foodloss .nfp_ttl { font-size: 1.5rem; line-height: 1.8; text-align: center; }
	#about .foodloss .nfp_txt { font-size: 1.2rem; line-height: 2; }
	#about .foodloss .txt_area { width: 100%; padding: 1.5em; }
	#about .foodloss .logo_nfp { width: 100%; padding: 1em 0; }
	#about .foodloss .logo_nfp img { max-width: 256px; }
	#about .movie_area { margin-top: 4em; }
	#about .movie_area .inner { padding: 0; }
	#about .movie_area .headline { font-size: 1.4rem; }
	#about .movie_area .movie_ttl { margin-top: .4em; font-size: 2.2rem; }
	#about .movie_area .movie_ttl span { font-size: 80%; }
	#about .movie_area .movie { margin-top: 1.5em; }
	#about .movie_area .sec_btn { margin-top: 2em; width: calc(100% - 30px); }
  #about .environment_box .wrap_center p {padding: 0 0 3rem 0;}
  #about .environment_box .wrap_center .img {background: none;padding-bottom: 1rem;}
  #about .environment_box .wrap_center img {width: 100%;}
  #about .environment_wrap .img { width: 100%; margin-bottom: .4em;}
  #about .environment_box .environment_wrap { margin-top: 0; display: block;}
   #about .environment_box .environment_wrap.wide {width: 110%;
        position: relative;
        left: 49.8%;
        right: 50%;
        margin: 20px -55% 0 -55%;}
	/* campaign */
	#campaign { padding: 8em 0 4em; }
	#campaign .sec_ttl { max-width: 244.5px; }
	#campaign .campaign_box { margin-top: 2em; padding: 2.5em 1em; /*background: #fff url(../img/bg_nami_sp.png) no-repeat center bottom / contain;*/ border-width: 1px; border-radius: 5px; }
	#campaign .campaign_box .bnn_area { padding-bottom: 6.5em; }
	#campaign .campaign_box .bnn_area::before { width: 90%; height: 80px; background: url(../img/deco_box_btm.png) no-repeat center / contain; bottom: 0; right: 0; margin: 0 auto; transform: translateX(0); }
	#campaign .campaign_box .bnn_area::after { content: none; }
	#campaign .campaign_box.end .end_txt { font-size: 2.2rem; width: 95%; height: 83%; }
	#campaign .bnn_area a::after { width: 308.5px; height: 24px; }
	#campaign .bnn_area .end { font-size: 1.8rem; }
	#campaign .box { padding: 2em 0; display: block; }
	#campaign .box .txt { margin-top: 1em; padding: 0 15px; font-size: 1.6rem; }
	#campaign .box .term { margin-top: 2em; padding-left: 19vw;
        padding-top: 1em; }
  #campaign.collab .box02 .term {
    padding-left: 19vw;
    padding-top: 1em;
  }
  #campaign .box .term .label {  width:8vw;}
	#campaign .box .term .label2 {  width:25vw; left:50%; margin-left:-12.5vw; }
	#campaign .box .term .txt { padding: 0; font-size: 2rem; letter-spacing: -1px; text-align: center; line-height: 1.4; }
	#campaign .box .term.end::after { font-size: 1.8rem; }
	#campaign .box .txt_area { width: 100%; padding: 0; }
	#campaign .box .logo_boruneo { width: 100%; padding: 0 15px; margin-top: 1em; }
	#campaign .box .logo_boruneo img { max-width: 113.5px; }
	#campaign .box .logo_boruneo .notes { font-size: 1.4rem; }
	#campaign .box .logo_boruneo .blank { font-size: 1.4rem; }
	#campaign .box .catch { margin: 2em auto 0; padding: 0 15px; }
	#campaign .box .deco { margin: 2em auto 0; }
	#campaign .box .img { margin-top: -1.5em; padding: 0; }
	#campaign .box .img.sp_display { margin-top: 2em; }
	#campaign .box01 { margin-top: 1em; padding-bottom: 0; }
	#campaign .box02 { margin-top: 1em; }
	#campaign .box01 .ttl img,
	#campaign .box02 .ttl img { max-width: 277px; margin: 0 auto; }
	/* collab */
	#campaign.collab { padding-top: 6em; background-image: url(../img/campaign_bg_collab.jpg);background-size: 280%; }
	#campaign.collab::before {
		height: 50px;
		background-image: url(../img/campaign_bg_collab_top_sp.png);
		transform: translateY(-48px);
	}
	#campaign.collab .sec_ttl { max-width: 173.5px; margin-right: 45%; padding-top: 15%; }
	#campaign.collab .sec_ttl + p {
    font-size: 2.4rem;
    padding:0.5em 0;
}
  #campaign.collab .sec_ttl::before { width: 30%; top: 0; left: 0; transform: translate(110%, 100%); }
	#campaign.collab .sec_ttl .img { max-width: 134.5px; transform: translate(100%, 116%); }
	#campaign.collab .campaign_box { margin-top: 3em; padding: 2em 1em; }
  #campaign.collab .campaign_box .end_txt {
        font-size: 2.2rem;
        width: 100%;
        height: 100%;
    }
  #campaign.collab .campaign_box.campaign1 {
    background: url(../img/campaign_bg_top.png?202508) center top/200% no-repeat, url(../img/campaign_bg_bottom.png?202508) center bottom/200% no-repeat;
    background-color: #eefad4;
    border-radius: 1em;
    padding-bottom: 7em;
  }
	#campaign.collab .box { padding: 0; }
	#campaign.collab .box .logo_boruneo { width: auto; }
	#campaign.collab .cap { margin: 3rem auto 0; }
	#campaign.collab .cap img { max-width: 283px; margin: 0 auto; }
	#campaign.collab .notes { text-align: left; display: block; margin-top: 1em;width: 92%;
        text-indent: -6%;
        padding-left: 2%;
        margin-left: 3%;}
	/* #campaign.collab .list_pkg { width: 100%; }
	#campaign.collab .list_pkg li { padding: 0 2%; } */
	#campaign.collab .list_pkg { display: block; }
	#campaign.collab .list_pkg li { width: 100%; padding: 0 6%; margin-top: 5%; }
	#campaign.collab .list_award { width: 100%; margin: 0; display: block; }
	#campaign.collab .list_award li { width: 100%; padding: 0; margin-top: 3rem; }
	#campaign.collab .list_award .ttl { max-width: 100px; }
	#campaign.collab .list_award .label { max-width: 73.5px; margin-right: 2rem; }
	#campaign.collab .list_award .txt { max-width: 156px; padding: 0; }
	#campaign.collab .list_apply { width: 80%; display: block; }
	#campaign.collab .list_apply li { width: 100%; font-size: 1.6rem; border-radius: 10px; }
	#campaign.collab .list_apply li:not(:last-child) { margin-bottom: 3rem; }
	#campaign.collab .list_apply li:not(:last-child)::before { width: 8%; aspect-ratio: 53 / 34; background-image: url(../img/campaign_collab_icon_sp.png); bottom: 0; right: 0; left: 0; margin: 0 auto; transform: translateY(180%); }
	#campaign.collab .apply_area .ttl_sub { max-width: 284px; }
	#campaign.collab .apply_wrap { margin-top: 4rem; padding: 0; display: block; }
	#campaign.collab .apply_wrap .ttl { max-width: 135.5px; margin: 0 auto; }
	#campaign.collab .apply_wrap .list_product { margin-top: 1em; padding-left: 0; }
	#campaign.collab .apply_wrap .list_product li { font-size: 1.45rem; margin-bottom: 0.2em; }
	#campaign.collab .apply_wrap .notes { margin-top: 1.5em; padding-left: 0; line-height: 1.6; }
	#campaign.collab .box_notes { margin-top: 4rem; }
	#campaign.collab .box_notes .notes_inner { padding: 1.5em 1em; }
  /*202405お詫び追記*/  
  #campaign.collab .box_notes.owabi .notes_inner { padding: 1.5em 1em; }
  #campaign.collab .box_notes.owabi .notes_ttl {font-size: 2rem;padding-bottom: 0.5em;}
  #campaign.collab .box_notes .notes_ttl { font-size: 2rem; padding-bottom: 0.5em; }
	#campaign.collab .box_notes .notes_txt { font-size: 1.3rem; }
	#campaign.collab .box_notes .notes_txt.large { font-size: 1.5rem; }
	#campaign.collab .box_notes .notes_txt:not(:first-child) { margin-top: 1.5em; }
	#campaign.collab .box_notes .notes_tel { margin-top: 1em; line-height: 1.4; display: block; }
	#campaign.collab .box_notes .notes_tel strong { display: block; }
	#campaign.collab .box_notes.contact { position: relative; }
	#campaign.collab .box_notes.contact::before { content: ''; width: calc(100% + 2em); height: calc(100% + 2em); background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; top: 0; left: -1em; z-index: 1; }
	#campaign.collab .box_notes.contact .notes_inner { padding-bottom: 0; position: relative; z-index: 2; }
	#campaign.collab .box_notes.scroll .notes_inner { padding-right: 0; }
	#campaign.collab .box_notes.scroll .scroll_inner { padding-right: 1em; }
	#campaign.collab .box_notes.scroll .notes_ttl { margin-right: 1em; }
	#campaign.collab .box_notes.scroll .notes_ttl .notes { top: 18%; }
	#campaign.collab .btn_form { width: 100%; margin: 4rem auto 0; }
	#campaign.collab .btn_form a { font-size: 1.4rem; padding: 1.3em 1em 1.3em 0; background-size: 1.4em auto; border-radius: 10px; box-shadow: 0 3px 0 0 #c14e17; }
	#campaign.collab .btn_form a:hover { transform: translateY(3px); }
	#campaign.collab .btn_form a.none { font-size: 1.6rem; padding-right: 0; }
	#campaign.collab .btn_notes { margin-top: 1.5em; font-size: 1.2rem; }
	#campaign.collab .box01 .ttl img { max-width: 295.5px; }
  #campaign.collab .box01 h3 {
    top: 0em;
    margin-bottom: 2em;
  }
  #campaign.collab .box01 .flex {
    display:block;
    width:95%;
    margin:0 auto;
}
  #campaign.collab .box01 .flex p{
    width:100%;
    margin-bottom:2em;
  }
  #campaign.collab .box01 .btn_form {
    bottom: -4em;
}
  
  
  
	#campaign.collab .box02 .ttl img { max-width: 283px; }
	#campaign.collab .box02 { margin: 0; }
	#campaign.collab .box02 .notes { text-align: center; }
  #campaign.collab .box02 .more{
    margin-top:3em;
  }
  #campaign.collab .box02 .more img{
    width:100%;
  }
  
  #campaign.collab .x a {
    border-radius: 0.5em;
        /*width: 9em;*/
    margin: 2em auto 0;
  }
  #campaign.collab .x img{
    width:10vw;
  }
  #campaign.collab .x p {
    font-size: 1.4rem;
}
  
	/* end */
	#campaign .end_last_txt { width: 90%; font-size: 2.2rem; line-height: 2; padding: 2em 0; top: 105rem; }
	#campaign .end_last_txt.top { width: 100%; }
   #project .box02 .project_wrap .txt_area .link {display:flex;align-items: center;} 
  #project .box02 .project_wrap .txt_area .link span {font-size: 1.1rem; width:78%;text-align:left;}
}



/* animation */
.js-fade { opacity: 0; transition-duration: .8s; transition-property: opacity; }
.js-fade.show { opacity: 1; }

@keyframes jumping {
  0% { transform: translateY(0); }
  8% { transform: translateY(-10px); }
  16% { transform: translateY(0); }
  24% { transform: translateY(-10px); }
  32% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  48% { transform: translateY(0); }
  100% { transform: translateY(0); }
}
@keyframes swaying01 {
  0% { transform: rotate(-15deg); }
  100% { transform: rotate(5deg); }
}
@keyframes swaying02 {
  0% { transform: rotate(-5deg); }
  100% { transform: rotate(5deg); }
}

#green_project .logo.deco.js-fade { opacity: 0; transform: translateY(50px); transition-property: transform, opacity; }
#green_project .logo.deco.js-fade.show { opacity: 1; transform: translateY(0); }
#green_project .logo.deco.js-fade::before,
#green_project .logo.deco.js-fade::after { opacity: 0; transition-duration: 2.4s; transition-property: transform, opacity; }
#green_project .logo.deco.js-fade::before { transform: translateX(-225%); }
#green_project .logo.deco.js-fade::after { transform: translateX(225%); }
#green_project .logo.deco.js-fade.show::before,
#green_project .logo.deco.js-fade.show::after { opacity: 1; }
#green_project .logo.deco.js-fade.show::before { transform: translateX(-125%); transition-delay: .2s; }
#green_project .logo.deco.js-fade.show::after { transform: translateX(125%); transition-delay: .8s; }
#green_project .sec_ttl.js-fade { opacity: 0; transform: translateY(50px); transition-property: transform, opacity; }
#green_project .sec_ttl.js-fade.show { opacity: 1; transform: translateY(0); }
#green_project .banner.js-fade { opacity: 0; transform: translateY(50px); transition-property: transform, opacity; }
#green_project .banner.js-fade.show { opacity: 1; transform: translateY(0); }
#green_project .banner.js-fade .chara img { transform-origin: center bottom; }
#green_project .banner.js-fade.show .chara img { animation: jumping 3.2s 1.2s linear infinite; }
#green_project .banner.twitter.js-fade a::after { transform: scale(0); transition-duration: .8s; transition-property: transform; }
#green_project .banner.twitter.js-fade.show a::after { transform: scale(1); transition-delay: .3s; }
#green_project .banner_box .ttl.js-fade .label { transform: scale(0); transition-duration: .8s; transition-property: transform; }
#green_project .banner_box .ttl.js-fade.show .label { transform: scale(1); transition-delay: .3s; }

#mainimg .img_area { opacity: 0; transition-duration: .8s; transition-property: opacity; }
#mainimg .img_area.show { opacity: 1; }
#mainimg .logo { opacity: 0; transform: translate(-50%, -50px); transition-duration: .8s; transition-property: transform, opacity; }
#mainimg .logo.show { opacity: 1; transform: translate(-50%, -10%); }
#mainimg .txt01 { height: 0; transition-duration: 3.6s; transition-property: height; overflow: hidden; }
#mainimg .txt01.show { height: 40%; }
#mainimg .txt02 { opacity: 0; transition-duration: .8s; transition-property: opacity; }
#mainimg .txt02.show { opacity: 1; }
#mainimg .img { opacity: 0; transform: translate(-50%, 50px); transition-duration: .8s; transition-property: transform, opacity; }
#mainimg .img.show { opacity: 1; transform: translate(-50%, 0); }
#mainimg .collab { opacity: 0; transform: scale(0); transition-duration: 1.6s; transition-property: transform, opacity; }
#mainimg .collab.show { opacity: 1; transform: scale(1); }
#mainimg .tree_list li { transform: scale(0); transition-duration: .8s; transition-property: transform, opacity; transform-origin: 30% bottom; }
/* #mainimg .tree_list li:nth-child(odd) { transform-origin: left bottom; }
#mainimg .tree_list li:nth-child(even) { transform-origin: right bottom; } */
#mainimg .tree_list li.show { transform: scale(1); }

#page_menu .sec_ttl.js-fade { opacity: 0; transform: translateY(50px); transition-property: transform, opacity; }
#page_menu .sec_ttl.js-fade.show { opacity: 1; transform: translateY(0); }
#page_menu .sec_ttl.js-fade { opacity: 0; transform: translateY(50px); transition-property: transform, opacity; }
#page_menu .menu_list.js-fade { opacity: 1; }
#page_menu .menu_list.js-fade li { opacity: 0; transform: translateY(50px); transition-duration: .8s; transition-property: transform, opacity; }
#page_menu .menu_list.js-fade.show li { opacity: 1; transform: translateY(0); }
#page_menu .menu_list.js-fade.show li:nth-child(1) { transition-delay: .2s; }
#page_menu .menu_list.js-fade.show li:nth-child(2) { transition-delay: .4s; }
#page_menu .menu_list.js-fade.show li:nth-child(3) { transition-delay: .6s; }
#page_menu .menu_list.js-fade.show li:nth-child(4) { transition-delay: .8s; }
/*#page_menu .menu_list.js-fade li::before { opacity: 0; transform: translateY(-180%); transition-duration: 1.2s; transition-property: transform, opacity; }*/
#page_menu .menu_list.js-fade.show li::before { opacity: 1; transform: translateY(-130%); transition-delay: 1.2s; }

#project .js-fade,
#environment .js-fade,
#campaign .js-fade,#about .js-fade { opacity: 0; transform: translateY(50px); transition-property: transform, opacity; }
#project .js-fade.show,
#environment .js-fade.show,
#campaign .js-fade.show, #about .js-fade.show{ opacity: 1; transform: translateY(0); }

#project .pkg.js-fade .label { background-color: #eb613b; transition-duration: .8s; transition-property: background; }
#project .pkg.js-fade.show .label { background-color: transparent; transition-delay: .4s; }
#project .box03.before .chara.js-fade { transform: translate(0, 50px); }
#project .box03.before .chara.js-fade.show { transform: translate(0, 0); }
#project .box03.before .chara.js-fade img { transform-origin: center bottom; }
#project .box03.after .chara.js-fade img { transform-origin: center bottom; }
#project .box01 .chara.js-fade img { transform-origin: center bottom; }
#project .box03.before .chara.js-fade.show img { animation: swaying01 1.4s linear infinite alternate; }
#project .box03.after .chara.js-fade.show img { animation: swaying02 1.2s linear infinite alternate; }
#project .box01 .chara.js-fade.show img { animation: swaying02 1.2s linear infinite alternate; }
#project .tree_list.js-fade { opacity: 1; }
#project .tree_list.js-fade li img { transform: scale(0); transition-duration: .8s; transition-property: transform, opacity; transform-origin: center bottom; }
#project .tree_list.js-fade.show li img { transform: scale(1); }
#project .tree_list.js-fade.show li:nth-child(4) img { transition-delay: .2s; }
#project .tree_list.js-fade.show li:nth-child(18) img { transition-delay: .4s; }
#project .tree_list.js-fade.show li:nth-child(3) img { transition-delay: .6s; }
#project .tree_list.js-fade.show li:nth-child(8) img { transition-delay: .8s; }
#project .tree_list.js-fade.show li:nth-child(25) img { transition-delay: 1s; }
#project .tree_list.js-fade.show li:nth-child(13) img { transition-delay: 1.2s; }
#project .tree_list.js-fade.show li:nth-child(15) img { transition-delay: 1.4s; }
#project .tree_list.js-fade.show li:nth-child(19) img { transition-delay:1.6s; }
#project .tree_list.js-fade.show li:nth-child(1) img { transition-delay: 1.8s; }
#project .tree_list.js-fade.show li:nth-child(5) img { transition-delay: 2s; }
#project .tree_list.js-fade.show li:nth-child(24) img { transition-delay: 2.2s; }
#project .tree_list.js-fade.show li:nth-child(14) img { transition-delay: 2.4s; }
#project .tree_list.js-fade.show li:nth-child(26) img { transition-delay: 2.6s; }
#project .tree_list.js-fade.show li:nth-child(21) img { transition-delay: 2.8s; }
#project .tree_list.js-fade.show li:nth-child(6) img { transition-delay: 3s; }
#project .tree_list.js-fade.show li:nth-child(2) img { transition-delay: 3.2s; }
#project .tree_list.js-fade.show li:nth-child(11) img { transition-delay: 3.4s; }
#project .tree_list.js-fade.show li:nth-child(17) img { transition-delay: 3.6s; }
#project .tree_list.js-fade.show li:nth-child(27) img { transition-delay: 3.8s; }
#project .tree_list.js-fade.show li:nth-child(9) img { transition-delay: 4s; }
#project .tree_list.js-fade.show li:nth-child(10) img { transition-delay: 4.2s; }
#project .tree_list.js-fade.show li:nth-child(7) img { transition-delay: 4.4s; }
#project .tree_list.js-fade.show li:nth-child(23) img { transition-delay: 4.6s; }
#project .tree_list.js-fade.show li:nth-child(12) img { transition-delay: 4.8s; }
#project .tree_list.js-fade.show li:nth-child(20) img { transition-delay: 5s; }
#project .tree_list.js-fade.show li:nth-child(16) img { transition-delay: 5.2s; }
#project .tree_list.js-fade.show li:nth-child(22) img { transition-delay: 5.4s; }
/*第３弾*/
#project .tree_list.js-fade.show li:nth-child(28) img { transition-delay: 2.8s; }
#project .tree_list.js-fade.show li:nth-child(35) img { transition-delay: 3s; }
#project .tree_list.js-fade.show li:nth-child(40) img { transition-delay: 3.2s; }
#project .tree_list.js-fade.show li:nth-child(30) img { transition-delay: 3.4s; }
#project .tree_list.js-fade.show li:nth-child(36) img { transition-delay: 3.6s; }
#project .tree_list.js-fade.show li:nth-child(32) img { transition-delay: 3.8s; }
#project .tree_list.js-fade.show li:nth-child(39) img { transition-delay: 4s; }
#project .tree_list.js-fade.show li:nth-child(31) img { transition-delay: 4.2s; }
#project .tree_list.js-fade.show li:nth-child(38) img { transition-delay: 4.4s; }
#project .tree_list.js-fade.show li:nth-child(41) img { transition-delay: 4.6s; }
#project .tree_list.js-fade.show li:nth-child(37) img { transition-delay: 4.8s; }
#project .tree_list.js-fade.show li:nth-child(29) img { transition-delay: 5s; }
#project .tree_list.js-fade.show li:nth-child(34) img { transition-delay: 5.2s; }
#project .tree_list.js-fade.show li:nth-child(33) img { transition-delay: 5.4s; }



#environment .logo_boruneo.js-fade { transform: scale(0); transition-duration: 1.2s; transform-origin: right; }
#environment .logo_boruneo.js-fade.show { transform: scale(1); }
#environment .box03 .txt.js-fade::before,
#environment .box03 .txt.js-fade::after { opacity: 0; transition-duration: .4s; transition-property: transform, opacity; }
#environment .box03 .txt.js-fade::before { transform: translate(20%, -50%); }
#environment .box03 .txt.js-fade::after { transform: translate(-20%, -50%); }
#environment .box03 .txt.js-fade.show::before { opacity: 1; transform: translate(0, -50%); transition-delay: .6s; }
#environment .box03 .txt.js-fade.show::after { opacity: 1; transform: translate(0, -50%); transition-delay: .8s; }

#campaign .catch.js-fade { transform: rotateY(60deg); }
#campaign .catch.js-fade.show { transform: rotateY(0); }
#campaign .campaign_box.js-fade .bnn_area::before,
#campaign .campaign_box.js-fade .bnn_area::after { transition-duration: .8s; transform-origin: center bottom; }
#campaign .campaign_box.js-fade .bnn_area::before { transform: translateX(-140%) scale(0); }
#campaign .campaign_box.js-fade .bnn_area::after { transform: translateX(140%) scale(0); }
#campaign .campaign_box.js-fade.show .bnn_area::before { transform: translateX(-140%) scale(1); transition-delay: .4s; }
#campaign .campaign_box.js-fade.show .bnn_area::after { transform: translateX(140%) scale(1); transition-delay: .8s; }
#campaign .bnn_area.js-fade a::after { transform: scale(0); transition-duration: .8s; transition-property: transform; }
#campaign .bnn_area.js-fade.show a::after { transform: scale(1); transition-delay: .3s; }

#campaign .sec_ttl.js-fade::before { opacity: 0; transition-duration: .8s; transition-property: transform, opacity; }
#campaign .sec_ttl.js-fade.show::before { opacity: 1; transition-delay: .6s; }
#campaign .sec_ttl.js-fade .img img { opacity: 0; transform: scale(0); transition-duration: 1.2s; transition-property: transform, opacity; }
#campaign .sec_ttl.js-fade.show .img img { opacity: 1; transform: scale(1); transition-delay: .8s; }
#campaign .list_apply.js-fade { opacity: 1; }
#campaign .list_apply.js-fade li { opacity: 0; transform: translateY(50px); transition-duration: .8s; transition-property: transform, opacity; }
#campaign .list_apply.js-fade.show li { opacity: 1; transform: translateY(0); }
#campaign .list_apply.js-fade.show li:nth-child(1) { transition-delay: .2s; }
#campaign .list_apply.js-fade.show li:nth-child(2) { transition-delay: .6s; }
#campaign .list_apply.js-fade.show li:nth-child(3) { transition-delay: 1s; }
#campaign .end_last_txt.top.js-fade { transform: translateY(60%); }
#campaign .end_last_txt.top.js-fade.show { transform: translateY(30%); }

@media screen and (max-width: 767px) {
	#green_project .logo.deco.js-fade::before { transform: translateX(-150%); }
	#green_project .logo.deco.js-fade::after { transform: translateX(165%); }
	#green_project .logo.deco.js-fade.show::before { transform: translateX(-50%); transition-delay: .4s; }
	#green_project .logo.deco.js-fade.show::after { transform: translateX(65%); transition-delay: 1.2s; }
	#green_project .banner_box .img.label.js-fade::after { transform: scale(0); transition-duration: .8s; transition-property: transform; }
	#green_project .banner_box .img.label.js-fade.show::after { transform: scale(1); transition-delay: .3s; }

	/*#page_menu .menu_list.js-fade li::before { transform: translate(-7%, -190%); }
	#page_menu .menu_list.js-fade.show li::before { transform: translate(-7%, -130%); }*/
	
	#project .box01 .chara.js-fade { transform: translate(0, 50px); }
	#project .box01 .chara.js-fade.show { transform: translate(0, 0); }
	#project .box01 .chara.js-fade img { transform-origin: center bottom; }
	#project .box01 .chara.js-fade.show img { animation: swaying02 1.2s linear infinite alternate; }
	
	#project .box03.before .chara.js-fade { transform: translate(0, 50px); }
	#project .box03.before .chara.js-fade.show { transform: translate(0, 0); }
	#project .box03.before .chara.js-fade img { transform-origin: center bottom; }
	#project .box03.before .chara.js-fade.show img { animation: swaying02 1.2s linear infinite alternate; }

	#environment .logo_boruneo.js-fade { transform-origin: center bottom; }
	#environment .box03 .txt.js-fade::before { transform: translate(-50%, 40%); }
	#environment .box03 .txt.js-fade::after { transform: translate(-50%, -40%); }
	#environment .box03 .txt.js-fade.show::before { transform: translate(-50%, 0); }
	#environment .box03 .txt.js-fade.show::after { transform: translate(-50%, 0); }

	#campaign .campaign_box.js-fade .bnn_area::before { transform: translateX(0) scale(0); }
	#campaign .campaign_box.js-fade.show .bnn_area::before { transform: translateX(0) scale(1); }
	#campaign .label.js-fade { transform: scale(0); transform-origin: center bottom; }
	#campaign .label.js-fade.show { transform: scale(1); }
	#campaign .end_last_txt.top.js-fade { transform: translateY(80%); }
	#campaign .end_last_txt.top.js-fade.show { transform: translateY(50%); }
}