@charset "utf-8";

/* Base Start */

* {
  margin:0;
  padding:0;
}

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

img {
  border:0;
  vertical-align:top;
}

em,address {
	font-style:normal;
}

body {
	color:#000;
	font-family:"游ゴシック体",YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic";
	font-size:100%;
	text-align:center;
}

.mincho {
	font-family:'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.eng {
	font-family:Futura, sans-serif;
}

a {
	color:#000;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

#anc-wrapper {
	width:100%;
	overflow:hidden;
}

/* Base End */

/* Clearfix Start */

.clearfix::after {
	content:"";
	display:block;
	clear:both;
}

/* Clearfix End */

/* Header Start */

#anc-upper {}

#header {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	padding-left:32px;
	background-color:#edebe0;
	border-bottom:4px solid #247147;
	height:110px;
}

#header h1,
#header strong {
	margin-right:auto;
}

#header strong {
	display:block;
}

#pc-navi {
	height:100%;
}

#pc-navi ul {
	display:-webkit-flex;
	display:flex;
	list-style-type:none;
	height:100%;
}

#pc-navi ul li {
	position:relative;
	margin-left:1px;
	width:139px;
}

#pc-navi ul li::before {
	position:absolute;
	left:-1px;
	top:0;
	display:block;
	background:url(../common_images/bg_gn_dotted_line.png) center top repeat-y;
	width:1px;
	height:110px;
	content:"";
}

#pc-navi ul li a {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	box-sizing:border-box;
	padding:0 10px;
	width:100%;
	height:100%;
	text-decoration:none;
}

#pc-navi ul li a p,
#header div p {
	line-height:0;
	font-size:0;
}

#pc-navi ul li a p b {
	display:block;
	padding-left:2px;
	color:#000;
	line-height:14px;
	font-size:14px;
	letter-spacing:2px;
}

#pc-navi ul li a p span {
	display:block;
	padding-top:8px;
	padding-left:1px;
	color:#999;
	line-height:10px;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
}

#pc-navi ul li a:hover p b,
#pc-navi ul li.current a p b,
#pc-navi ul li.current a:hover p b {
	color:#999;
}

#header div {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	background:#247147 url(../common_images/bg_gn_dotted_line.png) left top repeat-y;
	color:#fff;
	width:140px;
	height:100%;
}

#header div p span {
	display:block;
}

#header div p small {
	display:block;
	padding:14px 0 12px 0;
	line-height:12px;
	font-size:12px;
	font-weight:bold;
}

#header div p b {
	display:block;
	padding-left:2px;
	line-height:14px;
	font-size:14px;
	font-weight:normal;
	letter-spacing:2px;
}

#sp-navi {
	display:none;
	border-bottom:4px solid #247147;
}

.slicknav_nav ul {
	margin:0;
}

.slicknav_nav ul li a p>b,
.slicknav_nav ul li a p>span {
	display:block;
}

@media screen and (min-width : 768px) and (max-width : 1149px) {
	#pc-navi {
		display:none;
	}
	
	#sp-navi {
		display:block;
	}
}

@media only screen and (max-width : 767px) {
	#header {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:0;
		height:auto;
	}
	
	#header h1,
	#header strong,
	#header div {
		margin:0 auto;
	}
	
	#header h1,
	#header strong {
		padding:28px 0;
	}
	
	#header div {
		padding:10px 10px 10px 40px;
		background-image:none;
		width:auto;
		height:auto;
		text-align:left;
	}
	
	#header div p {
		position:relative;
	}
	
	#header div p::before {
		position:absolute;
		right:calc(100% + 7px);
		bottom:0;
		display:block;
		background:url(../common_images/tel@2x.png) no-repeat;
		background-size:23px 19px;
		width:23px;
		height:19px;
		content:"";
	}
	
	#header div p span {
		display:none;
	}
	
	#header div p small{
		padding:0 0 8px 0;
	}
	
	#header div p b {
		padding-left:0;
	}
	
	#pc-navi {
		display:none;
	}
	
	#sp-navi {
		display:block;
	}
}

/* Header End */

/* Main Start */

.container {
	margin:0 auto;
	width:1108px;
}

#contents {}

.light-brown {
	background-color:rgba(237,235,224,.43);
	border-bottom:4px solid #247147;
}

