@charset "utf-8";

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

/* normalize

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}

/*h1 {*/
/*    font-size: 2em;*/
/*    margin: .67em 0*/
/*}*/

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}


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

/* base

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

.l-old-content {
    /*background: #fff;*/
    /*color: #333;*/
    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    /*font-size: 12px;*/
    /*line-height: 1.67;*/
}

.render {
    padding: 100px 0 0;
}

/*a {*/
/*    color: #2f7e0c;*/
/*    text-decoration: none;*/
/*}*/

.l-old-content a:hover img,
.l-old-content input[type="image"]:hover {
    opacity: .6;
}

.l-old-content h1,
.l-old-content h2,
.l-old-content h3,
.l-old-content h4,
.l-old-content h5,
.l-old-content h6 {
    font-size: 1em;
    margin: 0;
}

.l-old-content h2,
.l-old-content h3 {
    border-left: 5px solid #67b246;
    color: #2f7e0c;
    font-size: 117%;
    margin: 0 0 10px;
    padding: 5px 10px;
}

.l-old-content h2 {
    border-bottom: 1px solid #67b246;
}

.l-old-content p,
.l-old-content table,
.l-old-content dl,
.l-old-content ul,
.l-old-content ol,
.l-old-content pre {
    margin: 10px 0;
}

.l-old-content p,
.l-old-content li,
.l-old-content dt,
.l-old-content dd,
.l-old-content th,
.l-old-content td,
.l-old-content pre {
    -ms-line-break: strict;
    line-break: strict;
    -ms-word-break: break-strict;
    word-break: break-strict;
}

.l-old-content table {
    width: 100%;
}

.l-old-content th,
.l-old-content td {
    border: 1px solid #ddd;
    font-weight: normal;
    padding: 10px 20px;
    vertical-align: middle;
}

.l-old-content th {
    background: #e1f2f7;
    text-align: center;
    white-space: nowrap;
}

.l-old-content thead {
}

.l-old-content thead th,
.l-old-content thead td {
    background: #f1f7e1;
}

.l-old-content img,
.l-old-content input {
    vertical-align: bottom;
}

.l-old-content dd {
    margin: 0;
}

.l-old-content address {
    font-style: normal;
}

.l-old-content small {
    font-size: 1em;
}

/* ============================================

10px : 84%
11px : 92%
12px : 100%
13px : 109%
14px : 117%
15px : 125%
16px : 134%
17px : 142%
18px : 150%
19px : 159%
20px : 167%
21px : 175%
22px : 184%
23px : 192%
24px : 200%
25px : 209%
26px : 217%

============================================ */


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

/* layout

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

/* header
-------------------------------------------- */
#header {
    margin: 0 auto;
    padding: 0 0 2px;
    width: 980px;
}

#header > div {
    float: left;
}

#header p {
    margin: 0;
}

#hdLogo {
    color: #999;
    width: 330px;
}

#hdLogo h1,
#hdLogo p {
    margin: 5px 0;
}

#hdUtility {
    width: 160px;
}

#hdSwitcher {
    margin: 8px 0 0;
}

#hdSwitcher dt,
#hdSwitcher dd {
    float: left;
}

#hdSwitcher dt {
    margin: 0 10px 0 0;
}

#hdSwitcher img {
    vertical-align: middle;
}

#hdSwitcher li {
    float: left;
    padding: 0 5px 0 0;
}

#hdSwitcher a {
    background-image: url(../img/bt-swicher-01.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    width: 19px;
    vertical-align: bottom;
}

#hdSwitcher a:hover {
    opacity: .6;
}

#hdSwitcher .switchS.active {
    background-position: 0 -17px;
}

#hdSwitcher .switchM {
    background-position: -19px 0;
}

#hdSwitcher .switchM.active {
    background-position: -19px -17px;
}

#hdSwitcher .switchL {
    background-position: -38px 0;
}

