@charset "utf-8";
/*
Theme Name: theme002
Theme URI: http://theme.o2gp.com/
Description: theme002
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple
*/

@import url("/module/wp-content/themes/matsui_k/common.css");
@import url("/module/wp-content/themes/matsui_k/css/slicknav.css");
@import url("/module/wp-content/themes/matsui_k/css/flexslider.css");
@import url("/module/wp-content/themes/matsui_k/css/margin.css");

/*-------------------------------------------------

コンテンツ共通

-------------------------------------------------*/
.img100{
	width:100%;
	max-width:100%;
	height:auto;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
.tx-right{text-align:right;}
.wp-image-129,.mb30{margin-bottom:30px;}
.mt30{margin-top:30px !important;}
.pl20{padding-left:20px !important;}
.c{margin-right:15px;}
h2 span{
	font-size:14px;
	padding-left:20px;
}
h4{
	font-size:18px;
	margin:10px 0;
	padding:5px 0 5px 25px;
	border-left:5px solid #00A46A;
	border-top:1px solid #00A46A;
}
h4.pt02{
	font-size:16px;
	margin:10px 0;
	padding:3px 0 3px 15px;
	border-left:5px solid #00A46A;
	border-top:none;

}
h4.pt02 span{
	font-size:14px;
	font-weight:normal;
}
ol.phi{
	padding-left:45px;
}
hr.jimusyo {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
	margin:40px 0 40px 0;
}
/*-------------------------------------------------

投資家のみなさまへ

-------------------------------------------------*/
ul.linkList{
	clear:both;
	margin-bottom:30px;
}

ul.linkList li{
	position: relative;
	display:inline-block;
	width:32%;
}
ul.linkList li.long{
	width:40%;
}
ul.linkList li.ful{
	width:100%;
}

ul.linkList li a {
	padding:3px 20px;
}
ul.linkList li a::after {
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media (max-width: 767px) {
ul.linkList li{
	width:100%;
}
ul.linkList li.long{
	width:100%;
}
}


/*-------------------------------------------------

サイトマップ

-------------------------------------------------*/

 .wsp-pages-title,.wsp-posts-title{
	font-family:"Lato", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	padding: 10px 20px;
	margin: 0 0 30px 0;
	background: #00A46A;
	clear:both;
}

ul.wsp-pages-list,ul.wsp-post{
	clear:both;
	margin-bottom:30px;
}

ul.wsp-pages-list li,ul.wsp-post{
	display:block;
}

ul.wsp-pages-list li a,li.wsp-post a {
	padding:3px 20px;
	position: relative;
}
ul.wsp-pages-list li a::after,li.wsp-post a::after {
	position: absolute;
	top: 45%;
	left: 0px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.page_item_has_children{

}


ul.wsp-pages-list li{
	margin-left:20px;
}

ul.wsp-pages-list ul ul{
	margin-left:20px;
}

/*企業行動憲章page*/
.col100{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	overflow:hidden;
}
.col100 .col50{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
}
.col100 .col50 img{
	max-width:100%;
	height:auto;
}

@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.col100{
	width:96%;
	margin:0 auto 15pxauto;
	padding:0;
	overflow:hidden;
}
.col100 .col50{
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	float:none;
}
}
/*あゆみ（沿革）page*/
#history_dl{
	width:100%;
}
#history_dl dt{
	float: left;
	font-weight: bold;
	color: #333;
	padding: 1em 0 1em 10px;
}
#history_dl dd{
	margin: 0;
	padding: 1em 0 1em 11em;
	border-bottom: dotted 1px #ccc;
}
/*耐震補強工法page*/
.tyusyaku{
	font-size:12px;
	line:height:14px;
	text-align:center;
}
.dlPtn1{
	overflow:hidden;
}
.dlPtn1 dt{
	float: left;
	margin: 0;
	padding: 0;
}
.dlPtn1 dd{
	margin: 0;
	padding: 0;
	float: left;
}
.dlPtn1 dd ol{
	margin-top: 0;
}
ol {
    display: block;
   list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 35px;
	padding-left:35px;
}
ol.ruma{
	list-style-type:upper-roman;
}
.green{
	color:#00A46A;
	font-weight:bold;
}
.bd{
	font-weight:bold;
}
.bd span{
	display:block;
	padding-left:20px;
	font-weight:normal;
}
/*中期経営計画page*/
.table01{
	width:100%;
    border-collapse: collapse;
    border:1px solid #333;
}
.table01 th{
	text-align:center;
	vertical-align:middle;
	width:25%;
    border-collapse: collapse;
    border:1px solid #333;
}
.table01 td{
	padding:10px;
	border-collapse: collapse;
 	border:1px solid #333;
}
/*協力会社の皆様へ*/
.ptbox{
	width:94%;
	margin:20px 0;
	padding:25px 3%;
	background:#F0FFFA;
	border:1px solid #00A46A;
	border-radius:5px;
}
#content .ptbox h3{
	font-size:17px;
	margin-bottom:10px;
}
#content .ptbox h3 span{
	font-size:14px;
	font-weight:normal;
	display:block;
}
#content .ptbox p{
	margin:0;
}
#content .ptbox p.txr{
	text-align:right;
}
#content .ptbox p span{
	display:block;
	font-weight:bold;
	padding:10px 0;
}
.ptbox ul{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.ptbox ul li.l{
	width:40%;
}
.ptbox ul li{
	width:60%;
	margin:0;
	padding:0;
	float:left;
	display:block;
}
p.dl{
	font-size:14px;
	padding-left:20px;
}
span.ul{
	font-weight:bold;
	text-decoration: underline;
}
ul.anai li ul{
	padding-left:30px;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.ptbox ul li.l{
	width:100%;
}
.ptbox ul li{
	width:100%;
	margin:0;
	padding:0;
	float:left;
	display:block;
}
.ptbox ul li.l.mbnone{
	display:none;
}
}
/*役員一覧page*/
.yakuin{
	width:100%;
	margin:20px 0;
	border-collapse: collapse;
	border:1px solid #333;
}
.yakuin th{
	text-align:left;
	font-weight:normal;
	padding:10px 0 10px 25px;
	vertical-align:middle;
	width:40%;
	border-collapse: collapse;
	border:1px solid #333;
	background:#F0FFFA;
}
.yakuin td{
	padding:10px;
	border-collapse: collapse;
 	border:1px solid #333;
	background:#F0FFFA;
}
.yakuin th.head,.yakuin td.head{
	background:#FFF0F0;
}
.yakuin td span{
	display:block;
	float:right;
}
h3.yaku{
	background:none;
	color:#00A46A;
	padding:0;
	margin:0 0 15px;
}
.yakuinbox{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.yakuinbox .ykl{
	width:49%;
	margin:0 1% 0 0;
	padding:0;
	float:left;
}
.yakuinbox .ykr{
	width:49%;
	margin:0 0 0 1%;
	padding:0;
	float:left;
}
 dl.directorList {
	border-top: 1px solid #bcbcbc;
	margin-bottom:15px;
}
dl.directorList dt {
	clear: left;
	float: left;
	width: 10em;
	padding: 5px 0.5em 5px 0;
}
dl.directorList dd {
	margin-left: 0;
	padding: 5px 0.5em 5px 11em;
	zoom: 0;
}
dl.directorList dd:last-child{
	border-bottom: 1px solid #bcbcbc;
}

 dl.directorList.bdn,dl.directorList dd.bdn{
	border-bottom: 1px solid #bcbcbc;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.yakuinbox .ykl{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	float:none;
}
.yakuinbox .ykr{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	float:none;
}
.yakuin th{
	text-align:left;
	font-weight:normal;
	padding:10px 0 10px 3%;
	vertical-align:middle;
	width:97%;
	display:block;
	border-collapse: collapse;
	border:1px solid #333;
	background:#F0FFFA;
}
.yakuin td{
	width:97%;
	display:block;
	padding:10px 0 10px 3%;
	border-collapse: collapse;
 	border:1px solid #333;
	background:#F0FFFA;
}
}
/*グループ企業page*/
.group{
	width:100%;
	margin:0 0 30px 0;
}
.group td{
	text-align:left;
	vertical-align:top;
	padding:5px 0;
}
.group td.fir{
	width:20%;
}
.group td.ct{
	width:20%;
}
hr.gr {
	border-top: 1px solid #00A46A;
	margin-bottom:20px;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {

}
/*リフォーム相談page*/
.tblFmt-1{
	margin: 15px 0;
	border-collapse: collapse;
}
.tblFmt-1 th,
.tblFmt-1 td{
	border: 1px solid #333;
	padding: 7px 10px;
}
.tblFmt-1 th{
	background: #F0FFFA;
}
.tblFmt-1 th,
.tblFmt-1 td{
	text-align: center;
}
/*メンテナンス相談page*/
#normal dt{
	float: left;
	width: 100%;
	padding: 0 0 0 4em;
	font-weight:bold;
}
#normal dd{
	float: left;
	width: 100%;
	padding: 10px 0 1em 4em;
}
#process{
	float: left;
	width: 100%;
	padding: 0 0 0 4em;
}
#process dl{
	margin-bottom: 2px;
}
#process dt{
	float: left;
	padding-top: 1px;
	font-weight: bold;
}
#process dd{
	margin: 0 ;
	padding: 1px 0 3em 20ex;
	background: url(/module/wp-content/themes/matsui_k/wp-content/uploads/2016/04/arrow_bottom-green.gif) no-repeat 10em 2em;
}
#process dd.last {
	background: none;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
