@charset "utf-8";
/*
Theme Name: JUKEN MIE
Theme URI: http://www.m-juken.co.jp
Template: web-ism
Description:
Author: JUKEN MIE CO., LTD.
Tags:
Version: 1.0.0
*/

/*-------------------------------------------*/
/*	font
/*-------------------------------------------*/
h1,h2,h3,h4,h4,h5,h6,#header #site-title,#pageTitBnr #pageTitInner #pageTit,#content .leadTxt,#sideTower .localHead {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#gMenu .menu li a strong {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*-------------------------------------------*/
/*	common Style
/*-------------------------------------------*/
body,
#headerInner,
#gMenuInner,
#topMainBnrFrame,
#container,
#pagetopInner {
  background-color: #f9f9f9;
}
body {
  background-image: url(images/bk/body_bg.jpg);
  background-repeat: repeat-x;
  background-position: top left;
}
#pageTitBnr .innerBox,
#panList .innerBox {
  background-color: #f9f9f9;
}
a:hover img {
  opacity: .60;
}
hr.invisible {
  height: 0;
  border: none;
  clear: both;
}
.photoFrame {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
  margin-left: 6px;
  max-width: 93%;
}
.photoFrame:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	right: 10px;
	left: auto;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #333;
	-webkit-box-shadow: 0 15px 10px #333;
	-moz-box-shadow: 0 15px 10px #333;
	box-shadow: 0 15px 10px #333;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}
.photoFrame img {
	padding: 4px;
	background: #fff;
	border: 1px solid #bfbfbf;
}
#content h2,
#content h1.entryPostTitle {
  background: url(images/bk/h2_bg.png) right top no-repeat #fff;
  border-bottom-right-radius: 10px;
  text-shadow: 1px 1px 1px #fff;
  padding-left: 0.5em;
}
#content .infoList .rssBtn {
  padding-right: 10px;
}

/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/
#headerTop,
#headerTop .innerBox {
  background-color: #413101;
}
#headerTop #site-description {
  font-size:12px;
  color: #fff;
}

/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
@media (min-width: 970px) {
  #header .innerBox {
    padding-top: 20px;
  }
}
@media (min-width: 770px) {
  #header {
    margin-top: 15px;
  }
  #headerInner {
    border-radius: 15px 15px 0 0;
    background-image: url(images/bk/headerInner_bg.jpg);
    background-repeat: repeat-x;
    background-position: top left;
  }
}

/* #site-title */
@media (min-width: 660px) {
  #header #site-title {
    padding-top: 0;
  }
}

/* #headContact - .itemClose */
#header #headContact.itemClose #headContactInner .headInfo {
  display: none;
}
#header #headContact.itemClose #headContactInner .headInfo,
#header #headContact.itemOpen #headContactInner .headInfo {
  text-align: left;
  border-radius: 5px;
  padding: 5px 15px;
  float: left;
  background-color: #7CBF02;
  color: #fff;
  border: 2px dashed rgba(255,255,255,0.5);
}
#header #headContact.itemClose #headContactInner .headInfo dt,
#header #headContact.itemOpen #headContactInner .headInfo dt {
  padding-bottom: 2px;
  margin-bottom: 3px;
  border-bottom: 1px solid #fff;
}
#header #headContact.itemClose #headContactInner .headInfo dd,
#header #headContact.itemOpen #headContactInner .headInfo dd {
  text-align: right;
  line-height: 1.4;
}
#header #headContact.itemClose #headContactInner .headInfo dt .fa,
#header #headContact.itemClose #headContactInner .headInfo dd .fa,
#header #headContact.itemOpen #headContactInner .headInfo dt .fa,
#header #headContact.itemOpen #headContactInner .headInfo dd .fa {
  padding-right: 0.5em;
}
#header #headContact.itemClose #headContactInner #headOffice,
#header #headContact.itemOpen #headContactInner #headOffice {
  margin-right: 20px;
}
@media (min-width: 770px) {
  #header #headContact.itemClose #headContactInner .headInfo {
    display: block;
  }
}