.light-brown-noborder {
	background-color:rgba(237,235,224,.43);
}

.two-line-h2 {
	line-height:0;
	font-size:0; 
}

.two-line-h2 span {
	display:block;
	padding-bottom:18px;
}

.two-line-h2 strong {
	display:block;
	padding-left:4px;
	color:#247146;
	line-height:31px;
	font-size:31px;
	font-weight:normal;
	letter-spacing:4px;
}

.two-line-h2 small {
	display:block;
	padding-top:10px;
	padding-left:2px;
	line-height:11px;
	font-size:11px;
	font-weight:bold;
	letter-spacing:2px;
}

.more {
	display:block;
	margin:0 auto;
	width:90px;
	height:90px;
}

.more a {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	color:#fff;
	text-decoration:none;
	background-color:#247147;
	border-radius:50%;
	width:100%;
	height:100%;
}

.more a span {
	display:block;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
}

.more a span::after {
	display:block;
	box-sizing:border-box;
	margin:10px auto 0;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:8px;
	height:8px;
	transform:rotate(45deg) translateX(-3px);
	content:"";
}

.more a:hover {
	color:#247147;
	background-color:#fff;
	border:1px solid #247147;
}

.more a:hover span::after {
	border-color:#247147;
}

#mv {
	position:relative;
}

#mv img {
	z-index:1;
	width:100%;
	height:auto;
}

#mv div {
	z-index:10;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}

#mv div h1 {
	padding-top:44px;
	line-height:0;
	font-size:0;
	text-shadow:0 0 5px #fff,0 0 7px #fff,0 0 12px #fff;
}

#mv div h1 strong {
	display:block;
	padding-left:4px;
	line-height:29px;
	font-size:29px;
	letter-spacing:4px;
}

#mv div h1 span {
	display:block;
	color:#999;
	padding-top:26px;
	padding-left:2px;
	line-height:18px;
	font-size:18px;
	letter-spacing:2px;
}

@media screen and (min-width : 768px) and (max-width : 1119px) {
	.container {
		width:750px;
	}
	
	
}

@media only screen and (max-width : 767px) {
	.container {
		width:90%;
	}
	
	
}

/* Main End */

/* Footer Start */

#lower {
	background-color:#edebe0;
}

#footer {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	box-sizing:border-box;
	margin:0 auto;
	padding:28px 16px 28px 0;
	width:1108px;
}

#foot-add {}

#foot-add address {
	display:block;
	padding:24px 0 8px 0;
	line-height:22px;
	font-size:14px;
}

#foot-add small {
	display:block;
	line-height:11px;
	font-size:9px;
}

#foot-con {
	box-sizing:border-box;
	padding:18px 25px 30px 25px;
	background-color:#247147;
	color:#fff;
	width:579px;
}

#foot-con h2 {
	padding-bottom:12px;
	line-height:22px;
	font-size:16px;
	font-weight:normal;
}

#foot-con ul {
	display:-webkit-flex;
	display:flex;
	list-style-type:none;
}

#foot-con ul li {
	width:calc((100% - 1px) / 2);
}

#foot-con ul li+li {
	position:relative;
	margin-left:1px;
}

#foot-con ul li+li::before {
	position:absolute;
	left:-1px;
	bottom:5px;
	display:block;
	background:url(../common_images/bg_con_dottted_line.png) center top repeat-y;
	width:1px;
	height:53px;
	content:"";
}

#foot-con ul li span {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	height:22px;
}

#foot-con ul li p {
	padding:4px 0 8px 0;
	line-height:12px;
	font-size:12px;
	font-weight:bold;
}

#foot-con ul li strong {
	display:block;
	line-height:28px;
	font-size:28px;
	font-weight:normal;
}

#foot-con ul li em {
	display:block;
	margin:0 auto;
	width:224px;
}

#foot-con ul li em a {
	display:block;
	color:#fff;
	padding:7px 0;
	border:1px solid #fff;
	line-height:13px;
	font-size:13px;
	text-decoration:none;
}

#foot-con ul li em a span {
	display:inline;
	position:relative;
}

#foot-con ul li em a span::before {
	position:absolute;
	right:calc(100% + 5px);
	top:calc(50% - 5px);
	display:block;
	box-sizing:border-box;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	width:8px;
	height:8px;
	transform:rotate(45deg);
	content:"";
}