#normal dt{
	float: left;
	width: 100%;
	padding: 0;
	font-weight:bold;
}
#normal dd{
	float: left;
	width: 100%;
	padding: 10px 0 1em 0;
}
#process{
	float: none;
	width: 100%;
	padding: 0;
	overflow:hidden;
}
#process dl{
	margin-bottom: 2px;
}
#process dt{
	float: left;
	width: 100%;
	padding-top: 1px;
	font-weight: bold;
}
#process dd{
	margin: 0 ;
	width: 100%;
	padding: 1px 0 3em 0;
	background: url(/module/wp-content/themes/matsui_k/wp-content/uploads/2016/04/arrow_bottom-green.gif) no-repeat 10em 4em;
}
}
/*ボタン*/
.btnbox{
	width:100%;
	margin:15px 0;
	text-align:center;
}
.button {
	display: inline-block;
	width: 250px;
	padding:20px 0;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	background-color: #00A46A;
	border: 2px solid #00A46A;
	color: #fff;
}
.button.st{
	background-color: #3FC269;
	border: 2px solid #3FC269;
}
.button.ei{
	background-color: #fff;
	border: 2px solid #fff;
	color: #00A46A;
}
.button:hover {
	background-color: #fff;
	border-color: #00A46A;
	color: #00A46A;
}
/*アフターサービス連絡先*/
.after{
	text-align:center;
	padding:30px 0 15px;
	border:1px solid #ccc;
}
.after p.big{
	font-size:24px;
	line-height:30px;
}
.after p.big span{
	display:block;
	text-decoration: underline;
}
.after p.tel{
	font-size:30px;
	line-height:36px;
}
.after p.tel span.red-ud{
/*border-bottom: solid 3px #ff0000;*/
background: linear-gradient(transparent 90%, #ff0000 90%);

}
/*社会貢献活動*/
.col100 .kkl{
	width:57%;
	margin:0 3% 0 0;
	padding:0;
	float:left;
}
.col100 .kkr{
	width:40%;
	margin:0;
	padding:0;
	float:left;
	text-align:right;
}
.col100 .kkr img{
	max-width:100%;
	text-align:right;
}
.col100 .kkr p{
	text-align:center;
}
.col100 .kkl p.green{
	margin-bottom:5px !important;
}
.col100 .kkr p span{
	display:block;
	font-size:10px;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.col100 .kkl{
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	float:none;
}
.col100 .kkr{
	width:100%;
	margin:0;
	padding:0;
	float:left;
	text-align:none;
}
}
/*品質?安全?環境方針*/
.col100 .col70{
	width:70%;
	margin:0 3% 0 0;
	padding:0;
	float:left;
}
.col100 .col30{
	width:27%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
.col100 .col70 div{
	width:100%;
	margin:0;
	padding:0;
	background:#F0FFFA;
	border:1px solid #00A46A;
	border-radius:5px;	
}
.col100 .col70 div h4{
	text-align:center;
	background:#00A46A;
	padding:5px 0;
	color:#fff;
}
.col100 .col70 div p{
	padding:10px 20px;
}
.col100 .col80{
	width:79%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
}
.col100 .col20{
	width:19%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
.col100 .col80 div{
	width:100%;
	margin:0;
	padding:0;
	background:#F0FFFA;
	border:1px solid #00A46A;
	border-radius:5px;	
}
.col100 .col80 div h4{
	text-align:center;
	background:#00A46A;
	padding:5px 0;
	color:#fff;
}
.col100 .col80 div table{
	width:94%;
	margin:10px auto;
	padding:0;
}
.col100 .col80 div table th{
	font-size:12px;
	text-align:center;
	padding:5px 0;
	border-bottom:1px solid #00A46A;
}
.col100 .col80 div table td{
	font-size:12px;
	text-align:center;
	padding:5px 0;
	border-bottom:1px solid #00A46A;
}

.col100 .colall div{
	width:98%;
	margin:0 auto;
	padding:0;
	background:#F0FFFA;
	border:1px solid #00A46A;
	border-radius:5px;	
}
.col100 .colall div h4{
	text-align:center;
	background:#00A46A;
	padding:5px 0;
	color:#fff;
}
.col100 .colall div p{
	padding:10px 20px;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.col100 .col70{
	width:99%;
	margin:0 0 10px 0;
	padding:0;
	float:none;
}
.col100 .col30{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}
.col100 .col80{
	width:99%;
	margin:0 0 10px 0;
	padding:0;
	float:none;
}
.col100 .col20{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}
}
/*環境への取り組み2*/
.col100 .col60{
	width:55%;
	margin:0 3% 0 0;
	padding:0;
	float:left;
}
.col100 .col40{
	width:42%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
.col100 .col60 div{
	width:100%;
	margin:0;
	padding:0;
	background:#F0FFFA;
	border:1px solid #00A46A;
	border-radius:5px;	
}
.col100 .col60 div h4{
	text-align:center;
	background:#00A46A;
	padding:5px 0;
	color:#fff;
}
.col100 .col60 div p{
	padding:10px 20px;
}
.gr_box{
	width:96%;
	margin:20px 0;
	padding:15px 2%;
	background:#F0FFFA;
	border-radius:5px;
}
.gr_box h4{
	width:50%;
	font-size:14px;
	margin:0 auto;
	padding:5px 0;
	color:#fff;
	text-align:center;
	background:#00A46A;
}
.gr_box h4.al{
	width:100%;
}
.gr_box table{
	margin:15px 0 0 0;
	font-size:12px;
}
.gr_box table thead th{
	background:#fff;
	padding:5px 0;
	border-right:1px solid #00A46A;
	border-bottom:1px solid #00A46A;
}
.gr_box table thead th.tb{
	border-top:1px solid #00A46A;
}
.gr_box table tbody td{
	font-size:11.5px;
	padding:5px 0 5px 5px;
	text-align:left;
	border-bottom:1px solid #00A46A;
	border-right:1px solid #00A46A;
}
.gr_box table thead th:last-child,
.gr_box table tbody td:last-child{
	border-right:none;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.col100 .col60{
	width:99%;
	margin:0 0 10px 0;
	padding:0;
	float:none;
}
.col100 .col40{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}
}
/*代表挨拶*/
.col100 .col65{
	width:63%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
}
.col100 .col35{
	width:35%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
.col100 .col35 img{
	max-width:100%;
	height:auto;
	margin-bottom:15px;
}
.col100 .col65 p{
	line-height:1.5;
}
.col100 .col30l{
	width:30%;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
.col100 .col70l{
	width:68%;
	margin:0 0 0 2%;
	padding:0;
	float:left;
}
.col100 .col30l img{
	max-width:100%;
	height:auto;
	margin:15px 0;
}
.col100 .col70l p{
	line-height:1.5;
	font-size:13px;
}
@media (max-width: 767px) {
.col100 .col65{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	float:none;
}
.col100 .col35{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}
.col100 .col35 img{
	max-width:100%;
	height:auto;
	margin-bottom:15px;
}
.col100 .col65 p{
	line-height:1.5;
}
.col100 .col30l{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	float:none;
	text-align:center;
}
.col100 .col70l{
	width:100%;
	margin:0;
	padding:0;
	float:none;
}
}

/*会社概要*/
.company{
	width:100%;
	margin:0 0 25px 0;
	padding:0;
}
.company th{
	width:28%;
	font-weight:normal;
	padding:5px 0 5px 15px;
	text-align:left;
	border-bottom:1px solid #ccc;
}
.company td{
	padding:5px 0 5px 5px;
	border-bottom:1px solid #ccc;
}
.company td.txr{
	text-align:right;
	padding-right:50%;
}
.company td.txr2{
	text-align:right;
	padding-right:21%;
}
.kabu .company th{
	width:45%;
	font-weight:normal;
	padding:5px 0 5px 15px;
	text-align:left;
	border-bottom:1px solid #ccc;
}
.kabu .company td{
	padding:5px 0 5px 5px;
	border-bottom:1px solid #ccc;
}
.kabu .company td.txr{
	text-align:right;
	padding-right:50%;
}
.kabu .company td.txr2{
	text-align:right;
}
.kabu .company td.pd30{
	padding-right:30px;
}

#summary .company td dl.siten{
	overflow:hidden;
	margin-bottom:0;
	padding:0 0 5px 0;
}
#summary .company td dl.siten dt{
	width:60px;
	float: left;
	padding: 0;
	font-weight:normal;
}
#summary .company td dl.siten dd{
	margin: 0 ;
	padding: 1px 0 0 60px;
	border:none;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.company{
	width:98%;
	margin:0 0 25px 0;
	padding:0;
}
.company th{
	width:98%;
	display:block;
	font-weight:normal;
	padding:5px 0 5px 15px;
	text-align:left;
	border-bottom:1px solid #ccc;
	background:#ccc;
}
.company td{
	width:98%;
	display:block;
	padding:5px 0 5px 5px;
	border-bottom:none;
}
.kabu .company th{
	width:100%;
	display:block;
	font-weight:normal;
	padding:5px 0 5px 0;
	text-align:center;
	border-bottom:none;
}
.kabu .company td{
	width:100%;
	display:block;
	padding:5px 0 5px 0;
	border-bottom:1px solid #ccc;
}
.company td.txr{
	text-align:right;
	padding-right:0;
}
.company td.txr2{
	text-align:right;
	padding-right:0;
}
.kabu .company td.txr{
	text-align:center;
	padding-right:0;
}
.kabu .company td.txr2{
	text-align:center;
}
.kabu .company td.pd30{
	padding-right:0;
}
}
/*決算短信等*/
dl.kesan{
	overflow:hidden;
	padding:0 0 20px 0;
	border-bottom:1px solid #ccc;
}
dl.kesan dt{
	width:160px;
	float: left;
	padding-top: 1px;
}
dl.kesan dd{
	margin: 0 ;
	padding: 1px 0 5px 30px;
}
/*施工実績一覧*/
.jissekibox{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.jissekibox li{
	width:32%;
	margin:0 2% 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #ccc;
	float:left;
	text-align:center;
}
.jissekibox li div{
	background:#c1c1c1;
	padding:2%;
	overflow:hidden;
}
.jissekibox li div img{
	max-width:30%;
	height:auto;
	float:left;
}
.jissekibox li div h3{
	width:65%;
	margin-left:3%;
	padding:0;
	background:none;
	font-size:14px;
	display:inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.jissekibox{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.jissekibox li{
	width:100%;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
	float:left;
	text-align:center;
}
.jissekibox li div{
	background:#c1c1c1;
	padding:2%;
	overflow:hidden;
}
.jissekibox li div img{
	max-width:30%;
	height:auto;
	float:left;
}
.jissekibox li div h3{
	width:65%;
	margin-left:3%;
	padding:0;
	background:none;
	font-size:14px;
	display:inline-block;
}
}
/*施工実績個別*/
.jissekibox02{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.jissekibox02.mb40{margin-bottom:40px !important}
.jissekibox02 li{
	width:32%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
	text-align:center;
}
.jissekibox02 li:nth-child(3n) {
margin-right:0;
}
.jissekibox02 li img{
	max-width:100%;
	height:auto;
}
.jissekibox02 li p.kakudai img{
	max-height:400px;
}
.jissekibox02 li span{
	text-align:center;
}
.jissekibox02::after {
	content: "";
	display: block;
	clear: left;
}
.modal > label {
/*background: #FFD300;*/
color: #0e1bbb;
cursor: pointer;
display: block;
}
.modal-overlay {
background:rgba(0,0,0,0.8);;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align:center;
}
.modal-wrap {
position: relative;
margin: 5% auto 0 auto;
width: 100%;
}
.modal-wrap label {
background: #FFD300;
width:30px;
height:30px;
line-height:30px;
color: #000;
cursor: pointer;
display: inline-block;
}
.modal input {
position: absolute;
z-index: -9999;
visibility: hidden;
}
.modal-overlay {
opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
z-index: -999;
}
input:checked ~ .modal-overlay {
opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1);
z-index: 999999;
}
.modal-wrap table{
	max-width:510px;
	margin:15px auto;
	border-collapse: collapse;
	border:1px solid #fff;
}
.modal-wrap table th,.modal-wrap table td{
	color:#fff;
}
.modal-wrap table th{
	width:40%;
	font-weight:normal;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.modal-wrap table td{
	border-bottom:1px solid #fff;
}
.modal-wrap a{
color: #ff0000 !important;
}
 @media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.jissekibox02 li{
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	text-align:center;
}
.jissekibox02 li img{
	max-width:100%;
	max-height:50%;
	width:auto;
	height:auto;
}
.modal-wrap video{
	max-width:100%;
}
}
/*----------------------------------------------------
    レスポンシブテーブル
----------------------------------------------------*/
table.tabl01   { width: 100%; }
table.tabl01 th, table.tabl01 td  { padding: 10px; border: 1px solid #ddd; }
table.tabl01 th,table.tabl01 td:first-child  { background: #F0FFFA; }

table.tabl01 th  { width: 10%; }
table.tabl01 td  { text-align: center; }
table.tabl01 td:first-child  { text-align: left; }
@media only screen and (max-width: 800px) { 
    table.tabl01 { 
        display: block; 
        width: 100%; 
        margin: 0 -10px;
    }
    table.tabl01 thead{ 
        display: block; 
        float: left;
        overflow-x:scroll;
    }
    table.tabl01 tbody{ 
        display: block; 
        width: auto; 
        overflow-x: auto; 
        white-space: nowrap;
    }
    table.tabl01 th{ 
        display: block;
        width:auto;
    }
    table.tabl01 tbody tr{ 
        display: inline-block; 
        margin: 0 -3px;
    }
    table.tabl01 td{ 
        display: block;
    }
}
table.tabl02   { width: 100%; }
table.tabl02 th, table.tabl02 td  { padding: 10px 5px; border: 1px solid #ddd; font-size:11px; font-weight:normal; }
table.tabl02 th,table.tabl02 td:first-child  { background: #F0FFFA; }

table.tabl02 th  { width: 18%; }
table.tabl02 th:first-child  { width: 10%; }
table.tabl02 td  { text-align: center; }
table.tabl02 td:first-child  { text-align: left; }
@media only screen and (max-width: 800px) { 
    table.tabl02 { 
        display: block; 
        width: 100%; 
        margin: 0 -10px;
    }
    table.tabl02 thead{ 
        display: block; 
        float: left;
        overflow-x:scroll;
    }
    table.tabl02 tbody{ 
        display: block; 
        width: auto; 
        overflow-x: auto; 
        white-space: nowrap;
    }
    table.tabl02 th{ 
        display: block;
        width:130px;
    }
table.tabl02 th:first-child  { width: 130px; }
    table.tabl02 tbody tr{ 
        display: inline-block; 
        margin: 0 -3px;
    }
    table.tabl02 td{ 
        display: block;
    }
}

/*事業所一覧*/
/*dl.ofice{
	overflow:hidden;
	margin-bottom:5px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #ccc;
}
dl.ofice dt{
	width:100px;
	float: left;
	padding-top: 1px;
}
dl.ofice dd{
	margin: 0 ;
	padding: 1px 0 0 100px;
}
.col100 .col25{
	width:23%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
}
.col100 .col75{
	width:75%;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
.col100 .col25 .button{
	width:100%;
	height:57px;
	padding:15px;
}*/
/*事業所一覧*/
dl.ofice{
	overflow:hidden;
	margin-bottom:5px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #ccc;
}
dl.ofice dt{
	width:100px;
	float: left;
	padding-top: 1px;
}
dl.ofice dd{
	margin: 0 ;
	padding: 1px 0 0 100px;
	letter-spacing:-0.03em;
}
dl.ofice dd.sendai{
	font-size:13px;
	letter-spacing:-0.06em;
}
dl.ofice dd span{
	font-size:12px;
	display:block;
	float:right;
}
dl.ofice dd span.mgsp{
	margin-right:46px;
}
dl.ofice dd span.mgsp.dai{
	margin-right:0px !important;
}
.col100 .col25{
	width:13%;
	margin:0 1% 0 0;
	padding:0;
	float:left;
}
.col100 .col75{
	width:86%;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
.col100 .col25 .button{
	width:100%;
	height:32px;
	padding:5px;
	line-height: 20px;
	font-size:13px;
}
 @media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
.col100 .col25{
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	float:none;
}
.col100 .col75{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:left;
}
.col100 .col25 .button{
	width:30%;
	height:32px;
	padding:5px;
	line-height: 20px;
	font-size:13px;
}
}
/*行動計画*/
#content ol.kplan ul li p{
	margin-bottom:5px;
}
ol.kplan ul li dl{
	overflow:hidden;
	margin-bottom:5px;
	padding:0 0 5px 0;
}
ol.kplan ul li dl dt{
	width:100px;
	float: left;
	padding-top: 1px;
}
ol.kplan ul li dl dd{
	margin: 0 ;
	padding: 1px 0 0 100px;
}
/*太陽光発電*/
.w90{
	width:90%;
	margin:0 auto;	
	padding:15px 0;
}
.w90 p{
	margin-bottom:5px !important;
}
.w90 table tr{
	border-bottom:1px solid #c1c1c1;
}
.w90 table tr:first-child{
	border-top:1px solid #c1c1c1;
}
.w90 table th,.w90 table td{
	text-align:center;
	font-weight:normal;
	padding:10px 0;
}
.w90 table td span{
	font-size:80%;
}
.taiyo{
	border:2px solid #00A46A;
	padding:0 1%;
	margin:15px 0;
	overflow:hidden;
}
.taiyo .t_l{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
}
.taiyo .t_r{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
}
.taiyo .t_l p{
	font-size:12px;
}
.taiyo .t_l p.s{
	font-size:11.5px;
}
.taiyo .t_r img{
	max-width:100%;
	padding:10px 0;
}
@media (max-width: 767px) {
.taiyo{
	width:96%;
	border:2px solid #00A46A;
	padding:0 2%;
	margin:15px 0;

}
.taiyo .t_l{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	float:none;
}
.taiyo .t_r{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}
}
/* 問い合わせフォームプラグイン「MW WP FORM」用 */
.mw_wp_form table th{
	background:none;
	width:20%;
}
.mw_wp_form table tr{
	border-bottom:1px solid #eee;
}
.mw_wp_form table tr:first-child{
	border-top:1px solid #eee;
}
.mw_wp_form table th,
.mw_wp_form table td{
	border:none;
	padding:15px 0;
}
.mw_wp_form table{
	margin: 25px 0;
}
.mw_wp_form table input[type="radio"]{
  margin-right:4px;
}
.mw_wp_form input[type="submit"],
.wpcf7-submit{
  background:#333;
  color:#fff;
  border:none;
  border-bottom:3px solid #ddd;
  border-right:3px solid #ddd;
  padding:1em 3em;
  min-width:40%;
  max-width:85%;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  display:block;
  margin:auto;
  position:relative;
}
.mw_wp_form input[type="submit"]:hover,
.wpcf7-submit:hover{
  background:#666;
}
.siryou .mwform-checkbox-field{
	width:200px;
	float:left;
	display:block;
	margin:0 0 15px 0 !important;
	
}
.siryou .mwform-checkbox-field:nth-child(1){
	height:135px;
	background:url(/module/wp-content/themes/matsui_k/img/inquiry_01.jpg) no-repeat right bottom;
}
.siryou .mwform-checkbox-field:nth-child(2){
	height:135px;
	background:url(/module/wp-content/themes/matsui_k/img/inquiry_02.jpg) no-repeat right bottom;
}
.siryou .mwform-checkbox-field:nth-child(3){
	height:135px;
	background:url(/module/wp-content/themes/matsui_k/img/inquiry_03.jpg) no-repeat right bottom;
}
.siryou .mwform-checkbox-field:nth-child(4){
	height:135px;
	background:url(/module/wp-content/themes/matsui_k/img/inquiry_04.jpg) no-repeat right bottom;
}
.siryou .mwform-checkbox-field:nth-child(5){
	height:135px;
	background:url(/module/wp-content/themes/matsui_k/img/inquiry_05.jpg) no-repeat right bottom;
}
.siryou .mwform-checkbox-field:nth-child(6){
	height:135px;
	background:url(/module/wp-content/themes/matsui_k/img/inquiry_06.jpg) no-repeat right bottom;
}
.siryou .mwform-checkbox-field:nth-child(7){
	height:135px;
	background:url(/module/wp-content/themes/matsui_k/img/inquiry_07.jpg) no-repeat right bottom;
}
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 4%;
  /*margin-bottom: 14px;*/
  font-size: 1em;
  color: #444;
  border-radius: 3px;
  vertical-align: middle;
  -webkit-box-shadow:0 0 3px #eee inset;
  -moz-box-shadow:0 0 3px #eee inset;
  box-shadow:0 0 3px #eee inset;
  border: 0;
  width: 92%;
  width: 100%\0/; /*IE9用 */
  max-width: 92%;
  max-width: 100%\0/; /*IE9用 */
  background-color: #eaedf2;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }

#main input[type="text"],
#main input[type="password"],
#main input[type="datetime"],
#main input[type="datetime-local"],
#main input[type="date"],
#main input[type="month"],
#main input[type="time"],
#main input[type="week"],
#main input[type="number"],
#main input[type="email"],
#main input[type="url"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="color"],
#main select,
#main textarea,
#main .field {
  padding: 0 2%;
  width: 96%;
  width: 100%\0/; /*IE9用 */
  max-width: 96%;
  max-width: 100%\0/; /*IE9用 */
}
.gyosyapw{

}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  background-image: url(/module/wp-content/themes/matsui_k/library/images/select_arrow.png);
  background-repeat: no-repeat;
  background-position: 97.5% center;
  background-size:9px; }

a.pdf{
	background:url(/module/wp-content/themes/matsui_k/img/icon_pdf.png) no-repeat right top;
	padding-right:30px;
}
/*リンク一覧*/
#summary{
	margin: 0 0 20px;
}
#summary dt{
	float: left;
	font-weight: bold;
	color: #333;
	padding-left: 50px;
}
#summary dd{
	margin-left: 0;
	padding-left: 20em;
	margin-bottom: 15px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 3px;
}
#summary dd ul{
	margin: 0;
	padding: 0 0 0 2em;
}

/*-------------------------------------------------

movieList

-------------------------------------------------*/

ul#movieList li div.modal{
	display:block;
	font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #00A46A;
	font-size:18px;
	text-align:center;
	/*border:1px solid #00A46A;*/
	margin:0 0 10px 0;
}
ul#movieList li div.modal label{
	/*padding:70px 10px;*/
	padding:0;
	color:#00A46A;
}
ul#movieList li div.modal .modal-wrap label{
	padding:0;
}
ul#movieList li div.modal:hover{
	color:#FFF;
	text-decoration:none;
	/*background:#00A46A;*/
}
ul#movieList li div.modal:hover label{
	color:#FFF;
}
ul#movieList li p{
	text-align:center;
}
ul#movieList li p span{
	display:block;
	font-size:16px;
	font-weight:bold;
}
ul#movieList li p.txL{
	text-align:left;
	margin-top:40px;
}
 @media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {

}
.kesansk,.wp-table-reloaded{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.kesansk th,td.column-1{
padding:4px;
text-align: left !important;
vertical-align: top;
color: #444;
background-color: #F0FFFA !important;
border-left: 3px double #00A46A;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.02em;
    word-wrap: break-word;
}
.kesansk td,.wp-table-reloaded td{
padding:4px;
background-color: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align:center;
}

/*ポップアップ*/
.pop_wrap {
    clear: both;
    position: relative;
    width: 96%;
    padding: 30px 2%;
    margin: 0 auto;
}
.popBox h2{
	border-left:5px solid #00A46A;
}
.popBox #content{
	width:100%;
	margin:0 auto;
}
.popBox .btnmp{
	position:absolute;
	top:23%;
	right:245px;
}
.popBox .btn{
	position:absolute;
	top:23%;
	right:2%;
}
@media screen and (max-width:880px) {
ul#movieList li p.txL{
	text-align:center;
	margin-top:0px;
}

