@charset "utf-8";
/*
Theme Name: energy_fjtex
Theme URI:
Description: WordPress 4.xul.btn_link a
Version: 1.0
License: GNU General Public License
Author:
*/

#sidr-left {display: none;}

/* =1. General Setting
-------------------------------------------------------------- */

.sPhone {display: none;}

html, body, #page, #wrapper {}

#contents {
  min-height: 70%;
}

html, body, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  outline: 0;
  font-style: inherit;
  font-family: inherit;
  vertical-align: middle;
  list-style: none;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-size-adjust: 100%; //	-webkit-text-stroke-width: 0.1px;
  color: #000;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  font-size: 16px;
}

p {
  margin-bottom: 20px;
}

ul, ol {
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

ul {
  margin: 0;
}

ul li {
  list-style-type: none;
}

img {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 100%;
  height: auto;
  line-height: 100%;
  vertical-align: middle;
}

.clear {
  clear: both;
  line-height: 0
}

#sidebar>div>li {
  list-style-type: none;
}

.wp-pagenavi {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  margin: 2px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #dedcde;
  border: none;
  height: 40px;
  vertical-align: top;
  font-size: 16px;
}

#main .wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

.clearfix {
  zoom: 1;
  /*for IE 5.5-7*/
  min-height: 1%;
}

.clearfix:after {
  /*for modern browser*/
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  display: inline-table;
  /*\*/
  display: block;
  /**/
}

img {
  border: none;
}

.red,.c00 {color: #C00;}
.back_ffb{background:#ffb;}

.mini {font-size: x-small;}

.w40p {width:40%;margin: 0 auto;}
.w50p {width:50%;margin: 0 auto;}
.w60p {width:60%;margin: 0 auto;}
.w80p {width:80%;margin: 0 auto;}
.pd20 {padding: 20px;}
.mb20 {margin-bottom: 20px;}

.fl {float: left;}
.fr {float: right;}

.alignR {text-align: right;}
.alignC {text-align: center!important;}
.alignL {text-align: left;}

.fontL {
  font-size: 150%;
}

.center {
  margin: 0 auto;
}

a:link, a:visited {
  color: #000;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

.pageRoot {
  margin: 0 auto;
  padding-top: 10px;
  width: 1000px;
  height: 42px;
  font-size: 15px;
  text-align: left;
}

/*
.post a:link,
.pageContent a:link {color: #04c;}
.post a:visited,
.pageContent a:visited {color: #551A8B;}
.post a:hover,
.pageContent a:hover {color: #c03;}
.post a:active
.pageContent a:active, {color: #c03;}
.post a,
.pageContent a:link {text-decoration: underline;}
*/

#main a:link {color: #04c;}
#main a:visited {color: #007FFF;}
#main a:hover {color: #c03;}
#main a:active {color: #c03;}
#main a {text-decoration: underline;}

/* =2. Basic Layout
-------------------------------------------------------------- */

#sPhoneSwitch, #sPhoneCallSwitch {
  display: none;
}

#wrapper {}

#wrapper, #contents, #footer {
  margin: 0 auto;
  width: 100%;
}

/* =3. Header, Menu
-------------------------------------------------------------- */

#header {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
}

#header.index {
  background: url(./images/bg_mainVisual.png) center bottom;
  background-size: cover;
  background-color: transparent;
}

#site-title {
  padding-top: 2px;
}

#header.index #site-title {
  padding-top: 15px;
}

#header.index.on #site-title {
  padding-top: 5px;
}

.headMenu {
  padding-top: 14px; //padding-top: 28px;
}

.headMenu ul {
  margin: 0;
  letter-spacing: 0;
  font-size: 0;
  line-height: 0;
}

.headMenu ul li {
  display: inline-block;
  margin: 0 0 0 1px;
  line-height: 0;
  letter-spacing: normal;
}

#headerInner {
  position: static;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#globalMenu {
  position: static;
  height: 57px;
  line-height: 57px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: solid 4px rgba(223, 216, 208, 0.6);
}

#header.index #globalMenu {
  position: absolute;
  left: 0;
  bottom: 0;
}

#globalMenu ul {
  margin: 0 auto;
  width: 1000px;
  font-size: 0;
  position: relative;
}

#globalMenu ul li {
  display: inline-block;
  height: 57px;
  line-height: 57px;
  text-align: center;
  width: 16.66666667%;
  font-size: initial;
  /*
	    position: relative;
*/
}

#globalMenu ul li dl {
  padding-top: 13px;
}

#globalMenu ul li dt {
  height: 25px;
  line-height: 25px;
  border-right: solid 1px #00155e;
}

#globalMenu ul li:first-child dt {
  border-left: solid 1px #00155e;
}

#globalMenu ul li a {
  display: block;
  font-weight: bold;
  letter-spacing: 0.1em;
}

#globalMenu ul li a:hover {
  text-decoration: none;
}

#globalMenu ul li.current a, #globalMenu ul li.current-category-ancestor a, #globalMenu ul li.current-menu-item a, #globalMenu ul li.current-post-ancestor a, #globalMenu ul li.current-menu-parent a, #globalMenu ul li.current-post-parent a {
  color: #00155e;
}

#globalMenu ul li dt {
  position: relative;
}

#globalMenu ul li.current dt:after, #globalMenu ul li.current-category-ancestor dt:after, #globalMenu ul li.current-menu-item dt:after, #globalMenu ul li.current-post-ancestor dt:after, #globalMenu ul li.current-menu-parent dt:after, #globalMenu ul li.current-post-parent dt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -19px;
  display: block;
  width: 100%;
  border-bottom: solid 4px #00155e;
}

#globalMenu ul li:hover dt:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -19px;
  display: block;
  width: 100%;
  border-bottom: solid 4px #ec0f16;
}

#header #headerInner .row {
  margin: 0 auto;
  width: 1000px;
}

/* Mega Menu */

#gNav dd {
  display: none;
  position: absolute;
  left: 0;
  top: 57px;
  padding: 0;
  width: 1000px;
  background-color: #fff;
  z-index: 999;
  border: solid 3px #00155e;
  word-wrap: break-word;
  font-weight: normal;
}

#globalMenu ul li dd a {
  font-weight: normal;
  display: inline;
}