#foot-con ul li em a:hover {
	color:#247147;
	background-color:#fff;
}

#foot-con ul li em a:hover span::before {
	border-top:1px solid #247147;
	border-right:1px solid #247147;
}

@media screen and (min-width : 768px) and (max-width : 1119px) {
	#footer {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:20px 0;
		width:750px;
	}
	
	#foot-add,
	#foot-con {
		margin:0 auto;
	}
	
	#foot-add {
		-webkit-order:1;
		order:1;
		padding-top:20px;
	}
	
	#foot-add address {
		padding:18px 0 8px 0;
	}
}

@media only screen and (max-width : 767px) {
	#footer {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:15px 0;
		width:90%;
	}
	
	#foot-add,
	#foot-con {
		margin:0 auto;
	}
	
	#foot-add {
		-webkit-order:1;
		order:1;
		padding-top:15px;
	}
	
	#foot-add address {
		padding:12px 0 8px 0;
	}
	
	#foot-con {
		padding:15px;
		width:100%;
	}
	
	#foot-con ul {
		-webkit-flex-direction:column;
		flex-direction:column;
		width:100%;
	}
	
	#foot-con ul li {
		width:100%;
		padding-bottom:15px;
	}
	
	#foot-con ul li+li {
		margin-left:0;
		margin-top:1px;
		padding:15px 0 0 0;
	}
	
	#foot-con ul li+li::before {
		left:calc(50% - (99px / 2));
		top:-1px;
		background:url(../common_images/bg_con_sp_dottted_line.png) left center repeat-x;
		width:99px;
		height:1px;
	}
	
	#foot-con h2 span {
		display:block;
	}
}

/* Footer End */

/* Pagetop Start */

#pagetop {
	position:fixed;
	right:21px;
	bottom:3px;
}

/* Pagetop End */

/* Top Page (index.html) Start */

#slider {}

#slider ul {
	list-style-type:none;
}

#slider ul li {
	position:relative;
}

#slider ul li img {
	z-index:1;
	width:100%;
	height:auto;
}

#slider ul li div {
	z-index:10;
	position:absolute;
	left:calc(50% - 554px);
	top:0;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	-webkit-align-items:center;
	align-items:center;
	width:1108px;
	height:100%;
}

#slider ul li div p {
	line-height:0;
	font-size:0;
	text-align:right;
	text-shadow:0 0 5px #fff,0 0 7px #fff,0 0 12px #fff;
}

#slider ul li div p strong {
	display:block;
	padding:34px 0 16px 0;
	line-height:38px;
	font-size:29px;
	letter-spacing:4px;
}

#slider ul li div p small {
	display:block;
	color:#999;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
}

.our-tech {
	padding-top:44px;
}

.our-tech p {
	padding-top:28px;
	line-height:33px;
	font-size:17px;
}

.our-tech div {
	position:relative;
	height:112px;
}

.our-tech div em {
	position:absolute;
	left:calc(50% - 45px);
	top:62px;
}

.top-news {
	padding:136px 0 80px 0;
}

.top-news dl {
	padding-top:16px;
}

.top-news dl dt {
	color:#999;
	padding-top:15px;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
}

.top-news dl dd {
	padding:6px 0 22px 0;
	line-height:29px;
	font-size:16px;
}

@media screen and (min-width : 768px) and (max-width : 1119px) {
	#slider ul li div {
		left:calc(50% - 375px);
		width:750px;
	}
	
	#slider ul li div p strong {
		padding:30px 0 14px 0;
		line-height:32px;
		font-size:24px;
		letter-spacing:3px;
	}
	
	#slider ul li div p small {
		line-height:16px;
		font-size:16px;
	}
	
	.our-tech {
		padding-top:33px;
	}
	
	.our-tech p {
		padding-top:21px;
	}
	
	.our-tech div {
		height:98px;
	}
	
	.our-tech div em {
		top:48px;
	}
	
	.top-news {
		padding:102px 0 60px 0;
	}
}

@media only screen and (max-width : 767px) {
	#slider ul li div {
		left:5%;
		width:90%;
	}
	
	#slider ul li div p strong {
		padding:26px 0 12px 0;
		line-height:24px;
		font-size:18px;
		letter-spacing:2px;
	}
	
	#slider ul li div p small {
		line-height:14px;
		font-size:14px;
		letter-spacing:1px;
	}
	
	.our-tech {
		padding-top:22px;
	}
	
	.our-tech p {
		padding-top:14px;
	}
	
	.our-tech div {
		height:84px;
	}
	
	.our-tech div em {
		top:34px;
	}
	
	.top-news {
		padding:68px 0 40px 0;
	}
}