.pop_wrap {
    width: 100%;
    padding: 30px 0;
}
.popBox h2{
	font-size:16px;
}
.popBox .btn,.popBox .btnmp{
	display:none;
}
}
/*あゆみ（沿革）pageレイアウトテスト用*/
.his_box{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.his_box .his_l{
	width:58%;
	margin:0 2% 0 0;
	padding:0;
	float:left;
}
.his_box .his_r{
	width:40%;
	margin:0;
	padding:0;
	float:left;
	text-align:right;
}
.his_box .his_r div{
	display:block;
	overflow:hidden;
	margin:0 0 150px 0;
}
.his_box .his_r div.mt100{
	margin-top:130px;
}
.his_box .his_r div.mt200{
	margin-top:250px;
	margin-bottom:20px;
}
.his_box .his_r div.mt300{
	margin-top:300px;
	margin-bottom:20px;
}
.his_box .his_r div.mt500{
	margin-top:350px;
	margin-bottom:20px;
}
.his_box .his_r p{
	font-size:12px;
	text-align:left;
	letter-spacing:-0.03em;
}
.his_box .his_r p.kibana{
	max-width:198px;
	float:right;
	display:block;
}
.his_box .his_r p.go{
	width:250px;
	float:right;
	display:block;
}
.his_box .his_l #history_dl{
	width:100%;
}
.his_box .his_l #history_dl dt{
	width:100%;
	font-weight: bold;
	color: #333;
	padding: 0.5em 0 0 10px;
	display:block;
}
.his_box .his_l #history_dl dd{
	margin: 0;
	padding: 1em 0 0.5em 10px;
	border-bottom: dotted 1px #ccc;
	display:block;
	font-size:13px;
}
.his_box .his_l #history_dl dd ul{
	display:block;
	clear:both;
}
.his_box .his_l #history_dl dd ul li{
	background:url(/module/wp-content/themes/matsui_k/img/maru.png) left 7px no-repeat;
	padding-left:13px;
}
.inqbox{
	margin-top:50px;
}

