@charset "utf-8";
/* CSS Document */
/* 目次 */
/* 1 mediaクエリ指定なし*/
/* 2 ～320px限定設定*/
/* 3 320px-599px限定設定*/
/* 4 768px：大型PC*/
/**************************************************
/* 1. リセット
***************************************************/
* {
    margin: 0;
    padding: 0;
    line-height: 1.8;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
html {
    font-size: 62.5%;
    height: 100%;
}
body {
    font-weight: normal;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
    color: #262626;
    background-color: #fcf0e7;
    height: 100%;
}
html, body {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th { padding: 0;}
ul, ol {list-style: none;}
a {text-decoration: none;}
a:link, a:visited {color: #262626;}
img {
    vertical-align: bottom;
    border: 0;
    max-width: 100%;
    height: auto;
}
a img:hover {
    opacity: 0.8;
    transition: all .3s;
}
i, cite, em, var, address, dfn {font-style: normal;}
*, *:before, *:after {box-sizing: border-box;}
button, select {text-transform: none;}
/*IE用*/
a { background-color: transparent;}
a:active, a:hover {outline: 0;}
button {overflow: visible;}
textarea {overflow: auto;}
.small {
    font-size: 16px;
    font-size: 1.6rem;
}
/*Androidでcの色がおかしくなる現象を回避*/
.meiryo {
    font-family: Meiryo;
}
/*firefox用リンクをクリックした後に表示される「枠線」を消す*/
a, a:focus {
    outline: none;
}

/**************************************************
/* 2. 共通
***************************************************/
main {
    width: 100%;
}
#container {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-height: calc(100vh - 100px);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    letter-spacing: 0.2rem;
}
th, td, ul, li, p {
    color: #262626;
}
th, td, ul, li, p, dl, dt{
    font-size: 15px;
    font-size: 1.5rem;
}
a {
    transition: all .3s;
}
a:hover, a:focus {
    opacity: color .7 ease;
    color: #D16904;
}
a[href^="tel:"] {
    cursor: default;
}
iframe {
    width: 100%;
}
.cf::after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}
.sp {
    display: block;
}
.pc {
    display: none;
}
.center {
    text-align: left;
}
.inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 2%;
    font-size: 14px;
    font-size: 1.4rem;
}
.lead {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: left;
    padding: 0 4%;
    font-weight: 600;
}
.txt {
    font-size: 15px;
    font-size: 1.5rem;
}
.txt2 {
    margin-bottom: 16px;
}
/*強調色1、2（テキスト）*/
.mark-OR {
    font-weight: bold;
    color: #D16904;
}
.mark-RED, em {
    font-weight: bold;
    color: #B41515;
}
a.mark-RED:link, a.mark-RED:visited {
    font-weight: bold;
    color: #B41515;
}
.mark02 {
    text-align: left;
    font-weight: 600;
}
/* 余白 */
.mb {
    margin-bottom: 24px;
}
.m16 {
    margin: 16px auto;
}
.mb16 {
    margin-bottom: 16px;
}
.mt {
    margin-top: 24px;
}
.area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.s-red {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    padding: 0 4%;
    color: #B41515;
}
div#bg {
    padding-bottom: 80px;
}
.center {
    text-align: center;
}

/*------------------フォント--------------------*/
/*トップページ見出し*/
h2 {
    color: #512005;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
}
#top h2.ttl-1 {
    margin: 16px auto;
}
#top h2.ttl-1 i {
    padding: 0 8px;
}
#top h2.ttl-1 span {
    display: block;
    margin-bottom: 32px;
}
h3 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.2;
}
h3.ttl-1 {
    position: relative;
    padding-left: 10px;
    color: #262626;
}
h3.ttl-1 span {
    padding-left: 8px;
}
h4 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 500;
}
h5 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
/*    color: #262626;*/
    color: #D38200;
}
/*下層ページ見出し*/
#btm h2.ttl-1 {
    margin-bottom: 8px;
    padding: 16px 0;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 1.4;
    padding-left: 1.6rem;
    background-color: #94520e;
    background-image: url(/images/bottom/h2ttlBTM.png);
    /* background-color: #D38200; */
    background-repeat: no-repeat;
    background-position: right;
}
#btm h2.ttl-1 span {
    display: block;
    margin-bottom: 32px;
}
#btm h3.ttl-1 {
    color: #512005;
    padding-left: 1.6rem;
    border-bottom: 1px solid #512005;
    margin: 16px auto;
    padding-bottom: 8px;
}
#btm h3.ttl-1::before {
    position: relative;
    content: '';
    top: 0;
    left: -8px;
    border-left: 5px solid #512005;
}
#btm h3.ttl-2 {
    color: #512005;
    padding-left: 1.6rem;
    border-bottom: 4px double #512005;
    margin: 16px auto;
    padding-bottom: 8px;
}
#btm h4.ttl-1 {
    padding-left: 16px;
    font-weight: 500;
    margin: 24px auto 16px;
    border-bottom: 1px dotted;
}
#btm h5.ttl-1 {
    padding-left: 16px;
    font-weight: 500;
    margin-top: 8px;
}
/**************************************************
/* .　nav 
***************************************************/
/*メニュー部分*/
header h1 {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    width: 100%;
    color: #bd6f0a;
}
header .logo img {
    width: 300px;
    margin: 0 auto 8px;
    position: relative;
    top: 4px;
    left: 0;
}
header nav.header-nav {
    display: none;
    width: 100%;
    background-color: #94530e;
    left: 0;
    margin-bottom: 8px;
}
header nav.header-nav ul {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
header nav.header-nav ul li {
    padding: 16px 0;
    border-bottom: 1px dotted #FFFFFF;
}
header nav.header-nav ul li:last-child {
    border-bottom: none;
}
header nav.header-nav ul li a {
    display: block;
    color: #fff;
}
header #hd-btn-box {
    display: flex;
}
/*開閉ボタン*/
header #nav_toggle {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    z-index: 100;
    right: 12px;
}
header #nav_toggle div {
    position: relative;
}
header #nav_toggle span {
    display: block;
    height: 3px;
    background-color: #9a4f16;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
