@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
------------------------------------------
Reset
------------------------------------------
*/
html {
	font-family: 'Noto Sans Japanese', sans-serif;	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:16px;
}
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	background-color:#FFF;
	text-align:center;
	font-size:1.0rem;
	color:#333;
	line-height:1.6em;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
a:link,
a:visited {
	color: #1E2160;
	text-decoration: none;
}

a:hover,
a:active {
	color: #1E2160; /* ホバー時も同じ色 */
	text-decoration: underline; /* 下線を表示 */
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
h1,h2,h3,h4,h5,h6 {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}
ul {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}
img {
	max-width: 100%;
	height:auto;
	vertical-align:bottom;
	border: 0;
}
strong {
	font-weight: 700;
}
small {
	font-size: 80%;
}
.fleft {
	float:left;
	clear:none;
}
.fright {
	/*float:right;*/
	clear:none;
}
.tcenter {
	margin:0 auto;
	text-align:center;
}
.tleft {
	text-align:left;
}
.tright {
	text-align:right;
}
.f14 {
	font-size:0.875rem;
}
.f18 {
	font-size:1.125rem;
}
.f19 {
	font-size:1.1875rem;
}
.f22 {
	font-size:1.375rem;
} 
.f24 {
	font-size:1.5rem;
}
.f26 {
	font-size:1.625rem;
}
.f37 {
	font-size:2.3125rem;
}
.f44 {
	font-size:2.75rem;
}
.blk {
	color:#333;
}
.red {
	color:#D71618;
}
.blue {
	color:#1E2160;
}
.gray {
	color:#666;
}
.bold {
	font-weight:700;
}
/**-----------------
 * Layout Divs
**/
#wrapper {
	margin:0 auto;
	width:1260px;
	position:relative;
}
#header {
	margin:0;
	padding:33px 70px 35px 70px;
	max-width:1260px;
	width:100%;
	height:1270px;
	background-image:url(images/bg_header.png);
	background-repeat:no-repeat;
	text-align:left;
}
#content {
	margin:0;
	padding:0 0 55px 0;
	max-width:1260px;
	width:100%;
	height:auto;
}
#footer {
	margin:0 auto;
	padding:50px 0 20px 0;
	max-width:1260px;
	width:100%;
	text-align:center;
	border-top:1px solid #7F7F7F;
}
.copy {
	font-size:0.8125rem;
	color:#7F7F7F;
}
/**-----------------
 * #toggle-menu Divs
**/
#menu-box {
	display:none;
}
/**-----------------
 * #header Divs
**/
h1 {
	margin:0;
	padding:0;
	font-size:16px;
	font-size:1.0rem;
	font-weight:700;
	line-height:100%;
	text-align:right;
	color:#007397;
	display:block;
}
#masthead {
	margin:0;
	padding:0;
	width:100%;
	display:block;
}
#logo {
	margin:0;
	padding:0;
	width:340px;
	float:left;
	display:inline-block;
}
#globalnavi {
	margin:0;
	padding:20px 0 0 0;
	float:right;
	display:inline-block;
}
#globalnavi ul {
	margin:0;
	padding:0;
	width:auto;
	height:32px;
	display:block;
	list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
#globalnavi ul li {
	margin:0;
	padding:0;
	font-size:14px;
	font-size:0.875rem;
	line-height:100%;
	border-right:solid 1px #333;
	float:left;
	display:inline-block;
	text-align:center;
}
#globalnavi ul li a:link,
#globalnavi ul li a:visited {
	margin:0;
	padding:9px 10px;
	display:block;
}
#globalnavi ul li a:hover,
#globalnavi ul li a:active {
	margin:0;
	padding:9px 10px;
	display:block;
	text-decoration:underline;
}
#globalnavi ul li:first-child {
	border-right:solid 1px #333;
}
#description {
	margin:65px 0 65px 0;
	padding:0;
	display:block;
	position:relative;
}
.description-left {
	position:absolute;
	top:0;
	left:0;
	width:720px;
	display:block;
	z-index:99;
}
.description-right {
	margin:0;
	padding:0;
	width:420px;
	height:460px;
	float:right;
	display:inline-block;
	background-image:url(images/bg_description_right.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.description-right-inner {
	margin:0;
	padding:225px 0 0 0;
	width:240px;
	text-align:left;
	line-height:180%;
}

.scroll {
	margin:45px auto 0 auto;
	padding:0;
	width:90px;
	height:90px;
	text-align:center;
	position:relative;
}
.scroll a {
	padding-top:50px;
	display: inline-block;
	text-decoration: none;
	font-family:Tahoma, Geneva, sans-serif;
}
.scroll a:link,
.scroll a:visited {
	width:90px;
	height:90px;
	color:#007397;
	background-image:url(images/bg_scroll.png);
	background-repeat:no-repeat;
}
.scroll a:hover,
.scroll a:active {
	width:90px;
	height:90px;
	color:#6eafc4;
	background-image:url(images/bg_scroll_on.png);
	background-repeat:no-repeat;
}
.scroll a span {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
.scroll a:link span,
.scroll a:visited span {
	border-left: 1px solid #007397;
	border-bottom: 1px solid #007397;
}
.scroll a:hover span,
.scroll a:active span {
	border-left: 1px solid #6eafc4;
	border-bottom: 1px solid #6eafc4;
}

@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}
#masthead:after,
#description:after {
	content: "";
	display: block;
	clear:both;
}
/**-----------------
 * #content Divs
**/
section {
	margin:0;
	padding:0 0 55px 0;
	display:block;
}
.section-header {
	margin:0;
	padding:0 0 35px 0;
	display:block;
}
section h2 {
	margin:0;
	padding:0 0 10px 70px;
	min-width:705px;
	width:auto;
	height:auto;
	color:#333;
	font-size:2.0rem;
	font-weight:700;
	border-bottom:1px solid #333;
	text-align:left;
	float:left;
	display:inline-block;
}
section h2:before {
	margin:0;
	content: url(images/before_h2.png);
}
.entry {
	margin:0 auto;
	padding:0 70px;
	width:100%;
	display:block;
}
.org {
	background-color:#FDF3D2;
}
.section-header:after,
.entry:after {
	content: "";
	display: block;
	clear:both;
}

#section1 {
    margin:auto; 
    padding: 0 0 10px 0;
    width: 1140px;
    height: 420px;
}
.section1-left {
	float: left;
	width: 720px;
	height: auto;
	padding-right: 10px;
}

.section1-right {
	float:right;
	padding-right: 10px;
}