#hdSwitcher .switchL.active {
    background-position: -38px -17px;
}

#hdSearch {
    margin: 0;
}

#hdSearch input[type="text"] {
    width: 98px;
}

#hdInquiry {
    width: 490px;
}

#hdInquiry .tel {
    right: 5px;
    top: 8px;
}

#hdInquiry .form {
    right: 5px;
    top: 44px;
}

/* globalNav
-------------------------------------------- */
#globalNav {
    background: url(../img/bg-01.png) repeat-x;
}

#globalNav nav {
    background: url(../img/bg-02.png) 50% 0 no-repeat;
}

#globalNav ul {
    margin: 0 auto;
    width: 980px;
}

#globalNav ul ul {
    width: 545px;
}

#globalNav ul ul a {
    height: 35px;
}

#globalNav li {
    float: left;
}

#globalNav a {
    background-image: url(../img/nv-01.png);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
}

#glHome {
    width: 108px;
}

#glHome:hover,
.home #glHome {
    background-position: 0 -60px;
}

#globalNav #glWorks {
    background-position: -108px 0;
    height: 25px;
    width: 545px;
}

#glWorks:hover,
.works #glWorks {
    background-position: -108px -60px;
}

#glWorksDebt {
    background-position: -108px -25px;
    width: 94px;
}

#glWorksDebt:hover,
.works-debt #glWorksDebt {
    background-position: -108px -85px;
}

#glWorksAccident {
    background-position: -202px -25px;
    width: 94px;
}

#glWorksAccident:hover,
.works-accident #glWorksAccident {
    background-position: -202px -85px;
}

#glWorksInheritance {
    background-position: -296px -25px;
    width: 93px;
}

#glWorksInheritance:hover,
.works-inheritance #glWorksInheritance {
    background-position: -296px -85px;
}

#glWorksDivorce {
    background-position: -389px -25px;
    width: 94px;
}

#glWorksDivorce:hover,
.works-divorce #glWorksDivorce {
    background-position: -389px -85px;
}

#glWorksOther {
    background-position: -483px -25px;
    width: 170px;
}

#glWorksOther:hover,
.works-other #glWorksOther {
    background-position: -483px -85px;
}

#glExpense {
    background-position: -653px 0;
    width: 109px;
}

#glExpense:hover,
.expense #glExpense {
    background-position: -653px -60px;
}

#glAbout {
    background-position: -762px 0;
    width: 108px;
}

#glAbout:hover,
.about #glAbout {
    background-position: -762px -60px;
}

#glConsultation {
    background-position: -870px 0;
    width: 110px;
}

#glConsultation:hover,
.consultation #glConsultation {
    background-position: -870px -60px;
}

/* container
-------------------------------------------- */
#container {
    background: url(../img/bg-03.png) repeat-x;
    padding: 10px 0 30px;
}

#container > div {
    margin: 0 auto;
    width: 980px;
}

#cnInquiry {
    background: #fffff3;
    float: right;
    margin: 30px 21px 0 0;
    padding: 20px;
    width: 680px;
}

#cnInquiry p,
#cnInquiry dl {
    margin: 0;
}

#cnInquiry > dl {
    margin: 10px 0 0;
}

#cnInquiry > dl dt,
#cnInquiry > dl dd {
    padding: 0 0 5px;
}

#cnInquiry > dl dt {
    clear: both;
    float: left;
    width: 70px;
}

#cnInquiry > dl dd {
    margin: 0 0 0 70px;
}

#cnInquiry div {
    margin: 10px 0 0;
}

#cnInquiry div p,
#cnInquiry div dl,
#cnInquiry div dt,
#cnInquiry div dd {
    display: inline-block;
    vertical-align: middle;
}

#cnInquiry div p {
    margin-top: 10px;
}

#cnInquiry div p:first-child {
    margin-right: 35px;
}

#cnInquiry div p:nth-child(3) {
    margin-left: 155px;
    margin-right: 10px;
}