header #nav_toggle span:nth-child(1) {
    top: 0px;
}
header #nav_toggle span:nth-child(2) {
    top: 12px;
}
header #nav_toggle span:nth-child(3) {
    top: 24px;
}
/*開閉ボタンopen時*/
header .open #nav_toggle span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
header .open #nav_toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
header .open #nav_toggle span:nth-child(3) {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/**************************************************
/* .　ぱんクズ
***************************************************/
nav#breadcrumbs {
    padding: 16px 0;
    margin: 0 auto;
    background-color: #fcf0e7;
}
nav#breadcrumbs ul {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 8px;
    font-size: 13px;
    font-size: 1.3rem;
}
nav#breadcrumbs li {
    display: inline;
}
nav#breadcrumbs li:first-child {
    margin-right: 0.5em;
}
nav#breadcrumbs li a, nav#breadcrumbs li a:hover, nav#breadcrumbs li a:visited {
    margin: 0px;
    border-bottom: 1px solid #262626;
}
nav#breadcrumbs li a:hover {
    margin: 0px;
    color: #B41515;
    border: 0px;
}
nav#breadcrumbs li:nth-of-type(2):before, nav#breadcrumbs li:nth-of-type(3):before {
    content: "/";
    margin-right: 0.5em;
    font-size: 13px;
    font-size: 1.3rem;
}
/**************************************************
/* .　ページトップへ戻る
***************************************************/
#toTop {
    position: fixed;
    margin: 0 auto;
    text-align: center;
    display: block;
    bottom: 80px;
    right: 16px;
    background-color: #94530e;
    width: 56px;
    height: 56px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #94530e;
}
#toTop a {
    color: #FFFFFF;
    display: block;
    text-align: center;
    line-height: 56px;
    font-size: x-large;
}
#toTop:hover {
    opacity: 0.7;
    border: 1px solid #FFFFFF;
}
/**************************************************
/* .　footer 
***************************************************/
footer {
    background-color: #94530e;
    font-size: 13px;
    font-size: 1.3rem;
    /* min-height: 100px; */
    position: absolute;
    width: 100%;
}
footer nav ul li {
    margin: 4px auto;
}
footer nav ul li::before {
    content: "\25B8";
    color: #FFFFFF;
    margin-right: 0.5em;
}
footer nav ul li a:link, footer nav ul li a:visited {
    color: #FFFFFF;
}
footer nav ul a:hover, footer nav ul a:focus {
    text-decoration: underline;
}
footer nav ul {
    display: flex;
    margin: 0 auto;
    padding: 8px;
    flex-flow: wrap;
}
footer .copyright {
    text-align: center;
    color: #FFF;
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 66px;
}
footer .sp-bottom-fixd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: fixed;
    height: 60px;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background-color: #339933;
    align-items: center;
}
footer .sp-bottom-fixd p {
    flex-basis: 33.33%;
    text-align: left;
    padding: 8px;
}
footer .sp-bottom-fixd a {
    display: block;
    text-align: center;
}
footer .sp-bottom-fixd .claim a, footer .sp-bottom-fixd .consul a {
    color: #fff;
}
footer .sp-bottom-fixd .tel {
    background-color: #fff;
}
footer .sp-bottom-fixd .claim {
    background-color: #1963a1;
}
footer .sp-bottom-fixd .consul {
    background-color: #0c9f05;
}

/**************************************************
/* .　テーブル table
***************************************************/
/*テーブルパターン01*/
table.ptn01 {
    margin: 16px auto;
    width: 100%;
    border: 1px solid #D38200;
}
table.ptn01 th {
    color: #FFFFFF;
    line-height: 1.4;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: 8px;
    width: 20%;
    letter-spacing: 1px;
    background-color: #D38200;
}
table.ptn01 td {
    line-height: 1.4;
    padding: 4% 16px;
    vertical-align: top;
}
table.ptn01 td:last-child {
    border-right: none;
}
/*テーブルパターン02 (スマホで縦並びになる)*/
#ptn02 table {
    width: 100%;
    border: none;
    padding: 10px;
    text-align: center;
}
#ptn02 thead {
    display: none;
}
#ptn02 th {
    background-color: #D38200;
    color: #fff;
    line-height: 1.5;
    padding: 4% 16px;
    display: block;
}
#ptn02 tr {
    display: block;
    margin-bottom: 10px;
    line-height: 1.5;
}
/* tdのデザイン */
#ptn02 td:nth-of-type(1) {
    background-color: #D38200;
    color: #fff;
    padding: 4% 16px;
    text-align: left;
}
#ptn02 td {
    display: block;
    margin-bottom: 5px;
    padding: 0 0 10px 0;
}
#ptn02 td:first-child {
    border-top: none;
}
#ptn02 td:last-child {
    border-bottom: 1px solid #D38200;
}
#ptn02 td.mb0 {
    margin-bottom: 0;
}
/*td:beforeのデザイン*/
#ptn02 td:before {
    background-color: #f5f3ec;
    color: #4f4d47;
    display: block;
    padding: 8px 0;
    margin-bottom: 10px;
}
/*テーブルパターン03 (スマホ時縦並び・左寄せ・罫線あり)*/

table.ptn03 tr, table.ptn03 th, table.ptn03 td {
    display: block;
}
table.ptn03 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    margin: 16px auto;
}
table.ptn03 th {
    width: 100%;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: 1px;
    background-color: #D38200;
    padding: 8px 16px;
}
table.ptn03 td {
    border-bottom: 1px solid #D38200;
    line-height: 1.4;
    padding: 4% 16px;
}
table.ptn03 th.last {
    border-bottom: 1px solid #D38200;
}
table.ptn03 caption {
    text-align: left;
    font-weight: bold;
    margin: 0 0 1em 10px;
    padding: 0 0 0 5px;
    border-left: 1.1em solid #80d8fd;
    line-height: 1.1em;
}
table.ptn03 input {
    margin: 2px 0 2px 0;
    width: 100%;
}
/**************************************************
/* .　リンクボタン 
***************************************************/
.btn-box div {
    width: 240px;
    margin: 4px auto;
    border-radius: 6px;
}
.history-link {
    width: 100%;
    position: relative;
    margin: 16px auto 8px;
    text-align: right;
    padding-bottom: 8px;
    border-bottom: 1px solid;
}
ul.btn-BROWN li a::after, .tolink::after {
    content: ">";
    margin-left: 0.5em;
}
/*------茶色のbtn------*/
ul.btn-BROWN li a:link,ul.btn-BROWN li a:visited {
    display: block;
    color: #FFF;
    text-align: center;
    line-height: 3;
    text-decoration: none;
}
.btn-BLUE a:hover, .btn-BLUE a:active, .btn-GREEN a:hover, .btn-GREEN a:active {
    padding: 0;
    background-color: #fff;
    opacity: 1;
    border-radius: 4px;
}
ul.btn-BROWN li a:hover, ul.btn-BROWN li a:active {
    padding: 0;
    background-color: #fff;
    opacity: 1;
    color: #262626;
}
ul.btn-BROWN li {
    background-color: #845a4f;
    border: 1px solid #845a4f;
    right: 0;
}
/*------フォーム、LINEbtn------*/
.btn-BLUE, .btn-BLUE::before, .btn-BLUE::after, .btn-GREEN, .btn-GREEN::before, .btn-GREEN::after, ul.btn-BROWN li::before, ul.btn-BROWN li::after {
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 120%;
    margin: 50px auto 20px;
}
.btn-BLUE a, .btn-GREEN a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #FFF;
    line-height: 48px;
    text-align: center;
}
.btn-BLUE a::after, .btn-GREEN a::after {
    content: ">";
    margin-left: 0.5em;
}
.btn-BLUE a:hover, .btn-BLUE a:active, .btn-BLUE a:hover, .btn-BLUE a:active {
    color: #1963a1;
}
.btn-GREEN a:hover, .btn-GREEN a:active {
    color: #0c9f05;
}
.btn-box div.btn-BLUE {
    background-color: #1963a1;
    border: 2px solid #1963a1;
    left: 0;
    display: block;
}
.btn-GREEN {
    background-color: #0c9f05;
    border: 2px solid #0c9f05;
    right: 0;
}
.sns-btn-box div {
    width: 200px;
    height: 40px;
    margin: 0 auto;
}
#btm .list-box {
    margin-bottom: 32px
}
#btm section ul.btn-BROWN li a {
    padding: 0 24px;
    text-decoration: none;
		color: #FFFFFF;
}
#btm section ul.btn-BROWN li a:hover {
    padding: 0 24px;
    text-decoration: none;
		color: #262626;
}
#btm section ul.btn-BROWN li a::before {
    content: "▾";
    margin-right: 0.5em;
}
#btm section ul.btn-BROWN li a::after {
    content: none;
    margin-left: 0;
}
#btm .case-anchor {
		background-color: #845a4f;
    border: 1px solid #845a4f;
    right: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 3px 10px;
    margin: 8px auto;
    display: block;
    width: 100%;
}
#btm .case-anchor:after{
    content: "\A";
    white-space: pre;
}
/*------リンク基本-----*/
#btm section a:link {
    color: #B41515;
}
#btm section a:hover {
    color: #262626;
}
.tolink {
    text-align: right;
    margin: 16px auto 0;
}
.tolink a:link {
    color: #B41515;
    text-decoration: underline;
}
.tolink a:hover {
    text-decoration: none;
}
#btm .txt a:link {
    text-decoration: underline;
}
#btm .txt a:hover {
    text-decoration: none;
}