@media screen and (max-width:880px) {
.his_box .his_l{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	float:none;
}
.his_box .his_r{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}
.his_box .his_r div{
	display:block;
	overflow:hidden;
	margin:0 0 50px 0;
}
.his_box .his_r div.mt100{
	margin-top:50px;
}
.his_box .his_r div.mt500{
	margin-top:50px;
	margin-bottom:20px;
}
.his_box .his_r p{
	font-size:12px;
	text-align:center;
	letter-spacing:-0.03em;
}
.his_box .his_r p.kibana{
	max-width:100%;
	width:auto;
	float:none;
	display:block;
}
.his_box .his_r p.go{
	width:auto;
	float:none;
	display:block;
}
}
.img_box{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	overflow:hidden;
	text-align:center;
}
.img_box .img_l{
	width:55%;
	margin:0;
	padding:0;
	float:left;
}
.img_box .img_r{
	width:43%;
	margin:0 0 0 2%;
	padding:0;
	float:left;
}
.img_box .img_l img{
	max-width:100%;
}
ul.yoko{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
ul.yoko li{
	width:auto;
	display:block;
	float:left;
	margin:0 20px 0 0;
	padding:0;
}

/* ---------------------------------------------------
 PLUGIN WP-Page Navi
---------------------------------------------------- */
.wp-pagenavi { font-weight: normal; margin-top:30px; text-align:center;}
.wp-pagenavi a, .wp-pagenavi a:link {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #00A46A;
}
.wp-pagenavi a:visited {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e7e8e3;
}
.wp-pagenavi a:hover {
  border: 1px solid #0090db;
  color: #fff;
  background-color: #00A46A;
}
.wp-pagenavi a:active {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #aaa;
  color: #666;
  background-color: #00A46A;
}
.wp-pagenavi span.pages {
  padding: 1px 5px 1px 5px; 
  margin: 3px 4px;
  color: #666;
  border: 1px solid #aaa;
  background-color: #e7e8e3;
}
 .wp-pagenavi span.current {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  border: 1px solid #00A46A;
  color: #fff;
  background-color: #00A46A;
}
 .wp-pagenavi span.extend {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  border: 1px solid #aaa;
  color: #666;
  background-color: #e7e8e3;
}
.wp-pagenavi {
	display:block;
	margin:30px auto;
}
#01,#03 {
    margin-top:-60px;
    padding-top:60px;
}
#cpto #cpt_info_box{
	display:none !important;
}