/**-----------------
section#news
**/
#news {
	margin:0;
	padding:0 0 55px 0;
}
section#news h2 {
	padding:25px 0 10px 70px;
}
.bn-itoban {
	margin:0;
	padding:0 70px 0 0;
	float:right;
	display:inline-block;
}
.news {
	text-align:left;
}
.news-info {
	margin:0;
	padding:0;
	width:540px;
	float:left;
	display:inline-block;
}
.news-blog {
	margin:0;
	padding:0;
	width:540px;
	float:right;
	display:inline-block;
}
h3.news-info-title {
	margin:0;
	padding:10px 0 0 10px;
	width:220px;
	height:40px;
	font-size:20px;
	font-weight:400;
	color:#fff;
	background-color:#1E2160;
}
h3.news-blog-title {
	margin:0;
	padding:10px 0 0 10px;
	width:220px;
	height:40px;
	font-size:20px;
	font-weight:400;
	color:#fff;
	background-color:#007397;
}
h3.news-info-title:before,
h3.news-blog-title:before {
	margin:0;
	padding:3px 10px 0 0;
	content: url(images/before_h3news.png);
}
.news-info-list {
	margin:0;
	padding:20px;
	border:1px solid #1E2160;
	display:block;
}
.news-blog-list {
	margin:0;
	padding:20px;
	border:1px solid #007397;
	display:block;
}
.news-info-list ul,
.news-blog-list ul {
	list-style-type: disc;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}
.news-info-list ul li,
.news-blog-list ul li {
	margin:0 0 0 20px;
	padding:0;
	line-height:200%;
}
.list-date {
	margin:0 15px 0 0;
	padding:0;
}
.news-result {
	margin:30px 0 0 0;
	padding:0;
	width:100%;
	display:block;
}
h3.news-result-title {
	margin:0;
	padding:10px 0 0 10px;
	width:220px;
	height:40px;
	font-size:20px;
	font-weight:400;
	color:#333;
	background-color:#FBB03B;
}
h3.news-result-title:before {
	margin:0;
	padding:3px 10px 0 0;
	content: url(images/before_h3results.png);
}
.news-result-list {
	margin:0 auto;
	padding:20px 20px 15px 20px;
	border:1px solid #FBB03B;
	display:block;
	text-align:center;
}
.listbox {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:auto;
	display:inline-block;
}
.news-result-list-box {
	margin:0 35px 0 0;
	padding:0;
	width:240px;
	float:left;
	text-align:left;
	display:inline-block;
	font-size:0.875rem;
}
.news-result-list-box:last-child {
	margin:0;
}
.news-result-thumb {
	width:100%;
	height:155px;
	overflow:hidden;
}
.news-result-thumb img {
	max-width:100%;
	width:100%;
	height:auto;
}

