@charset "utf-8";
/* ===============================================================
 common
=============================================================== */
#sec-main{margin-top: 10px;}
#aside{margin-top: 70px;}
#aside dl dt{background: #008342;}
.cmpTit{ position: relative; height: 60px; margin-bottom: 30px;}
.cmpTit:after{ position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; display: block; content: ""; background: #ccc; z-index: -1;}
.cmpTit span{ display: inline-block; border-bottom:4px solid #008342; font-size: 30px; line-height: 60px; padding: 0 15px;}
.bkeee { background: #eee;}
#main {margin-bottom: 0px;}


footer{ margin-top: 0;}


/* ===============================================================
 トップ
=============================================================== */
#aboutTop .box-wrap{ width:100%; float:left; margin-bottom: 20px;}
#aboutTop .leadimg{ width:100%; float:left; text-align: center; padding: 40px 0 50px;}
#aboutTop .box-wrap li{ width: 29%; float: left; margin: 0 2% 40px; display: inline-block;}
#aboutTop .box-wrap li a{ height: 300px; display: block; border:solid 4px #eee;}
#aboutTop .box-wrap li a:hover{ border:solid 4px #008342;}
#aboutTop .box-wrap li a p{ padding: 0 10px; color: #333; font-size: 16px;}
#aboutTop .box-wrap li a p.img{ padding: 0;}
#aboutTop .box-wrap li a p.box-ttl{ font-weight: bold; padding-top: 10px; font-size: 17px;}
#aboutTop .box-wrap li a p.txt-wrap{}

#aboutTop h2{display: inline-block; float: left; background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 0 30px; border-radius: 40px; margin-left: 2%;}

#aboutTop #subLinks{ width: 100%; float: left; margin: 10px 0 50px;}
#aboutTop #subLinks li{ width: 21%; float: left; display: inline-block; margin: 8px 2%;}
#aboutTop #subLinks li a{ display: block; border-radius: 4px; border: solid 2px #ccc; padding: 15px 0; text-align: center; color: #333; font-size: 15px; font-weight: bold;}
#aboutTop #subLinks li a:hover{border: solid 2px #008342;}





/* ===============================================================
 ご挨拶
=============================================================== */
.aisatsu p{ padding: 0 5%; font-size: 20px; line-height: 1.8em; font-family: "Sawarabi Mincho"; letter-spacing: 2px;}
.aisatsu p span{ display: block; padding: 0 0 20px;}
.aisatsu p span.right{ text-align: right; padding-top: 20px;}

/* ===============================================================
 理念
=============================================================== */
.rinen p{ text-align: center; font-size: 26px; line-height: 3.0em; font-family: "Sawarabi Mincho"; padding: 50px 0;}
.rinen p span{ display: block; padding: 20px 0;}

/* ===============================================================
 企業概要
=============================================================== */
.company_about .table-normal *{font-size:16px; line-height: 1.8em;}
.company_about .table-normal{ border: 1px solid #aaa; border-bottom: none;	box-sizing: border-box; width: 100%; border-collapse: collapse;}
.company_about .table-normal tr{border-bottom: 1px solid #aaa; text-align: left;}
.company_about .table-normal th{ font-weight: normal; padding: 5px 8px; width:150px; border-right: 1px solid #aaa; background-color:#f7f4ed; vertical-align: top;}
.company_about .table-normal td{ padding: 5px 20px; vertical-align: top;}
.company_about .table-normal td dl{ display: table;}
.company_about .table-normal td dl dt,
.company_about .table-normal td dl dd{ display: inline-block; }
.company_about .table-normal td.office table{ width: 100%;	border-collapse: collapse;}
.company_about .table-normal td.office table tr{border-bottom: 0;}
.company_about .table-normal td.office table th{ background: #eee; border-right: none; padding: 5px 2px;}
.company_about .table-normal td.office table th:first-child{ border-left: none; width: 8em;}
.company_about .table-normal td.office table td{padding: 5px 8px; border-bottom: 0;}
.company_about .table-normal td.office table td:first-child{ border-left: none;}
.company_about .table-normal td.office table th { text-align: center; vertical-align: middle;}
.company_about .table-normal td.office table th.edit  { border-top: 1px solid #aaa;}
.company_about .table-normal td dl dt { min-width: 135px;}
.company_about .table-normal td.office{ padding: 0;}
.company_about .table-normal td.office table tr{ border-bottom:dotted 1px #ccc;}
.company_about .table-normal td.office table tr:last-child{ border-bottom: none;}
.company_about .table-normal td.office table td{ text-align: center;}

/* ===============================================================
 事業内容
=============================================================== */
.business{}
.business .txt{ font-size: 28px; text-align: center;}
.business #bImage {}
.business #bImage dl{width: 600px; height: 600px; margin: 0 auto; margin: 50px auto; position: relative; border: solid 3px #008342; border-radius: 100%;}
.business #bImage dl dt{width: 400px; height: 400px; margin: 100px; background: #fff; border: solid 20px #008342; font-size: 36px; text-align: center; float: left; border-radius: 100%; position: relative; z-index: 100;}
.business #bImage dl dt b{ font-size: 44px;}
.business #bImage dl dt span{ display: block; margin-top: 75px; color: #008342;}
.business #bImage dl dd{ width: 160px; line-height: 160px; color: #fff; background: #008342; position: absolute; display: block; border-radius: 100%; text-align: center; font-size: 20px;}
.business #bImage dl dd:nth-child(2){ left: 50%; top: -30px; margin-left: -80px;}
.business #bImage dl dd:nth-child(3){ right: 0%; top:15%; }
.business #bImage dl dd:nth-child(4){ right: 0%; bottom:15%; margin-top: -160px;}
.business #bImage dl dd:nth-child(5){ left: 50%; bottom: -30px; margin-left: -80px;}
.business #bImage dl dd:nth-child(6){ left: 0%; bottom:15%; margin-top: -160px;}
.business #bImage dl dd:nth-child(7){ left: 0%; top: 15%; }
.business h2{ font-size: 28px; margin:30px 0 10px;}
.business .txt2{ font-size: 20px; line-height: 2em; margin-bottom: 30px;}
/**/
.business .inner{ margin-bottom: 50px;}
.business .inner h3{width: 100%; float: left; background: #008342; padding: 10px 0; margin-bottom:30px;}
.business .inner h3 span{  margin: 5px 10px; border-left: solid 6px #fff; color:#fff; font-size: 18px; padding-left: 10px;}
.business .inner h4{ display: inline-block; float: left;  border:solid 1px #008342; color: #008342; border-radius: 40px; font-size: 18px; line-height: 40px; padding: 0 30px;}
.business .inner p{ width: 100%; float: left; padding: 20px 0; font-size: 18px;}
.business .inner a{ text-decoration: underline; display: inline-block; margin-top: 15px;}
.business .inner .borderB{}
.business .inner dl{width: 100%; float: left; margin-bottom: 30px; padding: 25px 4%; box-shadow: 0 2px 6px #aaa; border-radius: 10px;}
.business .inner dl > *{ float:left; font-size: 18px;}
.business .inner dl dt{display: inline-block; float: left; background: #008342; color: #fff; border-radius: 40px; font-size: 17px; line-height: 30px; padding: 0 20px;}
.business .inner dl dd{width: 100%; font-size: 17px; margin-top: 10px;}
.business .inner .shadowWrap{margin-top: 20px; display: inline-block; width: auto; padding: 0 0 6px;}
.business .inner .shadowWrap:hover{padding: 6px 0 0;}
.business .inner .btnShadow{ background: #ca2828; color: #fff; display: inline-block; padding: 9px 40px; box-shadow: 0 6px 0 0 #981111; border-radius: 4px; position: relative; text-decoration: none; margin: 0 0 6px; font-size: 18px;}

/* ===============================================================
 沿革
=============================================================== */
.history .list-wrap li { position: relative; padding: 12px 15px 12px 0; border-bottom: solid 1px #999;background: #FFF;}
.history .list-wrap li:first-child{ padding-top: 0; }
.history .list-wrap li:first-child:before {top: 18px;}
.history .list-wrap li .inner { box-sizing: border-box;	display: table;	width: 100%;	padding: 0 0 0 15px;}
.history .list-wrap li .inner > .year {	width: 130px;	padding-left:40px;	color: #008342;	font-weight: bold;	background-size: 16px;    position: relative;}
.history .list-wrap li .inner > .year:before{ content: ""; width: 20px; height: 20px; background:#fff; border-radius: 100%; display: block; position: absolute; left: -3px; top: 10px; border: solid 4px #008342; z-index: 100;}
.history .list-wrap li .inner > .year._no-ico:before{ display: none;}
.history .list-wrap li .inner > .year._no-ico, .list-wrap li.even .inner > .year._no-ico { background: none;}
.history .list-wrap li.end:before { height: 1.5em;}
.history .list-wrap li .inner > span { box-sizing: border-box; display: table-cell; position: relative;	vertical-align: top; z-index: 10; font-size: 20px;    line-height: 1.8em;}
.history .list-wrap li:before { content: ""; display: block; position: absolute; top: 0; left: 21px;	width: 3px;	height: 102%; background: #008342;}
.history .list-wrap li:nth-child(2n) { background: #F8F8F8;}

/* ===============================================================
 業績概要
=============================================================== */
.gyouseki p{ font-size: 18px;}
.gyouseki h2{display: inline-block; float: left; background: #008342; color: #fff; border-radius: 40px; font-size: 18px; line-height: 40px; padding: 0 30px;}

/* ===============================================================
 業績概要
=============================================================== */
.branch dl { width: 100%; float:left; margin-bottom: 80px;}
.branch dl dt{ display: inline-block; float: left; background: #008342; color: #fff; border-radius: 40px; font-size: 18px; line-height: 30px; padding: 0 30px; margin-bottom: 10px;}
.branch dl dd { width: 100%; float:left;}
.branch dl dd p{ width: 100%; float:left; background: #008342; color: #fff; padding:4px 10px; font-weight: bold; margin-top: 15px;}
.branch dl dd .table-normal { width: 100%;}
.branch dl dd .table-normal tr{ border-bottom: 1px solid #aaa; border-left: 1px dotted #aaa; font-size:15px; text-align: left;}
.branch dl dd .table-normal tr a{color: #222;}
.branch dl dd .table-normal tr a:hover{ text-decoration: underline;}
.branch dl dd .table-normal th{ font-weight: normal; padding: 5px 8px; border-right: 1px dotted #aaa; background-color:#f7f4ed; vertical-align: top;   text-align: left;}
.branch dl dd .table-normal td{ padding: 10px 8px; vertical-align: top; color: #222222; border-right: 1px dotted #aaa;}
.branch dl dd .table-normal th.shop{ width:150px; font-weight: bold;}

/* ===============================================================
 コンプライアンス
=============================================================== */
.compliance {}
.compliance h2{ display: inline-block; float: left; background: #008342; color: #fff; border-radius: 40px; font-size: 18px; line-height: 30px; padding: 0 30px; margin-bottom: 10px;}
.compliance p{ width: 100%; float: left; font-size: 18px; margin-bottom: 80px;}
.compliance ul{ width: 100%; float: left;}
.compliance ul li{ width: 100%; float: left; padding: 25px 10px 25px 200px; border-bottom: dotted 1px #aaa;}
.compliance ul li.list01{ background: url(/assets/pc/company/img/compliance/img01.jpg) 20px 50% no-repeat; background-size:140px auto;}
.compliance ul li.list02{ background: url(/assets/pc/company/img/compliance/img02.jpg) 20px 50% no-repeat; background-size:140px auto;}
.compliance ul li.list03{ background: url(/assets/pc/company/img/compliance/img03.jpg) 20px 50% no-repeat; background-size:140px auto;}
.compliance ul li .inner .ttl{ display: block; font-size: 22px; font-weight: bold; color: #008342; margin-bottom: 5px;}
.compliance ul li .inner .txt{display: block; font-size: 18px; line-height: 1.8em;}

/* ===============================================================
 お問い合わせリスト
=============================================================== */
.contactList {}
.contactList .inner { padding: 20px 4% 30px; background: #efefef; border: solid 2px #777; border-radius: 15px;}
.contactList .inner h2{display: inline-block; float: left; background: #008342; color: #fff; border-radius: 40px; font-size: 18px; line-height: 30px; padding: 0 30px; margin-bottom: 10px;}
.contactList .inner p{ font-size: 20px; margin: 5px 0 10px;}
.contactList .inner p span{ font-size: 14px; display: block;}
.contactList .inner dl{ width: 100%; float: left;}
.contactList .inner dl dt{ width: 50%; float: left; display: inline-block; font-weight: bold; font-family: 'arial'; font-size: 50px; line-height: 1em; color: #000;}
.contactList .inner dl dd{ width: 50%; float: right; display: inline-block; line-height: 25px; background: #d5d5d5; border-radius: 14px; text-align: center;}
.contactList .list h2{display: inline-block; float: left; background: #008342; color: #fff; border-radius: 40px; font-size: 18px; line-height: 30px; padding: 0 30px; margin-bottom: 10px;}
.contactList ul{}
.contactList ul li{ width: 31%; float: left; margin: 20px 1% 40px; display: inline-block; text-align: center; box-shadow: 0 2px 4px #aaa; padding: 30px 5px 20px; font-size: 18px; font-weight: bold;}

.contactList ul li .shadowWrap{padding-bottom: 8px; margin: 15px 0;}
.contactList ul li .shadowWrap:hover{padding: 8px 0 0;}
.contactList ul li .btnShadow{ display: block; line-height: 80px; border-radius: 6px; color: #fff;background:#008342; box-shadow: 0 8px 0 0 #206140;font-size: 18px;padding: 0;}

/* ===============================================================
 プライバシーポリシー
=============================================================== */
.privacy h1{ margin-bottom: 10px;}
.privacy .day{ font-size: 16px; margin-bottom: 40px; padding-left: 20px;}
.privacy h2{display: inline-block; float: left; border: solid 2px #008342; color: #008342; border-radius: 40px; font-size: 18px; line-height: 30px; padding: 0 20px; margin-bottom: 20px;}
.privacy .sec-sub{ width: 100%; float: left; margin-bottom: 30px;}
.privacy .sec-sub *{ font-size: 17px; line-height: 1.8em;}
.privacy .sec-sub a{ text-decoration: underline;}
.privacy .sec-sub dl dt {font-weight: bold; margin-top: 15px;}
.privacy .sec-sub ul li{ margin-top: 5px; }
.privacy .sec-sub .list li{ padding-left: 2em; text-indent: -2.5em;}
.privacy .sec-sub .list03 li{margin-top: 8px;margin-left: 1.5em;list-style-type: decimal;}
.privacy .sec-sub .list-dot { margin: 20px 0;padding-left: 1em; text-indent: -0.7em;}
.privacy .sec-sub .contact{ margin-top: 50px; padding:5px 3% 15px; border: solid 2px #777; background: #f5f5f5; border-radius: 8px;}
.privacy .sec-inner,
.privacy .sec-inner > *{ width: 100%; float: left;}
.privacy .sec-inner h2{ margin: 80px 0 10px; background: #008342; padding: 5px 10px; color: #fff; border-radius: 0;}
.privacy .sec-inner .day{ margin-bottom: 0;}
.privacy .sec-inner .linkpdf{ padding: 20px;}
.privacy .sec-inner .linkpdf a{ display: block; border: solid 1px #aaa;}
.privacy .sec-inner .linkpdf a:hover{ box-shadow:0 0 0 5px #333;}
.privacy .sec-inner .linkpdf a img{ width: 100%; height: auto;}

/* ===============================================================
 サイトマップ
=============================================================== */
.sitemap {}
.sitemap section,
.sitemap section > * { width: 100%; float: left;}
.sitemap section h2{ display: inline-block; float: left; background:#008342; color: #fff; font-size: 18px; padding: 2px 30px; margin-bottom: 10px; border-radius: 4px;}
.sitemap section .conBox { margin-bottom:50px;}
.sitemap section .conBox p{ width: auto; display: inline-block; float: left; border: solid 2px #008342; color: #008342; border-radius: 40px; font-size: 16px; padding: 2px 20px; font-weight: bold; margin-bottom: 10px; margin-top: 30px;}
.sitemap section .conBox ul{ width: 100%; float: left;}
.sitemap section .conBox ul li{ width: 50%; float: left; display: inline-block; margin: 5px 0;}
.sitemap section .conBox ul li a{ padding: 5px 15px; font-size: 18px; color: #333;}
.sitemap section .conBox ul li a:before{ content: "・";}
.sitemap section .conBox ul li a:hover{ text-decoration: underline; color: #1a0dab;}

/* ===============================================================
 リンク一覧
=============================================================== */
.linksPage {}
.linksPage h2{display: inline-block; float: left; background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 0 30px; border-radius: 40px; margin-left: 2%;}
.linksPage ul{}
.linksPage ul li{ width: 29%; float: left; margin:20px 2% ;}
.linksPage ul li a{ display: block; height: 250px; color: #333; box-shadow: 0 2px 4px #aaa;}
.linksPage ul li a:hover{ box-shadow: 0 0 0 4px #008342;}
.linksPage ul li a img{ border-bottom: solid 1px #eee;}
.linksPage ul li a span{ display: block; padding: 5px 10px 20px; font-size: 14px;}
.linksPage ul li a span b{ display: block; font-size: 16px; margin-bottom: 5px;}
.linksPage ul.sns li a{ height: 170px; text-align: center;}

/* ===============================================================
 TV-CM
=============================================================== */
.tvcm p{ font-size: 17px;}
.tvcm section > *{ width: 100%; float: left;}
.tvcm section h2{ display: inline-block; float: left; background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 0 30px; margin:20px 0; border-radius: 4px;}
.tvcm section p{ /*font-weight: bold;*/ font-size: 18px; padding: 0 25px;}
.tvcm section div{ width: 100%; float: left; margin-bottom: 60px; padding:0 50px;}
.tvcm section div iframe{ width: 100%; height: 380px;}
.tvcm section p.sponsorName{ padding: 0px; margin-top: 30px;}
.tvcm section p.sponsorName:nth-child(2){ margin-top: 0;}
.tvcm table{ width: 100%; margin-bottom: 10px; border: solid 1px #aaa;}
.tvcm table {}
.tvcm table a{ text-decoration: underline;}
.tvcm table a:hover{ text-decoration: none;}
.tvcm table tr{ width: 100%; border-bottom: dotted 1px #aaa; }
.tvcm table tr th{ width: 90px; font-size: 16px;padding: 10px 0; background: #f7f4ed; border-right:solid 1px #ccc;}
.tvcm table tr td{ font-size: 16px; padding-left: 10px;}

/* ===============================================================
 ヴィッセル
=============================================================== */
.vissel{}
.vissel p{ font-size: 18px;}
.vissel h2{display: inline-block; float: left; background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 0 30px; border-radius: 40px; margin-left: 2%;}
.vissel .bntList {}
.vissel .bntList span{ width: 46%; float: left; margin: 0 2%; display: inline-block;}
.vissel .bntList span a{ display: block;}

/* ===============================================================
 ふくにゃん
=============================================================== */
.fukunyan{}
.fukunyan p{ font-size: 22px;}

/* ===============================================================
 工務店（新築＆リフォーム）
=============================================================== */
.koumuten p{ font-size: 18px;}
.koumuten h2{background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 5px 30px; margin-bottom: 15px; border-radius: 4px;}
/**/
.koumuten ul.tab{}
.koumuten ul.tab li a{ display: inline-block; float: left; background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 0 30px; border-radius: 40px; margin: 20px 20px 20px 0; border: solid 1px #008342;}
.koumuten ul.tab li.now a,
.koumuten ul.tab li a:hover{ background: #fff; color: #008342;}
.koumuten ul.tab li.now a::before{content: "▼"; padding-right: 5px; font-size: 13px;}
.koumuten ul.tab.bottom li.now a::before{content: "▲";}
.koumuten ul.tab li.now a:hover{ background: #eee;}
/**/
.koumuten #cate1{ padding: 50px 0;}
.koumuten #cate2{ padding: 0px 0 50px;}
.koumuten #cate1 .cf,
.koumuten #cate2 .cf{ padding: 20px 0;}
.koumuten .cf .inner .image{ width: 30%; float: left; display: inline-block;}
.koumuten .cf .inner .image img{ width: 100%; height: auto;}
.koumuten .cf .inner h3{ color:#008342; font-size: 20px;  margin-bottom: 10px;}
.koumuten .cf .inner h3,
.koumuten #cate1 .cf ul,
.koumuten #cate2 .cf ul,
.koumuten .cf .inner dl{ width: 65%; float: right; display: inline-block;}
.koumuten #cate1 .cf ul li,
.koumuten #cate2 .cf ul li{ width: 100%; float: left; list-style:disc; margin: 0 10px; font-size: 18px;}
.koumuten .cf .inner dl > *{width: 100%; float: left; font-size: 18px; margin-bottom: 10px;}
.koumuten .cf .inner dl dt{ font-weight: bold;}
.koumuten .cf .inner dl dt span { display: inline-block; width: 20px; height: 20px; background:#008342; color: #fff; text-align: center; line-height: 20px; border-radius: 100%; margin:0 5px 0 -5px;}
.koumuten .cf .inner dl dd{}
.koumuten .bnrLink{ padding: 50px 0 20px;}
.koumuten .bnrLink .shadowWrap{padding: 0 0 8px; margin: 0 0 6px;}
.koumuten .bnrLink .shadowWrap:hover{padding: 8px 0 0;}
.koumuten .bnrLink .btnShadow{ background: #555; color: #fff; display: block; padding: 20px 40px; box-shadow: 0 8px 0 0 #000; border-radius:8px; position: relative; text-decoration: none; font-size: 18px; font-weight: bold;}
/* ===============================================================
 保険
=============================================================== */
.hoken{}
.hoken > p{ font-size: 20px;}
.hoken .hokenCMP h2{}
.hoken p{ font-size: 18px;}
.hoken h2{background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 5px 30px; margin-bottom: 15px; border-radius: 4px;}
.hoken .hokenCMP h2{ background: #fff; color: #008342; border:solid 1px #008342; margin-top: 30px;}
.hoken .hokenCMP img{ width: 30%; float: left; display: inline-block;}
.hoken .hokenCMP dl{ width: 67%; float: right; display: inline-block;}
.hoken .hokenCMP dl > *{ width: 100%; float: left;}
.hoken .hokenCMP dl dt{ background: #8f742f; color: #fff; border-radius: 4px; padding: 5px 20px; font-size: 18px;}
.hoken .hokenCMP dl dd{ padding-left: 26px; position: relative; font-size:18px; margin-top: 20px; line-height: 1.3em;}
.hoken .hokenCMP dl dd span{ width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 100%; color: #fff; background: #8f742f; display: block; position: absolute; left: 0; top: 2px;}
.hoken .hokenCMP dl dd b{ color: #8f742f; display: block;}
/*item*/
.hoken .item table{ width: 100%; margin: 15px 0% ; font-size: 16px;}
.hoken .item table tr{ border-top: solid 1px #aaa; border-bottom: solid 1px #aaa;}
.hoken .item table tr th{ background: #eee; padding: 10px 10px; vertical-align: middle; min-width: 104px;}
.hoken .item table tr td{ padding: 10px 10px; vertical-align: middle;}
.hoken .item .link {}
.hoken .item .link a{ display: block; margin: 30px 0; padding: 10px 0px; box-shadow: 0 2px 4px #999; border-top: solid 4px #8f742f;}
.hoken .item .link a img{ display: inline-block; float: left; width: 10%; height: auto; margin-left: 5%;}
.hoken .item .link a > span { width: 80%; float: right; display:inline-block; margin-top: 10px; color: #333;}
.hoken .item .link a > span > b{ display: block; }
.hoken .item .link a:hover{ box-shadow: 0 0 0 4px #8f742f inset; border-top: solid 4px #fff; background: #f0f0f0;}
.hoken .item .link a:hover b{ text-decoration: underline;}
/**/
.hoken ul.tab{}
.hoken ul.tab li a{ display: inline-block; float: left; background:#008342; color: #fff; font-size: 18px; line-height: 30px; padding: 0 30px; border-radius: 40px; margin: 20px 20px 20px 0; border: solid 1px #008342;}
.hoken ul.tab li.now a,
.hoken ul.tab li a:hover{ background: #fff; color: #008342;}
.hoken ul.tab li.now a::before{content: "▼"; padding-right: 5px; font-size: 13px;}
.hoken ul.tab.bottom li.now a::before{content: "▲";}
.hoken ul.tab li.now a:hover{ background: #eee;}
/**/
.hoken #cate1{ padding: 50px 0;}
.hoken #cate2{ padding: 0px 0 50px;}
.hoken #cate1 .cf,
.hoken #cate2 .cf{ padding: 20px 0;}
.hoken .cf .inner .image{ width: 30%; float: left; display: inline-block;}
.hoken .cf .inner .image img{ width: 100%; height: auto;}
.hoken .cf .inner h3{ color:#008342; font-size: 20px;  margin-bottom: 10px;}
.hoken .cf .inner h3,
.hoken #cate1 .cf ul,
.hoken #cate2 .cf ul,
.hoken .cf .inner dl{ width: 65%; float: right; display: inline-block;}
.hoken #cate1 .cf ul li,
.hoken #cate2 .cf ul li{ width: 100%; float: left; list-style:disc; margin: 0 10px; font-size: 18px;}
.hoken .cf .inner dl > *{width: 100%; float: left; font-size: 18px; margin-bottom: 10px;}
.hoken .cf .inner dl dt{ font-weight: bold;}
.hoken .cf .inner dl dt span { display: inline-block; width: 20px; height: 20px; background:#008342; color: #fff; text-align: center; line-height: 20px; border-radius: 100%; margin:0 5px 0 -5px;}
.hoken .cf .inner dl dd{}
.hoken .bnrLink{ padding: 50px 0 20px;}
.hoken .bnrLink .shadowWrap{padding: 0 0 8px;}
.hoken .bnrLink .shadowWrap:hover{padding: 8px 0 0;}
.hoken .bnrLink .btnShadow{ background: #555; color: #fff; display: block; padding: 20px 40px; box-shadow: 0 8px 0 0 #000; border-radius:8px; position: relative; text-decoration: none; margin: 0 0 6px; font-size: 18px; font-weight: bold;}

/* ===============================================================
 組織図
=============================================================== */
.organisationImg{ width: 60%; margin: 15px 10%;}

/* ===============================================================
 追加
=============================================================== */

.cmTtl { font-weight:nomal; margin-bottom: 5px;}
.cmTtl > b { display:inline-block; font-size:24px;}
.cmTtl > b span { font-size:22px;}
.cmTtl > span { font-size:16px;}