/* Top Page (index.html) End */

/* Company (company/index.html) Start */

.greeting {
	padding-top:40px;
}

.greeting>strong {
	display:block;
	padding-left:4px;
	line-height:44px;
	font-size:31px;
	font-weight:normal;
	letter-spacing:4px;
}

.greeting b {
	display:block;
	padding:0 0 72px 2px;
	color:#999;
	line-height:22px;
	font-size:18px;
	letter-spacing:2px;
}

.greeting p {
	padding:24px 0 12px 0;
	line-height:33px;
	font-size:17px;
	text-align:left;
}

.greeting p img {
	float:right;
	clear:right;
	margin:0 0 20px 28px;
}

.greeting dl {
	text-align:right;
}

.greeting dl dt {
	padding:40px 0 12px 0;
	line-height:17px;
	font-size:17px;
}

.greeting dl dd {
	line-height:33px;
	font-size:17px;
	font-weight:bold;
}

.com-data {
	padding-top:176px;
}

.com-data p {
	padding:40px 0 48px 0;
	line-height:33px;
	font-size:17px;
	font-weight:bold;
	text-align:left;
}

.com-data ul {
	list-style-type:none;
}

.com-data ul li {
	padding:12px 0;
	border-bottom:1px solid #ccc;
}

.com-data ul li dl {
	display:-webkit-flex;
	display:flex;
	text-align:left;
	line-height:26px;
	font-size:17px;
	letter-spacing:2px;
}

.com-data ul li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:182px;
	font-weight:bold;
}

.com-data ul li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
}

.patent {
	padding:128px 0 100px 0;
}

.scroll_div {
	margin-top:36px;
	padding-bottom:1px;
	width:100%;
	height:auto;
	overflow-x:auto;
	overflow-y:visible;
}

.patent table {
	border-collapse:collapse;
	width:100%;
	line-height:26px;
	font-size:17px;
}

.patent table thead tr th,
.patent table tbody tr td {
	padding:7px 12px;
	border:6px solid #fff;
}

.patent table thead tr th {
	color:#fff;
	background-color:#999;
}

.patent table tbody tr td {
	background-color:#f7f6f2;
	text-align:left;
}

.patent table tbody tr td+td {
	white-space:nowrap;
}

.patent table tbody tr:nth-child(even) td {
	background-color:#ccc;
}

@media screen and (min-width : 768px) and (max-width : 1119px) {
	.greeting {
		padding-top:30px;
	}
	
	.greeting b {
		padding:0 0 54px 2px;
	}
	
	.greeting p {
		padding:18px 0 9px 0;
	}
	
	.greeting p img {
		margin:0 0 15px 21px;
	}
	
	.greeting dl dt {
		padding:20px 0 9px 0;
	}
	
	.com-data {
		padding-top:132px;
	}
	
	.com-data p {
		padding:30px 0 36px 0;
	}
	
	.com-data ul li {
		padding:9px 0;
	}
	
	.com-data ul li dl dt {
		width:160px;
	}
	
	.patent {
		padding:96px 0 75px 0;
	}
	
	.scroll_div {
		margin-top:27px;
	}
}

@media only screen and (max-width : 767px) {
	.greeting {
		padding-top:20px;
	}
	
	.greeting b {
		padding:0 0 36px 2px;
	}
	
	.greeting p {
		padding:12px 0 6px 0;
	}
	
	.greeting p img {
		margin:0 0 10px 14px;
	}
	
	.greeting dl dt {
		padding:30px 0 6px 0;
	}
	
	.com-data {
		padding-top:88px;
	}
	
	.com-data p {
		padding:20px 0 24px 0;
	}
	
	.com-data ul li {
		padding:6px 0;
	}
	
	.com-data ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.com-data ul li dl dt {
		width:100%;
	}
	
	.patent {
		padding:64px 0 50px 0;
	}
	
	.scroll_div {
		margin-top:18px;
	}
	
	.patent table {
		border:3px solid #fff;
		line-height:18px;
		font-size:14px;
	}
	
	.patent table thead tr th,
	.patent table tbody tr td {
		padding:6px 8px;
		border:3px solid #fff;
	}
	
	.patent table tbody tr td span {
		display:block;
	}
}