#news:after,
.section-header:after,
.entry:after,
.news-result-list:after {
	content:"";
	display:block;
	clear:both;
}
.news-info:after,
.news-blog:after,
.news-result-list-box:after {
	content:"";
	display:table;
	clear:both;

}
/**-----------------
section#eco 
**/
.eco-inner {
	margin:0 auto 65px auto;
	padding:0;
	width:100%;
	text-align:center;
}
.eco-inner img {
	max-width:1120px;
	width:100%;
}
.eco-inner:after {
	content: "";
	display: block;
	clear:both;
}
#eco-worries {
	margin:0;
	padding:40px 0 0 0;
	display:block;
}
.eco-worries01 {
	margin:0;
	padding:0;
	width:490px;
	float:left;
	display:inline-block;
}
.eco-worries-arrow {
	margin:0;
	padding:0;
	width:70px;
	float:left;
	display:inline-block;
}
.eco-worries02 {
	margin:0;
	padding:0;
	width:560px;
	float:left;
	display:inline-block;
}
.ecoreform {
	margin:0 auto;
	padding:55px 0 0 0;
}
#eco-summer,
#eco-factory {
	margin:0;
	padding:50px 0 0 0;
	display:block;
}
.eco-summer01 {
	margin:0 20px 0 0;
	padding:0;
	width:360px;
	float:left;
	text-align:left;
	display:inline-block;
}
.eco-summer01 h3 {
	margin:0;
	padding:3px 3px 3px 20px;
	width:250px;
	height:30px;
	color:#FFF;
	font-size:1.1875rem;
	font-weight:700;
	text-align:left;
	background-color:#026E8F;
	border-radius:10px;
}
.eco-summer01 p {
	color:#595757;
}
.eco-summer02 {
	margin:0 20px 0 0;
	padding:0;
	width:422px;
	text-align:left;
	float:left;
	display:inline-block;
}
.eco-summer03 {
	margin:0;
	padding:0;
	width:297px;
	text-align:left;
	font-size:1.75rem;
	line-height:1.7em;
	font-weight:700;
	float:left;
	display:inline-block;
}
span.eco-line-org {
	background-image:url(images/bg_eco_line_org.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#eco-factory h3,
#eco-comparison h3 {
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
	font-size:1.125rem;
	font-weight:700;
	left:1em;
	color:#1E2160;
	width:530px;
	border-bottom:1px solid #0C3388;
}
#eco-factory h3:before,
#eco-comparison h3:before {
	margin:0 10px 0 0;
	content:url(images/before_factory_h3.png);
}
#eco-factory ul {
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
}
#eco-factory ul li {
	margin:0;
	padding:0;
	width:290px;
	text-align:left;
	float:left;
	display:inline-block;
	background-image:url(images/bg_factory_li.png);
	background-repeat:no-repeat;
	background-position:right top;
}
#eco-factory ul li:last-child {
	width:250px;
	background-image:none;
}
#eco-factory ul li:after:last-child {
	content:"";
}
#eco-comparison {
	margin:0;
	padding:50px 0 55px 0;
	display:block;
}
.eco-comparison-left {
	margin:0;
	padding:0;
	width:530px;
	float:left;
	display:inline-block;
}
.eco-comparison-left01 {
	margin:0;
	padding:0;
	max-width:250px;
	width:47%;
	text-align:left;
	float:left;
	display:inline-block;
}
.eco-comparison-left02 {
	margin:0;
	padding:0;
	max-width:260px;
	width:49%;
	float:right;
	display:inline-block;
}
.eco-comparison-right {
	margin:0;
	padding:0;
	width:540px;
	float:right;
	display:inline-block;
}
.eco-comparison-flame-blue {
	margin:0;
	padding: 6px 0 0 0;
    width: 260px;
    height: 40px;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 700;
	background-color:#1E2160;
    border-radius: 10px;
}
.eco-comparison-flame-sky {
	margin:0;
	padding: 20px 0 0 0;
    width: 540px;
    height: 70px;
    color: #FFF;
    font-size: 1.875rem;
    font-weight: 700;
	background-color:#007397;
    border-radius: 10px;
}
.bg-dot-blk {
	margin:0;
	padding:20px 0 0 20px;
	height:66px;
	line-height:1.6em;
	text-align:left;
	background-image:url(images/bg_borderdot_blk.png);
	background-repeat:repeat-y;
	background-position:10px 0;
}
#eco-link {
	margin:0;
	padding:50px 0 0 0;
	display:block;
}
.eco-link-left {
	margin:0;
	padding:0;
	width:902px;
	float:left;
	display:inline-block;
}
.eco-link-left01 {
	margin:0;
	padding:0;
	width:902px;
}
.eco-link-left02 {
	margin:20px 0 15px 0;
	padding:50px 0 0 0;
	font-size:1.625rem;
	font-weight:700;
	float:left;
	display:inline-block;
}
.eco-link-left03 {
	margin:0;
	padding:0;
	width:594px;
	float:right;
	display:inline-block;
}
.eco-link-right {
	margin:0;
	padding:0;
	width:192px;
	float:right;
	display:inline-block;
}
#eco-worries:after,
#eco-summer:after,
#eco-factory:after,
#eco-comparison:after,
#eco-link:after {
	content: "";
	display: block;
	clear:both;
}
/**-----------------
section#anecdote
**/
.anecdote {
	text-align:left;
}
.anecdote-main {
	margin:0;
	padding:0 0 45px 0;
	width:100%;
	display:block;
}
.anecdote-left {
	margin:0;
	padding:0;
	float:left;
	display:inline-block;
}
.anecdote-left h3 {
	margin:0 0 10px 0;
	font-size:1.3125rem;
}
.anecdote-right {
	margin:0 0 0 50px;
	padding:0;
	width:470px;
	float:right;
	display:inline-block;
}
.anecdote-frame {
	margin:0;
	padding:30px 35px;
	width:100%;
	height:auto;
	text-align:left;
	border:1px solid #1E2160;
	border-radius:10px;
	display:block;
}
.anecdote-frame h3 {
	margin:-50px 0 10px 0;
	padding:0;
}
.anecdote-right:after,
.anecdote-right:after {
	content: "";
	display: table;
	clear:both;
}
.anecdote-main:after,
.anecdote-frame:after {
	content: "";
	display: block;
	clear:both;
}
/**-----------------
section#anecdote
**/
#example {
	margin:0;
	padding:55px 0 0 0;
	background-color:#CCE3EA;
}
.example {
	margin:0 auto 40px auto;
	padding:0 50px 0 70px;
}
.example-cace-header {
	margin:0 0 15px 0;
	padding:0;
	display:block;
	text-align:left;
}
.cace-header-left,
.cace-left {
	margin:0;
	padding:0;
	width:680px;
	float:left;
	display:inline-block;
}
.cace-header-right {
	margin:0;
	padding:0;
	width:460px;
	float:right;
	display:inline-block;
	text-align:left;
}
.cace-right {
	margin:0;
	padding:0 0 0 50px;
	width:440px;
	float:right;
	display:inline-block;
	text-align:left;
	position:relative;
}
.fukidashi {
	position:absolute;
	top:-10px;
	right:0;
	z-index:10;
}
.example-cace-header h3 {
	margin:30px 0 12px 0;
	font-size:1.75rem;
}
.example-cace-header h3.first {
	margin:0 0 12px 0;
}
.example-cace-header h3 img {
	margin:0 15px 0 0;
}
.cace-header-left dl {
	margin:0 0 0 125px;
	padding:0;
	display:block;
}
.cace-header-left dl dt {
	margin:0;
	padding:3px;
	width:80px;
	height:30px;
	text-align:center;
	font-size:0.9375rem;
	color:#FFF;
	background-color:#000;
	float:left;
	display:inline-block;
}
.cace-header-left dl dd {
	margin:0 20px 0 0;
	padding:3px 10px;
	width:auto;
	height:30px;
	color:#333;
	background-color:#FFF;
	float:left;
	display:inline-block;
	border:1px solid #000;
}
.example-cace {
	margin:0;
	padding:0 20px 40px 0;
}
.cace-01 {
	margin:0 100px 0 0;
	padding:0;
	width:264px;
	float:left;
	display:inline-block;
}
.cace-01:last-child {
	margin:0;
}
.cace-01 ul {
	margin:0;
	padding:0;
	display:block;
	list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.cace-01 ul li {
	margin:0;
	display:block;
}
.cace-01 ul li img {
	box-shadow:2px 3px 13px 0px #b2b2b2;
	-moz-box-shadow:2px 3px 13px 0px #b2b2b2;
	-webkit-box-shadow:2px 3px 13px 0px #b2b2b2;
	}
.cace-01 ul li.before:after {
	margin:15px auto 10px auto;
	content:url(images/example_cace_arrow.png);
	display:block;
}
.cace-right dl {
	margin:0;
	padding:0;
	display:block;
}
.cace-right dt {
	margin:0;
	padding:3px;
	width:210px;
	height:35px;
	text-align:center;
	font-size:1.25rem;
	color:#FFF;
	background-color:#000;
}
.cace-right dd {
	margin:0 0 15px 0;
	padding:5px;
	width:210px;
	height:73px;
	text-align:center;
	font-size:3.625rem;
	font-weight:700;
	line-height:1em;
	color:#333;
	background-color:#FFF;
	border:1px solid #000;
}
.s-comment-title {
	margin:10px 0 0 0;
	padding:0;
	width:225px;
	text-align:center;
	color:#FFF;
	background-color:#717071;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.s-comment {
	margin:0;
	padding:15px;
	width:390px;
	text-align:left;
	background-color:#FFF;
	border:1px solid #717071;
}
hr.example-end {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
	border: 0;
	height:1px;
	background-image:url(images/border_bottom_example.png);
}
.cace-01:after {
	content: "";
	display: table;
	clear:both;
}
.example-cace-header:after,
.example-cace:after {
	content: "";
	display: block;
	clear:both;
}
#news2 {
	margin:0;
	padding:0 0 55px 0;
}
/**-----------------
section#flow
**/
#flow {
	text-align:left;
	background-image:url(images/bg_flow.png);
	background-position:right top;
	background-repeat:no-repeat;
}
#flow {
	margin:0;
	padding: 55px 0 0 0;
}
.flow {
	margin:0 auto 55px auto;
	padding:0 70px 0 70px;
}
.flow-flame-blue {
	margin:0;
	padding: 5px 0 0 20px;
    width: 340px;
    height: 36px;
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 700;
	background-color:#1E2160;
    border-radius: 18px;
}
.flow-flame-sky {
	margin:0;
	padding: 5px 0 0 20px;
    width: 340px;
    height: 36px;
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 700;
	background-color:#007397;
    border-radius: 18px;
}
.flow-flame-sky-f14 {
	margin:0;
	padding: 5px 0 0 20px;
    width: 340px;
    height: 36px;
    color: #FFF;
    font-size: 0.9375rem;
    font-weight: 700;
	background-color:#007397;
    border-radius: 18px;
}
.flow-bg-dot-blk {
	margin:0;
	padding:15px 0 40px 40px;
	height:auto;
	line-height:1.6em;
	text-align:left;
	background-image:url(images/bg_borderdot_blk.png);
	background-repeat:repeat-y;
	background-position:40px 0;
}
.flow-bg-dot-blk-none {
	margin:0;
	padding:15px 0 40px 40px;
	height:auto;
	line-height:1.6em;
	text-align:left;
	background-image:none;
}
.flow-bg-dot-blk p,
.flow-bg-dot-blk-none p {
	padding:0 0 0 20px;
	width:800px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.flow-fright {
	margin:0 0 25px 25px;
	float:right;
	display:inline-block;
}
span.flow-line-org {
	font-size:1.1875rem;
	font-weight:700;
    background-image: url(images/bg_eco_line_org.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
/**-----------------
section#company
**/
#company {
	margin:0;
	padding: 55px 0 0 0;
	background-color:#FDF3D2;
}
section#company h2 {
	display:inline;
	width:560px;
}
.company {
	margin:0 auto 40px auto;
	padding:0 0 0 70px;
}
.company-main {
	margin:0;
	padding:0 0 55px 0;
}
.company-des01 {
	margin:0;
	padding:0;
	width:100%;
	display:block;
}
.company-des01-right {
	margin:-131px 0 0 60px;
	padding:0;
	width:560px;
	text-align:right;
	float:right;
	display:inline-block;
}
.company-des01-left {
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
	float:left;
	display:inline-block;
}
.company-des01 h3 {
	margin: 0 0 10px 0;
	text-align:left;
	font-size:1.5rem;
}
.company-des02 {
	margin:-45px 70px 55px 0;
	padding:0;
	text-align:left;
	display:block;
}
.company-des02-left {
	margin:90px 0 0 0;
	padding:0;
	/*width:560px;*/
	width:60%;
	float:left;
	display:inline-block;
}
.company-des02-left ul {
	margin:0;
	padding:0;
	list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.company-des02-left ul li {
	margin:0;
	padding:5px 5px 5px 25px;
	height:40px;
	background-color:#FFF;
	text-align:left;
	font-size:1.1875rem;
}
.company-des02-left ul li:nth-child(2n) {
	background-color:#CCE3EA;
}
.company-des02-right {
	margin:0;
	padding:0;
	/*width:560px;*/
	width:38%;
	float:right;
	display:inline-block;
}
.company-staff {
	margin:0;
	padding:0;
}
.company-staff h3 {
	margin:0 0 50px 0;
	padding:5px 0 5px 15px;
	font-size:1.875rem;
	text-align:left;
	color:#1E2160;
	border-left:7px solid #1E2160;
}
.staff-box {
	margin:0 40px 25px 0;
	padding:0;
	width:540px;
	text-align:left;
	float:left;
	display:inline-block;
}
.staff-box:nth-child(2n+1) {
	margin:0 0 25px 0;
}
.staff-box h4{
	font-size:20px;
	display:inline-block;
}
.staff-box-thumb {
	margin:0 10px 10px 0;
	padding:0;
	width:135px;
	float:left;
	display:inline-block;
}
.staff-box:after {
	content: "";
	display: table;
	clear:both;
}
.company-des01:after,
.company-des02:after,
.company-staff:after,
.staff-box h4:after {
	content: "";
	display: block;
	clear:both;
}

/**-----------------
section#greeting
**/
#greeting {
	padding:55px 0 0 0;
}
.greeting {
	padding:0 70px 55px 70px;
}
.greeting h3 {
	margin:0 0 50px 0;
	padding:5px 0 5px 15px;
	font-size:1.875rem;
	text-align:left;
	color:#1E2160;
	border-left:7px solid #1E2160;
}
.greeting-main {
	margin:0;
	padding:0;
	text-align:left;
	display:block;
}
.greeting-left {
	margin:0 50px 0 0;
	padding:0;
	width:337px;
	float:left;
	display:inline-block;
}
.greeting-right {
	margin:0;
	padding:0;
	width:1120px;
	float:right;
	display:inline-block;
}
.greeting-right:after {
	content: "";
	display: table;
	clear:both;
}
.greeting-main:after {
	content: "";
	display: block;
	clear:both;
}
/**-----------------
section#contact
**/
.contact {
	padding:0 70px 55px 70px;
}

.contactform {
	margin:0;
	padding:0;
	text-align:center;
	display:block;
}
.contactform h3 {
	margin:0;
	padding:0;
	width:220px;
	text-align:center;
	font-size:1.1875rem;
	color:#fff;
	background-color:#1E2160;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.contact-frame {
	margin:0;
	padding:40px 150px;
	border:1px solid #1E2160;
}
/**-----------------
contact form Divs
**/
ul#mfp_phase_stat {
	display:none;
}
.contact-frame table {
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
.contact-frame table table {
	margin:0;
	padding:0;
	text-align:left;
	border-top:none;
	border-right:none;
}
.contact-frame table th {
	margin:0;
	padding:10px;
	text-align:left;
	vertical-align:top;
	background-color:#F4FFFF;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.contact-frame table td {
	margin:0;
	padding:10px;
	text-align:left;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.contact-frame table table th,
.contact-frame table table td {
	border-bottom:none;
	border-left:none;
	font-weight:400;
	background-color:transparent;
}
.contact-frame table table th.postcodeth,
.contact-frame table table th.addressth {
	width:35%;
}
.contact-frame table table td.postcodetd,
.contact-frame table table td.addresstd {
	width:65%;
}

div#mailfrom_hidden_object{
	width: 1px;
	height: 1px;
	overflow: hidden;
}
textarea {
	width:90%;
	height:150px;
}
.formsub {
    margin: 0 auto;
    padding: 0 0 0 20px;
    width: 190px;
    height: 50px;
	font-size:30px;
	font-weight:700;
	background-image:url(images/bg_formbutton.png);
	background-repeat:no-repeat;
}
#tel {
	margin:0 auto;
	padding:0 0 55px 0;
	width:100%;
	text-align:center;
}
/**-----------------
#mailmag
**/
#mailmag-fb {
	margin:0 auto;
	padding:70px 3% 50px 70px;
	width:1260px;
	text-align:left;
}
.mailmag {
	text-align:left;
}
h2.title-mailmag {
	margin:0 0 25px 0;
	padding:5px 0 5px 15px;
	width:100%;
	font-size:1.875rem;
	text-align:left;
	color:#1E2160;
	border-left:7px solid #1E2160;
	display:block;
	border-bottom:none;
}
.mailmag-main {
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
	display:block;
}
.qr {
	margin:0 130px 0 0;
	float:right;
	display:inline-block;
}
.go-mailmag a:link,
.go-mailmag a:visited {
	color:#007397;
}
.go-mailmag a:hover,
.go-mailmag a:active {
}