#globalMenu ul li dd h3 {
  margin-left: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
  height: 63px;
  line-height: 63px;
  font-size: 28px;
  font-weight: bold;
  background: url(./images/bg_megaMenu01.png) right top no-repeat;
  text-align: left;
}

.mainVisual {
  width: 100%;
  margin: 0 auto;
}

.slides li {
  background-color: #fff;
}

/* Scroll */

.index .headerNav {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
}

#header.index.on #headerInner, #header.on #headerInner {
  position: fixed;
  left: 0;
  top: 0;
  /* height: 122px; */
  height: 57px;
  background-color: #fff;
  z-index: 9999;
}

#header #headerInner .set01, #header.index.on #headerInner .set01, #header.on #headerInner .set01, #header.on #headerInner .set02, #header.index #headerInner .set02, #header.on .mainVisual {
  display: none;
}

#header.index.on #headerInner .set02, #header.index #headerInner .set02 {
  display: none;
}

#header #headerInner .set02, #header.index #headerInner .set01, #header .mainVisual {
  display: block;
}

#header.index.on #globalMenu, #header.on #globalMenu {
  background-color: transparent;
}

.mainVisual {
  text-align: center;
}

.mainVisual .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 0!important;
}

.mainVisual .flex-direction-nav .flex-next {
  opacity: 1;
  right: 0!important;
}

.mainVisual .flex-direction-nav a.flex-next {
  width: 25px;
  height: 45px;
  background: url(./images/btn_slide_next.png) left top no-repeat;
}

.mainVisual .flex-direction-nav a.flex-prev {
  width: 25px;
  height: 45px;
  background: url(./images/btn_slide_prev.png) left top no-repeat;
}

/* =4.Footer
-------------------------------------------------------------- */

#footerContact {
  padding: 100px 0;
  text-align: center;
  background-color: cornflowerblue;
  background: url(./images/bg_footContact01.png) center top;
  background-size: cover;
}

#footer {
  background-color: #313d52;
}

.pageTop {
  position: absolute;
  top: -39px;
  right: 0px;
  z-index: 999999;
  font-size: 140%;
}

#footerInner {
  position: relative;
  margin: 0 auto;
  padding-top: 43px;
  padding-bottom: 60px;
}

#footerInner a {
  color: #fff;
}

.footMenuWrap .footLogo, .footMenuWrap .footMenu {
  float: left;
  display: inline-block;
  width: 20%;
  color: #fff;
}

.footMenuWrap .footMenu {
  padding-left: 30px;
}

h3.arrow_square {
  border: none;
}

h3.arrow_square, .footMenuWrap .footMenu h3 {
  background-size: 12px 12px;
  margin-bottom: 5px;
  padding-left: 23px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: url(./images/icon_arrow01.png) left center no-repeat;
  border-bottom: dotted 1px #fff;
  font-size: 16px;
}

.footMenuWrap .footMenu02 h3 {
  margin-bottom: 15px;
}

.footMenu ul li {
  margin-left: 18px;
  list-style-type: disc;
  font-size: 13px;
}