/* Company (company/index.html) End */

/* News (news/index.html) Start */

.news-base {
	display:-webkit-flex;
	display:flex;
	padding-bottom:100px;
}

.news-navi {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	padding-top:48px;
	width:257px;
}

.news-navi h2 {
	color:#fff;
	padding:12px 0;
	background-color:#247147;
	line-height:14px;
	font-size:14px;
}

.news-navi div {
	padding:0 18px;
	background-color:#edebe0;
	text-align:left;
}

.news-navi div h3 {
	color:#247147;
	padding:22px 0 13px 0;
	background:url(../common_images/bg_gray_dotted_line.png) left bottom repeat-x;
	line-height:16px;
	font-size:16px;
	font-weight:normal;
}

.news-navi div ol {
	padding:16px 0 18px 0;
	list-style-type:none;
}

.news-navi div ol li {
	padding-bottom:4px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
}

.news-navi div ol li a {
	position:relative;
	display:inline-block;
	padding-left:15px;
}

.news-navi div ol li a::before {
	position:absolute;
	left:3px;
	top:7px;
	display:block;
	background:url(../news/images/bg_news_list_arrow.png) no-repeat;
	width:6px;
	height:7px;
	content:"";
}

.news-main {
	-webkit-flex-grow:1;
	flex-grow:1;
	margin-right:36px;
}

.article {
	padding-bottom:28px;
	background:url(../common_images/bg_gray_dotted_line.png) left bottom repeat-x;
	text-align:left;
}

.article h2 {
	padding:48px 0 16px 0;
	color:#247146;
	line-height:34px;
	font-size:24px;
	letter-spacing:4px;
}

.article em {
	display:block;
	padding-bottom:28px;
	color:#666;
	line-height:16px;
	font-size:16px;
}

.article p {
	padding-bottom:36px;
	line-height:33px;
	font-size:17px;
}

.article p a::before {
	display:inline;
	content:">";
}

.article p img {
	max-width:100%;
	height:auto;
}

.pagenation {
	padding-top:24px;
}

.pagenation ol {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

.pagenation ol li {
	padding:0 2px 4px 2px;
	line-height:12px;
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
}

.pagenation ol li span,
.pagenation ol li a {
	display:block;
	color:#000;
	padding:5px;
	border:1px solid #999;
}

@media screen and (min-width : 768px) and (max-width : 1119px) {
	.news-base {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding-bottom:75px;
	}
	
	.news-navi {
		padding-top:36px;
		width:100%;
	}
	
	.news-main {
		width:100%;
	}
	
	.article {
		padding-bottom:21px;
	}
	
	.article h2 {
		padding:36px 0 12px 0;
	}
	
	.article em {
		padding-bottom:21px;
	}
	
	.article p {
		padding-bottom:27px;
	}
	
	.pagenation {
		padding:18px 0 75px 0;
	}
}

@media only screen and (max-width : 767px) {
	.news-base {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding-bottom:50px;
	}
	
	.news-navi {
		padding-top:24px;
		width:100%;
	}
	
	.news-main {
		width:100%;
	}
	
	.article {
		padding-bottom:14px;
	}
	
	.article h2 {
		padding:24px 0 8px 0;
	}
	
	.article em {
		padding-bottom:14px;
	}
	
	.article p {
		padding-bottom:18px;
	}
	
	.pagenation {
		padding:12px 0 50px 0;
	}
}

/* News (news/index.html) End */

/* Product (product/index.html) Start */

.research {
	padding-top:48px;
}

.research h2 {
	margin-bottom:12px;
}

.research p {
	padding:28px 0 5px 0;
	line-height:33px;
	font-size:17px;
	text-align:left;
}

.research p+p {
	text-indent:1em;
}

.research em {
	display:block;
	line-height:33px;
	font-size:17px;
	text-align:right;
}

.research em span {
	font-weight:bold;
}

.business {
	padding-top:132px;
}

.busi-top {
	padding-bottom:72px;
}

.busi-top p {
	padding-top:36px;
	line-height:33px;
	font-size:17px;
	text-align:left;
}

.green-bg-h3 {
	box-sizing:border-box;
	color:#fff;
	margin:0 auto;
	padding:10px 14px;
	background-color:#247147;
	width:606px;
	line-height:32px;
	font-size:24px;
}

.busi-mid div {
	position:relative;
	margin:0 auto;
	height:20px;
	width:606px;
}

.busi-mid div h3 {
	position:absolute;
	top:-22px;
}

.busi-mid p {
	padding:48px 0 64px 0;
}

.busi-mid p img {
	max-width:100%;
	height:auto;
}

.busi-bot {
	padding-top:64px;
}

.busi-bot ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

.busi-bot ul li {
	padding-top:48px;
	width:277px;
}

.busi-bot ul li div {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	margin:0 auto;
	background-color:#333;
	border-radius:50%;
	width:164px;
	height:164px;
}

.busi-bot ul li p {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	box-sizing:border-box;
	padding:0 15px;
	height:74px;
	width:100%;
	line-height:24px;
	font-size:17px;
	font-weight:bold;
}

.product {
	padding-top:120px;
}

.product>ol {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	padding-top:56px;
	list-style-type:none;
}

.product p {
	padding:20px 0 120px 0;
	line-height:32px;
	font-size:20px;
	font-weight:bold;
}

.product-inner {
	margin:0 auto;
	padding:32px 0 48px 0;
	width:814px;
}

.product-inner div {
	margin-bottom:32px;
	padding:16px 30px;
	background-color:#f7f6f2;
	text-align:left;
}

.product-inner div>ol {
	list-style-type:none;
}

.product-inner div>ol>li {
	line-height:26px;
	font-size:17px;
	font-weight:bold;
}

.product-inner>ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	list-style-type:none;
}

