@charset "utf-8";
/*
Theme Name: bioenergy
Theme URI: 
Description: 
Author: 
Author URI:
*/

/*** common ***/
body {
  font-size: 14px;
  line-height: 21px;
  font-family: "メイリオ";
}
.wrapper {
  min-width: 1200px;
  max-width: 1800px;
  position: relative;
  color: #333;
  margin: auto;
}
.wrapper_top {
  background: url(./images/top/main.png) no-repeat;
/*  background-size: contain;*/
-moz-background-size:100% auto;
background-size:100% auto;
}
p {
  line-height: 2;
}
a {
  text-decoration: none;
}
.hover_img:hover {
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha( opacity=60 );
  opacity: 0.6;
}
.arrow_right {
  font-size: 18px;
  color: #00518e;
}
.arrow_right:hover {
  text-decoration: underline;
}
.arrow_right:before {
  content: url("./images/common/arrow_right.png");
}
.colors1 {
  color: #3d5bc1;
}
.colors2 {
  color: #656565;
}
.link_text {
  color: #3d5bc1;
  text-decoration: underline;
}
.link_text:hover {
  text-decoration: none;
}
.font_normal {
  font-size: 14px;
}


/*** ヘッダー ***/
header {

}
header h1 {
  margin-top: 20px;
}
header > div {
  width: 1000px;
  padding: 10px 20px 0px 20px;
  box-sizing: border-box;
  margin: auto;
}
.head_top > div:first-child {
  width: 519px;
}
.head_top > div:last-child {
  width: 440px;
}
.arrow_btn {
  display: inline-block;
  color: #000;
  background: #a5cced;
  text-decoration: none;
  padding: 10px;
}
.arrow_btn_round {
  padding: 3px 20px;
  border-radius: 7px;
  color: #00518e;
}
.arrow_btn:hover {
  background: #5E8AB0;
}
.arrow_btn:before {
  content: url(./images/common/arrow_right.png);
}


/*** ナビ ***/
nav {
  margin-top: 20px;
  background: #3379e0;
}
nav > div {
  width: 1000px;
  padding: 0px 20px 0px 20px;
  box-sizing: border-box;
  margin: auto;
}
nav ul li {
  box-sizing: border-box;
  background: #3379e0;
  padding: 10px 0px;
}
nav ul li img {
  border-right: 1px solid #a5cced;
  padding: 0px 15px;
}
nav ul li:hover {
  background: #0058d8;
}
nav ul li:last-child img {
  border-right: 0;
}
nav a:hovera {
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha( opacity=60 );
  opacity: 0.6;
}


/*** フッター ***/
footer {
  background: #006cc4;
  color: #FFF;
}
footer > div {
  width: 1000px;
  padding: 20px;
  box-sizing: border-box;
  margin: auto;
}
.dotted {
  border-bottom: 1px dotted #FFF;
}
.foot_link li {
  border-left: 2px solid #49b0e1;
}
.foot_link li:last-child {
  border-right: 2px solid #49b0e1;
}
.foot_link a {
  color: #FFF;
  padding: 0 8px;
}
.foot_link a:hover {
  text-decoration: underline;
}


/*** コンテンツ ***/
.contents {
}
.contents > div {
  width: 1000px;
  padding: 10px 20px 10px 20px;
  box-sizing: border-box;
  margin: auto;
}


/*** トップ ***/
.top_main {
  margin-top: 350px;
  background: rgba(255,255,255,0.7);
  border-top: 10px solid #4aabf3;
  border-bottom-left-radius: 10px; 
  border-bottom-right-radius: 10px; 
}
.top_main_text {
  margin-bottom: 60px;
}
.top_main_text p {
  font-size: 18px;
  color: #565656;
  padding: 0 40px;
}
.top_main_nav {
  background: #d9f0ff;
  border-radius: 10px;
}
.top_main_nav li {
  padding: 20px 35px;
}
.top_main_nav li a:hover img {
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha( opacity=60 );
  opacity: 0.6;
}
.top_news {
  background: #f2f2f2;
  border-radius: 10px;
}
.top_news_title {
  padding: 10px 20px;
  border-bottom: 3px solid #8cc1f2;
}
.top_news ul {
  padding-bottom: 30px;
}
.top_news li {
  background: #fdfdfd;
  padding: 10px 20px;
}
.top_news li:nth-child(2n) {
  background: #f0f0f0;
}
.top_news li div:first-child {
  color: #ff6700;
}
.top_news li div:last-child {
  width: 700px;
}
.top_main p {
  color: #333;
}
.top_text_sp {
  display: none;
}


/*** パンくず ***/
.bred {
  margin-bottom: 30px;
}
.bred a {
  color: #0d32b1;
  text-decoration: underline;
}