.iso{
	width:100%;
	margin:0;
	padding:15px 50px;
	box-sizing:border-box;
}
.bggreen{
	border:1px solid #3eb03c;
	background:#d3ebb9;
	margin-bottom:50px;
	margin-top:30px;
}
.bgye{
	border:1px solid #ff8838;
	background:#ffe499;
	margin-bottom:5px;
}
.bgbl{
	border:1px solid #3584d4;
	background:#99def7;
	margin-bottom:5px;
	margin-top:45px;
}
.iso h3{
	background:none;
	text-align:center;
	color:#000;
	font-size:24px;
	margin-bottom:0;
}
.iso p,.iso ol li{
	font-size:16px;
}
/* table03
------------------------------ */
#table03 {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

#table03 th,
#table03 td {
  vertical-align: middle;
  border: 1px solid #707070;
box-sizing: border-box;
}

#table03 th {
  font-weight: normal;
}

#table03 th,
#table03 tr,
#table03 td {
  text-align: center;
  width: 20%;
  min-width: 130px;
  padding: 10px;
  height: 60px;
}
.glbox{
  display:block;
  padding: 20px 20px 5px 20px;
  margin:0 0 20px;
  width: 100%;
  border: solid 1px #707070;
  box-sizing: border-box;
}
/* tab */
@media only screen and (max-width: 768px) {
  .table-scroll {
    overflow-x: scroll;
  }
  #table03  {
    width: 100%;
    white-space: nowrap;
    display: block;
  }
}
.p-ttl{
	font-size:15px;
	font-weight:bold;
	margin:20px 0 !important;
}
.p-ttl.mt40{margin-top:40px !important}