/* #headContact - .itemOpen */
@media (max-width: 769px) {
  #header #headContact.itemOpen #headContactInner {
    background-color: #7CBF02;
    box-sizing: border-box;
  }
  #header #headContact.itemOpen #headContactInner .headInfo {
    text-align: center;
    clear: left;
    font-size: 16px;
    width: 95%;
    background-color: transparent;
    border: none;
  }
  #header #headContact.itemOpen #headContactInner .headInfo dt {
    padding-bottom: 4px;
    margin-bottom: 4px;
  }
  #header #headContact.itemOpen #headContactInner .headInfo dd {
    text-align: center;
    line-height: 1.5;
  }
  #header #headContact.itemOpen #headContactInner .headInfo dd a {
    color: #fff;
  }
  #header #headContact.itemOpen #headContactInner #headOffice {
    margin: 0 auto 10px auto;
  }
}
@media (max-width: 414px) {
  #header #headContact.itemOpen #headContactInner .headInfo {
    width: 90%;
  }
}

/*-------------------------------------------*/
/*	#gMenu
/*-------------------------------------------*/
@media (min-width: 770px) {
  #gMenu .menu > li:after {
    content: "";
  }
}

/*-------------------------------------------*/
/*	#footerSection
/*-------------------------------------------*/
/* #pagetop */
#pagetop a {
  color: #333;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  background: url(images/common/icon_arrow_top_gry.png) center bottom no-repeat #c3b59a;
}
#pagetop a:hover {
  color: #fff;
  background: url(images/common/icon_arrow_top.png) center bottom no-repeat #89d303;
}

/* #footMenu */
#footMenu .menu li a {
  background: url(images/common/arrow_gray.png) right bottom no-repeat;
  padding: 15px 3%;
}
#footMenu .menu li a:hover {
  background: url(images/common/arrow_bk.png) right bottom no-repeat #e6e6e6;
}
@media (min-width: 770px) {
  #footMenu {
    background-color:#413101;
  }
  #footMenu #footMenuInner {
    padding-bottom: 0;
  }
  #footMenu .innerBox {
    background-color:transparent;
  }
  #footMenu .menu {
    border: none;
    padding: 15px 0;
  }
  #footMenu .menu li a {
    background: none;
    padding: 0px 15px 0px;
    opacity:1.0;
    color: #fff;
  }
  #footMenu .menu li a:hover {
    background: none;
    text-decoration: none;
    color: #89d303;
  }
  /* font awesome */
  #footMenu .menu li a:before {
    content: " \f0a9";
    font-family: FontAwesome;
    padding-right: 0.5em;
  }
}

/* #footer */
#footer {
  background-color: #f2ede3;
  box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.2);
}
#footer .innerBox	 {
  background-color: transparent;
  border-bottom: 1px solid #d6ccaa;
}
#footer dl#footerOutline dt,
#footer dl#footerOutline dd {
  color: #666;
}
#footer dl#footerOutline dd a {
  color: #666;
}
#footerSiteMap .menu a {
  color: #666;
}
#footerSiteMap .menu li	a {
  border-right: 1px solid #d6ccaa;
  border-bottom: 1px solid #d6ccaa;
  box-shadow: 1px 1px #fff;
  background: url(images/common/arrow_gray_s.png) right bottom no-repeat;
  padding-top: 10px;
  padding-left: 0.5em;
  padding-right: 1em;
}
#footerSiteMap .menu li	li a {
  border-bottom: none;
  box-shadow: none;
}
#footerSiteMap .menu li	a:hover,
#footerSiteMap .menu li	li a:hover {
  color: #89d303;
}
#footerSiteMap .menu li	a:hover {
  background: url(images/common/arrow_bk_s.png) right bottom no-repeat;
}
#footerSiteMap .menu li	li a:hover {
  background-image: none;
}
#footerSiteMap .menu li ul li a {
  background: none;
  padding-left: 0.5em;
}
@media (max-width: 769px) {
  #footerSiteMap .menu li	a {
    border-right: none;
    background: none;
  }
  #footerSiteMap .menu li ul li	a {
    padding-left: 1em;
  }
}

/* #siteBottom */
#siteBottom	{
  background-color: #f2ede3;
  text-shadow: none;
  color: #666;
}
#siteBottomInner {
  background-color: transparent;
  border-top: 1px solid #fff;
}
#siteBottom a	{
  color: #666;
}
#siteBottom a:hover	{
  text-decoration: underline;
}

/*-------------------------------------------*/
/*	#sideTower
/*-------------------------------------------*/
.sideTower .localNavi {
  margin-bottom: 30px;
}
.sideTower .sideWidget {
  margin-bottom: 10px;
}
#sideTower .sideAreaBnr {
  margin-bottom: 10px;
  text-align: center;
}
#sideTower .sideAreaBnr img {
  border: 4px solid #fff;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
  max-width: 95%;
}
#sideTower hr.sectionline {
  border: 0;
  border-top: 1px solid #89D303;
  border-bottom: 2px solid #fff;
  margin-bottom: 10px;
}
#sideTower .side-information p {
  font-size: 12px;
  line-height: 140%;
  padding-bottom: 10px;
}
.sideTower .sideWidget .closed {
  display: none;
}