.linkListArea {
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.linkList {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
}

ul.linkList li {
  float: left;
  display: inline-block;
  padding: 0 15px;
}

ul.linkList li:first-child {
  padding: 0 15px;
  border-right: solid 1px;
}

ul.linkList li:last-child {
  padding-right: 0;
}

ul.linkList li:nth-child(2) {
  padding-left: 15px;
}

ul.linkList li:first-child {
  padding: 0 15px;
}

ul.linkList li a {
  display: block;
}

.copyrightArea {
  padding-bottom: 15px;
  vertical-align: middle;
}

.copyrightArea img {
  margin-right: 10px;
  vertical-align: text-top;
}

/* =5.  Main
-------------------------------------------------------------- */

.newsArea article {
  display: table;
  padding: 5px 0;
  width: 100%;
  border-bottom: solid 1px #efefef;
}

.newsArea article time, .newsArea article p {
  display: table-cell;
  vertical-align: top;
}

.newsArea article time {
  width: 15%;
}

.newIcon {
  display: inline-block;
  padding: 2px 5px;
  background-color: #ec0f16;
  color: #fff;
  line-height: 100%;
  font-size: 11px;
  font-weight: normal;
}

/*** Blog info ***/

div.info {
  color: #666;
  font-size: 85%;
  margin: 0 0 10px;
}

.info ul {
  margin: 0;
  float: right;
}

.info li {
  float: left;
  list-style: none !important
}

/*** Contents ***/

a.more-link {
  font-size: 85%;
  padding: 2px 20px 5px 10px;
  text-align: right;
  text-decoration: none;
  margin-left: 480px;
  display: block;
}

/*** Bottom Navigation, Comment Navigation ***/

div.nav-below {
  margin: 0 auto 30px auto;
  overflow: auto;
}

div.navigation {
  overflow: auto;
}

div.navigation a {
  margin-bottom: 10px
}

.nav-previous a, .nav-next a, div.navigation .alignleft a, div.navigation .alignright a {
  color: #222;
  font-size: 85%;
  text-decoration: none;
}

.nav-previous a:hover, .nav-next a:hover, div.navigation .alignleft a:hover, div.navigation .alignright a:hover {
  color: #999
}

.nav-previous a, div.navigation .alignleft a {
  float: left;
}

.nav-next a, div.navigation .alignright a {
  float: right;
  text-align: right;
}

.bnrArea .wrap, .beginner .wrap {
  margin-bottom: 20px;
}

/* =6. Post Entry
-------------------------------------------------------------- */

.post p {
  margin-bottom: 1em;
}

.post div.code {
  background: #FFFFDF;
  border: 1px solid #664C00;
  padding: 10px;
  margin: 0 0 1em 0;
}

.post em {
  font-style: italic;
}

.post code {
  color: #06c;
  font-family: 'Courier New', Courier, monospace;
}

.post blockquote {
  border-left: 5px solid #ddd;
  background: #eee;
  padding: 10px;
  margin: 20px 0;
  font-style: italic;
  font-size:16px;
}

.post blockquote p {
  margin: 0;
}

.post div.wp-caption {
  margin: 20px 0;
}

.post div.wp-caption img {
  margin: 0;
}

.post div.wp-caption p {
  font-size: 85%;
}

/*
	.post ul li{list-style: circle outside;margin-left:20px;}
	.post ol li{list-style: decimal outside;margin-left:20px;}
*/

/* =7.widget
-------------------------------------------------------------- */

/* Archives
------------------------------------------------ */

.wp-pagenavi {
  clear: both;
  text-align: center;
}

/*gridのgutter調整
------------------------------------------------ */

/*溝幅 50pxの場合*/

.gutter-50 {
  margin-left: -25px;
  margin-right: -25px;
}

.gutter-50>[class*='col-'] {
  padding-left: 25px;
  padding-right: 25px;
}

/*溝幅 30pxの場合*/

.gutter-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.gutter-30>[class*='col-'] {
  padding-left: 15px;
  padding-right: 15px;
}

/*溝幅 20pxの場合*/

.gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.gutter-20>[class*='col-'] {
  padding-left: 10px;
  padding-right: 10px;
}

/*溝幅 10pxの場合*/

.gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.gutter-10>[class*='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}

/*溝幅 4pxの場合*/

.gutter-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.gutter-0>[class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 641px) {
  .row.gutter-10, .row.gutter-20 {
    margin: 0;
  }
}

/* Editor
------------------------------------------------ */

.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

/* =Pages
-------------------------------------------------------------- */

/* INDEX
-------------------------------------------------------------- */

.bg01 {
  background-color: #f1fafc;
}

.bg_wh {
  background-color: #fff;
}

section.index01 {
  margin-bottom: 25px;
  padding-top: 50px;
}

section.index01 ul li {
  margin-bottom: 25px;
}

section.index01 ul li.col-md-4.col-sm-4 {
  padding: 0 14px;
}

h2.secTitle {
  margin: 0;
  padding: 0;
  height: 64px;
  line-height: 64px;
  letter-spacing: 0.05em;
  font-size: 28px;
  font-weight: bold;
  background: url(./images/h_01.png) left top no-repeat;
  color: #333;
}

h2.secTitle span {
  display: inline-block;
  vertical-align: bottom;
  font-size: 20px;
  vertical-align: baseline;
}

h3.secTitle {
  margin: 0 0 10px 0;
  padding: 0;
  height: 64px;
  line-height: 64px;
  letter-spacing: 0.05em;
  font-size: 28px;
  font-weight: bold;
  background: url(./images/h_02.png) left top no-repeat;
  color: #333;
}

span.link {
  display: inline-block;
  margin-left: 20px;
  vertical-align: baseline;
  font-size: 13px;
}

/* 新着情報 */

.index02 {
  margin-bottom: 25px;
}

.index02 article {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

.index02 article .imgArea, .index02 article .textArea {
  display: table-cell;
  vertical-align: top;
}

.index02 article .imgArea img {
  width: auto;
  max-width: 160px;
}

.index02 article .imgArea {
  padding-right: 20px;
  width: 180px;
}

.index02 article .textArea {
  padding-right: 10px;
  font-size: 15px;
  font-weight: bold;
}

.index02 article .textArea a {
  text-decoration: underline;
}

section.index03 {
  margin-bottom: 25px;
  padding-top: 50px;
}

.indexCarousel01 li {
  float: left;
  display: inline-block;
}

/* Carousel */

.indexCarouselArea01 {
  margin: 20px auto;
  padding: 0 25px 20px 25px;
}

.indexCarousel01 {
  text-align: center;
}

.indexCarouselArea01 p a {
  text-decoration: underline; //font-weight: bold;
}

.indexCarousel01 .slick-dots {
  bottom: -35px;
  text-align: center;
}

.indexCarousel01 .slick-dots li {
  float: none;
}

.indexCarousel01 .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  background: #ccc;
  border-radius: 50%;
}

.indexCarousel01 .slick-dots li.slick-active button {
  background: #00155e;
}

.indexCarousel01 .slick-dots li button:before, .indexCarousel01 .slick-dots li.slick-active button:before {
  color: transparent;
}

.indexCarousel01 .slick-slide img {
  display: inline-block;
  margin: 0!important;
}

.indexCarousel01 .slick-slide .imgArea, .indexCarousel01 .slick-slide .textArea {
  margin: 0 auto;
  width: 90%;
}

.indexCarousel01 .slick-slide .imgArea {
  margin-bottom: 5px;
}

.indexCarousel01 .slick-prev, .indexCarousel01 .slick-next {
  top: 35%;
}

.indexCarousel01 .slick-next {
  background: url(./images/btn_next01.png) left top no-repeat;
  width: 35px;
  height: 35px;
  overflow: hidden;
  padding-top: 35px;
}

.indexCarousel01 .slick-prev {
  background: url(./images/btn_prev02.png) left top no-repeat;
  width: 35px;
  height: 35px;
  overflow: hidden;
  padding-top: 35px;
}

.indexCarousel01 .slick-prev:hover, .indexCarousel01 .slick-prev:focus {
  background: url(./images/btn_prev02.png) left top no-repeat;
}

.indexCarousel01 .slick-next:hover, .indexCarousel01 .slick-next:focus {
  background: url(./images/btn_next01.png) left top no-repeat;
}

.index04 {
  padding-top: 100px;
  padding-bottom: 95px;
}

.head_index04 {
  margin-bottom: 45px;
}

.text_index04 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #4d4d4d;
  line-height: 1.5em;
}

.index05 {}

.head_index05 {
  padding-top: 30px;
  padding-bottom: 16px;
}

.img_index05 {
  padding-top: 55px;
  padding-bottom: 55px;
}

/* business
-------------------------------------------------------------- */

.catHeader {
  margin-bottom: 90px;
  padding-top: 50px;
  height: 150px;
  border-bottom: solid 1px #b4a89a;
  background-image: url(./images/bg_catHeader01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
}

.catHeader02 {
  margin-bottom: 90px;
  padding-top: 50px;
  height: 150px;
  border-bottom: solid 1px #b4a89a;
  background-image: url(./images/bg_catHeader02.jpg);
  background-position: center center;
  background-repeat: no-repeat;
}

.catHeader .container {
  width: 1000px;
}

.catHeaderWrap {
  display: table;
  min-height: 50px;
  width: 100%;
}

.catHeaderWrap h1, .catHeaderWrap p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
  border-left: solid 4px #b4a89a;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #000;
}

.catHeaderWrap h1, .catHeaderWrap p {
  width: 100%;
  font-size: 28px;
  font-weight: normal;
  display: block;
}

.catHeaderWrap .catDescription p {
  margin-bottom: 0;
  font-size: 17px;
  letter-spacing: normal;
}

/* business 詳細
-------------------------------------------------------------- */

.archive.category-case figure img {
  width: 100%;
}

.catHeader.businessList {
  margin-bottom: 30px;
}

.businessList_txtArea {
  margin-bottom: 30px;
  font-size: 15px;
}

.business_catList {
  padding-bottom: 25px;
}

.business_catList ul li {
  margin-bottom: 60px;
}

.business_catList ul li figure {
  margin: 0 0 15px;
}

.business_catList ul li figcaption {
  font-size: 15px;
  letter-spacing: 0.08em;
}

.business_catList ul li.col-md-4.col-sm-4 {
  width: 322px;
  width: 324px;
  padding-left: 12px;
  padding-right: 12px;
}

.productsCaseList {
  border-bottom: solid 1px #ccc;
}

.productsListArea, .productsCaseList {
  padding-top: 20px;
  padding-bottom: 20px;
}

//.productsListItem{
//  border:1px solid #ccc;
//}
.productsListArea h1 {
  color: #00135E;
}

.productsListItem img, .productsCaseListItem img {
  width: 100%;
}

.productsListItem .articleHead {
  margin: 10px;
  font-size: 14px;
  line-height: 140%; //font-weight: bold;
}

#main article.productsListItem a {
  display: block;
  border: 1px solid #00155e;
  color: #000;
  background: #fff;
  text-decoration: none;
  margin: 0 0 30px 0;
}