#mailmag-fb h3 {
	margin:0 0 15px 0;
}
.mailmag-form {
	margin:0 0 20px 0;
	padding:0;
	width:550px;
	float:left;
	display:inline-block;
}
.mailmag-reg {
	margin:0 0 50px 0;
	padding:20px 50px;
	width:550px;
	border:1px solid #FBB03B;
}
.bt-sub {
	margin:0 auto;
    padding: 0 0 0 20px;
	width:190px;
	height:50px;
	font-size:30px;
	font-weight:700;
	background-image:url(images/bg_bt_sub.png);
	background-repeat:no-repeat;
}
.mailmag-def {
	margin:0;
	padding:20px 50px;
	width:550px;
	border:1px solid #007397;
}
.bt-def {
	margin:0 auto;
    padding: 0 0 0 20px;
	width:190px;
	height:50px;
	font-size:30px;
	font-weight:700;
	background-image:url(images/bg_bt_def.png);
	background-repeat:no-repeat;
}
#bnner-rea {
	margin:0 70px;
	padding:0;
	width:100%;
	text-align:center;
}
.mailmag-form h3 {
	font-size:1.3125rem;
	font-weight:700;
	line-height:1em;
	text-align:left;
}
.fbbox {
	margin:0;
	padding:0;
	/*float:right;*/
	float:left;
	display:inline-block;
}
.fbbox-2 {
	margin:0;
	padding:0;
	float:right;
	display:inline-block;
}