/*-------------------------------------------*/
/*	content Style
/*-------------------------------------------*/
@media (min-width: 970px) {
  #main #container #content {
    width: 680px;
  }
  #content .childPageBox {
    width: 678px;
  }
}

/*-------------------------------------------*/
/*	Top Main Visual Area Setting
/*-------------------------------------------*/
.slideFrame img {
  box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
  border: 4px solid #fff;
  box-sizing: border-box;
}

/*-------------------------------------------*/
/*	Top Page Setting
/*-------------------------------------------*/
#topInqBnr img {
  border: 1px solid #89d303;
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
}

/*-------------------------------------------*/
/*	Top 3PR Area Setting
/*-------------------------------------------*/
#content #topPr .topPrOuter {

}
#content #topPr #topPrRight {
  margin-right: 0;
}
#topPr .topPrInner p.topPrDescription {
  font-size: 12px;
}
@media (min-width: 660px) {
  #topPr #topPrRight {
    float: left;
  }
  #content #topPr #topPrLeft,
  #content #topPr #topPrCenter,
  #content #topPr #topPrRight {
    width: 32.7%;
  }
  #content #topPr .topPrOuter {
    margin-right: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 6px;
  }
  #content #topPr .topPrOuter .topPrInner {
    padding-top: 6%;
    padding-bottom: 5px;
  }
}

/*-------------------------------------------*/
/*	Company Page Setting
/*-------------------------------------------*/
/* .greeting */
.greeting {
  margin-bottom: 25px;
}
.greeting img {
  border-radius: 50%;
}

/* .company-outline */
#company .company-outline {
  padding-bottom: 10px;
}
#company .company-outline table {
  border-collapse: collapse;
  border: 3px solid #91b740;
  font-size: 100%;
}
#company .company-outline table tr th,
#company .company-outline table tr td {
  border: 1px solid #91b740;
}
#company .company-outline table tr th {
  background-color: #f5f5f5;
  width: 22%;
}
#company .company-outline table tr td {
  background-color: #fff;
}
#company .company-outline table ul li.paddingBtm-15 {
	padding-bottom: 15px;
}