#main article.productsListItem a:hover {
  border: 1px solid #E50000;
  color: #E50000;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.contactBlock {
  position: relative;
  margin: 30px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 940px;
  height: 340px;
  background-image: url(./images/but_detailbg.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  border: solid 1px #efefef;
}

a[href^="tel:"] {
  cursor: default;
}

ul.contactBtn {
  position: absolute;
  bottom: 50px;
  left: 40px;
  width: 850px;
}

.contactBtn li {
  float: left;
  text-align: left;
  display: inline-block;
  padding: 0;
}

.contactBtn li:first-child {
  width: 300px;
}

.contactBtn li:nth-child(2) {
  width: 290px;
}

@media screen and (max-width: 641px) {
  .contactBlock {
    margin: 30px 15px;
    padding: 10px;
    width: auto;
    height: auto;
    background-image: none;
    border: solid 3px #efefef;
  }
  .contactBlock h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
  }
  ul.contactBtn {
    position: static;
    width: auto;
  }
  .contactBtn li, .contactBtn li:first-child, .contactBtn li:nth-child(2) {
    float: none;
    display: block;
    margin-bottom: 10px;
    width: auto;
    text-align: center;
  }
}

/* =projects case
-------------------------------------------------------------- */

.catHeader.case {
  margin-bottom: 30px;
}

.tag_list {
  margin: 30px auto;
}

.tag_list ul {
  margin-bottom: 10px;
}

.tag_list ul li {
  display: inline-block;
  margin-right: 10px;
}

.tag_list ul li.head01 {
  background-color: #390;
  color: #fff;
  width: 60px;
  text-align: center;
}

.tag_list ul li.head02 {
  background-color: #8c4600;
  color: #fff;
  width: 60px;
  text-align: center;
}

#main .tagArea a {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 5px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

#main .tagArea a.business_solar, #main .tagArea a.business_wind, #main .tagArea a.business_woody-biomass, #main .tagArea a.business_biogas, #main .tagArea a.business_procurement, #main .tagArea a.business_o-m {
  background-color: #8c4600;
}

#main .tagArea a.area01, #main .tagArea a.area02, #main .tagArea a.area03, #main .tagArea a.area04, #main .tagArea a.area05, #main .tagArea a.area06 {
  background-color: #00468C;
}

#main .tagArea a.type02_01 #main .tagArea a.type02_02, #main .tagArea a.type01_01, #main .tagArea a.type01_02 {
  background-color: #390;
}

.caseList article {
  margin-bottom: 20px;
}

/* =projects case Detail
-------------------------------------------- */

.caseDetail h1 {
  margin: 30px auto;
}

.caseDetail .projectsComment {
  margin: 30px auto;
}

.caseDetail .dataImg {
  margin: 30px auto;
}

.dataMainImg {
  width: 720px;
  float: left;
}

.dataSubImg {
  width: 160px;
  float: right;
}

.caseDetail .dataSubImg li {
  margin-bottom: 20px;
}

.caseDetail .dataSubImg li img {
  width: 100%;
}

.dataMainImg img {
  width: 100%;
}

.dataTable table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #ccc;
}

.dataTable table th {
  background-color: #f5f5f5;
  font-weight: normal;
}

.dataTable table th, .dataTable table td {
  border: solid 1px #ccc;
  padding: 5px;
}

table.border {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #ccc;
}

table.border th {
  background-color: #f5f5f5;
  font-weight: normal;
}

table.border th, table.border td {
  border: solid 1px #ccc;
  padding: 5px;
}

.productComment {
  margin: 20px auto;
}

@media screen and (max-width: 641px) {
  .catHeader {
    margin-bottom: 50px;
    padding-top: 20px;
  }
  .catHeaderWrap {
    display: block;
    min-height: 50px;
  }
  .catHeaderWrap h1, .catHeaderWrap .catDescription {
    display: block;
    padding-left: 0;
    width: auto;
    border-left: none;
  }
  .dataMainImg {
    width: auto;
    float: none;
  }
  .dataTable table th, .dataTable table td {
    display: list-item;
  }
  .dataSubImg {
    width: auto;
    float: none;
    margin: 10px auto;
  }
  .dataSubImg li {
    padding: 5px;
  }
}

/* =Investment detail
-------------------------------------------------------------- */

.investmentImg {
  width: 500px;
  float: left;
  margin: 0 10px 0 0;
}

.investmentSummary {
  width: 450px;
  float: right;
  margin: 0;
}