#mailmag-fb:after {
	content: "";
	display: block;
	clear:both;
}
/**-----------------
 * aside#banner-area Divs
**/
#banner-area {
	margin:0 auto;
	padding:0 70px 10px 70px;
}
#banner-area:after {
	content: "";
	display: block;
	clear:both;
}
/**-----------------
 * #footer-navi Divs
**/
#footer-navi-block {
	margin:0;
	padding:0;
	width:1260px;
	position:relative;
}
#footer-navi {
	width:430px;
	/*height:70px;*/
	display:block;
	overflow: hidden;
	position: fixed;
	bottom: 70px;
	right:70px;
	z-index: 9999999999;
}
#footer-navi ul {
	margin:0;
	padding:0;
	display:block;
	list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
#footer-navi ul li {
	margin:0 20px 0 0;
	padding:0;
	float:left;
	display:inline-block;
}
#footer-navi ul li a {
	-moz-transition:3s ease;
	-webkit-transition:3s ease;
	-o-transition:3s ease;
	-ms-transition:3s ease;
}
#footer-navi ul li:last-child {
	margin:0;
}
.seminar {
	text-align: left;
	margin-bottom: 15px;
}

/**-----------------
 * #thanks Page Divs
**/

.thanks {
	margin:20px auto;
	padding:40px 40px 20px 40px;
	width:700px;
	border:1px solid #1E2160;
	border-radius:15px;
}
.thanks input[type="button" i] {
    padding: 8px 10px;
}

@media screen and (max-width:1259px) {
/**-----------------
 * Layout Divs
**/
	#wrapper {
		max-width:1259px;
		width:100%;
	}
	#header {
		padding:33px 3% 35px 3%;
		max-width:1260px;
		width:100%;
		height:auto;
		background-image:url(images/bg_header.png);
		background-repeat:no-repeat;
		text-align:left;
	}
	#footer {
		max-width:1260px;
		width:100%;
	}
/**-----------------
 * #header Divs
**/
	#logo {
		max-width:340px;
		display:block;
	}
	.description-left {
		max-width:720px;
		width:60%;
	}
	.description-right {
		margin:0 auto;
		max-width:420px;
		width:43%;
		max-height:460px;
		float:right;
		display:inline-block;
		background-size: auto 100%;
	}
	.description-right-inner {
		margin:0;
		padding:225px 0 0 0;
		max-width:240px;
		width:57%;
		text-align:left;
		line-height:180%;
	}
/**-----------------
 * #content Divs
**/
	section {
		padding:0 0 55px 0;
	}
	section h2 {
		padding:0 0 10px 3%;
		min-width:40%;
	}
	.entry {
		margin:0 auto;
		padding:0 3%;
	}
/**-----------------
section#news
**/
	#news {
		margin:0;
		padding:0 0 55px 0;
	}
	section#news h2 {
		padding:25px 0 10px 3%;
	}
	.bn-itoban {
		padding:0 3% 0 0;
		max-width:470px;
		width:41%;
	}
	.news-info {
		max-width:540px;
		width:48%;
	}
	.news-blog {
		max-width:540px;
		width:48%;
	}
	.news-info-list {
		padding:3%;
	}
	.news-blog-list {
		padding:3%;
	}
	.news-info-list ul li,
	.news-blog-list ul li {
		margin:0 0 0 5%;
	}
	.list-date {
		margin:0 2% 0 0;
	}
	.news-result-list {
		margin:0;
		padding:20px 2% 15px 2%;
		border:1px solid #FBB03B;
		display:block;
	}
	.listbox {
		max-width:1065px;
		width:auto;
		display:inline-block;
	}
	.news-result-list-box {
		margin:0 4% 0 0;
		max-width:240px;
		width:22%;
	}
	.news-result-list-box:last-child {
		margin:0;
	}
	.news-result-thumb {
		width:100%;
		height:100px;
		overflow:hidden;
	}
	.news-result-thumb img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	#eco-worries {
		margin:0 auto;
	}
	.eco-worries01 {
		max-width:490px;
		width:43%;
	}
	.eco-worries-arrow {
		max-width:70px;
		width:7%;
	}
	.eco-worries02 {
		max-width:560px;
		width:50%;
	}
	.eco-summer01 {
		margin:0 2% 0 0;
		max-width:360px;
		width:32%;
	}
	.eco-summer02 {
		margin:0 2% 0 0;
		padding:0;
		max-width:422px;
		width:37%;
	}
	.eco-summer03 {
		margin:0;
		padding:0;
		max-width:297px;
		width:27%;
		font-size:1.5rem;
	}
	#eco-factory h3,
	#eco-comparison h3 {
		max-width:530px;
		width:auto;
	}
	#eco-factory ul li {
		max-width:290px;
		width:25%;
		background-size:contain;
	}
	#eco-factory ul li img {
		max-width:250px;
		width:86.2%;
	}
	#eco-factory ul li:last-child {
		max-width:250px;
		width:22%;
	}
	#eco-factory ul li:last-child img{
		max-width:250px;
		width:100%;
	}
	
	#eco-factory ul li:after:last-child {
		content:"";
	}
	.eco-comparison-left {
		margin:0 auto 30px auto;
		padding:0;
		max-width:530px;
		width:100%;
		float:none;
		display:block;
	}
	.eco-comparison-right {
		margin:0 auto;
		padding:0;
		max-width:540px;
		width:100%;
		float:right;
		display:inline-block;
		float:none;
		display:block;
	}
	.eco-comparison-flame-blue {
		margin:0;
		padding: 6px 0 0 0;
		max-width: 260px;
		width:48%;
		height: 40px;
		color: #FFF;
		font-size: 1.5rem;
		font-weight: 700;
		background-color:#1E2160;
		border-radius: 10px;
	}
	.eco-comparison-flame-sky {
		margin:0;
		padding: 10px 0 10px 0;
		max-width: 540px;
		width:100%;
		height: auto;
	}
	.bg-dot-blk {
		margin:0;
		padding:20px 0 0 20px;
		height:auto;
		line-height:1.6em;
		text-align:left;
		background-image:url(images/bg_borderdot_blk.png);
		background-repeat:repeat-y;
		background-position:10px 0;
	}
	.eco-link-left {
		max-width:902px;
		width:80%;
	}
	.eco-link-left01 {
		max-width:902px;
		width:80%;
	}
	.eco-link-left02 {
		margin:0;
		padding:30px 0 0 0;
		width:100%;
		float:none;
		text-align:left;
		display:block;
	}
	.eco-link-left03 {
		margin:0;
		padding:0;
		max-width:594px;
		width:100%;
	}
	.eco-link-right {
		max-width:192px;
		width:17%;
	}
	.eco-comparison-left:after,
	.eco-comparison-right:after {
		content: "";
		display: block;
		clear:both;
	}