/* .company-access */
#company .company-access h3 {
  margin-bottom: 10px;
}
#company .company-access .company-photo {
	text-align: center;
}
#company .company-access .company-photo img {
	padding: 4px;
	background: #fff;
	border: 1px solid #bfbfbf;
  box-sizing: border-box;
}
#company .company-access h4 {
	padding-top: 0;
}
#company .company-access .ggmap {
position: relative;
padding-bottom: 58.8%;
padding-top: 30px;
height: 0;
overflow: hidden;
border: 6px solid #fff;
}
#company .company-access .ggmap iframe,
#company .company-access .ggmapr object,
#company .company-access .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* img-responsive */
@media (max-width: 599px) {
  #company .company-access .company-photo img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}
@media (min-width: 600px) {
  #company .company-access .company-photo {
  	float: right;
    margin: 4px 0px 12px 20px;
  }
  #company .company-access .company-photo img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}

/*-------------------------------------------*/
/*	Service Page Setting
/*-------------------------------------------*/
#service .service-bnr {
  margin-bottom: 20px;
}
#service .service-bnr img {
  width: 100% !important;
}
#service .service-bnr .img-radius {
  border-radius: 10px;
}
#service .leadTxt {
  text-align: center;
  margin-bottom: 10px;
}
#service .policy {
  font-size: 110%;
  line-height: 1.8;
  text-align: center;
}
#service .our-service .sectionFrame {
  background-color: #d6ccaa;
  background-image: url("images/bk/service_bk002.jpg");
  padding-top: 10px;
}
#content .our-service h4 {
  font-size: 14px;
  border-bottom: 1px solid #7A8454;
  padding-top: 0;
  padding-bottom: 8px;
  margin-top: 0;
  background: none;
  font-weight: normal;
}
#content .our-service h4 span {
  text-shadow: none;
  font-size: 18px;
  display: inline-block;
  background-color: #533e00;
  padding: 4px 15px;
  border-radius: 20px;
  vertical-align: middle;
  color: #fff;
  margin-right: 10px;
}
#content .our-service .sectionFrame .btn:hover {
  background-color: #658701;
}
@media (max-width: 769px) {
  #content .our-service h4 span {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/*-------------------------------------------*/
/*	Termite Page Setting
/*-------------------------------------------*/
/* #termite */
#termite .img-radius {
  border: 4px solid #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
@media (max-width: 414px) {
  #termite .img-responsive {
    width: 100%;
  }
}
#termite h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
#termite .txt-bold {
  color: #0066c4;
  font-weight: bold;
  text-shadow: 1px 1px 5px rgba(0, 61, 99, 0.5);
}
/* .damage-data */
#termite .damage-data {
  padding-bottom: 10px;
  overflow: auto;
  white-space: nowrap;
}
#termite .damage-data::-webkit-scrollbar {
  height: 5px;
}
#termite .damage-data::-webkit-scrollbar-track {
  background: f1f1f1;
}
#termite .damage-data::-webkit-scrollbar-thumb {
  background: bcbcbc;
}
#termite .damage-data table {
  border-collapse: collapse;
  border: 3px solid #91b740;
}
#termite .damage-data table tr th,
#termite .damage-data table tr td {
  border: 1px solid #91b740;
  text-align: center;
  vertical-align: middle;
}
#termite .damage-data table tr th {
  background-color: #f5f5f5;
}
#termite .damage-data table tr td {
  background-color: #fff;
}
#termite .damage-data table tr th.rowhead {
  background-color: #413101;
  color: #fff;
  font-weight: bold;
}
#termite .damage-data table tr th.data-separator,
#termite .damage-data table tr td.data-separator {
  border-right-width: 3px;
}
/* .damage-photo */
#termite .damage-photo {
  margin-left: 0;
  margin-bottom: 10px;
  text-align: center;
}
#termite .damage-photo ul {
  margin-left: 0;
}
#termite .damage-photo ul li {
  list-style: none;
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
  box-sizing: border-box;
  width: 32%;
  float: left;
  margin-right: 10px;
}
#termite .damage-photo ul li.no-margin {
  margin-right: 0px;
}
#termite .damage-photo ul li img {
  padding-bottom: 5px;
}
#termite .damage-photo ul li span {
  display: block;
}
@media (max-width: 659px) {
  #termite .damage-photo ul li {
    width: 48.7%;
  }
  #termite .damage-photo ul li.no-margin {
    margin-right: 10px;
  }
  #termite .damage-photo ul li:nth-child(even) {
    margin-right: 0px;
  }
}
@media (max-width: 414px) {
  #termite .damage-photo ul li {
    width: 99.2%;
    margin-right: 0px;
  }
  #termite .damage-photo ul li.no-margin {
    margin-right: 0px;
  }
  #termite .damage-photo ul li img {
    width: 100%;
  }
}
/* .distribution */
#termite .distribution h4 {
  padding-bottom: 5px;
  border-bottom: 1px solid #91b740;
}
#termite .sectionFrame {
  background-color: #fff;
}

/* #construction-process */
#construction-process .boxContent {
  background-color: #fff;
  padding: 15px 20px;
  border: 3px solid #91b740;
}
#construction-process .boxContent h3 {
  font-size: 120%;
  margin-top: 0px;
  margin-bottom: 10px;
}
#construction-process .boxContent p {
  margin-bottom: 5px;
}
#construction-process .boxContent .photo-caption {
  text-align: center;
  margin-left: 0;
}
#construction-process .boxContent .photo-caption li {
  list-style: none;
  float: left;
  margin-left: 40px;
}
#construction-process .boxContent .photo-caption li:first-child {
  margin-right: 10px;
}
#construction-process .boxContent .photo-caption li span {
  display: block;
  padding-top: 6px;
}
#construction-process .boxContent .img-radius {
  box-sizing: border-box;
  border: 4px solid #f9f9f9;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
@media (max-width: 699px) {
  #construction-process .boxContent .photo-caption li {
    margin-left: 5px;
    margin-right: 0;
  }
  #construction-process .boxContent .photo-caption li:first-child {
    margin-right: 5px;
  }
}
@media (max-width: 414px) {
  #construction-process .boxContent .photo-caption li {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #construction-process .boxContent .img-responsive {
    width: 100%;
  }
}
#construction-process .boxContent hr {
  margin-bottom: 0px;
}