/**************************************************
/* . UL、DL共通
***************************************************/
.list-box {
    background-color: #fefbf7;
    margin-top: 32px;
    padding: 16px 24px;
		position: relative;
}
.list-box ol {
    margin-left: 16px;
    list-style-type: decimal;
}
.list-box ul {
    margin-left: 16px;
}
.list-box ul li {
    margin-left: 1.2em;
    margin: 8px auto;
}
.list-box ul li:first-child {
    margin: 0;
}
.list-box.bdr ul li {
    margin-left: 1.2em;
    margin: 8px auto;
    border-bottom: 1px dotted #CCCCCC;
}
.list-box.bdr ul li:before {
		content: "・";
    color: #D38200;
    margin-right: 4px;
}
.list-box dl a:hover, .list-box dl a:focus, .list-box ul a:hover, .list-box ul a:focus {
    text-decoration: underline;
}
.list-box dl {
    display: flex;
    margin: 8px auto;
}
.list-box.bdr dl {
    display: flex;
    margin: 8px auto;
    border-bottom: 1px dotted #CCCCCC;
}
.list-box dl dt {
    margin-right: 8px;
}
.list-box dl dd {
    width: 70%;
}

/**************************************************
/* . 記事、アーカイブ
***************************************************/

ul#blogarchives li{
		margin: 10px 20px;
}


/**************************************************
/* . 著書紹介
***************************************************/
.books {
    display: flex;
    padding-top: 16px;
    margin: auto;
}
.books p {
    margin-top: 8px;
}
.books dl {
    text-align: center;
    width: 50%;
}
.books dl dd {
    margin: 8px 0;
}
.books dl img {
    width: 116px;
}
/**************************************************
/* . トップコンテンツ top
***************************************************/
#top .inner {
    width: 98%;
    padding: 16px 8px;
}
#top .area {
    flex-wrap: nowrap;
    justify-content: center;
}
#top .btn-box {
    text-align: center;
    padding: 2% 0 6%;
}
#top section {
    background-color: #FFFFFF;
    /* margin-top: 24px; */
    margin: 40px 2%;
}
#top section:last-child {
    padding: 0 0 40px 0;
    margin-bottom: 0;
}

#top #problem {
    background-image: url(/images/top/problemBG.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: cover;
    height: fit-content;
    padding-bottom: 24px;
    margin-left: 0;
    margin-right: 0;
}
#top #problem img {
    margin: 0 auto;
    width: 90%;
    display: block;
    padding: 32px 0 8px;
}
#top #problem .point {
    margin: 0 auto;
    padding: 0 3%;
    width: 100%;
    font-size: 11px;
    font-size: 1.1rem;
}
#top #problem dl {
		margin-bottom: 16px;
    width: 100%;
    position: relative;
    display: flex;
}
#top #problem dl::after {
    content: "\3E";
    position: absolute;
    font-size: large;
    right: 3%;
    top: 28px;
    font-weight: bold;
    margin: 0;
}
#top #problem dl dt {
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #501604;
    width: 90px;
    height: auto;
    box-shadow: 0 4px black;
}
#top #problem dl dd {
    background-color: #ede6e4;
    height: auto;
    border-top: 1px solid #501604;
    border-right: 1px solid #501604;
    box-shadow: 0 4px black;
    padding: 4px 0 4px 10px;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
#top #problem dl dd span {
    margin: 5px 40px 8px 0;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}
#top #problem .txt p {
    line-height: 2.0;
}
#top #problem .txt {
    padding: 12px;
    margin: 0 auto;
    width: 98%;
}
#top #problem dl dd:hover {
    background-color: #FFFFFF;
    transition: all .3s;
}
#top #problem dl dt.list01 {
    background-image: url(/images/top/problemlist-icon01.png);
}
#top #problem dl dt.list02 {
    background-image: url(/images/top/problemlist-icon02.png);
    background-size: 45%;
}
#top #problem dl dt.list03 {
    background-image: url(/images/top/problemlist-icon03.png);
    background-size: 45%;
}
#top #problem .point h3 {
    color: #511604;
    letter-spacing: 1.2px;
}
#top #qa,#top #column-list,#top #books {
    border-top: 5px solid #512005;
}
#top .bnr {
    padding: 0 2%;
    margin-top: 48px;
}
#top .bnr img {
    width: 100%;
}
/**************************************************
/* . コンタクト (footer上部の箇所)
***************************************************/
#contact {
    width: 100%;
    background-color: #FFFFFF;
}
#contact .inner {
    background-image: url(/images/common/footer-photoBG.png);
    background-size: 280px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 72px;
}
#contact .ttl {
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    padding: 8px 0;
    color: #FFFFFF;
    background-color: #94530e;
}
#contact .contact-box {
    text-align: center;
    margin-top: 24px;
    color: #511604;
}
#contact .contact-box img.logo {
    width: 420px;
    margin-bottom: 56px;
}
#contact .btn-box {
    display: block;
    width: 100%;
    margin: 160px auto 0;
    padding: 40px 0;
}
#contact .tel {
    position: relative;
    top: 160px;
}
#contact .tel img {
    width: 230px;
    margin: 2% 0 0;
}
#contact .tel .txt {
    margin-top: 8px;
}
#contact .tel .txt span {
    font-size: 18px;
    font-weight: 600;
}
/**************************************************
/* .　下層ページ #btm 
***************************************************/
main #btm {
    background-color: #FFFFFF;
    margin: 0 8px;
}
#btm section:first-child {
    margin-top: 0!important;
}
#btm section div:last-child {
    padding-bottom: 8px;
}
#btm section div.inner {
    padding: 16px;
}
#btm .arrow {
		font-size: 24px;
		font-size: 2.4rem;
    text-align: center;
    display: block;
    margin: 8px auto;
    color: #D16904;
}
#btm .arrowR {
    font-size: 20px;
    font-size: 2.0rem;
    margin-right: 8px;
    color: #D16904;
}  
#btm .pdf {
    margin: 16px auto;
    border: 1px solid;
    padding: 8px;
}
#btm .flow-box {
    margin: 0 auto;
    padding: 15px 10px 0 15%;
    background: url(../images/flow/flow_back.gif) no-repeat 0 50%;
    background-size: 10%;
}
#btm .flow-box:last-child {
    background: none;
}
#btm .flow-contact {
    background-color: #F3E0B2;
    border: 1px solid #E9CA81;
    padding: 16px;
    margin: 16px auto;
}
#btm .flow-contact .tel {
    font-size: 20px;
    font-size: 2.0rem;
    color: #500E01;
    font-weight: 600;
    margin-bottom: 5px;
}
#btm .flow-contact .tel a {
    color: #500E01;
    text-decoration: none;
}
#btm .flow-contact hr {
    border-top: 1px solid #500E01;
    border-bottom: none;
}
/**************************************************
/* .　事務所のご案内 SP
***************************************************/
#office .bnr {
    width: 100%;
    margin: 0 auto;
}
#office .bnr img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#office #map ul {
    width: 100%;
    margin: 0 auto;
}
#office #map ul.btn-BROWN li {
    width: 95%;
    margin: 0 auto 10px;
}
#office #map ul.btn-BROWN li a {
    line-height: 3;
}
#office .list-box dl {
    display: block;
    margin: 4px auto;
}
#office .list-box dt {
    font-weight: 400;
    margin: 8px auto;
    border-bottom: 1px solid #262626;
    padding-bottom: 4px;
}
#office .list-box dt i {
    margin-right: 4px;
}
#office ul li {
    margin: 8px auto;
}
#office .list-box dl dd {
    width: 100%;
    margin: 0 auto;
}
/**************************************************
/* .　弁護士紹介 共通
***************************************************/
#about .photo img,#about #photo3 img {
    width: 40%;
    margin: 16px auto;
}
#about dl dt {
    padding: 10px 0;
    text-align: center;
}
#about dl.photo dd {
    text-align: left;
}
#about .favorite dl {
    text-align: left;
}
#about .favorite img {
    padding: 10px 0;
}
#about .hito {
    text-align: center;
}
#about .hito ul {
    text-align: left;
}
#about dl.books dt, #about dl.books dt dd {
    width: 100%;
}
#about dd.about-books {
    text-align: center;
}
#about table.ptn01 td {
    border: 1px solid #D38200;
}
#about table.ptn01 td:last-child {
    border-right: 1px solid #D38200;
}
#about table.ptn01 th {
    width: 30%;
}
/**************************************************
/* .　ご依頼費用 SP
***************************************************/
 /*contentでタイトルを追加 */