/*** pages ***/
.page_title {
  text-align: center;
  border-bottom: 10px solid #6dc7ff;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.page_lr:after {
  content: "";
  clear: both;
  display: block;
}
.page_lr p:first-child {
  float: right;
  width: 340px;
  text-align: center;
}
.readtext p {
  font-size: 18px;
}
.page_herf > div:first-child {
  width: 614px;
}
.page_herf > div:last-child {
  margin-left: 30px;
  width: 315px;
}
.lr3 li {
  margin-right: 20px;
  width: 305px;
}
.lr3 li:last-child {
  margin-right: 0px;
}
.lr3 p {
  text-align: center;
}
.list1 {
  font-size: 18px;
}
.list1 dt {
  float: left;
  width: 180px;
}
.list1 dt,
.list1 dd {
  margin-bottom: 10px;
}
.list1:after {
  content: "";
  clear: both;
  display: block;
}
.ta1 {
  border: 1px solid #6dc7ff;
  width: 100%;
}
.ta1 th,
.ta1 td {
  border: 1px solid #6dc7ff;
  padding: 10px;
  text-align: center;
}
.ta1 th {
  background: #cdedff;
}
.ta1 td {
  background: #FFF;
}
.ta1_text td {
  text-align: left;
}
.ta1_text th {
  color: #006cc4;
  width: 200px;
}
.ta1_sikaku tr td:first-child {
  text-align: left;
}
.contact_table th {
  font-size: 18px;
}
.contact_table td {
  text-align: left;
}
.contact_i1 {
  width: 80%;
  padding: 5px 3px;
  font-size: 18px;
}
.contact_i2 {
  width: 50%;
  padding: 5px 3px;
  font-size: 18px;
}
.contact_table textarea {
  width: 100%;
  height: 200px;
  padding: 5px 3px;
  font-size: 18px;
}
.contact_btn {
  text-align: center;
	margin-top:20px;
}
.contact_btn input {
  text-align: center;
  cursor: pointer;
  padding: 10px;
  background: #cdedff;
  -webkit-appearance: none;
  border-style: none;
  border: 1px solid #ccc;
  font-size: 18px;
  width: 300px;
  color: #006cc4;
}
.num_list {
  list-style-type: decimal;
  list-style-position: inside;
}
.num_list li {
  font-size: 18px;
  margin-bottom: 10px;
}
.privacy {
  font-size: 18px;
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 20px;
}
.privacy li {
  margin-bottom: 20px;
}
.faqs {
  margin-bottom: 40px;
}
.icoq {
  font-size: 18px;
  margin-bottom: 10px;
}
.icoq:before {
  content: url(./images/common/icon_q.gif);
}
.icoa {
  font-size: 18px;
}
.icoa:before {
  content: url(./images/common/icon_a.gif);
}
.daihyou {
font-family:
   "ヒラギノ明朝 ProN W3",
   "HiraMinProN-W3",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}


/*** news ***/
.news_left {
  border: 1px solid #CCC;
  width: 200px;
  margin-right: 40px;
}
.news_left_title {
  font-size: 18px;
  background: #3379e0;
  color: #FFF;
  padding: 10px;
  box-sizing: border-box;
}
.news_left ul {
  padding: 10px;
  box-sizing: border-box;
}
.news_left ul li {
  margin-bottom: 10px;
}
.news_left ul li:last-child {
  margin-bottom: 0px;
}
.news_right {
  width: 717px;
}
.news_right dl {
  margin-bottom: 30px;
  font-size: 18px;
}
.news_right dl:after {
  content: "";
  clear: both;
  display: block;
}
.news_right dt,
.news_right dd {
  float: left;
}
.news_right dt {
  width: 180px;
}
.news_right dd {
  width: 536px;
}


/*** contact_form_7 ***/
.screen-reader-response {
  text-align: center;
  color: red;
}
.wpcf7-not-valid-tip {
  display: block;
  color: red;
}
.wpcf7-response-output {
  text-align: center;
  color: red;
}
.required {
  color: red;
}


/*** table_system ***/
.table_system table {
  width: 100%;
  1px solid #6dc7ff;
}
.table_system th,
.table_system td {
  border: 1px solid #6dc7ff;
  padding: 10px;
  text-align: center;
}
.table_system th {
  background: #cdedff;
}
.table_system td {
  background: #FFF;
}
.table_system a {
  text-decoration: underline;
}


/*** dropdown ***/
.drops {
  position: relative;
}
.drops ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 58px;
  left: -40px;
}
.drops ul li {
  padding: 0;
}
.drops ul li a {
  color: #FFF;
  display: block;
  padding: 10px 0px;
}
.drops:hover ul{
  display: block;
  text-align: center;
}

@media only screen and (min-device-width: 300px)
    and (max-device-width: 700px){
.top_text_sp {
  display: block;
}
.top_text_pc {
  display: none;
}
}

@media screen and (min-width:1600px) {
  .top_main {
    margin-top: 450px;
  }
}

.ajax-loader{
	width:0 !important;
	height:0 !important;
	margin:0 !important;
}