/* main
-------------------------------------------- */
.l-old-content main {
    float: right;
    width: 762px;
}

/* keyVisual
-------------------------------------------- */
#keyVisual {
    height: 130px;
    margin: 0 0 30px;
}

.works #keyVisual {
    background: url(../img/kv-works-01.png);
}

.expense #keyVisual {
    background: url(../img/kv-expense-01.png);
}

.about #keyVisual {
    background: url(../img/kv-about-01.png);
}

.consultation #keyVisual {
    background: url(../img/kv-consultation-01.png);
}

.faq #keyVisual {
    background: url(../img/kv-faq-01.png);
}

.voice #keyVisual {
    background: url(../img/kv-voice-01.png);
}

.case #keyVisual {
    background: url(../img/kv-case-01.png);
}

.glossary #keyVisual {
    background: url(../img/kv-glossary-01.png);
}

.column #keyVisual {
    background: url(../img/kv-column-01.png);
}

.useful #keyVisual {
    background: url(../img/kv-useful-01.png);
}

.privacy #keyVisual {
    background: url(../img/kv-privacy-01.png);
}

.news #keyVisual {
    background: url(../img/kv-news-01.png);
}

.search #keyVisual {
    background: url(../img/kv-search-01.png);
}

.e404 #keyVisual {
    background: url(../img/kv-e404-01.png);
}

/* sidebar
-------------------------------------------- */
#sidebar {
    float: left;
    width: 198px;
}

#sidebar ul {
    margin-top: 0;
}

#sidebar ul li {
    font-size: 12px;
}

#sidebar p {
    margin: 0;
}

#sidebar > dl > dd {
    font-size: 12px;
}

#sidebar > dl > dt,
#sidebar nav dt a {
    background: #69b347;
    background: linear-gradient(to bottom, #91cf75 0%, #69b347 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#91cf75), to(#69b347));
    border: 1px solid #addc98;
    color: #fff;
    display: block;
    font-size: 109%;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

#sbInquiry {
    border: 1px solid #ececec;
}

#sbInquiry .tel {
    left: 10px;
    top: 91px;
}

#sbInquiry .form {
    left: 10px;
    top: 159px;
}

#sbMap {
}


#sbMap p:nth-child(2) {
    margin: 10px 0 5px;
}

#sbAccess {
}

#sbAccess dl {
    margin: 0;
}

#sbAccess dl dt {
    background: url(../img/ic-arrow-01.png) 0 .2em no-repeat;
    padding: 0 0 0 18px;
}

.sbDlA,
.sbUlA,
.sbUlB {
}

.sbDlA > dd,
.sbUlA li {
    border: 1px solid #ececec;
    border-top: 0;
}

.sbDlA > dd {
    padding: 8px;
}

.sbUlA a {
    background: url(../img/ic-arrow-01.png) 7px .6em no-repeat;
    display: block;
    padding: 5px 5px 5px 25px;
    font-size: 12px;
}

.sbUlA a:hover,
.sbUlA .current,
.sbUlA .current-cat > a,
.sbUlA .current-cat-parent > a,
.sbUlA .current_page_item > a {
    background-color: #eefae0;
}

.sbUlA ul {
    display: none;
}

.sbUlA .current-cat ul,
.sbUlA .current-cat-parent ul {
    display: block;
}

.sbUlA ul li {
    border: 0;
    border-top: 1px solid #ececec;
}

.sbUlA ul a {
    background: url(../img/ic-arrow-04.png) 25px .8em no-repeat;
    padding: 5px 5px 5px 35px;
    font-size: 12px;
}

.sbUlA ul a:hover,
.sbUlA ul .current-cat a {
    background-color: #fffff3;
}

.sbUlB li {
    margin: 5px 0 0;
}

.sbUlB li:first-child {
    margin-top: 10px;
}