#cost #ptn02 td:nth-of-type(2):before {
    content: '着手金';
}
#cost #ptn02 td:nth-of-type(3):before {
    content: '報酬金';
}
/**************************************************
/* .　相続相談の流れ
***************************************************/
#flow {
    width: 100%;
    margin: 0 auto;
}
#btm .btn-box {
    margin: 16px auto 0;
}
#btm .flow-contact .btn-BLUE a {
    text-decoration: none;
}
#btm .flow-contact .btn-BLUE {
    margin-top: 15px;
    background-color: #1963a1;
    border: 2px solid #1963a1;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
}
#flow .list-box ul {
    width: 100%;
    margin: 0 auto;
}
#flow .list-box span.txt-right {
    padding-left: 280px;
}

/**************************************************
/* .　相続の基礎知識 inheritance SP
***************************************************/
#inheritance h3.ttl-1 .inherit-link {
    font-size: 18px;
    font-size: 1.8rem;
}
/**************************************************
/* .　法定相続とは lgal SP
***************************************************/
#legal .flexbox {
    justify-content: center;
    display: block;
}
/**************************************************
/* .　相続トラブルチェックリスト trouble SP
***************************************************/
#trouble .trouble-list {
    border: 3px solid #D38200;
    padding: 5px;
}
#trouble .trouble-list-inner {
    border: 1px solid #D38200;
    padding: 5px 10px;
}
#trouble .trouble-list h3 {
    color: #512005;
    padding-left: 1.6rem;
    font-weight: 600;
    border-bottom: 1px solid #512005;
    margin: 16px auto 24px;
    line-height: 1.2;
    font-size: 18px;
    font-size: 1.8rem;
}
#trouble ul {
    width: 100%;
    margin: 0 auto;
}
#trouble li {
    padding: 15px 0 8px 12%;
    background: url(../images/trouble/trouble_check.png) no-repeat 5px 12px;
    line-height: 1.2;
    background-size: 20px 20px;
}
/**************************************************
/* .　ご相談の多い事例 example SP
***************************************************/
#btm .casebox {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px;
	 display: flex;
}
ul.casebox.btn-BROWN li {
    margin: 4px auto;
}
#btm .casebox.btn-BROWN a,#btm .casebox.btn-BROWN a:hover {
    padding: 4px 8px;
    line-height: 1.6;
    text-align: left;
}
#btm .casebox:nth-of-type(2) {
    justify-content: space-around;
}
#example h3{
    color: #512005;
    font-weight: 600;
    border-bottom: 1px solid #512005;
    margin: 0 auto;
    line-height: 2.0;
}
#example dl{
    width:100%;
} 
#example dt{
    min-height: 30px;
    margin: 0 0 0.5em;
    padding: 5px 10px 10px 45px;
    background:  url(../images/example/t_q.gif) no-repeat 5px 12px;
    line-height: 1.4;
    background-size: 30px 30px;
    border-bottom: 1px solid #CFCECD;
    color: #205784;
    font-weight:600;
}
#example dd {
    min-height: 30px;
    padding: 5px 10px 5px 45px;
    background: url(../images/example/t_a.gif) no-repeat 5px 12px transparent;
    line-height: 1.6;
    color: #6c5532;
}
#example .comment{
background-color: #fefbf7;
    padding: 5px 10px;
    margin: 24px auto 16px;
}
#example .comment:before{
    content: '';
  display: inline-block;
    width: 50px;
    height: 50px;
   background-image: url(../images/example/arrow.png);
     background-size: contain;
  vertical-align: middle;
        position: relative;
    top:-15px;

}
/**************************************************
/* .　相続ケーススタディ case_study 
***************************************************/
#case-study{
	
}
#case-study .casetxt{
    background-color: #FBF4DD;
    padding: 16px;
    margin-bottom: 8px
}
#case-study dd {
    background: url(/images/case-study/t_advice.gif) no-repeat left top;
    margin: 0 auto 1.0em;
    padding: 48px 16px 16px;

}
/**************************************************
/* .　相続税・贈与税の基礎知識 SP
***************************************************/

 /*contentでタイトルを追加 */
#tax #ptn02 td:nth-of-type(2):before {
    content: '税率';
}
#tax #ptn02 td:nth-of-type(3):before {
    content: '控除額';
}