/**-----------------
section #anecdote
**/
	.anecdote-left {
		width:100%;
		clear:left;
	}
	.anecdote-left h3 {
		margin:0 0 10px 0;
		font-size:1.3125rem;
	}
	.anecdote-right {
		margin:0 0 20px 3%;
		max-width:470px;
		width:41%;
	}
/**-----------------
section #example
**/
	.example {
		padding:0 2% 0 3%;
	}
	.cace-header-left,
	.cace-left {
		margin:0;
		padding:0;
		max-width:680px;
		width:60%;
	}
	.cace-header-right {
		max-width:460px;
		width:40%;
	}
	.cace-right {
		padding:0 0 0 3%;
		max-width:440px;
		width:39%;
	}
	.fukidashi {
		position:absolute;
		top:-10px;
		right:0;
		z-index:10;
	}
	.fukidashi img {
		width:90%;
	}
	.example-cace-header h3 img {
		margin:0 15px 10px 0;
		display:block;
	}
	.cace-header-left h3 span {
		display:block;
	}
	.cace-header-left dl {
		margin:0;
	}
	.cace-01 {
		margin:0 14% 0 0;
		max-width:264px;
		width:38%;
		float:left;
		display:inline-block;
	}
	.cace-01:last-child {
		margin:0;
	}
	.cace-right dl {
		margin:0;
		padding:0;
		display:block;
	}
	.cace-right dt {
		max-width:210px;
		width:55%;
		height:35px;
		font-size:1.125rem;
	}
	.cace-right dd {
		max-width:210px;
		width:55%;
		height:73px;
		font-size:3.125rem;
	}
	.s-comment {
		margin:0;
		padding:2%;
		max-width:390px;
		width:100%;
	}
	.example-cace-header:after,
	.example-cace:after {
		content: "";
		display: block;
		clear:both;
	}
/**-----------------
section #flow
**/
	#flow {
		margin:0;
		padding: 55px 0 0 0;
		text-align:left;
		background-size:contain;
	}
	.flow {
		margin:0 auto 55px auto;
		padding:0 3% 0 3%;
	}
	.flow-bg-dot-blk {
		margin:0;
		padding:15px 0 40px 3%;
		background-position:3% 0;
	}
	.flow-bg-dot-blk-none {
		margin:0;
		padding:15px 0 40px 3%;
		background-position:3% 0;
	}
	.flow-flame-blue {
    max-width: 340px;
	width:90%;
	}
	.flow-flame-sky {
		max-width: 340px;
		width:90%;
	}
	.flow-flame-sky-f14 {
		max-width: 340px;
		width:90%;
	}
	.flow-bg-dot-blk p,
	.flow-bg-dot-blk-none p {
		padding:0 0 0 2%;
		max-width:800px;
		width:71%;
	}
	.flow-fright {
		margin:0 0 25px 2%;
		max-width:229px;
		width:21%;
	}
	span.flow-line-org {
		font-size:1.1875rem;
		font-weight:700;
		background-image: url(images/bg_eco_line_org.png);
		background-repeat: repeat-x;
		background-position: bottom;
	}

/**-----------------
section#company
**/
	section#company h2 {
		display:inline;
		max-width:560px;
		width:50%;
	}
	.company {
		padding:0 3% 0 3%;
	}
	.company-des01-right {
		margin:-131px 0 15px 0;
		padding:0;
		max-width:560px;
		width:47%;
	}
	.company-des01-left {
		width:100%;
		clear: left;
	}
	.company-des01 h3 {
		margin: 0 0 10px 0;
		text-align:left;
		font-size:1.5rem;
	}
	.company-des02 {
		margin:0 3% 55px 0;
		padding:0;
		text-align:left;
		display:block;
	}
	.company-des02-left {
		margin:45px auto 30px auto;
		max-width:560px;
		width:100%;
		float:none;
		display:block;
	}
	.company-des02-right {
		margin:0 auto;
		padding:0;
		max-width:560px;
		width:100%;
		float:none;
		display:block;
		text-align: center;
	}
	.staff-box {
		margin:0 4% 25px 0;
		padding:0;
		max-width:540px;
		width:48%;
	}
	.staff-box:nth-child(2n+1) {
		margin:0 0 25px 0;
	}
	.company-des02-left:after,
	.company-des02-right:after {
		content: "";
		display: block;
		clear:both;
	}
	/**-----------------
	section#greeting
	**/
	.greeting-left {
		margin:0 3% 15px 0;
		padding:0;
		max-width:337px;
		width:30%;
		float:left;
	}
	.greeting-right {
		max-width:1120px;
		width:100%;
		float:right;
		clear:right;
		display:inline-block;
	}
	.contact {
		padding:0 3% 55px 3%;
	}
/**-----------------
section#contact
**/
	.contact-frame {
		margin: 0;
		padding: 40px 10%;
		border: 1px solid
	}

/**-----------------
contact form Divs
**/
	ul#mfp_phase_stat {
		display:none;
	}
	.contact-frame table {
		margin:0 auto;
		padding:0;
		width:100%;
	}
	.contact-frame table table {
		margin:0;
		padding:0;
		text-align:left;
		border-top:none;
		border-right:none;
	}
	.contact-frame table th {
		width:35%;
	}
	.contact-frame table td {
		margin:0;
		padding:10px;
		text-align:left;
		border-bottom:1px solid #ddd;
		border-left:1px solid #ddd;
	}
	.contact-frame table table th,
	.contact-frame table table td {
		padding:5px;
		display:block;
	}
	.contact-frame table table th {
		width:40%;
	}
	.contact-frame table table th.postcodeth,
	.contact-frame table table th.addressth {
		width:80%;
	}
	.contact-frame table table td.postcodetd {
		width:50%;
	}
	.contact-frame table table td.addresstd {
		width:80%;
	}
	div#mailfrom_hidden_object{
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
	.contact-frame input[type="text"],
	.contact-frame input[type="tel"] {
		width:80%;
	}
	.contact-frame input[type="checkboxt"] {
	}
	textarea {
		width:80%;
		height:150px;
	}