/* #pest-control */
#pest-control .method h3 {
  padding-top: 20px;
}
#pest-control .method h3.no-padding {
  padding-top: 0px;
}
#pest-control .method img {
  box-sizing: border-box;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
#pest-control .method ul.chemical {
  margin-left: 10px;
}
#pest-control .method .chemical li {
  list-style-type: none;
}
#pest-control .method dt {
  font-size: 1.2em;
}
#pest-control .method dt span {
  border-bottom: 2px dotted #fe8080;
  padding: 0 2px 2px 2px;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
#pest-control .method ul.aridansheet {
  margin-left: 0;
}
#pest-control .method .aridansheet li {
  list-style-type: none;
  width: 50%;
  float: left;
  text-align: center;
}
#pest-control .method .aridansheet li:last-child {
  margin-right: 0;
}
#pest-control .method .aridansheet li .img-radius {
  border: 4px solid #f9f9f9;
  border-radius: 10px;
  max-width: 98%;
}
@media (max-width: 414px) {
  #pest-control .method .img-responsive {
    width: 100%;
    margin-bottom: 30px;
  }
  #pest-control .method .aridansheet li {
    margin-right: 0;
    width: 99%;
  }
}
#pest-control .other-method {
  padding-top: 30px;
}
#pest-control .other-method h3 {
  margin-bottom: 5px;
}
#pest-control .other-method .productBnr {
  margin-bottom: 15px;
}
#pest-control .other-method .productBnr img {
  width: 99.7%;
  border-radius: 10px;
  border: 4px solid #fff;
  box-sizing: border-box;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
#pest-control .other-method .leadTxt {
  padding-left: 0.3em;
}
#pest-control .other-method h4 {
  margin-top: 0;
  border-bottom: 1px dashed #079000;
}
#pest-control .other-method h4 span {
  color: #ffa100;
  font-size: 250%;
  padding: 0 4px;
  text-shadow:
  -1px -1px 1px #fff,
  1px 1px 1px #000;
}
#pest-control .other-method dt {
  font-size: 1.2em;
  margin-bottom: 5px;
}
#pest-control .other-method dt span {
  border-bottom: 2px dotted #fe8080;
  padding: 0 2px 2px 2px;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
#pest-control .other-method dd {
  padding-left: 2em;
  margin-bottom: 10px;
}
#pest-control .other-method img.img-radius {
  box-sizing: border-box;
  border: 4px solid #e6e2e2;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
@media (max-width: 414px) {
  #pest-control .other-method img.img-responsive {
    width: 100%;
  }
}
#pest-control .other-method ul.fanPhoto {
  clear: both;
  padding: 0 5px;
  margin-left: 0;
  padding-top: 10px;
}
#pest-control .other-method ul.fanPhoto li {
  list-style: none;
  text-align: center;
  float: left;
  width: 48%;
}
@media (max-width: 414px) {
  #pest-control .other-method ul.fanPhoto li {
    width: 100%;
  }
}
#pest-control .other-method ul.fanPhoto li img {
  box-sizing: border-box;
  border: 4px solid #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
#pest-control .other-method .download {
  text-align: center;
}
#pest-control .other-method .download .btn {
  width: 95%;
}
#pest-control .other-method .download .btn:hover {
  background-color: #658701;
}

/*-------------------------------------------*/
/*	Waterproof Page Setting
/*-------------------------------------------*/
/* #waterproof */
#waterproof .copy {
  margin-bottom: 10px;
}
#waterproof dl.features {
  width: 48%;
}
@media (max-width: 899px) {
  #waterproof dl.features {
    width: 46%;
  }
}
@media (max-width: 720px) {
  #waterproof dl.features {
    width: 40%;
  }
}
@media (max-width: 600px) {
  #waterproof dl.features {
    width: 100%;
  }
}
#waterproof .fleft {
  float: left;
}
#waterproof .fright {
  float: right;
}
#waterproof dl.features dt {
  border-bottom: 3px solid #91b740;
  font-size: 140%;
  color: #666;
  font-weight: normal;
  line-height: 1.2;
  padding-bottom: 0;
}
#waterproof dl.features dt::first-letter {
  font-size: 180%;
  color: #ffa100;
  font-weight: bold;;
  padding-right: 2px;
}
/* .frp-product */
#waterproof .frp-product h4 {
  clear: none;
  margin-top: 0;
  padding-top: 0;
}
#waterproof .frp-product h4 span {
  text-shadow: none;
  display: inline-block;
  background-color: #63B3C6;
  padding: 4px 50px;
  border-radius: 20px;
  vertical-align: middle;
  color: #fff;
  letter-spacing: 0.1em;
}
#waterproof .frp-product img {
  box-sizing: border-box;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