#tax dl dt{
    font-weight: 600;
}
/**************************************************
/* . 遺産分割調停 conciliation
***************************************************/
#conciliation p {
    background-color: #fefbf7;
    padding: 16px;
    margin: 16px auto 32px;
}
#conciliation .comment {
    display: block;
    padding: 16px 0px 24px;
}
#conciliation .comment img {
    margin: 0 auto;
    display: block;
}
/**************************************************
/* . 預金の使い込み（不当利得返還請求）injustice
***************************************************/
#injustice .comment {
    display: block;
    padding: 16px 0px 24px;
}
#injustice .comment img {
    margin: 0 auto;
    display: block;
}
#injustice dt {
    min-height: 30px;
    margin: 0 0 0.5em;
    padding: 5px 10px 10px 45px;
    background: url(../images/example/t_q.gif) no-repeat 5px 12px;
    line-height: 1.4;
    background-size: 30px 30px;
    border-bottom: 1px solid #CFCECD;
    color: #205784;
    font-weight: 600;
}
/**************************************************
/* . 相続手続きの流れとチェックポイント checkpoint
***************************************************/
#checkpoint table {
		width: 100%;
    display: inline-block;
   	/* overflow-x: scroll;
    white-space: nowrap;
    zoom: 1;
    -webkit-overflow-scrolling: touch;*/
}
/*table thead*/
#checkpoint table thead tr th {
		background-color: #D38200;
    font-weight: 600;
    line-height: 2.2;
    border-right: unset;
}
#checkpoint table thead tr td {
		display: none;
}
#checkpoint table tbody tr td:first-child {
    background-color: #f1ebe7;
    font-weight: 600;
}
/*table tbody*/
#checkpoint table tbody {
    width: 100%;
    display: table;
}
#checkpoint table tbody tr td {
		display: block;
    width: 100%;
    padding: 8px;
}
#checkpoint table tbody tr th {
    display: table-cell;
    background-color: #f1ebe7;
    font-weight: normal;
    color: #666;
}
#checkpoint table thead tr th:first-child {
    text-align: left;
    width: 10%;
}
#checkpoint table tbody tr td.bunkatsu {
    background-color: #FBF4DD;
}
#btm #checkpoint .btn-RED a {
    width: 85px;
    margin: 0 2px;
    padding: 4px;
    color: #FFF;
    text-align: center;
    background-color: #B41515;
    border: 1px solid #B41515;
    right: 0;
    text-decoration: none;
}
#btm #checkpoint .btn-RED a:hover, #btm #checkpoint .btn-RED a:active, #btm #checkpoint .btn-RED a:hover, #btm #checkpoint .btn-RED a:active {
    background-color: #FFF;
    color: #B41515;
}
/**************************************************
/* . 相続関連書式ダウンロードformat
***************************************************/
#format dl dt {
    display: flex;
}
#format .dl-btn {
    position: relative;
    margin: 16px auto;
    text-align: center;
    display: block;
    color: #FFFFFF;
    background-color: #D38200;
    width: 48%;
    height: auto;
    padding: 8px 0;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #94530e;
    line-height: 1.2;
    box-shadow: 0px 3px #262626;
}
#format .dl-btn a:link {
    color: #FFFFFF;
}
#format .dl-btn:hover {
    top: 3px;
    box-shadow: 0 0 black;
}
#format .dl-btn span {
    display: block;
}
#format .dl-btn.sample {
    background-color: #F3E0B2;
}
#format .dl-btn.sample a:link {
    color: #262626;
}
#format section {
    margin: 32px auto;
}
/**************************************************
/* . サイトマップ sitemap
***************************************************/
#sitemap ul li {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    margin: 8px auto;
}
#sitemap ul li::before {
    content: "\25B8";
    color: #D16904;
    margin: 0 0.8em;
		text-decoration: none;
}
#sitemap ul li a:link, #sitemap ul li a:visited {
    color: #512005;
		text-decoration: none;
}
#sitemap ul li a:hover, #sitemap ul li a:active {
    width: 100%;
		text-decoration: underline;
}
#sitemap ul.sub {
    width: 90%;
    margin: 0 auto;
}
#sitemap ul.sub li {
    margin: 0;
}
#sitemap ul.sub li::before {
    content: "└";/*└　罫線*/
    color: #333333;
    margin: 0 0.8em;
		text-decoration: none;
}
/**************************************************
/* . 相続税対策のポイント tax-point
***************************************************/
#tax-point h3{
    line-height: 1.8;
}
#btm #tax-point .casebox li {
    width: calc(90% / 4);
    margin-right: 8px;
}
/**************************************************
/* . 相続QA faq
***************************************************/
#btm #faq .casebox {
    display: block;
    width: 100%;
}	
#btm #faq .casebox li {
		margin: 4px auto;
    width: 100%;
}
#faq .accordionbox dt {
		display: flex;
    margin-bottom: 8px;
    line-height: 1;
    padding: 8px;
    border-bottom: 1px solid #CFCECD;
}
#faq .accordionbox dt:before {
    content: "Q";
    background-color: #5280a6;
    padding: 12px;
    display: inline-table;
    color: #FFFFFF;
}
#faq .accordionbox dd {
    margin-bottom: 8px;
    padding: 8px;
    display: none;
    background-color: #fff;
}
#faq .accordionbox dd:before {
		content: "A";
    background-color: #F3E0B2;
    padding: 8px;
    display: inline-block;
    color: #262626;
    margin-right: 8px;
    width: 36px;
    height: 36px;
    text-align: center;
}
#faq .accordionbox{
    width: 100%;
    background-color: #FBF4DD;
    margin: 16px auto 40px;
    padding: 16px 8px;
}
#faq .accordionlist dt:first-child{
    border-top: none !important;
}
#faq .accordionlist dt .title{
		padding-left: 8px;
    padding-right: 24px;
    margin: 8px auto;
    width: 100%;
}
#faq .accordion_icon,
#faq .accordion_icon span {
    transition: all .4s;
    box-sizing: border-box;
}
#faq .accordion_icon {
		position: relative;
    width: 30px;
    height: 30px;
    bottom: 0;
    top: 16px;
}
#faq .accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #D16904;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
#faq .accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
#faq .accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
#faq .accordion_icon.active span:nth-of-type(1) {
	display:none;
}
#faq .accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/**************************************************
/* . inheritancediv
***************************************************/
#inheritancediv .comment {
    padding: 16px 8px;
}
#inheritancediv img {
    display: block;
    margin: 0 auto;
}
/**************************************************
/* .　相続用語集 words
***************************************************/
#words .inner{
		margin: 24px auto;
    padding-bottom: 16px;
}
#btm #words .casebox li {
    width: auto;
    margin: 16px auto;
    font-size: 18px;
    font-size: 1.8rem;
}
#words dl {
    border: 1px solid #cccccc;
    padding: 16px;
    margin: 16px;
}
#words dl dt ruby {
    margin-top: 3px;
    display: block;
}
#words dl dt {
    background-color: #FBF4DD;
    padding: 8px 0 8px 8px;
    font-size: 20px;
    font-size: 2.0rem;
}
#words dl dd {
    padding: 8px;
}
/**************************************************
/* . プライバシーポリシー privacy
***************************************************/
#privacy .date {
    margin: 24px auto 16px;
    text-align: right;
}
#privacy ol {
    list-style: decimal;
    width: 90%;
    margin: 0 auto;
}
#privacy ol li {
    margin-bottom: 8px;
}
/**************************************************
/* .　遺言の作成から執行まで wills-flow
***************************************************/
#wills-flow .list-box ul{
		list-style-type: none;
}
#wills-flow .list-box ul li {
    font-size: 16px;
    font-size: 1.6rem;
}
#wills-flow .list-box ul li i {
    padding-right: 8px;
}
/**************************************************
/* .　相続関連書式ダウンロード format
***************************************************/
#format dl {
		padding: 8px;
    background-color: #fefbf7;
    margin: 16px auto;
}