.investmentTable {
  width: 100%;
  border-collapse: collapse;
  border-top: solid 2px #333;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

.investmentTable th {
  width: 200px;
  background-color: #DDEBF6;
  font-weight: normal;
}

.investmentTable th, .investmentTable td {
  border: solid 1px #ccc;
  padding: 5px;
}

p.investment_price {
  font-weight: bold;
  color: #f00;
  font-size: 200%;
  margin: 10px 0;
}

p.investment_yield {
  color: #f00;
  font-size: 200%;
  margin: 10px 0;
}

p.investment_income {
  font-weight: bold;
  color: #00f;
  font-size: 120%;
  margin: 10px 0;
}

/* = Blog
-------------------------------------------------------------- */

.blog_archives {
  margin-bottom: 50px;
}

.blog_main {
  float: left;
  width: 740px;
  padding: 0;
}

.blog_sidebar {
  float: right;
  width: 240px;
  padding: 0 10px;
}

.blog_archives .container {
  width: 1000px;
  padding-top: 30px;
}

.blog_archives .articleArea {
  padding: 0;
}

.blog_archives .articleArea article {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px;
}

.blog_archives .articleArea article h2 {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 140%; //font-weight: bold;
}

.blog_archives .articleArea article p {
  margin-bottom: 10px;
  font-size: 15px;
}

.blog_archives .articleArea .date {
  margin: 0 0 10px 0;
}

.cat ul.post-categories li {
  display: inline-block;
}

#main .cat ul.post-categories li a {
  margin: 0 5px 0 0;
  padding: 3px 10px;
  background-color: #00468c;
  color: #fff!important;
  text-align: center;
  text-decoration: none;
}

#main .cat ul.post-categories li a: hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.blog_sidebar h4 {
  border-bottom: solid 1px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.blog_sidebar .catList {
  margin-bottom: 30px;
}

.blog_sidebar .catList ul li {
  font-size: 15px;
  margin-bottom: 5px;
}

.wpp-list, .new_list {
  margin-bottom: 10px;
}

.wpp-list li, .new_list li {
  margin-bottom: 10px;
  font-size: 15px;
}

.wpp-list li img {
  margin-right: 10px;
}

#main .wpp-list li a, #main .new_list li a {
  color: #333;
  text-decoration: none;
}

.wpp-views {
  display: none;
}

@media screen and (max-width: 641px) {
  .blog_archives .container {
    width: auto;
    padding-top: 30px;
  }
  .blog_main {
    float: none;
    width: auto;
    padding: 0;
  }
  .blog_sidebar {
    float: none;
    width: auto;
    padding: 0;
  }
  .blog_archives .articleArea article h3 {
    margin-top: 10px;
  }
}

#main p.blog_beginning a {
  text-decoration: none;
  color: #111;
}

/* = Blog Detail
-------------------------------------------------------------- */

.blog_mainVisual {
  margin: 10px auto 20px auto;
}

.blogData {
  float: left;
}

.blogData div {
  display: inline-block;
  font-size: 12px;
}

.blog_detail h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px;
  font-size: 24px;
}

.blog_detail .blogtitle {
  margin-bottom: 10px;
  font-size: 30px;
  border: none;
}

.wp_social_bookmarking_light {
  float: right;
}

.blog_detail h2, h2.related_article {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px;
  font-size: 24px;
}

.blog_detail h3, .projects_detail h3 {
  margin: 30px 0 15px 0;
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-size: 20px;
  border-left: solid 5px #b4a89a;
}

.blogContent {
  margin-bottom: 50px;
  font-size: 15px;
}

.blog_detail .relatedListArea {
  margin: 20px auto;
}

div.related_pruduct {}

div.related_pruduct h2 {
  border: none;
  background: url(./images/common/arrow_down.png) no-repeat 0% 50%;
  padding: 0 0 0 45px;
  margin: 0 0 30px 0;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
}

div.related_pruduct h2.dwonload {
  background: url(./images/common/download.png) no-repeat 0% 50%;
}

div.related_pruduct h3 {
  margin: 0 0 10px 0;
}

div.related_pruduct img {
  max-width: 200px;
}

#main div.related_pruduct a {
  display: block;
  padding: 10px;
  border: 1px solid #666;
  background: #ffe;
  text-decoration: none;
  color: #111;
}

#main div.related_pruduct a:hover {
  background: #ffc;
}

.attachment-float_r {
  float: right;
}

.relatedListArea li {
  line-height: 140%;
}

h2.product-anchor,.blocktitle{
  font-size: 32px;
  margin:20px 0;
  color: #333;
}

.main-contact {
  background: url(./images/contact-back.jpg) no-repeat;
  margin:40px auto 40px auto;
  padding:40px;
  width:1000px;
}
.main-contact h2{
  width:100%;
  text-align:center;
  margin:0 auto 40px auto;
}

.main-contact h3{
  height: 15px;
  line-height: 15px;
  border-left: 5px #1e479c solid;
  padding-left: 10px;
  font-size:15px;
  font-weight:bold;
  margin:0 0 20px 0;
}

/*  special Detail
-------------------------------------------- */
.specialDetail,.specialTitle{width:100%;}
.specialContent{width:1000px;margin:0 auto;}

/* = Pages(Privacy/company)
-------------------------------------------------------------- */

.pagetitle {
  margin: 30px auto;
  font-size: 24px;
}

.pageContent {
  padding-top: 30px;
  padding-bottom: 50px;
}

.pageContent h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}

.pageContent p {
  font-size: 15px;
}

table#company_table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #ccc;
}

table#company_table th {
  background-color: #efefef;
  font-weight: normal;
}

table#company_table th, table#company_table td {
  padding: 5px;
  font-size: 15px;
  border: solid 1px #ccc;
}

.slogan {
  margin: 30px auto;
  font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}

.slogan h3 {
  margin-bottom: 20px;
  font-size: 32px;
  color: #011461;
  font-weight: normal;
  letter-spacing: 0.05em;
}

.slogan h4 {
  display: inline-block;
  margin: 20px auto;
  padding: 10px 20px;
  font-size: 28px;
  border-radius: 28px;
  background-color: #efefef;
}

.slogan ul li {
  display: inline-block;
  margin: 40px 15px;
  font-size: 24px;
}