/**-----------------
#mailmag
**/
	#mailmag-fb {
		padding:0 3% 50px 3%;
		max-width:1260px;
		width:100%;
	}
	h2.title-mailmag {
		margin:0 0 25px 0;
		padding:5px 0 5px 15px;
		font-size:1.875rem;
		line-height:1.3em;
	}
	.qr {
		margin:0 11% 0 0;
	}
	.mailmag-form {
		margin:0 0 2% 0;
		max-width:550px;
		width:48%;
		float:left;
	}
	.mailmag-reg {
		padding:2% 4%;
		max-width:550px;
		width:100%;
	}
	.mailmag-def {
		margin:0;
		padding:2% 4%;
		max-width:550px;
		width:100%;
	}
	#bnner-rea {
		margin:0 70px;
		padding:0;
		width:100%;
		text-align:center;
	}
	.mailmag-form h3 {
		font-size:1.3125rem;
		font-weight:700;
		line-height:1em;
		text-align:left;
	}
	.fbbox {
		margin:0;
		padding:0;
		/*float:right;*/
		float:left;
		max-width:500px;
		width:44%;
		display:inline-block;
	}
		.fbbox-2 {
		margin:0;
		padding:0;
		float:right;
		max-width:500px;
		width:44%;
		display:inline-block;
	}

	#mailmag-fb:after {
		content: "";
		display: block;
		clear:both;
	}
/**-----------------
 * aside#banner-area Divs
**/
	#banner-area {
		margin:0 auto;
		padding:0 3% 10px 3%;
	}
	#banner-area .fright,
	#banner-area .fleft {
		/*max-width:510px;
		width:45%;*/
	}
/**-----------------
 * #footer-navi Divs
**/
	#footer-navi-block {
		margin:0;
		padding:0;
		max-width:1260px;
		width:100%;
	}
	#footer-navi {
		max-width:430px;
		width:60%;
		height:auto;
		display:block;
		overflow: hidden;
		position: fixed;
		bottom: 70px;
		right:3%;
		z-index: 9999999999;
	}
	#footer-navi ul {
		margin:0;
		padding:0;
		display:block;
		list-style-type: none;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-start: 0;
	}
	#footer-navi ul li {
		margin:0 2% 0 0;
		padding:0;
		float:left;
		display:inline-block;
	}
	.gocontact {
		max-width:340px;
		width:79%;
	}
	.gotop {
		max-width:70px;
		width:16%
	}
	#footer-navi ul li a {
		-moz-transition:3s ease;
		-webkit-transition:3s ease;
		-o-transition:3s ease;
		-ms-transition:3s ease;
	}
	#footer-navi ul li:last-child {
		margin:0;
	}
/**-----------------
 * #thanks Page Divs
**/
	.thanks {
		margin:20px auto;
		padding:40px 5% 20px 5%;
		max-width:700px;
		width:100%;
	}
	.thanks input[type="button" i] {
		padding: 8px 10px;
	}
}
@media screen and (max-width:959px) {
	#wrapper {
		width:959px;
		position:relative;
	}
	.description-left {
		margin:0;
		padding:0;
		position:relative;
		max-width:720px;
		width:100%;
		z-index:1;
	}
	.description-right {
		margin:0 auto;
		max-width:600px;
		width:90%;
		max-height:460px;
		float:none;
		display:block;
		background-size:auto;
	}
	.description-right-inner {
		margin:0;
		padding:200px 0 0 0;
		max-width:400px;
		width:70%;
	}
/**-----------------
section #example
**/
	.cace-header-left,
	.cace-left {
		margin:0 auto 20px auto;
		max-width:960px;
		width:100%;
		float:none;
		display:block;
	}
	.cace-header-right {
		margin:0 auto 20px auto;
		max-width:960px;
		width:100%;
		text-align:center;
		float:none;
		display:block;
	}
	.example-cace-header h3 img {
		margin:0 15px 0 0;
		display:inline-block;
	}
	.cace-header-left h3 span {
		display:inline-block;
	}
	.cace-photo {
		margin:0 auto;
		padding:0;
		width:650px;
		width:auto;
		display:inline-block;
	}
	.cace-right {
		margin:0 auto;
		padding:0;
		max-width:440px;
		width:100%;
		float:none;
		display:block;
		text-align:center;
	}
	.fukidashi {
		position:absolute;
		top:10px;
		right:-40px;
		z-index:10;
	}
	.fukidashi img {
		width:80%;
	}
	.cace-01 {
		margin:0 10% 0 0;
		max-width:264px;
		width:45%;
		float:left;
		display:inline-block;
	}
	.cace-right dl {
		margin:0 auto;
		padding:0;
		width:210px;
		display:block;
	}
	.cace-right dt {
		width:210px;
		height:35px;
		font-size:1.125rem;
	}
	.cace-right dd {
		width:210px;
		height:73px;
		font-size:3.125rem;
	}
	.s-comment {
		margin:0 auto;
		padding:2%;
		max-width:440px;
		width:100%;
	}
	.cace-header-left:after,
	.cace-header-right:after,
	.cace-left:after,
	.cace-right:after,
	.cace-photo:after {
		content: "";
		display: block;
		clear:both;
	}
/**-----------------
section #company
**/
	.staff-box {
		margin:0 auto 30px auto;
		padding:0;
		max-width:700px;
		width:100%;
		float:none;
		display:block;
	}
	.staff-box:nth-child(2n+1) {
		margin:0 auto 30px auto;
	}
	.staff-box:after {
		content: "";
		display: block;
		clear:both;
	}
	.fbbox-2 {
		float: left;
		margin-left: 3%;
	}
	
	
}
@media screen and (max-width:767px) {
	#wrapper {
		max-width:767px;
		width:100%;
	}
	#globalnavi {
		display:none;
	}
/**-----------------
 * #toggle-menu Divs
**/
	#menu-box {
		margin:0;
		padding:0;
		display:block;
		width:100%;
	}
	#menu-box label {
		background: #1E2160;
		color: #fff;
		padding: 10px;
		display: block;
		margin: 0;
	}
	input[type="checkbox"].on-off{
		display: none;
	}
	#menu-box ul {
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-ms-transition: all 0.8s;
		-o-transition: all 0.8s;
		transition: all 0.8s;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu-box li {
		font-size:0.875rem;
		text-align:left;
		background-color:#0C3388;
		height:37px;
		font-weight:400;
	}
	#menu-box li a:link,
	#menu-box li a:visited{
		padding: 6px 6px 6px 15px;
		height:37px;
		color:#fff;
		display:block;
	}
	#menu-box li a:hover,
	#menu-box li a:active {
		padding: 6px 6px 6px 15px;
		height:37px;
		color:#fff;
		background-color:#3d5ca0;
		display:block;
	}
	input[type="checkbox"].on-off + ul{
		height: 0;
		overflow: hidden;
	}
	input[type="checkbox"].on-off:checked + ul{
		height: 333px;
	}