/* utility
-------------------------------------------- */
#utility {
    background: #6cb44c;
    background: linear-gradient(to bottom, #86ca68 0%, #6cb44c 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#86ca68), to(#6cb44c));
    border-top: 1px solid #a4d78f;
}

#utility div {
    margin: 0 auto;
    padding: 5px 0;
    width: 980px;
}

#utility a {
    color: #fff;
}

#utility li {
    float: left;
    margin: 0 15px 0 0;
}

#utility li a {
    background: url(../img/ic-arrow-02.png) 0 .2em no-repeat;
    padding: 0 0 0 18px;
}

#utility p {
    float: right;
    margin: 0;
}

#utility p a {
    background: url(../img/ic-arrow-03.png) 100% .2em no-repeat;
    padding: 0 18px 0 0;
}

/* footer
-------------------------------------------- */
#footer {
}

#ftNav {
    background: #eefae0;
}

#ftNav nav > ul {
    display: inline-block;
    vertical-align: top;
}

#ftNav nav > ul:nth-child(1),
#ftNav nav > ul:nth-child(2) {
    width: 170px;
}

#ftNav nav > ul:nth-child(3) {
    width: 160px;
}

#ftNav nav > ul:nth-child(4),
#ftNav nav > ul:nth-child(5) {
    width: 130px;
}

#ftNav nav > ul:nth-child(6) {
    width: 190px;
}

#ftNav nav,
#ftData {
    margin: 0 auto;
    padding: 10px 0;
    width: 980px;
}

#ftData div {
    float: left;
}

#ftData address {
    margin: 0 0 5px;
}

#ftData > p {
    float: right;
    margin: 0;
}


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

/* general

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

/* clearfix
-------------------------------------------- */
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