/* = downloads
-------------------------------------------------------------- */

ul.downloads_catList {
  text-align: center;
}

ul.downloads_catList li {
  display: inline-block;
  padding: 0 5px;
}

.downloads_listArea {
  margin: 30px auto;
}

h3.downloads_catTitle {
  padding-left: 15px;
  border-left: solid 4px #b4a89a;
  font-size: 17px;
}

.downloads_listArea h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}

.downloads_listArea figcaption h4 {
  font-size: 16px;
  margin: 10px auto;
}

#main ul.btn_link a {
  text-align: center;
}

ul.downloads_list {
  margin-bottom: 50px;
}

.btn_download {
  text-align: center;
  margin: 50px auto;
}

ul.downloads_list figure img {
  width: 100%;
}

.downloadComment {
  font-size: 15px;
}

.downloadWrap {
  display: table;
  width: 100%;
  margin: 30px auto;
}

.downloadWrap .downloadImgArea {
  width: 340px;
  text-align: center;
  padding-right: 20px;
}

.downloadWrap .downloadImgArea, .downloadWrap .downloadTextArea {
  display: table-cell;
  vertical-align: top;
  font-size: 15px;
}

.downloadTextArea ol {
  list-style-type: decimal;
  padding: 0 0 0 10px;
}

.downloadBtnArea, .contactBtnArea, .seminarBtnArea {
  border: solid 1px #ccc;
  margin: 30px auto;
  padding: 15px;
}

.downloadHtmlArea, .contactHtmlArea, .seminarHtmlArea {
  margin-bottom: 20px;
}

.single .catHeader {
  margin-bottom: 30px;
}

.downloadHtmlArea input, .downloadHtmlArea select, .contactHtmlArea input, .contactHtmlArea select, .seminarHtmlArea input, .seminarHtmlArea select {
  background-color: #FFC;
}

@media screen and (max-width: 641px) {
  .downloadWrap, .downloadWrap .downloadImgArea, .downloadWrap .downloadTextArea {
    display: block;
    margin-bottom: 20px;
    width: auto;
    font-size: 15px;
  }
}

/* 選ばれる理由
-------------------------------------------------------------- */

.strengthsWrap {
  display: table;
  width: 100%;
  margin-bottom: 100px;
}

.strengthsWrap .imgArea, .strengths .txtArea {
  display: table-cell;
  vertical-align: top;
}

.strengthsWrap .imgArea {
  width: 355px;
}

.strengthsWrap .txtArea p {
  font-size: 15px;
}

.strengthsHead {
  display: table;
  margin-bottom: 35px;
  width: 100%;
}

.strengthsWrap .strengthsHead .numberArea, .strengthsWrap .strengthsHead .headText {
  display: table-cell;
  vertical-align: middle;
}

.strengthsWrap .strengthsHead .numberArea {
  width: 50px;
}

.strengthsWrap .strengthsHead .headText {
  padding-left: 20px;
  font-size: 32px;
  color: #390;
  line-height: 110%;
  /* font-weight: bold; */
}

@media screen and (max-width: 641px) {
  .catHeader02 {
    margin-bottom: 50px;
    padding-top: 20px;
  }
  .strengthsWrap, .strengthsWrap .imgArea, .strengths .txtArea {
    display: block;
    width: 100%;
  }
}

/* Contact
--------------------------------------------- */

#formArea {
  margin-bottom: 50px;
}

#formArea dl {
  display: table;
  margin: 0 auto;
  padding: 10px 0;
  width: 80%;
}

#formArea dl dt {
  width: 25%;
  font-weight: normal;
  text-align: left;
  padding: 0 0 0 50px;
}

#formArea dl dt.icon_require {
  background: url(./images/common/icon_require.gif) no-repeat 0% 5px;
}

#formArea dl dt, #formArea dl dd {
  display: table-cell;
  vertical-align: top;
  font-size: 15px;
}

#formArea dl dd .text70, #formArea dl dd textarea {
  width: 70%;
}

#formArea dl dd .text35 {
  width: 35%;
}

.text70, .text35, textarea, .dropdown, select {
  border: 1px solid #777;
  padding: 10px 5px;
  font-size: 14px;
  background: #fff;
  border-radius: 5px;
  /* Webkit */
  -webkit-border-radius: 5px;
  /* Firefox */
  -moz-border-radius: 5px;
}

input#submit_button {
  margin: 20px auto;
  padding: 15px 40px;
  font-size: 1.2em;
  background-color: #000;
  color: #fff;
  border-style: none;
}

.stepBar {
  position: relative;
  list-style: none;
  margin: 20px auto 10px auto;
  padding: 0;
  text-align: center; //width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}

.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}

.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}

.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}

.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.stepBar .step.current {
  color: #FFF;
  background-color: #00155e;
}

.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #00155e;
}

.stepBar.step2 .step {
  width: 50%;
}

.stepBar.step3 .step {
  width: 33%;
}

.stepBar.step4 .step {
  width: 25%;
}

.stepBar.step5 .step {
  width: 20%;
}

/* ADD
-------------------------------------------------------- */

h2.cat_catch {
  color: #00135E;
  margin-bottom: 0.5em;
}

h2.arrow_grey, h3.arrow_grey, h2.arrow_blue, h2.arrow{
  margin: 30px 0 0 0px;
  font-size: 32px;
  line-height: 100px;
  height: 140px;
  text-align: center;
}

h2.arrow_grey, h3.arrow_grey{
  background: url(./images/single/h2_arrow_grey.gif) center bottom;
}
h2.arrow_blue {
  background: url(./images/single/h2_arrow_blue.gif) center bottom;
}
h2.arrow_skyblue {
  background: url(./images/single/h2_arrow_sky_blue.gif) center bottom;
  color:#fff;
}
h2.h2_noticeline{
  background: url(./images/single/h2_noticeline.gif) center bottom;
}

h3.red_icon {
  margin: 30px 0 20px 0;
  padding: 0 0 0 20px;
  border-left: solid 4px #c00;
}

.yellowbox {
  margin-bottom: 8px;
  padding: 18px 10px;
  background: #FFBE00;
  text-align: center;
}

.yellowbox p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1em;
}

.yellowbox div {
  font-size: 32px;
  line-height: 1em;
}