#format dt {
		margin: 0 0 0.5em;
    color: #ae4a10;
    font-size: 1.2em;
}
#format dt h3 {
    margin: 0 0 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px #785e42 solid;
    color: #ae4a10;
}
#format dt span img {
    position: relative;
    right: 0;
    left: 50%;
}
#format dl dd {
    padding: 8px;
}
/**************************************************
/* .　任意後見制度 custody
***************************************************/
#custody table.ptn01 th{width: auto;}
#custody .list-box img {
    display: block;
    margin: 16px auto;
    position: relative;
    left: 35%;
    width: auto;
}
#custody .list-box ol {
    margin-left: 0;
    list-style-type:none;
}
#custody p.catch {
    color: #D16904;
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    margin: 16px auto 32px;
}
#custody p.catch span{
		color: #262626;
    font-size: 18px;
    font-size: 1.8rem;}
/**************************************************
/* . 
***************************************************/
#column-list, #top #qa, #top #books {
    background-image: url(/images/top/h2ttlBLOG.png);
    background-repeat: no-repeat;
    background-position: right 4%;
}
/**************************************************
/* . Wordpress 相続コラム
***************************************************/
#column .entry {
    background-size: 24%;
    background-image: url(/images/top/h2ttlBLOG.png);
    background-repeat: no-repeat;
    background-position: right 5px;
    margin-top: 40px;
    background-color: #FBF4DD;
    padding: 8px;
}
#column .entry h3{
    margin: 24px auto;
    padding: 8px;
    border-bottom: 1px #f0b98b solid;
    font-size: 24px;
    font-size: 2.4rem;
}
#column p.category,
#blog p.category {
    margin: 0 0 8px;
    padding: 3px;
    text-align: right;
    color: #b56532;
}
#column p.entry-day,
#blog p.entry-day{
    padding: 10px 5px 0;
}
#column p.entry-day i,
#blog p.entry-day i{
    padding: 8px;
}
#column h3 a:link{
    color: #262626;
}
#column .entry-text,
#blog .entry-text{
    padding: 8px;
}
#column .sns-area,#blog .sns-area{
    display: block;
    position: relative;
    text-align: center;
}
#column .sns-area ul li,
#blog .sns-area ul li{
    display: inline-block;
}
#column .sns-area ul li.twt,
#blog .sns-area ul li.twt{
    position: relative;
    top: 9px;
}
#column .category a,
#blog .category a{
    background-color: #FFFFFF;
    padding: 4px;
    color: #262626;
}
#column .entry-text img,
#blog .entry-text img{
    margin: 32px auto;
    display: block;
}
/**************************************************
/* . Wordpress ブログ　ひとりごと
***************************************************/
#blog .entry{
		margin-top: 40px;
    padding: 8px;
    background-color: #fff7f7;
    background-size: 24%;
    background-image: url(/images/top/h2ttlBLOG.png);
    background-repeat: no-repeat;
    background-position: right 5px;
}
#blog h3 a:link{
}
#blog .entry h3 {
    margin: 24px auto;
    padding: 8px;
    border-bottom: 1px #B41515 dotted;
    font-size: 24px;
    font-size: 2.4rem;
}
/**************************************************
/* . 問い合わせフォーム contact
***************************************************/
#mailform {
    width: 100%;
    margin: 0 auto;
}
#mailform form#mailformpro label.mfp_not_checked {
    padding: 0;
    border: none;
}
#mailform form#mailformpro label {
    margin: 0;
}
#mailform .formBtn {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
#mailform table textarea {
    width: 100%;
    min-width: 375px;
    height: 160px!important;
    margin: 0 auto;
}
#mailform table input, #mailform table textarea, #mailform table select {
    padding: 4px;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
}
#mailform .btn input {
    border: none;
    background-color: #FBF4DD;
    width: 240px;
    height: 56px;
    border-radius: 6px;
    padding: 4%;
    margin: 4px 0;
    font-size: 15px;
    font-size: 1.5rem;
}
#mailform .btn input:hover {
    border: 2px solid #F3E0B2;
    background-color: #FFFFFF;
}
#mailform table {
		width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    border: 1px solid #D38200;
}
#mailform table td span {
    color: #D16904;
    line-height: 1.2;
    display: block;
    margin-top: 8px;
}
#mailform table th {
    text-align: left;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #FFFFFF;
}
#mailform table th.last {
		border-bottom: unset;
}
#mailform table caption {
    text-align: left;
    font-weight: bold;
    margin: 0 0 1em 10px;
    padding: 0 0 0 5px;
    border-left: 1.1em solid #80d8fd;
    line-height: 1.1em;
}
#mailform table input {
    margin: 2px 0 2px 0;
    width: 100%;
}
/**************************************************
/* . 相続に関する無料メール相談 consul-form
***************************************************/

#mailform #consul_form table select.year {
    width: 64px;
    height: 40px;
}
#mailform #consul_form table tr td label .checkbox, #mailform #consul_form table tr td input.radiobtn {
    width: auto;
    margin: 8px auto;
}
#mailform #consul_form form#mailformpro label {
    margin-right: 2%;
}
#mailform #consul_form table.colorA {
    border: 1px solid cadetblue;
}
#mailform #consul_form table.colorA th {
    background-color: cadetblue;
}
#mailform #consul_form table.colorB {
    border: 1px solid indianred;
}
#mailform #consul_form table.colorB th {
    background-color: indianred;
}

/*～320px限定設定*/
@media screen and (max-width:320px) {
.pc {
    display: none;
}
aside {
    display: none;
}
header #hd-btn-box {
    display: none;
}
#mailform table textarea {
    min-width: 240px;
}
}/*メディアクエリ閉じ*/

/*320px-768px限定設定*/
@media screen and (min-width:321px)and (max-width:768px) {
.pc {
    display: none;
}
aside {
    display: none;
}
header #hd-btn-box {
    display: none;
}
#top #problem .point h3 {
    font-size: 18px;
    font-size: 1.8rem;
}
#mailform table textarea {
    min-width: 280px;
}
#top #problem .point h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 8px auto;
}
}/*メディアクエリ閉じ*/

/* 769px：大型PCとiPad
------------------------------ */
@media screen and (min-width:769px) {
/**************************************************
/* . 共通
***************************************************/
body {overflow-x: hidden;}
div#bg {
    background-image: url(/images/common/btmBG.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
}
#container {width: 1000px;}
main {
    margin-bottom: 40px;
    width: 640px;
    float: left;
}
th, td, ul, li, p {
    font-size: 15px;
    font-size: 1.5rem;
}
a[href^="tel:"] {
    pointer-events: none;
}
.inner {max-width: 1000px;}
.sp {
    display: none;
}
.pc {
    display: block;
}
.flexbox {
    display: flex;
    flex-direction: row;
}
.row-reverse {
    flex-direction: row-reverse;
}
.read {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 64px 0;
}
.txt {
    font-size: 14px;
    font-size: 1.4rem;
}
h2 {
    font-size: 30px;
    font-size: 3.0rem;
}
h3 {
    font-size: 26px;
    font-size: 2.6rem;
}
/*------h3 パターン1-----*/
#btm h3.ttl-1::before {
    height: 24px;
}
h4 {
    font-size: 18px;
    font-size: 1.8rem;
}
h5 {
    font-size: 17px;
    font-size: 1.7rem;
}