/* replace image
-------------------------------------------- */
.rplImg,
.rplImgs a {
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

/* hx
-------------------------------------------- */
.hA,
.hB,
.hC {
    box-shadow: 0 0 1px 1px rgba(236, 236, 236, 1);
    padding: 8px 3px 8px 18px;
    position: relative;
}

.hA:before,
.hB:before {
    content: "";
    display: inline-block;
    height: 2em;
    left: 3px;
    position: absolute;
    top: 3px;
}

.hA {
    background: #f1f1f1;
    background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
    border: 1px solid #f9f9f9;
    color: #2f7e0c;
    font-size: 117%;
    margin: 0 0 20px;
}

.hA:before {
    background: #71b74f;
    background: linear-gradient(to bottom, #91d076 0%, #71b74f 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#91d076), to(#71b74f));
    border: 1px solid #afdd9b;
    width: 3px;
}

.hB,
.hC {
    background: #67b245;
    background: linear-gradient(to bottom, #92d076 0%, #67b245 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#92d076), to(#67b245));
    border: 1px solid #addc98;
    color: #fff;
    font-size: 134%;
}

.hB:before {
    background: #e19002;
    background: linear-gradient(to bottom, #fdb73d 0%, #e19002 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdb73d), to(#e19002));
    width: 5px;
}

.hC span {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0 20px 0 0;
    position: relative;
}

.hC span:after {
    background: #a4d98d;
    box-shadow: -1px -1px 1px 1px rgba(122, 187, 95, 1);
    content: "";
    display: inline-block;
    height: 1.6em;
    position: absolute;
    right: 3px;
    top: 0;
    width: 1px;
}

/* div
-------------------------------------------- */
.divA {
    padding-left: 20px;
    padding-right: 20px;
}

.divB,
.divC {
    background: #e1f2f7;
    padding: 20px 24px;
    position: relative;
}

.divC div:after {
    bottom: -22px;
    content: url(../img/ic-arrow-10.png);
    height: 22px;
    left: 315px;
    position: absolute;
}

/* table
-------------------------------------------- */
.tableA {
}

.tableA td {
    text-align: center;
}

.tableB {
}

.tableB th {
    text-align: left;
}

/* ul
-------------------------------------------- */
.ulA,
.ulB,
.ulC,
.ulD,
.ulE,
.ulF,
.ulG,
.ulH,
.ulI,
.ulJ {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ulE {
    letter-spacing: -.36em;
}

.ulB > li {
    background: url(../img/ic-arrow-01.png) 0 .2em no-repeat;
    padding: 0 0 0 18px;
}

.ulC > li,
.ulJ > li {
    background: url(../img/ic-arrow-04.png) 0 .5em no-repeat;
    padding: 0 0 0 10px;
}

.ulD > li {
    background: url(../img/ic-arrow-04.png) 0 1.2em no-repeat;
    border-bottom: 1px solid #dedede;
    margin: 0 0 5px;
    padding: 10px 0 10px 10px;
}

.ulE > li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 5px 5px 0;
}

.ulF > li {
    background: url(../img/ic-check-01.png) 0 .2em no-repeat;
    padding: 0 0 0 18px;
}

.ulG > li,
.ulH > li {
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.ulH > li:before {
    color: #2f7e0c;
    content: "●";
}

.ulI > li {
    margin: 0 0 5px;
    padding: 0 0 0 1.5em;
    text-indent: -1.5em;
}

.ulI > li:before {
    color: #2f7e0c;
    content: "Q. ";
    font-weight: bold;
}

.ulI > li:last-child {
    margin: 0;
}

.ulJ > li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.ulK {
    padding-left: 1.5em;
}

/* ol
-------------------------------------------- */
.olA {
    list-style: none;
    margin: 0;
    padding: 0;
}

.olB {
    padding-left: 1.5em;
}

/* dl
-------------------------------------------- */
.dlA {
}

.dlA > dt:before {
    color: #2f7e0c;
    content: "●";
}

.dlA > dt {
    padding: 0 0 0 1.5em;
    text-indent: -1.5em;
}

/* input
-------------------------------------------- */
.inputA {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px rgba(206, 206, 206, 1);
    height: 13px;
    margin: 5px 5px 0 0;
    padding: 2px 5px;
}

/* works
-------------------------------------------- */
.worksA {
}

.worksA section {
    border-style: solid;
    border-width: 1px;
    margin: 10px 0 0;
    padding: 10px;
    position: relative;
}

.worksA section h1 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #fff;
    font-size: 134%;
    margin: -10px -10px 10px;
    padding: 5px 10px;
}

.worksA section h1 span {
    font-size: 87%;
}

.worksA h1 + p {
    margin: 7px 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.worksA ul {
    display: inline-block;
    vertical-align: top;
}

.worksA ul:nth-child(3) {
    width: 300px;
}

.worksA ul:nth-child(4) {
    font-size: 117%;
    margin: 0 0 5px;
    width: 310px;
}

.worksA div {
    float: right;
}

.worksA p:last-child {
    background-position: 0 .2em;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 15px;
}

.worksA .debt {
    border-color: #aecbe4;
}

.worksA .debt h1 {
    background: #1e4f79;
    background: linear-gradient(to bottom, #1e4f79 0%, #5885ac 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#1e4f79), to(#5885ac));
    border-bottom-color: #82a4c0;
}

.worksA .debt p:last-child {
    background-image: url(../img/ic-arrow-05.png);
}

.worksA .accident {
    border-color: #9fc695;
}

.worksA .accident h1 {
    background: #195b09;
    background: linear-gradient(to bottom, #195b09 0%, #468c35 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#195b09), to(#468c35));
    border-bottom-color: #74a867;
}

.worksA .accident p:last-child {
    background-image: url(../img/ic-arrow-06.png);
}

.worksA .inheritance {
    border-color: #cfa6a6;
}

.worksA .inheritance h1 {
    background: #7e2b2b;
    background: linear-gradient(to bottom, #7e2b2b 0%, #ca7575 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#7e2b2b), to(#ca7575));
    border-bottom-color: #d79797;
}

.worksA .inheritance p:last-child {
    background-image: url(../img/ic-arrow-07.png);
}

.worksA .divorce {
    border-color: #f8c09b;
}

.worksA .divorce h1 {
    background: #e45c01;
    background: linear-gradient(to bottom, #e45c01 0%, #e4a174 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#e45c01), to(#e4a174));
    border-bottom-color: #ebb896;
}

.worksA .divorce p:last-child {
    background-image: url(../img/ic-arrow-08.png);
}

.worksA .other {
    border-color: #dac1a5;
}

.worksA .other h1 {
    background: #755431;
    background: linear-gradient(to bottom, #755431 0%, #a27341 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#755431), to(#a27341));
    border-bottom-color: #b99671;
}

.worksA .other p:last-child {
    background-image: url(../img/ic-arrow-09.png);
}

/* inquiry
-------------------------------------------- */
.inquiryA {
    position: relative;
}

.inquiryA .tel,
.inquiryA .form {
    position: absolute;
}

/* index
-------------------------------------------- */
.indexA {
    margin: -11px;
}

.indexA section {
    border: 1px solid #ececec;
    float: left;
    margin: 11px;
    width: 368px;
}

.indexA h1 {
    background: #69b347;
    background: linear-gradient(to bottom, #91cf75 0%, #69b347 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#91cf75), to(#69b347));
    border: 1px solid #addc98;
    color: #fff;
    font-size: 117%;
    padding: 5px;
    text-align: center;
    margin-top: 0;
}

.indexA div {
    padding: 0 15px;
}

.indexA p:last-child {
    text-align: right;
}

/* nav
-------------------------------------------- */
.navA {
    text-align: center;
}

.navA li {
    display: inline-block;
    margin: 0 10px 20px;
}

.navA a {
    background: #fdfaf0;
    border: 1px solid #2f7e0c;
    display: block;
    font-size: 100%;
    padding: 5px 10px;
    text-decoration: none;
}

.navA a:hover {
    background: #2f7e0c;
    color: #fff;
}

.navA a:after {
    content: "▼";
    margin: 0 0 0 5px;
}

/* pager
-------------------------------------------- */
.pagerA,
.pagerB {
    background: #eefae0;
    margin: 30px 0 0;
}

.pagerA ul,
.pagerB ul {
    margin: 0;
    list-style: none;
    padding: 5px 10px;
}

.pagerA li {
    display: inline-block;
    margin: 0 5px;
}

.pagerA .current {
    color: #2f7e0c;
    font-weight: bold;
}

.pagerB li {
    width: 340px;
}

.pagerB .prev {
    float: left;
}

.pagerB .next {
    float: right;
    text-align: right;
}

/* link
-------------------------------------------- */
.linkA:hover,
.linksA a:hover {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
}

/* font size
-------------------------------------------- */
.small {
    font-size: 84%;
    line-height: 1.4;
}

.medium {
    font-size: 100%;
}

.large {
    font-size: 117%;
}

.x-large {
    font-size: 134%;
}

/* font weight
-------------------------------------------- */
.normal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

/* color
-------------------------------------------- */
.colorA {
    color: #2f7e0c;
}

.colorB {
    color: #f25;
}

/* align
-------------------------------------------- */
.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

/* margin
-------------------------------------------- */
/* top & bottom */
.mtb0 {
    margin-bottom: 0;
    margin-top: 0;
}

/* top */
.mt0 {
    margin-top: 0;
}

/* bottom */
.mb0 {
    margin-bottom: 0;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

/* width
-------------------------------------------- */
.minWidth100 {
    min-width: 100px;
}

/* pc-switcher
-------------------------------------------- */
.pc-switcher {
}

.pc-switcher span {
    display: none;
}

.pc-switcher a {
    background: url(../img/bn-sp-01.jpg);
    display: block;
    height: 100px;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 200%;
    top: 0;
    white-space: nowrap;
    width: 950px;
}


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

/* module

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

/* home
-------------------------------------------- */
.homKeyVisual {
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(236, 236, 236, 1);
    padding: 4px;
}

.homKeyVisual ul {
    height: 210px;
    overflow: auto;
    width: 754px;
}

.homKeyVisual li {
    float: left;
}

.homNews {
    background: #fefae9;
    background: linear-gradient(to bottom, #fff 0%, #fefae9 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fefae9));
    border: 1px solid #fefcf1;
    box-shadow: 0 0 1px 1px rgba(236, 236, 236, 1);
    padding: 4px;
}

.homNews h1,
.homNews table {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 15px;
}

.homNews table {
    border-left: 1px solid #ececec;
    margin: 0;
    width: 670px;
}

.homNews th,
.homNews td {
    border: 0;
    padding: 0;
    vertical-align: top;
}

.homNews th {
    background: url(../img/ic-arrow-01.png) 0 .2em no-repeat;
    font-weight: normal;
    padding-left: 18px;
    padding-right: 18px;
}

.homNews img {
    vertical-align: middle;
}

.homVoice {
}

.homVoice > div {
    box-shadow: 0 0 1px 1px rgba(236, 236, 236, 1);
    padding: 10px 16px;
    position: relative;
}

.homVoice p {
    margin: 0;
}

.homVoice li {
    border-right: 1px dotted #67b246;
    float: left;
    padding: 0 10px;
    width: 222px;
}

.homVoice .title {
    float: right;
    width: 95px;
}

.homVoice .thumbnail {
    float: left;
    height: auto;
    width: 118px;
}

.homVoice .excerpt {
    clear: both;
    padding: 5px 0;
}

.homVoice .prev {
    left: 4px;
    position: absolute;
    top: 3px;
}

.homVoice .next {
    position: absolute;
    right: 4px;
    top: 3px;
}

.homIdea {
}

.homIdea div {
    padding-bottom: 10px;
    padding-top: 10px;
}

.homIdea div div {
    float: right;
    margin: 0 0 0 20px;
}

.homIntro {
}

.homIntro h2 {
    margin-top: 20px;
}

/* about
-------------------------------------------- */
.aboGreeting {
}

.aboGreeting img {
    box-shadow: 0 0 8px rgba(153, 153, 153, .7);
}

.aboIdea {
    background: url(../img/bg-04.png) repeat-x;
    border: 2px solid #67b246;
    padding: 30px;
}

.aboIdea p {
    margin: 0;
}

.aboIdea > p:first-child {
    margin: 0 0 30px;
}

.aboIdea > div {
    margin: 0 0 30px;
}

.aboIdea div div:first-child {
    float: left;
    max-width: 490px;
}

.aboIdea div div:last-child {
    float: right;
    width: 152px;
}

.aboIdea h3 {
    border: 0;
    padding: 0;
}

.aboScene {
    margin-left: -22px;
}

.aboScene li {
    float: left;
    margin: 0 0 0 22px;
    text-align: center;
    width: 226px;
}

.aboScene img {
    margin: 0 0 10px;
}

.aboLawyer {
}

.aboLawyer header {
    border-bottom: 1px solid #82aa07;
    margin: 0 0 20px;
}

.aboLawyer h1,
.aboLawyer span,
.aboLawyer p {
    display: inline-block;
    vertical-align: middle;
}

.aboLawyer span {
    vertical-align: top;
}

.aboLawyer h1 {
    color: #67b246;
    display: inline-block;
    font-weight: normal;
    font-size: 16px !important;
    /*width: 580px;*/
}

.aboLawyer .post {
    background: #67b246;
    color: #fff;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 0 10px;
}

.aboLawyer .name {
    font-size: 140%;
    font-weight: bold;
    vertical-align: bottom;
}

.aboLawyer p {
    color: #999;
    font-weight: bold;
    margin: 0;
    text-align: right;
    max-width: 165px;
}

.aboLawyer div {
    float: right;
    margin: 0 0 0 20px;
}

.aboLawyer dt {
    color: #67b246;
    font-size: 117%;
    font-weight: bold;
    margin: 20px 0 0;
}

.aboLawyer ul {
    margin: 10px 0 0;
}

/* access */
.aboAccData {
    background: #eefae0;
    padding: 10px 20px;
}

.aboAccData > dt {
    color: #2f7e0c;
    font-size: 117%;
    font-weight: bold;
    margin: 0 0 5px;
}

.aboAccData dl {
    margin: 0;
}

.aboAccData dl dt,
.aboAccData dl dd {
    margin-bottom: 5px;
}

.aboAccData dl dt {
    background: #2f7e0c;
    border-radius: 3px;
    clear: both;
    color: #fff;
    float: left;
    text-align: center;
    width: 5em;
}

.aboAccData dl dd {
    margin-left: 6em;
}

.aboAccMap {
    height: 400px;
    width: 100%;
}

.aboAccParking {
    margin-left: -10px;
    margin-top: -10px;
}

.aboAccParking li {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

/* consultation
-------------------------------------------- */
.conA,
.conB {
    background: #e1f2f7;
    padding: 20px 24px;
    position: relative;
}

.conA > div:first-child,
.conB > div:first-child {
    float: left;
    width: 485px;
}

.conB > div:first-child:after {
    bottom: -22px;
    content: url(../img/ic-arrow-10.png);
    height: 22px;
    left: 315px;
    position: absolute;
}

.conA > div:last-child,
.conB > div:last-child {
    float: right;
    width: 186px;
}

.conA p,
.conB p {
    margin-top: 0;
}

.conInquiry {
    position: relative;
}

.conInquiry a {
    left: 237px;
    position: absolute;
    top: 95px;
}

.conList {
}

.conList span,
.conList p {
    display: table-cell;
}

.conList span {
    width: 6.5em;
}

.conList .auto {
    width: auto;
}

.conList .typeA {
    color: #306088;
}

.conList .typeB {
    color: #1a5c0a;
}

.conList .typeC {
    color: #704f2b;
}

.conList .typeD {
    color: #802e2e;
}

.conList .typeE {
    color: #e45e04;
}

.conList .typeF {
    color: #67b246;
}

.conList span:before {
    content: "●";
}

.conLayoutA {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

/* useful
-------------------------------------------- */
.useCalA {
}

.useCalA > div {
    float: right;
    padding: 10px 0 0;
    width: 300px;
}

.useCalA > p {
    float: left;
    width: 420px;
}

.c-flexgallery {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.c-flexgallery * {
    box-sizing: border-box;
}

.c-flexgallery .item {
    flex-basis: 50%;
    margin-bottom: 16px;
}

.c-flexgallery .item img {
    margin-bottom: 8px;
    max-width: 100%;
}

.c-flexgallery .item p {
    font-size: 0.875rem;
}

.c-flexgallery .item:nth-child(2n-1) {
    padding-right: 8px;
}

.c-flexgallery .item:nth-child(2n) {
    padding-left: 8px;
}

.c-service-lead__title {
    text-align: center;
    color: #007896;
    padding-top: 13px;
    font-size: 20px;
    font-weight: bold;
    border-top: 2px solid #007896;
    background: #007896;
    padding-bottom: 16px;
    position: relative;
    color: #fff;
    margin-bottom: 12px;
}

.c-service-lead__title.is-accent {
    border-top: 2px solid #4a4a4a;
    background: #555651;
}

.c-service-lead__title.is-accent:after {
    background: #555650;
}

.c-service-lead__title:after {
    content: "";
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #007896;
    position: absolute;
    display: block;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .c-service-lead__title {
        font-size: 0.9375rem;
    }
}