.makerlist {
  margin-top: 20px;
}

.makerlist>div {
  float: left;
  width: 320px;
  padding: 68px 20px 0;
  margin-bottom: 40px;
  background: #fff;
  border: 5px solid #9A9A9A;
}

.makerlist>div:first-child, .makerlist>div:first-child+*, .makerlist>div:first-child+*+*+*, .makerlist>div:first-child+*+*+*+* {
  margin-right: 20px;
}

.makerlist>div:first-child, .makerlist>div:first-child+*, .makerlist>div:first-child+*+* {
  height: 580px;
}

.makerlist>div:first-child+*+*+*, .makerlist>div:first-child+*+*+*+*, .makerlist>div:first-child+*+*+*+*+* {
  height: 500px;
}

.makerlist>div:first-child+*+*+*+*+* {
  padding: 50px 20px 0;
}

.makerlist>div>div {
  padding-bottom: 54px;
  background: url(../../uploads/procurement/icon_arrow.jpg) no-repeat center 44px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  line-height: 130%;
}

.makerlist>div:first-child+*+*+*+*+*>div {
  background: url(../../uploads/procurement/icon_arrow.jpg) no-repeat center 71px;
}

.makerlist>div>p {
  margin-bottom: 30px;
  color: #686868;
  font-size: 18px;
  text-align: center;
  line-height: 1em;
}

.makerlist ul {
  padding-left: 24px;
}

.makerlist ul li {
  font-size: 18px;
  line-height: 140%;
  list-style-type: disc;
}

@media screen and (max-width: 641px) {
  .makerlist>div {
    float: none;
    width: auto;
    height: auto !important;
    margin: 0 20px 20px;
    padding: 40px 20px !important;
  }
  .makerlist>div>div {
    padding-bottom: 36px;
    font-size: 19px;
    letter-spacing: 0;
    background: url(../../uploads/procurement/icon_arrow.jpg) no-repeat center 35px;
    background-size: 44px auto !important;
  }
  .makerlist>div:first-child+*+*+*+*+*>div {
    background: url(../../uploads/procurement/icon_arrow.jpg) no-repeat center 57px;
  }
  .makerlist>div>p {
    margin-bottom: 25px;
    font-size: 15px;
  }
  .makerlist ul li {
    margin-bottom: 2px;
    font-size: 15px;
  }
}

dd.megamenu p {
  font-size: 90%;
}

ul.error li {
  color: #c00;
  background-color: #ff0;
  padding: 0 2px;
  margin: 3px;
}

h2.faq {
  font-size: 30px;
  line-height: 60px;
  font-weight: normal;
  color: #fff;
  background: url(./images/single/h2_bg_qa.jpg) 0% 0% no-repeat;
  height: 97px;
  padding: 37px 0 0 0;
  text-align: center;
}

ul.faq {
  width: 640px;
  margin: 0 10px 0 0;
}

li.q {
  font-size: 20px;
  font-weight: bold;
  color: #690;
  background: url(./images/single/q.png) 0% 50% no-repeat;
  padding: 0 0 0 50px;
  margin: 0 0 10px 0;
  min-height: 41px;
}

li.a {
  font-size: 16px;
  background: url(./images/single/a.png) 0% 50% no-repeat;
  padding: 0 0 0 50px;
  margin: 0 0 20px 0;
}

ul.pack {
  width: 800px;
  margin: 0 auto;
}

ul.pack li {
  width: 218px;
  height: 338px;
  background: url(../../uploads/239/block-w240-back.jpg) no-repeat;
  padding: 10px;
  margin: 10px 20px;
  list-style-type: none;
  float: left;
}

ul.pack li h4 {
  text-align: center;
  font-size: 18px;
  margin: 10px auto;
  width: 200px;
  padding: 0 0 5px 0;
  border-bottom: 3px solid #FF9900;
}

.bgGrey_h3 {
  text-align: center;
  height: 115px;
  font-size: 30px;
  line-height: 115px;
  color: #fff;
  background: #666;
  font-weight: normal;
}

.bgPerson {
  background: #EEEEEE url(../../uploads/250/person.jpg) no-repeat 85% center;
  padding: 45px 0;
  font-size: 20px;
}

.bg_problem {
  background: #eee;
  padding: 20px;
  background: url(./images/single/back_grey.gif) no-repeat;
  height: 400px;
}

.bg_problem ul {
  margin: 0 0 180px 0;
}

.bg_problem ul li {
  font-size: 20px;
  margin: 5px 0;
}

ul.checklist {
  margin-left: auto;
  margin-right: auto;
}

ul.checklist li {
  text-align: left;
  font-size: 22px;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 40px;
  background: url(./images/single/cheakbox.jpg) no-repeat 0% 50%;
}

div.banner_ads_950 {
  width: 950px;
  margin: 20px auto;
}

div.fb-page-box {
  float: left;
  width: 340px;
  margin: 20px 0 10px 30px;
}

.icon-pdf {
  text-align: left;
  padding: 0 0 0 40px;
  background: url(./images/common/icon-pdf30x35.gif) no-repeat 0% 50%;
}

.icon-arrow2 {
  padding: 0 0 0 20px;
  background: url(./images/common/icon_arrow2.png) no-repeat 0% 50%;
}

.alert_box {
  border: 1px solid #c00;
  background: #ffc;
  padding: 10px;
}

.breadcrumbs {
  font-size: 80%;
}

ol.decimal {
  margin: 0 0 1em 1em;
}

ol.decimal li {
  list-style-type: decimal;
}

/*FORM--------------------------------------------------------*/

.but_entry, .but_entry_free {
  border: 0px;
  width: 228px;
  height: 50px;
}

.but_entry {
  background: url(./images/but_detail_entry.png) left top no-repeat;
}

.but_entry_free {
  background: url(./images/but_detail_entry_free.png) left top no-repeat;
}

.but_entry:hover, .but_entry_free:hover {
  cursor: pointer;
  opacity: 0.6;
}

.kiyaku_area {
  text-align: left;
  font-size: 12px;
  width: 700px;
  margin: auto;
  padding: 5px;
  height: 130px;
  overflow: auto;
  border: 1px solid #aaa;
  color: #333;
}