.product-inner>ul>li span {
	display:block;
	padding:20px 0 52px 0;
	line-height:17px;
	font-size:17px;
	font-weight:bold;
}

.product-inner>ul>li img {
	max-width:100%;
	height:auto;
}

@media screen and (min-width : 768px) and (max-width : 1119px) {
	.research {
		padding-top:36px;
	}
	
	.research h2 {
		margin-bottom:9px;
	}
	
	.research p {
		padding:21px 0 4px 0;
	}
	
	.business {
		padding-top:99px;
	}
	
	.busi-top p {
		padding-top:27px;
	}
	
	.busi-mid p {
		padding:36px 0 48px 0;
	}
	
	.busi-bot {
		padding-top:48px;
	}
	
	.busi-bot ul li {
		padding-top:36px;
	}
	
	.product {
		padding-top:90px;
	}
	
	.product>ol {
		padding-top:42px;
	}
	
	.product p {
		padding:15px 0 90px 0;
	}
	
	.product-inner {
		padding:24px 0 36px 0;
		width:100%;
	}
	
	.product-inner div {
		margin-bottom:24px;
		padding:12px 22px;
	}
	
	.product-inner>ul>li span {
		padding:15px 0 39px 0;
	}
}

@media only screen and (max-width : 767px) {
	.research {
		padding-top:24px;
	}
	
	.research h2 {
		margin-bottom:6px;
	}
	
	.research p {
		padding:14px 0 3px 0;
	}
	
	.business {
		padding-top:66px;
	}
	
	.busi-top p {
		padding-top:18px;
	}
	
	.green-bg-h3,
	.busi-mid div {
		width:100%;
	}
	
	.busi-mid div {
		height:52px;
	}
	
	.busi-mid p {
		padding:24px 0 32px 0;
	}
	
	.busi-bot {
		padding-top:32px;
	}
	
	.busi-bot ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.busi-bot ul li {
		padding-top:24px;
		width:100%;
	}
	
	.product {
		padding-top:60px;
	}
	
	.product>ol {
		padding-top:28px;
	}
	
	.product p {
		padding:10px 0 60px 0;
	}
	
	.product-inner {
		padding:16px 0 24px 0;
		width:100%;
	}
	
	.product-inner div {
		margin-bottom:16px;
		padding:8px 15px;
	}
	
	.product-inner>ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.product-inner>ul>li span {
		padding:10px 0 26px 0;
	}
}

/* Product (product/index.html) End */

/*  (/index.html) Start */



@media screen and (min-width : 768px) and (max-width : 1119px) {
	
}

@media only screen and (max-width : 767px) {
	
}

/*  (/index.html) End */