/*TCFD最終提言（下部のテーブル）*/
.w-60{
	width:60%;
	margin:0 40% 0 0;	
	padding:15px 0;
}
.w-60 p span{
	font-size:82%;
}
.w-60 table tr{
	border-bottom:1px solid #c1c1c1;
}
.w-60 table td{
	text-align:center;
	font-weight:normal;
	padding:2px 0;
}
.w-60 table td:first-child{
	width:36%;
}
.w-60 table td.tx-l{
	text-align:left;
}
.w-60 table td.tx-r{
	text-align:right;
}
.w-60 table td.fir{
	background:#00A46A;
	color:#fff;
}
.w-60 table td.sec{
	text-align:right;
}
@media only screen and (max-width: 768px) {
.w-60{
	width:100%;
	margin:0;	
	padding:15px 0;
}
}
/*TCFD最終提言（横スクロールテーブル）*/
.table-wrap {
  overflow-x: auto;
}
.table-wrap .table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
font-size:75%;
 text-align: center;
margin-bottom:15px;
}
.table-wrap .table thead{
	background:#00A46A;
	color:#fff;
}
.table-wrap .table th,
.table-wrap .table td {
  border: 1px solid #eee;
  padding: 4px 4px;
}
.table-wrap .table td.tate{
  writing-mode: vertical-rl;
vertical-align: middle;
 text-align: center;
display: table-cell;
}
.table-wrap .table th span{
font-size:70%;
}
.table-wrap .table th.w5{
	width:7%;
  padding: 4px 0px;
}
.table-wrap .table td.w10{
	width:12%;
}
.table-wrap .table td.w35{
	width:32%;
}
.table-wrap .table td.txl{
 text-align: left;
}
.table-wrap .table td.ty{
background:#F3FFFB;
}
.table-wrap .table td.dai{
background:#CDFFEE;
}
.table-wrap .table td.bggl{
background:#D9D9D9;
}