.kiyaku_area p {
  line-height: 120%;
  margin: 0 0 1em 0;
}

.kiyaku_area h3 {
  font-size: 140%;
  font-weight: bold;
  margin: 0 0 1em 0;
}

.kiyaku_area h4 {
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 1em 0;
}

.productData>p {
  margin: 10px 0 0;
  font-size: 15px;
}

/* =iPad
-------------------------------------------------------------- */

@media screen and (max-width: 1024px) {
  #contents, #contents #main .section, #contents #main .sectionInner, #footerInner, #headerInner, .pageRoot {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  #headerInner {
    height: auto;
    max-width: 980px;
    text-align: center;
  }
  #sPhoneSwitch, #sPhoneCallSwitch {
    display: none;
  }
  .sectionWrap {
    width: auto;
    margin: 0 10px;
  }
}

/* =スマホ
-------------------------------------------------------------- */

@media screen and (max-width: 641px) {
  .pc {
    display: none;
  }
  .sPhone {
    display: block;
  }
  img {
    max-width: 100%;
  }
  header.sPhone {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    z-index: 99998;
    background-color: #fff;
  }
  #main {
    overflow: hidden;
  }
  #main, #sidebar {
    display: block;
  }
  #contents {
    padding-top: 60px;
  }
  #contents #main .section, #contents #main .sectionInner, #footerInner, #footerInner .copy, #headerInner, .pageRoot {
    margin: 0 auto;
    width: 100%;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  #contents #main .sectionInner p {
    margin-bottom: 10px;
    margin-left: 0!important;
  }
  #headerInner {}
  .logoArea {
    width: 100%;
    z-index: 1;
    padding: 0;
    text-align: center;
    height: 44px;
  }
  #site-title {
    position: static;
    float: none;
    margin: 0 auto 0 15px;
    padding-top: 0;
    z-index: 99999;
  }
  #site-title img {
    height: 50px;
    margin-top: 5px;
  }
  .mainVisualBtn {
    top: 45%;
  }
  #globalMenu ul {
    display: none;
  }
  #footer {
    padding-top: 0;
  }
  #footerContact {
    padding: 30px;
  }
  .footLogo {
    text-align: center;
  }
  .footMenuWrap .footLogo, .footMenuWrap .footMenu {
    float: none;
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
  }
  ul.linkList {
    height: inherit;
    line-height: inherit;
  }
  ul.linkList li {
    float: none;
    display: block;
    padding: 5px 0!important;
    border-bottom: solid 1px #efefef;
    border-right: none!important;
  }
  ul.linkList li a {
    display: block;
  }
  .copyrightArea {
    font-size: 10px;
  }
  select, textarea, input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
    padding: 3px 0px;
    max-width: 90%;
  }
  #contents, .post {
    min-height: 100px;
  }
  .post {
    padding-bottom: 10px;
  }
  .post p {
    padding: 0 10px;
    font-size: 125%;
  }
  #sPhoneSwitch {
    display: block;
    position: fixed;
    position: absolute;
    right: 5px;
    height: 48px;
    width: 40px;
    z-index: 99999;
  }
  #sPhoneSwitch a {
    position: fixed;
    top: 5px;
    right: 5px;
    display: block;
    width: 40px;
    height: 48px;
    background: none repeat scroll 0% 0% #00155e;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    line-height: 100%;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    z-index: 110;
  }
  #sPhoneSwitch a span {
    font-weight: normal;
    font-size: 350%;
  }
  #sPhoneSwitch a:hover {
    text-decoration: none;
  }
  .sidr {
    z-index: 99999;
    background-color: #00155e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .sidr ul li {
    background-color: #00155e;
    border-bottom: solid 1px #000;
    border-top: solid 1px #fff;
  }
  .sidr ul li a {
    color: #fff;
    position: relative;
  }
  .sidr ul li a:before {
    content: "?";
    margin-right: 7px;
    padding: 0 2px;
    background-color: #fff;
    color: #000;
    font-size: 10px;
  }
  .sidr ul li:first-child a:before {
    display: none;
  }
  .sidr ul li a:hover {
    background-color: #00155e;
  }
  .pageRoot {
    padding: 0 15px;
    height: auto;
    font-size: 90%;
  }
  /* INDEX
	-------------------------------------------------------- */
  .sPhone_mainVisual {
    background: url(./images/bg_mainVisual.png) center bottom;
    background-size: cover;
  }
  h2.secTitle, h3.secTitle {
    letter-spacing: 0!important;
  }
  .index01 {
    margin-bottom: 0;
    padding-top: 25px;
  }
  .index02 {
    margin-bottom: 0;
  }
  .index03 {
    margin-bottom: 0;
    padding-top: 25px;
  }
  .indexCarouselArea01 {
    margin: 20px auto;
    padding: 0 25px 1px 25px;
  }
  .indexCarousel01 .slick-prev, .indexCarousel01 .slick-next {
    width: 25px;
    height: 25px;
    padding-top: 25px;
    background-size: 100%;
  }
  .indexCarousel01 .slick-prev:hover, .indexCarousel01 .slick-prev:focus, .indexCarousel01 .slick-next:hover, .indexCarousel01 .slick-next:focus {
    background-size: 100%;
  }
  .index04 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .text_index04 {
    font-size: 14px;
    font-weight: normal;
  }
  .index05 {}
  .img_index05 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .head_index05 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 16px;
  }
  /* フォーム
    -------------------------------------------------------- */
  #formArea dl {
    display: table;
    margin: 0 auto;
    padding: 10px 0;
    width: 96%;
  }
  #formArea dl dt {
    width: 40%;
    font-weight: normal;
    text-align: left;
    padding: 0 0 0 50px;
  }
  #formArea dl dt.icon_require {
    background: url(./images/common/icon_require.gif) no-repeat 0% 5px;
  }
  #formArea dl dt, #formArea dl dd {
    display: block;
    vertical-align: top;
    font-size: 15px;
  }
  #formArea dl dd .text70, #formArea dl dd textarea {
    width: 100%;
  }
  #formArea dl dd .text35 {
    width: 40%;
  }
  .main-contact{width:100%;padding:10px;}
  .main-contact .w60p,.main-contact .w40p{width:100%;}
}

/* スマホ終わり */