.pc {display:block;}
.sp {display:none;}
body {background:#FFF;letter-spacing:0;}
.inner {width:1200px;margin:0 auto;max-width:1200px;}
header {border-bottom:8px solid #21B060;position:fixed;width:100%;z-index:20;background:#FFF;top:0;}
header .inner {position:relative;}
header .h1-box {padding:20px 0 0 20px;float:left;}
header .h1-box h1 {font-size:10px;line-height:150%;}
header .h1-box p {font-family:"游明朝", "YuMincho", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif !important;font-size:24px;line-height:150%;padding:10px 0 0 7px;}
header .h1-box p span {font-size:12px;display:block;line-height:150%;}
header .menu1 {position:absolute;top:62px;left:590px;}
header .menu1 li {float:left;background:url('../img/top/h_sankaku.jpg') no-repeat left center;padding:0 0 0 15px;margin:0 15px 0 0;font-size:10px;font-weight:bold;letter-spacing:0;}
header .menu2 {position:absolute;top:79px;left:590px;}
header .menu2 li {float:left;padding:8px 0;border-left:1px solid #999;}
header .menu2 li a {display:block;text-align:center;width:103px;font-size:12px;font-weight:bold;line-height:100%;}
header .menu2 li:nth-child(4) a {width:128px;}
header .menu2 li:nth-child(5) {background:url('../img/top/icon_global.jpg') no-repeat 20px 4px;}
header .menu2 li:nth-child(5) a {font-size:14px;line-height:100%;color:#21A54C;width:145px;}
header .logo {float:right;margin:51px 0 0 0;}
#main-img {height:810px;width:100%;background:url('../img/top/top_main.jpg') no-repeat center 116px #476831;position:fixed;top:0;}
#main-img .inner {position:relative;}
#main-img .copy {position:absolute;top:365px;left:218px;}
#main-img .green-box {background:rgba(0,60,15,0.75);color:#FFF;width:855px;position:absolute;top:536px;left:159px;padding:20px 0 20px 25px;font-size:14px;line-height:150%;}
#main-img a {position:absolute;top:714px;left:450px;font-size:14px;font-weight:bold;line-height:100%;background:#22A64C;color:#FFF;width:300px;text-align:center;display:block;}
#main-img a span {padding:15px 0;position:relative;display:block;}
#main-img a span:after {content:"≫";position:absolute;top:15px;right:15px;}

#news {margin:810px 0 0 0;position:relative;z-index:10;color:#FFF;}
#news .in-box {background:rgba(51,51,51,0.8);padding:45px 0 60px 0;}
#news h2 {font-size:22px;font-weight:bold;padding:44px 0 0 95px;line-height:150%;color:#FFF;display:inline;}
#news a {color:#FFF;text-decoration:underline;font-weight:bold;}
#news dl {padding:10px 0 10px 95px;display:table;width:870px;}
#news dt {font-weight:bold;width:90px;display:table-cell;}
#news dd.icon {display:table-cell;width:100px;}
#news dd.icon p {width:100px;text-align:center;font-size:10px;font-weight:bold;line-height:100%;padding:11px 0;}
#news dd.icon-news p {background:#68BF39;}
#news dd.icon-report p {background:#00B2B2;}
#news dd.icon-research p {background:#2F76B7;}
#news dd.url-link {padding:0 20px;display:table-cell;vertical-align:middle;text-align:left;}
#material {padding:80px 0;background:#FFF;position:relative;z-index:10;}
#material .inner {width:950px;}
#material h2 {font-size:30px;font-weight:bold;text-align:center;}
#material h2 span {font-size:16px;line-height:150%;font-family:"游明朝", "YuMincho", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif !important;display:block;padding:25px 0 40px 0;}
#material .chlorella {position:relative;width:95%;margin:0 auto;}
#material .chlorella p {background:rgba(0,72,18,0.88);width:280px;padding:27.5px 0 23.5px 0;text-align:center;font-size:30px;font-weight:bold;line-height:100%;color:#FFF;position:absolute;top:112px;left:58px;}
#material .chlorella p span {font-size:16px;font-family:"游明朝", "YuMincho", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif !important;font-weight:normal;display:inline-block;padding:0 0 0 20px;}
#material .chlorella-text {padding:30px 0 45px 50px;font-size:14px;line-height:150%;}
#material .material-list li {float:left;margin:0 25px 0 0;width:300px;}
#material .material-list li:last-child {margin:0;}
#material .material-list li p:nth-child(2) {text-align:center;padding:15px 0;font-size:16px;font-weight:bold;line-height:150%;}
#material .material-list li p:nth-child(3) {font-size:14px;line-height:150%;padding:0 0 0 50px;width:205px;}
#pickup {background:#D5ECDF;padding:90px 0 50px 0;position:relative;z-index:10;}
#pickup h2 {font-size:30px;font-weight:bold;text-align:center;}
#pickup h2 span {font-size:16px;line-height:150%;font-family:"游明朝", "YuMincho", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif !important;display:block;padding:25px 0 40px 0;}
#pickup .inner {width:950px;margin:0 auto;}
#pickup .pickup-list li {float:left;margin:0 25px 40px 0;}
#pickup .pickup-list li:nth-child(3n) {margin:0;}
#pickup .pickup-list li p:nth-child(2) {text-align:center;padding:15px 0;font-size:16px;font-weight:bold;line-height:150%;}
#pickup .pickup-list li p:nth-child(3) {font-size:14px;line-height:150%;padding:0 0 0 50px;width:205px;}
#link-area {background:#FFF;position:relative;z-index:10;padding:80px 0;}
#link-area .link-menu1 li {position:relative;float:left;}
#link-area .link-menu1 li p:nth-child(1) {position:absolute;top:112px;left:96px;font-size:20px;color:#FFF;font-family:"游明朝", "YuMincho", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif !important;}
#link-area .link-menu1 li p:nth-child(2) {position:absolute;top:139px;left:96px;font-size:30px;color:#FFF;font-weight:bold;line-height:150%;}
#link-area .link-menu1 li p:nth-child(3) {position:absolute;top:183px;left:96px;font-size:14px;color:#FFF;line-height:150%;}
#link-area .link-menu1 li a:nth-child(4) {position:absolute;top:239px;left:100px;font-size:14px;font-weight:bold;line-height:100%;background:#22A64C;color:#FFF;width:200px;text-align:center;display:block;}
#link-area .link-menu1 li a:nth-child(4) span {padding:15px 0;position:relative;display:block;}
#link-area .link-menu1 li a:nth-child(4) span:after {content:"≫";position:absolute;top:15px;right:15px;}
#link-area .link-menu2 {margin:67px 0 0 0;}
#link-area .link-menu2 li {width:300px;float:left;}
#link-area .link-menu2 li p:nth-child(2) {font-size:18px;font-weight:bold;text-align:center;padding:17px 0 5px 0;}
#link-area .link-menu2 li p:nth-child(3) {font-size:14px;padding:0 15px;min-height:70px;}
#link-area .link-menu2 li a:nth-child(4) {font-size:14px;font-weight:bold;line-height:100%;background:#22A64C;color:#FFF;width:200px;text-align:center;display:block;padding:15px 0;position:relative;margin:0 auto;}
#link-area .link-menu2 li a:nth-child(4):after {content:"≫";position:absolute;top:15px;right:15px;}
#twitter-area {background:#D9EEF0;position:relative;z-index:10;padding:50px 0 80px 0;display:none;}
#twitter-area .inner {width:1000px;}
#twitter-area .h2-box {padding:0 0 0 60px;}
#twitter-area .h2-box p {display:inline-block;padding:3px 0 0 10px;font-size:23px;line-height:150%;font-weight:bold;}
#twitter-area .h2-box p span {font-weight:normal;}
#twitter-area .twitter-box {background:#FFF;padding:17px 25px;margin:15px 0 0 0;}
#twitter-area .twitter-box ul {border-top:1px solid #D5ECDF;}
#twitter-area .twitter-box li {padding:10px 35px;border-bottom:1px solid #D5ECDF;}
#twitter-area .twitter-box .image {display:inline-block;width:50px;}
#twitter-area .twitter-box .image img {width:100%;}
#twitter-area .twitter-box .name {display:inline-block;vertical-align:top;font-size:14px;font-weight:bold;padding:8px 0 0 8px;}
#twitter-area .twitter-box .name span {display:block;font-weight:normal;}
#twitter-area .twitter-box .date {float:right;font-size:14px;}
#twitter-area .twitter-box .msg {padding:10px 0 0 65px;font-size:14px;}
#twitter-area .twitter-box .msg a {color:#1c94e0;}
footer {background:#F4F6F3;position:relative;z-index:10;padding:75px 0;}
footer .inner {width:1000px;}
footer ul {float:left;width:25%;}
footer ul li {padding:10px 0;}
#copyright {font-size:10px;text-align:center;color:#FFF;padding:25px 0 20px 0;position:relative;z-index:10;background:#21A64B;}
a {-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
a:hover {opacity:0.7;}
@media screen and (max-width:768px){
	.pc {display:none;}
	.sp {display:block;}
	.inner {width:100%;max-width:100%;}
	header {border-bottom:none;}
	header .sp h1 {float:left;padding:5% 0 0 2.5%;width: auto;line-height: 180%;}
	header .sp .logo {float:right;padding:4% 2.5% 0 0;margin:0;width:29.84%;}
	header .sp .title-box {background:#008C46;display:table;width:100%;}
	header .sp .title {display:table-cell;padding:10px 0 10px 20px;width:62%;}
	header .sp .title a {font-size:16px;color:#FFF;font-weight:normal;}
	header .sp .title a span {font-size:12px;display:block;line-height:100%;}
	header .sp .global {display:table-cell;vertical-align:middle;width:23%;text-align:center;}
	header .sp .global a {color:#FFF;background:url('/img/top/icon_global_sp.png') no-repeat left center;font-weight:bold;background-size:contain;padding:0 0 0 30%;}
	header .sp .menu {display:table-cell;text-align:center;vertical-align:middle;}
	header .sp .menu a {border-left:1px solid #FFF;padding:0 0 0 10px;display:block;}
	#main-img {background:url('../img/top/top_main.jpg') no-repeat left 17%;background-size:contain;}
	header .sp .hide-menu {width:95%;background:#22A64C;padding:1.5em 2.5%;display:none;}
	header .sp .hide-menu {border-top:1px solid #FFF;}
	header .sp .hide-menu li {width:49.9%;float:left;position:relative;}
	header .sp .hide-menu li.line1 {width:100%;}
	header .sp .hide-menu li a {color:#FFF;display:block;border-left:1px solid #FFF;border-right:1px solid #FFF;border-bottom:1px solid #FFF;padding:1em 0 1em 1em;}
	header .sp .hide-menu li.left-cell a {border-right:none;}
	header .sp .hide-menu li:first-child {border-top:1px solid #FFF;}
	header .sp .hide-menu li:last-child {border-right:1px solid #FFF;}
	header .sp .hide-menu li p {color:#FFF;font-size:30px;position:absolute;top:28%;right:3%;}

	#main-img {height:auto;position:inherit;background-size:contain;}
	#main-img .copy {position:inherit;top:inherit;left:inherit;padding:50% 0 0 0;}
	#main-img .copy img {width:95%;height:auto;}
	#main-img .green-box {position:inherit;top:inherit;left:inherit;width:95%;padding:50px 2.5% 20px 2.5%;background:none;color:#333;}
	#main-img a {position:inherit;top:inherit;left:inherit;margin:0 auto;}
	#news {margin:20px 0 0 0;}
	#news h2 {padding:44px 0 0 39%;}

	#news dl {width:95%;padding:10px 2.5%;display:block;position:relative;}
	#news dl:after {content:"";clear:left;visibility:hidden;display:block;}
	#news dt {display:block;float:left;width:30%;}
	#news dd.icon {display:block;position:absolute;top:2.5em;left:10px;}
	#news dd.url-link {display:block;float:left;width:64%;padding:0.5em 2% 0 2%;}

	#material {padding:35px 0;}
	#material h2 {font-size:25px;}
	#material h2 span {padding:10px 0 30px 0;}
	#material .chlorella img {width:100%;height:auto;}
	#material .chlorella p {width:43.75%;font-size:16px;top:21%;left:5%;}
	#material .chlorella p span {font-size:12px;}
	#material .chlorella-text {padding:2.5%;}
	#material .material-list li {width:46%;}
	#material .material-list li:nth-child(1) {margin:0 3% 2% 2.5%;}
	#material .material-list li:nth-child(2) {margin:0 0 5% 0;}
	#material .material-list li img {width:100%;height:auto;}
	#material .material-list li p:nth-child(2) {padding:15px 0 5px 0;font-size:15px;}
	#material .material-list li p:nth-child(3) {width:90%;padding:0 5%;}
	#material .material-list li:last-child {margin:0 auto;float:none;}

	#pickup {padding:40px 0 50px 0;}
	#pickup .inner {width:100%;}
	#pickup h2 {font-size:25px;}
	#pickup h2 span {padding:10px 0 30px 0;}
	#pickup .pickup-list li img {width:100%;height:auto;}
	#pickup .pickup-list li {width:46%;}
	#pickup .pickup-list li:nth-child(2n - 1) {margin:0 3% 2% 2.5%;}
	#pickup .pickup-list li:nth-child(2n) {margin:0 0 2% 0;}
	#pickup .pickup-list li p:nth-child(2) {padding:10px 0 5px 0;font-size:15px;}
	#pickup .pickup-list li p:nth-child(3) {width:90%;padding:0 2.5%;}

	#link-area {padding:20px 0;}
	#link-area .link-menu1 li {text-align:center;margin:0 0 20px 0;}
	#link-area .link-menu1 li img {width:95%;height:auto;}
	#link-area .link-menu1 li p:nth-child(1) {top:16%;left:10%;font-size:16px;}
	#link-area .link-menu1 li p:nth-child(2) {top:30%;left:10%;font-size:20px;}
	#link-area .link-menu1 li p:nth-child(3) {top:44%;left:10%;text-align:left;font-size:12px;}
	#link-area .link-menu1 li a:nth-child(4) {top:68%;left:10%;width:150px;}
	#link-area .link-menu1 li a:nth-child(4) span {padding:10px 0;}
	#link-area .link-menu1 li a:nth-child(4) span:after {top:10px;}

	#link-area .link-menu2 li {width:46%;}
	#link-area .link-menu2 li:nth-child(2n - 1) {margin:0 3% 5% 2.5%;}
	#link-area .link-menu2 li:nth-child(2n) {margin:0 0 5% 0;}
	#link-area .link-menu2 li img {width:100%;height:auto;}
	#link-area .link-menu2 li p:nth-child(2) {font-size:15px;}
	#link-area .link-menu2 li p:nth-child(3) {min-height:7.5em;padding:0 2.5%;font-size:12px;}
	#link-area .link-menu2 li a:nth-child(4) {width:100%;}

	#twitter-area {padding:20px 0 60px 0;}
	#twitter-area .inner {width:95%;}
	#twitter-area .h2-box {padding:0 0 0 15%;}
	#twitter-area .h2-box img {width:17%;height:auto;}
	#twitter-area .h2-box p {font-size:18px}
	#twitter-area .twitter-box {padding:17px 2.5%;}
	#twitter-area .twitter-box li {padding:10px 2.5%;}
	footer {display:none;}
}