.table2 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
 text-align: center;
margin-bottom:15px;
}
.table-wrap .table2 th,
.table-wrap .table2 td {
  border: 1px solid #eee;
  padding: 4px 4px;
width:16.67%;
}
.table-wrap .table2 tr.gr1{
background:#00A46A;
	color:#fff;
}
.table-wrap .table2 tr.gr2{
background:#DDFFDD;
}
.table-wrap .table2 td.tx-l{
text-align:left !important;
}
.table-wrap .table2 td.w-s{
  width: 8% !important;
}
.table-wrap .table2 td.w-l{
  width: 12% !important;
}

.table3 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
 text-align: center;
margin-bottom:15px;
font-size:85%;
}
.table-wrap .table3 thead{
	background:#00A46A;
	color:#fff;
}

.table-wrap .table3 th,
.table-wrap .table3 td {
  border: 1px solid #eee;
  padding: 4px 4px;
}
.table-wrap .table3 th.wt1{
width:7% !important;
}
.table-wrap .table3 th.wt2{
width:10% !important;
}
.table-wrap .table3 tr.gr2{
background:#DDFFDD;
}
.sdgsimg p.tx-l{
text-align:left !important;
}

.table4 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
 text-align: center;
margin-bottom:15px;
}
.table-wrap .table4 th,
.table-wrap .table4 td {
  border: 1px solid #eee;
  padding: 4px 4px;
}
.table-wrap .table4 tr.gr1{
background:#00A46A;
	color:#fff;
}
.table-wrap .table4 tr.gr2{
background:#DDFFDD;
}
.table-wrap .table4 td.tx-l{
text-align:left !important;
}
.table-wrap .table4 td.w-s{
  width: 7.5% !important;
}
.table-wrap .table4 td.w-l{
  width: 11% !important;
}