/*------改行-----*/ 
.css-br::before {
    content: "\A";
    white-space: pre;
}
#toTop {
    position: relative;
		bottom: 0;
    top: 40px;
}
/**************************************************
/* .　header 
***************************************************/	
header {
    height: 156px;
    background-image: url(/images/common/hdrBG.png);
    background-repeat: no-repeat;
    background-color: #fcf6ef;
    background-position: center top;
}
header .logo p {
    width: 340px;
}
header #hd-btn-box {
    background-color: rgba(255, 255, 255, 0.7);
    min-width: 45%;
    width: 432px;
    margin: 0;
    padding: 12px;
    position: relative;
    text-align: right;
}
header #hd-btn-box .tel {
    margin: 0 8px 0 0;
    color: #511604;
}
header #hd-btn-box .tel .txt {
    padding-top: 2px;
}
header #hd-btn-box .icon {
    margin: 0 8px 0 0;
}
header #hd-btn-box .icon:last-child {
    margin: 0;
}
header nav.header-nav {
    display: block;
    position: absolute;
    top: 96px;
}
header .header-nav-inner {
    justify-content: space-between;
    align-items: center;
    position: relative;
    bottom: 72px;
    left: 60%;
}
header nav.header-nav ul {
    display: flex;
    align-items: center;
    /*flex-wrap: wrap;*/ /*エッジ、IEで崩れる*/
    justify-content: center;
    max-width: 1000px;
    height: 60px;
}
header nav.header-nav ul li {
    padding: 0;
    font-size: 15px;
    font-size: 1.5rem;
    border-bottom: none;
}
header nav.header-nav ul li a {
    color: #fff;
    text-decoration: none;
    /* font-weight: bold; */
    padding: 0;
    text-align: center;
}
header nav.header-nav ul li a:hover {
    background-color: #FFFFFF;
    opacity: 1;
    color: #94530e;
    width: 95%;
    padding: 0;
    margin: 0 auto;
    line-height: 40px;
    border-radius: 4px;
}
header #nav_toggle {
    display: none;
}
header nav.header-nav ul li {
    border-right: 1px solid #FFFFFF;
    width: calc(1000px/6);
    margin: 16px auto;
}
header nav.header-nav ul li:first-child {
    border-left: 1px solid #FFFFFF;
}
header .logo img {
    width: 400px;
    margin: 0 auto;
}
/**************************************************
/* .　サイドメニュー
***************************************************/
aside {
    width: 320px;
    float: right;
    margin: 24px 0 40px 0;
}
aside h2 {
    color: #512005;
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 40px;
}
aside h2::before {
    content: '';
    background-image: url(/images/common/icon-side01.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 8px;
    padding-right: 32px;
}
aside nav {
    margin-bottom: 24px;
}
aside nav ul li {
    background-color: #FFFFFF;
    margin: 6px 0;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
    width: 100%;
}
aside nav ul li a::before {
    content: "\25B8";
    color: #D16904;
    margin: 0 0.8em;
}
aside nav ul li a:link, aside nav ul li a:visited {
    color: #512005;
    padding: 10px 8px;
    display: block;
}
aside nav ul li a:hover, aside nav ul li a:active {
    padding: 10px 8px;
    background-color: #845a4f;
    opacity: 1;
    width: 100%;
    display: inline-block;
    color: #FFFFFF;
}
aside .info {
    background-color: #F3E0B2;
    padding-bottom: 16px;
}
aside .info address {
    padding: 16px;
}
aside .info address h3 {
		font-size: 16px;
    font-size: 1.6rem;
    display: block;
    margin: 8px auto;
    border-bottom: 1px solid #262626;
    padding-bottom: 4px;
}
aside .info address h3 i {
    margin-right: 4px;
}
aside .info ul {
    width: 90%;
    margin: 0 auto;
}
aside .info .access {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
}
aside .info .access i {
    padding-right: 4px;
}
aside .info a:link {
}
aside .info a:hover {
}
aside .bnr {
    margin-top: 40px;
}
/**************************************************
/* .　contact
***************************************************/
#contact {
}
#contact .inner {
    width: 1000px;
    display: block;
    margin: 0 auto;
    background-size: 37%;
    background-position: right center;
}
#contact .contact-box {
    margin-top: 40px;
}
#contact .contact-box img.logo {
    margin-bottom: 8px;
}
#contact .btn-box {
    max-width: 420px;
    display: flex;
    margin: 0 auto;
}
#contact .btn-box div.btn-BLUE {
    margin-right: 10px;
}
#contact .tel img {
    width: 28%;
}
#contact .tel {
    position: unset;
		top: 0;
}
/**************************************************
/* .　footer 
***************************************************/
footer {
    position: relative;
}
footer nav {
    padding: 48px 0;
}
footer .inner {
    max-width: 1200px;
}
footer .sp-bottom-fixd {
    display: none;
}
footer .btn-box div:last-child {
    margin-right: 0;
}
footer nav ul.pc, footer nav ul {
    display: table-cell;
    width: calc(1200px/4);
}
footer .copyright {
    margin-bottom: 0;
    padding-bottom: 16px;
}

/**************************************************
/* .　下層ページ共通デザイン
***************************************************/    
#btm h2.ttl-1 {
    line-height: 80px;
}
main #btm {
    margin: 0;
}
table.ptn01 {
    width: 98%;
}
/**************************************************
/* .　BOX 事例、ケーススタディ
***************************************************/
#btm .casebox {
		width: 70%;
    margin: 0 auto 5px;
}
#btm .casebox li{
    /* width: calc(92% / 3); */
    margin-right: 10px;
    }  