#section1 {
    margin: auto;
    padding: 0 0 55px 0;
    width: 100%;
    height: 740px;
}
.section1-left {
	float:none;
	padding: 10px 10px;
	max-width: 100%;
	height: auto;

}
.section1-right {
    float: none;
    width: 100%;
    height: auto;
    padding: 10px 10px;
}


/**-----------------
section#news
**/
	#news {
		margin:0;
		padding:0 0 55px 0;
	}
	section#news h2 {
		padding:25px 0 10px 3%;
		float:none;
		display:block;
	}
	.bn-itoban {
		margin:20px auto 0 auto;
		padding:0 3% 0 0;
		max-width:470px;
		width:100%;
		float:left;
		display:block;
	}
	.news-info {
		margin: 0 auto 20px auto;
		max-width:767x;
		width:100%;
		float:none;
		display:block;
	}
	.news-blog {
		margin: 0 auto 20px auto;
		max-width:767x;
		width:100%;
		float:none;
		display:block;
	}
	.news-result-list {
		margin:0;
		padding:20px 2% 15px 2%;
		border:1px solid #FBB03B;
		display:block;
	}
	.listbox {
		max-width:500px;
		width:auto;
		display:inline-block;
	}
	.news-result-list-box {
		margin:0 4% 0 0;
		max-width:240px;
		width:48%;
	}
	.news-result-list-box:last-child {
		margin:0;
	}
	.news-result-list-box:nth-child(2n){
		margin:0;
	}
	.news-result-thumb {
		width:100%;
		height:100px;
		overflow:hidden;
	}
	.news-result-thumb img {
		max-width:100%;
		width:100%;
		height:auto;
	}
/**-----------------
section #eco
**/
	.eco-worries01 {
		margin:0 auto 20px auto;
		max-width:490px;
		width:100%;
		float:none;
		display:block;
	}
	.eco-worries-arrow {
		margin:0 50%;
		max-width:350px;
		width:100%;
		height:65px;
		float:none;
		text-align:center;
		display:block;
		transform: rotate(90deg);
	}
	.eco-worries02 {
		margin:0 auto 20px auto;
		max-width:560px;
		float:none;
		display:block;
		width:100%;
	}
	.eco-summer01 {
		margin:0 auto 20px auto;
		max-width:360px;
		width:100%;
		float:none;
		display:block;
		font-size:1.5rem;
	}
	.eco-summer02 {
		margin:0 auto 20px auto;
		padding:0;
		max-width:422px;
		width:100%;
		float:none;
		display:block;
		font-size:1.5rem;
	}
	.eco-summer03 {
		margin:0 auto;
		padding:0;
		max-width:297px;
		width:100%;
		float:none;
		display:block;
		font-size:1.5rem;
	}
	.eco-worries01:after,
	.eco-worries02:after,
	.eco-summer01:after,
	.eco-summer02:after,
	.eco-summer03:after
	 {
		 content: "";
		display: block;
		clear:both;
	}
	#eco-factory ul {
		margin:0 auto;
		max-width:580px;
		width:auto;
		display:inline-block;
	}	
	#eco-factory ul li {
		margin:0 0 15px 0;
		padding:0;
		max-width:290px;
		width:50%;
		background-size:contain;
	}
	#eco-factory ul li img {
		max-width:250px;
		width:86.2%;
	}
	#eco-factory ul li:last-child {
		max-width:250px;
		width:43%;
	}
	
	#eco-factory ul li:after:last-child {
		content:"";
	}
	.eco-comparison-flame-blue {
		font-size: 1.25rem;
	}
	.eco-comparison-flame-sky {
		font-size: 1.625rem;
	}
/**-----------------
section #flow
**/
	#flow {
		background-image:none;
	}
	.flow-bg-dot-blk p,
	.flow-bg-dot-blk-none p {
		padding:0 0 0 2%;
		max-width:800px;
		width:100%;
		clear: left;
	}
	.flow-fright {
		margin:0 0 25px 2%;
		max-width:170px;
		width:100%;
}
/**-----------------
section #company
**/
	.company-des02-left ul li {
		padding:5px 1% 5px 4%;
		font-size:1.0rem;
	}
/**-----------------
#mailmag
**/
	.mailmag-form {
		padding:0 0 2% 0;
		max-width:767px;
		width:100%;
		float:none;
		display:block;
	}
	.mailmag-reg {
		max-width:767px;
		width:100%;
	}
	.mailmag-def {
		max-width:767px;
		width:100%;
	}
	.fbbox,
	.fbbox-2{
		margin:0 auto 20px auto;
		float:none;
		max-width:500px;
		width:100%;
		display:block;
	}
	.mailmag-form:after {
		content: "";
		display: block;
		clear:both;
	}
	#banner-area {
		margin:0 auto;
		padding:0 3%;
		width:100%;
		text-align:center;
	}
	#banner-area .fright,
	#banner-area .fleft {
		margin:0 auto 20px auto;
		max-width:510px;
		width:100%;
		float:none;
		display:block;
	}

/**-----------------
contact form Divs
**/
	.contact-frame table th {
		width:100%;
		display:block;
	}
	.contact-frame table td {
		padding:5px;
		display:block;
		width:100%;
	}
}

@media screen and (max-width:479px) {
	#wrapper {
		max-width:479px;
		width:100%;
	}
/**-----------------
 * #header Divs
	**/
	#logo {
		max-width:340px;
		width:100%;
	}
/**-----------------
 * #content Divs
**/

	section h2 {
	font-size:1.75rem;
	}
/**-----------------
section#news
**/
	.bn-itoban {
	margin:20px auto 0 auto;
	padding:0 3% 0 3%;
	max-width:470px;
	width:100%;
	float:none;
	display:block;
}
/**-----------------
section#eco
**/
	.eco-comparison-flame-sky {
		font-size: 1.125rem;
	}
/**-----------------
section#flow
**/	.flow-fright {
		margin:0 auto 25px auto;
		max-width:229px;
		width:100%;
		float:none;
		display:block;
}

/**-----------------
section#example
**/
	.contact-frame input[type="text"],
	.contact-frame input[type="tel"] {
		max-width:250px;
	}
	.contact-frame input[type="checkboxt"] {
	}
	.contact-frame textarea {
		max-width:250px;
		height:150px;
	}

	.contact-frame table table td.postcodetd {
		width:60%;
	}
	.contact-frame table table td.addresstd {
		width:100%;
	}

}