.table5 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
 text-align: center;
margin-bottom:15px;
}
.table-wrap .table5 th,
.table-wrap .table5 td {
  border: 1px solid #eee;
  padding: 4px 4px;
}
.table-wrap .table5 td.w25{
width:25%;
}
.table-wrap .table5 td.gr1{
background:#00A46A;
	color:#fff;
}
.table-wrap .table5 td.gr2{
background:#DDFFDD;
}
.table-wrap .table5 td.tx-r{
text-align:right !important;
}
.table-wrap .table5 td span.underl{
text-decoration:underline;
}
.table6 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
 text-align: center;
margin-bottom:15px;
}
.table-wrap .table6 td {
  border: 1px solid #eee;
  padding: 4px 4px;
width:16.67%;
}
.table-wrap .table6 td.gr1{
background:#00A46A;
	color:#fff;
}
.table-wrap .table6 td.gr2{
background:#DDFFDD;
}
.table-wrap .table6 td.tx-l{
text-align:left !important;
}


@media only screen and (max-width: 768px) {
.table-wrap {
  overflow-x: scroll;
}
.table-wrap .table,.table-wrap .table2 {
  width: 800px;
  min-width: 800px;
  border-collapse: collapse;
}
.table-wrap .table th,
.table-wrap .table td,
.table-wrap .table2 td {
  border: 2px solid #eee;
  padding: 4px 8px;
}
.table-wrap .table td.tate{
  writing-mode: horizontal-tb;
}
}
span.s90{
font-size:90% !important;
margin-top:0 !important;
}