@charset "UTF-8";

/* ↓ 共通事項 ↓ */

body {margin: 0;background: #FFF;}
body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body {font-size: 16px;line-height: 1.5em;}


ul,ol,li,h1.h2,h3,h4,h5 {margin:0;padding:0;list-style:none;}
img {border: 0px;margin: 0px;padding: 0px;}
table {border-spacing: 0;border-collapse:collapse;}


a {text-decoration: underline;}
a:link {color: #187A47;}
a:visited {color: #187A47;}
a:hover {color: #777;}
a:active {color: #187A47;}
a:hover img{filter: brightness(80%);}


h1 {width: 100%; margin: 30px 0 0 0; background-color: #014F25; padding-top: 6px; padding-left:14px;}
h1 {font-size: 24px; color: #FFF; line-height: 1.6em;}

#mainvis-home h1 {margin:0 auto; background-color: transparent; text-align: center;padding-top:150px; padding-left:0;}
#mainvis-home h1 {font-weight: bold;font-size: 2.4em; color: #333; line-height: 1em;}

h2 {width: 880px; margin:0 auto; padding-top: 60px;padding-left: 0;}
h2 {font-size: 1.8em; color: #fff; line-height: 1.0em;}

h3 {width: 100%; margin: 30px 0 0 0; background-color: #0FA486; padding-top: 6px;}
h3 {text-align: center; font-size: 1.4em; color: #FFF; line-height: 1.6em;}

.unit1 h3 {margin: 0; background-color: transparent; }
.unit1 h3 {text-align: left; font-size: 1.6em; color: #006450; line-height: 1.3em;}

h4 {width: 880px; margin-top: 70px; border-bottom: solid 6px #0FA486; padding-left: 0;}
h4 {font-size: 1.3em; color: #444; line-height: 1.3em;}

h5 {margin: ; padding: ;}
h5 {font-size: 16px; color: #666; line-height: 1.0em;}

h6 {background-position: left center;background-repeat :repeat-x; background-image: url(../common/grayline.png); }
h6 {font-size: 12px; color: #666; line-height: 1.0em;}

#mainvis-home {width: 100%;height: 330px;background: url(../img/vis-home.jpg) center center / cover no-repeat;}
#mainvis-inov {width: 100%;height: 140px;background: url(../img/vis-inov.jpg) center center / cover no-repeat;}
#mainvis-tran {width: 100%;height: 140px;background: url(../img/vis-tran.jpg) center center / cover no-repeat;}
#mainvis-supp {width: 100%;height: 140px;background: url(../img/vis-supp.jpg) center center / cover no-repeat;}
#mainvis-chal {width: 100%;height: 140px;background: url(../img/vis-chal.jpg) center center / cover no-repeat;}
#mainvis-comp {width: 100%;height: 140px;background: url(../img/vis-comp.jpg) center center / cover no-repeat;}



.lead {font-size: 1.1em; color: #000; line-height: 1.4em;} 

.ippan {margin:30px 0;}
.image-r1 {float:right;width:500px;margin:0 0 50px 20px;}
.image-r2 {float:right;width:580px;margin:0 0 50px 20px;}
.image-r3 {float:right;width:380px;margin:0 0 50px 20px;}
.image-full {width:100%;margin:0 0 10px 0;}

.marulist {list-style-type: none;margin-left:1em;}
.marulist li{margin-bottom:0.5em;}
.marulist li:before {margin-left:-1em;content:"○"}

/* ボタン */
.btn {
  display: inline-block;
  color: #212529;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 4rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-top:1em;
}
.btn-ghost{
    border: 1px solid #999;
    color: #333;
    font-size: 1.2em;
}
.btn-ghost:hover{
    background: #ddd;
    border-color: #999;
    color: #333;
}

#home-massage .btn{color: #006450; padding: 0.375rem 4rem;}
#home-massage .btn-ghost{border: 2px solid #006450}
#home-massage .btn-ghost:hover{background: #B3E4DA;color: #00715A;}




/* header Menu */
#header		{width: 100%;margin:0;background-color:#FFF;}
.innerwidth	{width:980px;margin:0 auto;}
.innerwidth2	{width:880px;margin:0 auto;}
#topleft {margin: 0;text-align:left;float:left;font-size: 1.2em;font-weight: bold;line-height: 1.0;}
#topright {float:right;text-align:right;margin: 0;}
.logoimage{width: 125px;margin:0 0 -4px 0;}
.logo2image{width: 130px;margin-top: 26px;}
.age1{vertical-align:75%;}

/* navigation */
#topnavi{clear: both;width: 100%;background-color: #278624;}
#nav {font-size: 0.95em;text-align: right;width: 100%;margin: 0 auto;}
#nav > a {display: none;text-decoration: none;}
#nav li {position: relative;padding: 0 ;margin: 0;}
#nav ul {list-style:none;padding: 0;margin: 0;line-height: 2.4em;vertical-align:20%;}

/* first level */
#nav > ul > li {display: inline;}
#nav > ul > li > a {display:padding-top: 0.4em;padding-bottom: 0.1em;padding-left: 1.8em;}
#nav > ul > li > a {text-decoration: none;color: #fff;font-weight: bold;}
#nav > ul > li > a:hover {color: #BFDBBE;}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {color: #BFDBBE;}



/* main */
#main	{width:100%;margin: 0;padding-bottom:40px}



/*footer*/
#footer 	{width:100%;margin:0;background-color: #666;}
#footer-inner 	{width:960px;margin:0 auto;}
.copy{line-height: 1.2em;color: #FFF;text-align: center; font-size: 10pt;padding-top: 0.8em;padding-bottom: 1em;}



/* ↑ 共通事項 ↑ */




/* HOMEページ */


.homettl {margin:0 auto;font-weight: bold;font-size: 2.4em;text-align: center;padding-top:150px}

#home-massage {width: 100%;background-color: #00A584;padding-top: 30px;padding-bottom: 30px;}
.msg1 {color: #00A584;font-weight: bold;font-size: 1.3em;text-align: center;line-height: 1.3em;}

.unit1 {background-color: #fff;padding:30px;}

.home-right{float:right;width:350px;margin-left:30px;}
.home-left{float:left;width:350px;margin-right:30px;}




/* 「リニューアル工事の支援」ページ */
.photo3 {display: inline-block;font-size: 0.8em;line-height: 1.1em;}
.photo3 img {width: 289px;}
.tbl-spec {border-collapse: collapse;border:1px solid #333;width:100%;font-size: 0.94em;}
.tbl-spec th{border-collapse: collapse;border:1px solid #333;text-align:center;background-color: #278624;color: #fff;padding: 4px;}
.tbl-spec td{border-collapse: collapse;border:1px solid #333;text-align:center;padding: 3px;}


/* 企業情報 */

.tbl-gaiyou 	{font-size: 1em;line-height: 1.7em;color: #000;border-collapse: collapse;margin-top: 0;}
.tbl-gaiyou th 	{-moz-text-align-last: justify;text-align-last: justify;text-justify:inter-ideograph;text-align:justify;}
.tbl-gaiyou th 	{vertical-align:top;font-weight: bold;border-right: 3px solid #ccc;padding: 4px 10px 4px 0px;margin: 0px;}
.tbl-gaiyou td 	{text-align:left;padding: 4px 0px 10px 14px;margin: 0px;}

.seturitu {width: 100%;background-color: #E0F0E2;padding-top: 20px;padding-bottom: 20px;}
.seturitu p{margin:0 45px;line-height: 1.8em;}
.setu-ttl{font-size: 1.25em;font-weight: bold; color: #00A785;}

.keikaku1 {width: 100%;background-color: #E0F4F0;padding-top: 30px;padding-bottom: 30px;}
.keikaku1 {font-size: 1.1em;line-height: 1.7em;color: #000;}
.keikaku1 li{margin-left:45px}

.keikaku2 li{font-size: 0.9em;line-height: 2em;color: #000;}
.keikaku2 li span{}






/* 調整アイテム */
.mt-15{margin-top: -15px;}
.mt0{margin-top: 0;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}

.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}

.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml50{margin-left: 50px;}

.mr20{margin-right: 20px;}
.mr40{margin-right: 40px;}


.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}

.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}

.pl50{padding-left: 50px;}

.bg-gray {background-color: #ECECEC;}
.bg-lblue {background-color: #E0F4F0;}

.cf{clear: both;}
.hoso {font-weight: normal;}
.futo {font-weight: bold;}
.text-center {text-align: center !important;}
.text-right {width:auto; text-align: right !important;}
.text-left {width:auto; text-align: left !important;}
.text-wide {letter-spacing: 0.3em;}
.text-wide2em {letter-spacing: 2em;}