#btm .casebox:nth-of-type(2) {
    justify-content: flex-start;
}
#btm .example-innaer{
        width: 95%;
        margin:0 auto;
}
#btm dt,#btm dd{
        background-position: 5px 5px;
}
/**************************************************
/* .　flow will-flow共通
***************************************************/
#btm .flow-box {
    padding: 32px 16px 32px 100px;
    background: url(../images/flow/flow_back.gif) no-repeat left 8%;/* background-size: 100px; */
}
#btm .flow-box:nth-of-type(4) {
    /* height: 100px; */
}
#btm .flow-contact {
    padding: 24px 16px;
}
#btm .flow-contact img {
    max-width: 60%;
    padding-bottom: 5px;
}
#btm .flow-contact hr {
    margin-bottom: 10px;
}
#btm .flow-contact .btn-BLUE:last-child {
    padding-bottom: 0;
}
#btm .flow-contact .btn-box .btn-BLUE {
    margin-top: 5px;
}
/**************************************************
/* .　テーブル table
***************************************************/ 
/*複雑な修正はここは触らずに各ページのIDをつけて振り分けます*/
/*テーブルパターン02*/
#ptn02 table {
    text-align: left;
    margin: 16px auto;
    border-collapse: collapse;
    padding: 0
}
#ptn02 thead {
    display: block;
    width: 100%;
    text-align: center;
}
#ptn02 tbody {
    width: 100%;
    margin: 0 auto;
}
#ptn02 tr {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    line-height: 1.5;
}
#ptn02 th {
    color: #FFFFFF;
    line-height: 1.4;
    border-right: 1px solid #FFFFFF;
    padding: 2% 5px;
		width: 200px;
    /*width: calc(24%/2);*/
    letter-spacing: 1px;
    display: table-cell;
    margin: 0;
}
#ptn02 td {
		width: 200px;
   	/*width: calc(24%/2);*/
    display: table-cell;
    /*    width: 32%;
    display: inline-block;*/
    margin: 0 auto;
    padding: 0 8px;
    border-right: 1px solid #D38200;
    border-bottom: 1px solid #D38200;
}
#ptn02 td:first-child,#ptn02 th:first-child {
    border-top: none;
}
#ptn02 td:last-child {
    border-right: none;
}
/* tdのデザイン */
#ptn02 td:nth-of-type(1) {
    background-color: #fff;
    color: #D38200;
    padding: 16px;
}
#ptn02 td:nth-of-type(2):before {
    display: none;
    border-top: none;
}
#ptn02 td:nth-of-type(3):before {
    display: none;
    border-top: none;
}
#ptn02 td.mb0 {
    margin-bottom: 0;
}
/*td:beforeのデザイン*/
#ptn02 td:before {
    font-display: none;
}
/*テーブルパターン03 (スマホ時縦並び・左寄せ・罫線あり) PC*/
table.ptn03 {
    table-layout: fixed;
}
table.ptn03{
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #D38200;
}

table.ptn03 th, table.ptn03 td {
    display: table-row-group;
		display: block;
}
table.ptn03 tr {
    align-items: center;
}
table.ptn03 th {
    height: 100%;
    display: flex;
    text-align: left;
    align-items: center;
    border-bottom: 1px solid #FFF;
}
table.ptn03 th br {
    display: none;
}
table.ptn03 tr:last-child th {
    border-bottom: none;
}

table.ptn03 td:last-child {
    border-bottom:unset;
}


/**************************************************
/* . トップページコンテンツ top
***************************************************/
#top {
    margin-top: 24px;
}
#top section {
    margin: 24px 0 0 0;
}
#top .btn-box {
    text-align: left;
    padding: 0;
}
#top #problem img {
    width: auto;
}
#top #problem .txt {
    width: 85%;
}
#top #problem .point {
    width: 96%;
}
#top #problem .point h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 8px 0 4px;
}
#top #problem dl dd,#top #problem dl dt {
    height: 90px;
}
#top .bnr {
    padding: 0;
}
.history-link {
    padding-bottom: 0;
    border-bottom: none;
}
/**************************************************
/* .　WP
***************************************************/
#column .sns-area,#blog .sns-area{
    text-align: right;
}
/**************************************************
/* .　事務所のご案内 PC
***************************************************/
#office .bnr {
    width: 100%;
    margin: 16px auto;
    display: flex;
}
#office .bnr img {
    margin: 0 auto;
    text-align: center;
}
/**************************************************
/* .　弁護士紹介 PC
***************************************************/
#about table.ptn01 {
    width: 90%;
}
#about dl.book-flex {
    display: flex;
    align-items: center;
}
#about dl.book-flex dd {
    max-width: 70%
}
#about dd.about-books {
    width: 70%;
    text-align: left;
    margin-left: 5%;
}
/**************************************************
/* .　相続相談の流れ PC
***************************************************/

/**************************************************
/* . faq
***************************************************/
#btm #faq .casebox {
    width: 100%;
    flex-wrap: nowrap;
}	
#btm #faq .casebox li {
		margin: 4px auto;
    width: 50%;
}
#btm #faq .casebox li {
    width: 50%;
}
/**************************************************
/* .　法定相続とは lgal PC
***************************************************/
#legal .flexbox {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
#legal .flexbox p {
    width: 45%;
}

#legal table.ptn03 span {
    width: 85%;
	display: contents;
}
/**************************************************
/* .　相続ケーススタディ case_study PC
***************************************************/
#btm #case-study .casebox {
		width: 98%;
    margin: 24px auto;
}
#btm #case-study .casebox li {
    width: calc(98% / 7);
    margin-right: 0px;
}
#btm #case-study .casebox.btn-BROWN a {
    color: #FFFFFF;
    text-align: center;
}
#btm #case-study .casebox.btn-BROWN a:hover {
    color: #262626;
}
/**************************************************
/* .　相続トラブルチェックリスト trouble PC
***************************************************/
#trouble .trouble-list-inner {
    padding: 10px 20px;
}
#trouble li {
    padding: 30px 0 8px 15%;
    background: url(../images/trouble/trouble_check.png) no-repeat 35px 22px;
    line-height: 1.2;
    background-size: 30px 30px;
}
/**************************************************
/* .　ご相談の多い事例 example SP
***************************************************/
#example .example-innaer{
        width: 95%;
        margin:0 auto;
}
/**************************************************
/* . 遺産分割調停 conciliation
***************************************************/
#conciliation .comment {
    display: flex;
}
/**************************************************
/* . format
***************************************************/
#format .dl-btn {
    width: 48%;
}
/**************************************************
/* . 預金の使い込み（不当利得返還請求）injustice
***************************************************/
#injustice .comment {
    display: flex;
}
/**************************************************
/* .　相続手続きの流れとチェックポイント PC
***************************************************/
#checkpoint table {
		/*noneは×*/
    /* white-space: normal; */
    /* overflow: hidden; */
}
/*thead*/
#checkpoint table thead tr td{
    background-color: #f1ebe7;
    display: table-cell;
    padding: 8px;
    width: 100%;
}
#checkpoint table thead tr td:first-child {
    width: 161px;
    display: block;
    text-align: left;
    border-right: 1px solid #D38200;
}
#checkpoint table thead tr:first-child {
    border-right: 1px solid #D38200;
}
/*tbody*/
#checkpoint table tbody tr:first-child {
    border-bottom: 1px solid #D38200;
}
#checkpoint table tbody tr:last-child {
    border-bottom: unset;
}
#checkpoint table tbody tr td:last-child{
    border-right: unset;
}
#checkpoint table tbody tr td:first-child {
    border-right: 1px solid #D38200;
    width: 160px;
    font-weight: normal;
    display: table-cell;
    background-color: #FFFFFF;
}

#checkpoint table tbody tr th {
    display: table-cell;
    background-color: #FFFFFF;
    font-weight: normal;
    color: #666;
}

/**************************************************
/* .　メールフォーム、無料相談
***************************************************/
#mailform table th {
    width: 30%;
    border-top: 1px solid #FFFFFF;
}
#mailform table td {
    border-bottom: 1px solid #D38200;
    padding: 2% 16px;
}
#mailform table td span {
    line-height: none;
}
#mailform table td, #mailform table th.first {
    border-top: 1px solid #D38200;
}
#mailform table textarea {
    height: 90px!important;
}
}/*メディアクエリ閉じ*/