@media (max-width: 414px) {
  #waterproof .frp-product img.img-responsive {
    width: 100%;
  }
  #waterproof .frp-product h4 span {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
  }
}
#waterproof .btn {
  width: 95%;
  margin: 0 auto;
}
#waterproof .btn:hover {
  background-color: #658701;
}

/* #work-case */
/* case */
#work-case .caseBeforeAfter {
  background-color: #d6ccaa;
  background-image: url("images/bk/service_bk002.jpg");
  margin-bottom: 35px;
}
#work-case .caseBeforeAfter h3 {
  color: #533e00;
}
#work-case .caseBeforeAfter ul {
  margin-left: 0;
}
#work-case .caseBeforeAfter li {
  list-style: none;
  text-align: center;
  width: 50%;
  float: left;
}
#work-case .caseBeforeAfter li img {
  width: 96%;
  box-sizing: border-box;
  border: 4px solid #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
#work-case .caseBeforeAfter li span {
  display: block;
  padding-top: 6px;
}
@media (max-width: 414px) {
  #work-case .caseBeforeAfter li {
    width: 100%;
  }
}
/* flow */
#work-case .boxContent {
  background-color: #fff;
  padding: 15px 20px;
  border: 3px solid #91b740;
}
#work-case .boxContent h3 {
  font-size: 120%;
  margin-top: 0px;
  margin-bottom: 10px;
}
#work-case .boxContent p {
}
#work-case .boxContent .img-shadow {
  box-sizing: border-box;
  border: 4px solid #f9f9f9;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.2);
}
@media (max-width: 414px) {
  #work-case .boxContent .img-responsive {
    width: 100%;
  }
}
#work-case .boxContent hr.invisible {
  margin-bottom: 0px;
}

/*-------------------------------------------*/
/*	Contact Page Setting
/*-------------------------------------------*/
#content .inqTelFax {
  margin-bottom: 25px;
}
#content .inqTelFax p.lead {
  text-align: center;
  font-size: 21px;
  color: #666;
  margin-bottom: 30px;
}
#content .inqTelFax p.lead .fa {
  font-size: 1.2em;
}
#content .inqTelFax p.lead strong {
  display: inline-block;
  font-size: 1.4em;
  color: #413101;
}
@media (max-width: 659px) {
  #content .inqTelFax p.lead strong {
    padding-top: 15px;
  }
}
/* From Table Setting */
#content form table {
  border-collapse: collapse;
  border: 3px solid #91b740;
  font-size: 100%;
}
#content form table tr th,
#content form table tr td {
  border: 1px solid #91b740;
}
#content form table tr th {
  background-color: #f5f5f5;
}
#content form table tr td {
  background-color: #fff;
}
/* MailFrom Setting */
.content form input.wpcf7-submit {
	font-size: 100%;
  padding: 10px 20px 10px;;
}
#content form div.wpcf7-validation-errors, #content form span.wpcf7-not-valid-tip {
	background-color: #FF9933;
	font-weight: normal;
}
#content form div.wpcf7-validation-errors::after, #content form span.wpcf7-not-valid-tip::after {
	border-bottom: 10px solid #FF9933;
}
#content form .kakunin div.wpcf7-validation-errors, #content form .kakunin span.wpcf7-not-valid-tip {
	font-size: 90%;
}
#content form .wpcf7c-conf {
	background-color: #DAF5F0;
	color:  #999999;
	border: 1px solid #333333;
}
@media screen and (max-width: 479px) {
  #content form input[type=text],
  #content form input[type=email],
  #content form textarea {
  	width: 90% !important;
  }
}

/*-------------------------------------------*/
/*	Links Page Setting
/*-------------------------------------------*/
#links ul {
  margin-left: 5px;
  margin-right: 5px;
  border-top: 1px solid #533e00;
  border-bottom: 1px solid #e5e5e5;
}
#links ul li {
  margin-bottom: 0;
  list-style-type: none;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #533e00;
}
#links ul li a {
  text-decoration: none;
  display: block;
  padding: 15px 10px;
}
#links ul li a:hover {
  color: #333;
  background-color: #cde8c5;
}
#links ul li .fa {
  padding-right: 0.5em;
}