@charset "utf-8";

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


/*=====================SP-PC Common======================*/


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


/*reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
object, embed {
  vertical-align: top;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
}
ol, ul {
  margin: 0;
}
a:link {
  color: #1122cc;
}
a:visited {
  color: #551A8B;
}
a:hover {
  color: #3A78CB;
}
a:active {
  color: #163053;
}
.center {
  text-align: center;
}
.table_C {
  margin: 0 auto;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.clear {
  clear: both;
}
.right {
  text-align: right;
}
strong {
  color: #F60;
}
.mb10 {
  margin-bottom: 10px!important;
}
.m10 {
  margin: 10px;
}

/* 180129_em */

.em {
  font-weight: bold;
  font-size: 1.1em;
}

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


/*=======================PC Only=========================*/


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

@media screen and (min-width: 768px), print {
  /*LAYOUT*/
  /*******************************************************************/
  body {
    text-align: center;
    font: 81.25% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
  }
  #container, .in {
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 100%;
    line-height: 1.8;
  }
  .only-sp {
    display: none;
  }
  /*HEADER*/
  /*******************************************************************/
  #header {
    padding-bottom: 15px;
  }
  h1 {
    padding-top: 3px;
    font-size: 85%;
  }
  #logo {
    float: left;
    padding: 0 0 30px;
  }
  #header p {
    float: right;
    padding-top: 18px;
  }
  #header ul {
    clear: both;
  }
  #header a {
    text-decoration: none;
  }
  /*********************
  *    題名のバーの長さを変えるときはwidthを変更します* org　154
  #header li { float: left; width: 154px; margin: 0 7px 7px 0; border-bottom: #A8C3F2 solid 1px; list-style: none;}
  */
  /*    ラインヘイトを追加する 2行分表示する 2012.01.11 */
  #header li {
    float: left;
    width: 113px;
    margin: 0 7px 7px 0;
    border-bottom: #A8C3F2 solid 1px;
    list-style: none;
    line-height: 3.6;
  }
  #header li.end {
    margin: 0 0 7px;
  }
  /*    2行表示に対応するため */
  #header li.two {
    margin: 0 7px 0 0;
    width: 113px;
    line-height: 1.8;
    font-size: 11px;
  }
  #header li a {
    display: block;
    padding: 5px 0 5px 22px;
    background: #163053 url(/images/arroww.gif) 10px center no-repeat;
    font-size: 100%;
    color: #FFF;
  }
  #header li.two a {
    display: block;
    padding: 9px 0 9px 22px;
    background: #163053 url(/images/arroww.gif) 10px center no-repeat;
    font-size: 100%;
    color: #FFF;
  }
  #header li a:hover, #header li.on a {
    background: #FFF url(/images/arrow.gif) 10px center no-repeat;
    color: #163053;
  }
  /*    2行表示に対応するため */
  #header li.ontwo a:hover, #header li.ontwo a {
    background: #FFF url(/images/arrow.gif) 10px center no-repeat;
    color: #163053;
    line-height: 1.8;
  }
  #catch {
    padding-bottom: 40px;
    clear: both;
  }
  #catch ul {
    float: right;
  }
  #catch li {
    padding-bottom: 1px;
    list-style: none;
  }
  #set {
    float: left;
  }
  #bread {
    padding: 2px 24px;
    background: #F5F5F5 url(/images/mark.gif) 5px center no-repeat;
    font-size: 85%;
  }
  .bread {
    padding: 2px 24px;
    background: #F5F5F5 url(/images/mark.gif) 5px center no-repeat;
    font-size: 85%;
  }
header {
  text-align: left;
  margin-bottom: 16px;
}
header * {
  box-sizing: border-box;
  max-width: 100%;
}
header #head-h1 {
  background: #e6e6e6;
}
header #head-h1 h1 {
  width: 960px;
  font-family: 'ヒラギノUD角ゴ W3 JIS2004', 'Hiragino UD Sans W3 JIS2004';
  font-size: 13px;
  line-height: 25px;
  font-weight: normal;
  padding: 0;
  margin: 0 auto;
}
header .head-nagoyasogo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 960px;
  padding-top: 12px;
  margin: 0 auto 12px;
}
header .head-info p {
  margin-bottom: 0;
}
header .head-office {
  display: flex;
  justify-content: space-between;
  margin: 0 -8px 8px 0;
}
header .head-office-detail {
  margin-right: 8px;
}
header .head-office-detail h3 {
  width: 110px;
  background: #e6e6e6;
  text-align: center;
  font-family: 'ヒラギノUD角ゴ W3 JIS2004', 'Hiragino UD Sans W3 JIS2004';
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 4px;
}
header .head-office-detail h3 {
  position: static;
  padding: 0;
  border: none;
  color: #333;
}
header .head-office-detail h3.w180 {
  width: 180px;
}
header .head-office-detail p {
  text-align: center;
  font-family: 'ヒラギノUD角ゴ W3 JIS2004', 'Hiragino UD Sans W3 JIS2004';
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
}
header h2 img {
  /*margin-bottom: 26px;*/
  vertical-align: bottom;
}
header nav {
  width: 960px;
  margin: 0 auto;
}
header nav ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
header nav ul li {
  list-style: none;
  margin-bottom: 0;
}
header nav ul li a {
  display: block;
  width: 114px;
  border-bottom: solid 2px #163053;
  background: #163053 url(/img/common/arrow-w.gif) 10px center no-repeat;
  font-size: 15px;
  line-height: 36px;
  color: #fff;
  text-decoration: none;
  padding: 10px 0 8px 22px;
}
header nav ul li a:link,
header nav ul li a:visited {
  color: #fff;
}
header nav ul li a.two {
  font-size: 11px;
  line-height: 18px;
}
header nav ul li a:hover {
  background: #fff url(/img/common/arrow-b.gif) 10px center no-repeat;
  color: #163053;
}
  /*FOOTER*/
  /*******************************************************************/
  #footer {
    clear: both;
    position: relative;
    padding: 20px 0;
    background: #EDEDED url(/images/footer.jpg) 0 0 repeat-x;
    font-size: 85%;
  }
  #footer p {
    padding-bottom: 10px;
  }
  #footer .pt {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  #footer .pt a {
    padding-left: 16px;
    background: url(/images/arrowv.gif) 0 center no-repeat;
    color: #000;
  }
  #footer a {
    text-decoration: none;
  }
  /*MAIN*/
  /*******************************************************************/
  h2.st {
    height: 60px;
    padding-left: 20px;
    background: url(/images/st.png) 0 0 no-repeat;
    font-size: 197%;
    line-height: 2.4;
    color: #FFF;
  }
  /*** ピンクリボン用 12.22追加 ***/
  h2.stpink {
    height: 60px;
    padding-left: 20px;
    background: url(/images/stpink.png) 0 0 no-repeat;
    font-size: 197%;
    line-height: 2.4;
    color: #FFF;
  }
  h3, h4 {
    margin-bottom: 10px;
  }
  h3 {
    position: relative;
    padding-bottom: 5px;
    border-bottom: #A8C3F2 solid 2px;
    color: #036;
  }
  /* h3 span { display: block; position: absolute; top: 0; right: 0;} */
  h3.st {
    margin: 15px 0;
    border-left: #163053 solid 5px;
    padding: 0 0 2px 10px;
    border-bottom: #163053 dotted 1px;
    font-weight: bold;
    color: #163053;
  }
  h4.st {
    clear: both;
    margin: 10px 0;
    padding: 0 0 2px 10px;
    border-left: #163053 solid 5px;
    border-bottom: #163053 dotted 1px;
    font-weight: bold;
    color: #163053;
  }
  /*** ピンクリボン用 12.22追加 ***/
  h4.stpink {
    clear: both;
    margin-bottom: 10px;
    padding: 0 0 2px 10px;
    border-left: #FF80C0 solid 5px;
    border-bottom: #FF80C0 dotted 1px;
    font-weight: bold;
    color: #FF80C0;
  }
  h4.underLine {
    border-bottom: #9cd2ce solid 2px;
  }
  h5 {
    margin-bottom: 10px;
  }
  h5.st {
    padding: 2px 5px;
    background: #163053;
    color: #FFF;
  }
  h5.underLine {
    border-bottom: #9cd2ce dashed 1px;
    font-weight: bold;
  }
  h6 {
    font-weight: bold;
  }
  #main p {
    margin-bottom: 2em;
  }
  #main li {
    font-size: 15px;
  }
  #map p {
    font-size: 12px;
  }
  .w3 ul {
    margin: 0 0 20px 30px;
  }
  .w3 ol {
    margin: 0 0 20px 30px;
  }
  .w3 .staff_lawyer li {
    margin-bottom: 10px;
  }
  .paragraph {
    width: 100%;
    margin-bottom: 40px;
    border-top: #CCC solid 1px;
    border-left: #CCC solid 1px;
  }
  .paragraph th, .paragraph td {
    padding: 10px 20px;
    border-right: #CCC solid 1px;
    vertical-align: middle;
  }
  .paragraph th {
    text-align: left;
    background: #A8C3F2;
    border-bottom: #CCC solid 1px;
    color: #000;
    font-weight: bold;
  }
  .paragraph td {
    border-bottom: #CCC solid 1px;
  }
  form .long {
    width: 500px;
  }
  /************************************
  テーブルサイズ変更可能 追加▽
  *************************************/
  .fparagraph {
    margin-bottom: 40px;
    border-top: #CCC solid 1px;
    border-left: #CCC solid 1px;
  }
  .fparagraph th, .fparagraph td {
    padding: 10px 20px;
    border-right: #CCC solid 1px;
    vertical-align: middle;
  }
  .fparagraph th {
    text-align: left;
    background: #A8C3F2;
    border-bottom: #CCC solid 1px;
    color: #000;
    font-weight: bold;
  }
  .fparagraph td {
    border-bottom: #CCC solid 1px;
  }
  /************************************
  テーブルの底 行間０にする▽
  *************************************/
  .fparagraphzero {
    border-top: #CCC solid 1px;
    border-left: #CCC solid 1px;
  }
  .fparagraphzero th, .fparagraphzero td {
    padding: 10px 20px;
    border-right: #CCC solid 1px;
    vertical-align: middle;
  }
  .fparagraphzero th {
    text-align: left;
    background: #A8C3F2;
    border-bottom: #CCC solid 1px;
    color: #000;
    font-weight: bold;
  }
  .fparagraphzero td {
    border-bottom: #CCC solid 1px;
  }
  /************************************
  テーブルサイズ変更可能 追加△
  *************************************/
  /************************************
  テーブルサイズ変更
  *************************************/
  .paragraph1 {
    width: 100%;
    margin-bottom: 40px;
    border-top: #CCC solid 1px;
    border-left: #CCC solid 1px;
  }
  .paragraph1 th, .paragraph1 td {
    padding: 5px 5px;
    border-right: #CCC solid 1px;
    vertical-align: middle;
  }
  .paragraph1 th {
    text-align: left;
    background: #A8C3F2;
    border-bottom: #CCC solid 1px;
    color: #000;
    font-weight: bold;
  }
  .paragraph1 td {
    border-bottom: #CCC solid 1px;
  }
  /** 事務員紹介タイトル **/
  .staffname td {
    padding: 10px 20px;
    border-right: #CCC solid 1px;
    vertical-align: middle;
    font-size: 120%;
  }
  /***********************/
  .w1 {
    width: 300px;
  }
  .w2 {
    width: 630px;
  }
  .w3 {
    width: 780px;
  }
  .w4 {
    width: 150px;
  }
  .w4 li {
    padding-bottom: 10px;
    list-style: none;
  }
  .news {
    margin-bottom: 20px;
    padding: 10px;
  }
  .pr img {
    padding-right: 4px;
  }
  /*** w2 iframe  width: 300px; height: 60px; margin-bottom: 30px;→ 固定にしない ******************************/
  /* .w2 iframe { margin-bottom: 30px;} */
  dt {
    font-size: 85%;
    color: #999;
  }
  dd {
    line-height: 1.4;
  }
  .topics dd {
    margin-bottom: 15px;
    background: url(/images/line.gif) 0 bottom repeat-x;
  }
  .twitter {
    padding-bottom: 30px;
  }
  .lawyer {
    margin: 0!important;
  }
  .lawyer li {
    position: relative;
    clear: both;
    margin-bottom: 40px;
    background: url(/images/line.gif) 0 bottom repeat-x;
    list-style: none;
  }
  .lawyer ul li {
    margin-bottom: 0;
    background: none;
    list-style: circle;
  }
  .lawyer .fr {
    width: 550px;
  }
  .lawyer th {
    width: 130px;
    padding: 2px 10px;
    font-weight: normal;
  }
  .lawyer td {
    padding: 2px 10px;
  }
  .message {
    position: absolute;
    top: 16px;
    right: 0;
    width: 360px;
    font-size: 116%;
  }
  .btn {
    padding: 10px 30px 0;
  }
  .inner {
    margin-left: 30px;
  }
  .youtube {
    padding-top: 10px;
  }
  .box {
    margin-bottom: 30px;
    padding: 10px;
    border: #333 solid 1px;
    color: #000;
  }
  .box ul {
    margin-bottom: 0;
  }
  .aisatsu {
    padding: 0 0 10px 30px;
  }
  .map {
    padding-bottom: 30px;
  }
  /*サイトマップページのみ、aタグdecoなし*/
  #a_NL a {
    text-decoration: none;
  }
  /*HACK*/
  /*******************************************************************/
  /*clear*/
  #main, .cf {
    display: inline-block;
  }
  #main:after, .cf:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
  }
  /*Hides from IE-mac\*/
  * html #main, * html .cf {
    height: 1%;
  }
  #main, .cf {
    display: block;
  }
  /*End hide from IE-mac*/
  #bloglist dt dl dd {
    float: left;
  }
  /*宮崎：20120905 テーブルに装飾を加えるためのもの*/
  .cel_back {
    margin: 1px;
    padding: 5px;
    border: 1px solid #b9dcff;
    background-color: #b9dcff;
  }
  .cel_clear {
    margin: 1px;
    padding: 5px;
    border: 1px solid #b9dcff;
  }
  /*宮崎：20121001 事務員ページの修正(退職者削除とHTMLの健全化)*/
  /*名前の文字大きさについては、このシート上部に制作当初からの指示あります。注意*/
  #staff_list ul {
    margin-bottom: 30px;
  }
  #staff_list li {
    float: left;
    margin-right: 10px;
    list-style-type: none;
  }
  .staff_n1 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
  }
  /*全体枠・職員１名単位*/
  .staff_n2 {
    float: left;
    width: 110px;
    margin: 0 20px;
    valign: top;
  }
  /*左・写真枠*/
  .staff_n3 {
    float: left;
    margin-bottom: 10px;
    text-align: left;
    width: 610px;
  }
  /*右テキスト枠*/
  .staff_n3 table {
    border: 1px solid #cccccc;
    text-align: left;
  }
  .staff_n3 th {
    width: 30%;
    background-color: #A8C3F2;
    border: 1px solid #cccccc;
    padding: 10px 20px;
    vertical-align: middle;
  }
  .staff_n3 td {
    width: 70%;
    border: 1px solid #cccccc;
    padding: 5px;
    vertical-align: middle;
  }
  .staff_n4 {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #A8C3F2;
    height: 80px;
  }
  /*右枠内：名前欄*/
  .staff_n5 {
    float: left;
    padding-right: 15px;
    width: 120px;
    height: 80px;
    border-right: 1px solid #cccccc;
    position: relative;
  }
  /*右枠内：メッセージ欄*/
  .staff_n6 {
    float: left;
    padding-left: 15px;
    width: 430px;
    height: 80px;
    position: relative;
  }
  /*右枠内：本文テキスト*/
  .ttl {
    position: absolute;
    top: 50%;
    margin-top: -2em;
  }
  .ttl2 {
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
  }
  .clears {
    clear: both;
  }
  /*******************************************************************/
  /* 山足：20121129 */
  .topics dd {
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: url(/images/line.gif) 0 bottom repeat-x;
  }
  .topics_bb {
    font-weight: bold;
    color: #000;
  }
  .topics_br {
    font-weight: bold;
    color: #ff0000;
  }
  #reason {
    margin: 10px 0 40px 0;
  }
  #reason li {
    margin-bottom: 15px;
  }
  .h3ttl {
    font-size: 110%;
    font-weight: bold;
    color: #163053;
    position: relative;
    padding-bottom: 0px;
  }
  #main .box2 {
    clear: both;
    margin-bottom: 15px;
  }
  #main .box2 h2 {
    margin-bottom: 10px;
  }
  #main .box2 ul {
    height: 450px;
    list-style: none outside none;
    width: auto;
  }
  #main .box2 li {
    float: left;
    height: 130px;
    margin: 10px 20px 10px 0;
    width: 350px;
  }
  #main .box3 {
    clear: both;
  }
  #main .box3 h2 {
    margin-bottom: 10px;
  }
  #main .box3 ul {
    height: 200px;
    list-style: none outside none;
    width: auto;
  }
  #main .box3 li {
    float: left;
    height: 89px;
    margin: 10px 20px 10px 0;
    width: 224px;
  }
  .cautions {
    font-size: 80%;
    color: #1ca6cd;
    padding-bottom: 0px;
    padding-left: 20px;
  }
  /* 年末年始相談会 */
  #main .win_telB {
    border: 2px solid #003;
    margin: 0 auto 30px;
    width: 670px;
  }
  #main .win_telB_img {
    float: left;
    margin-top: 40px;
    padding-left: 20px;
  }
  #main .win_telB_txt {
    float: left;
    text-align: left;
    padding-left: 20px;
    width: 400px;
  }
  #main .win_b1 {
    text-align: left;
    line-height: 1.4em;
    width: 300px;
    margin: 10px;
  }
  #main .win_b2 {
    text-align: left;
    line-height: 1.4em;
    width: 430px;
    margin: 10px;
  }
  #main .win_rb {
    float: left;
    text-align: left;
    line-height: 1.4em;
    width: 360px;
    margin: 20px;
  }
  #main p.win {
    margin-left: 10px;
  }
  .blog-rss {
    border: 0px;
    margin: 0px;
    overflow: hidden;
    width: 300px;
    height: 110px;
  }
  .normal_frame {
    border: 0px;
    margin: 0px;
    overflow: hidden;
  }
  /* 「弁護士法人名古屋総合法律事務所は、相続 (相続税を含む)・離婚・交通事故・債務整理・不動産法務・中小企業法務 (使用者側の労働事件を含む) の6分野に特化した法律事務所です。」の部分 */
  #lead2 {
    text-align: center;
    padding: 3px;
    border: 1px solid #152d4f;
  }
  .red {
    color: red;
    font-weight: bold;
  }
  /* 地図の部分 */
  #map {
    width: 150px;
    margin: 10px 0;
    line-height: 1.4;
  }
  /* フッター下の小さくしている部分部分 */
  #small {
    margin: 0px;
    font-size: 6pt;
    line-height: 1.2em;
    text-align: left;
  }
  /* 強調用 */
  .emphasize {
    color: #F60;
    font-weight: bold;
  }
  /* 本文強調2 */
  .emphasize2 {
    font-size: 130%;
    color: #163053;
    font-weight: bold;
  }
  /* 表のデフォルト */
  #main table {
    width: auto;
    border-spacing: 0;
    font-size: 14px;
  }
  #main table th {
    color: #fff;
    padding: 8px 15px;
    background: #258;
    background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
    background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
    font-weight: bold;
    border-left: 1px solid #258;
    border-top: 1px solid #258;
    border-bottom: 1px solid #258;
    line-height: 120%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(34, 85, 136, 0.9);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
  }
  #main table th:first-child {
    border-radius: 5px 0 0 0;
  }
  #main table th:last-child {
    border-radius: 0 5px 0 0;
    border-right: 1px solid #258;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
  }
  #main table tr td {
    padding: 8px 15px;
    border: 1px solid #84b2e0;
    text-align: center;
  }
  #main table tr td:last-child {
    border-right: 1px solid #84b2e0;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
  }
  #main table tr {
    background: #fff;
  }
  #main table tr:nth-child(2n+1) {
    background: #f1f6fc;
  }
  #main table tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
  }
  #main table tr:hover {
    background: #bbd4ee;
    cursor: pointer;
  }
  #topic-path {
    padding: 10px 0 10px 5px;
    background: #F5F5F5;
    font-size: 12px;
    margin-left: 0!important;
  }
  #topic-path li {
    float: left;
    letter-spacing: normal;
    list-style-type: none;
  }
  #topic-path:after {
    content: '';
    display: block;
    clear: both;
  }
  #topic-path li+li:before {
    margin: 0 3px;
    content: ">";
  }
  #topicpath li a {
    padding: 3px 0;
    color: #666;
  }
  #clearfix {
    clear: both;
  }
  .menu li a, .menu li h5 {
    display: block;
    margin-bottom: 0!important;
    padding: 6px 6px 6px 20px;
    background: #F7F5F8 url(//nagoyasogo.jp/images/off.gif) 10px center no-repeat;
    border-top: #FFF solid 1px;
    border-bottom: #D8D8D8 solid 1px;
    color: #000;
    text-decoration: none;
  }
  .empha {
    font-size: 110%;
    font-weight: bold;
    color: #163053;
    position: relative;
    padding-bottom: 0px;
  }
  /* 伊東さん紹介 */
  #itou_hello {
    background-image: url('/images/lawyer/plate.png');
    width: 758px;
    height: 510px;
    padding: 20px;
  }
  #itou_hello p:first-child {
    font-family: 'HanaRenge-Bd';
    font-size: 1.2em;
  }
  .pc-on {
    display: block;
  }
  .sp-on {
    display: none;
  }
  .img-right {
    float: right;
    margin: 0 0 20px 20px;
  }
  .img-right img {
    width: 350px;
  }
  .shaolon-mini img {
    float: left;
    width: 52px;
    margin-right: 12px;
  }
  #main .red-str1 {
    font-size: 1.7em;
    color: red;
    font-weight: bold;
  }
  #main .red-str2 {
    font-size: 210%;
    color: red;
    font-weight: bold;
  }
  .pc-fr {
    float: right!important;
  }
  .pc-fl {
    float: left!important;
  }
  .pc-tc {
    text-align: center!important;
  }
  .pc-tr {
    text-align: right!important;
  }
  .pc-tl {
    text-align: left!important;
  }
  .pc-ce {
    display: block;
    margin: 0 auto!important;
  }
  .pc-w330 {
    width: 330px!important;
  }
  .pc-w265 {
    width: 265px!important;
  }
  .pc-w385 {
    width: 385px!important;
  }
  .pc-w400 {
    width: 400px!important;
  }
  .pc-w450 {
    width: 450px!important;
  }
  .pc-w480 {
    width: 480px!important;
  }
  .pc-w500 {
    width: 500px!important;
  }
  .pc-w530 {
    width: 530px!important;
  }
  .pc-w560 {
    width: 560px!important;
  }
  .pc-w630 {
    width: 630px!important;
  }
  .pc-fs70 {
    font-size: 70%!important;
  }
  .pc-fs80 {
    font-size: 80%!important;
  }
  .pc-fs90 {
    font-size: 90%!important;
  }
  .pc-fs100 {
    font-size: 100%!important;
  }
  .pc-fs110 {
    font-size: 110%!important;
  }
  .pc-fs120 {
    font-size: 120%!important;
  }
  .pc-fs130 {
    font-size: 130%!important;
  }
  .pc-fs140 {
    font-size: 140%!important;
  }
  .pc-fs150 {
    font-size: 150%!important;
  }
  .pc-fs160 {
    font-size: 160%!important;
  }
  .pc-fs170 {
    font-size: 170%!important;
  }
  .pc-fs180 {
    font-size: 180%!important;
  }
  .pc-fs190 {
    font-size: 190%!important;
  }
  .pc-fs200 {
    font-size: 200%!important;
  }
  .pc-m0 {
    margin: 0px!important;
  }
  .pc-m10 {
    margin: 10px!important;
  }
  .pc-m20 {
    margin: 20px!important;
  }
  .pc-m30 {
    margin: 30px!important;
  }
  .pc-ml0 {
    margin-left: 0px!important;
  }
  .pc-ml10 {
    margin-left: 10px!important;
  }
  .pc-ml20 {
    margin-left: 20px!important;
  }
  .pc-ml30 {
    margin-left: 30px!important;
  }
  .pc-mr0 {
    margin-right: 0px!important;
  }
  .pc-mr10 {
    margin-right: 10px!important;
  }
  .pc-mr20 {
    margin-right: 20px!important;
  }
  .pc-mr30 {
    margin-right: 30px!important;
  }
  .pc-mb0 {
    margin-bottom: 0px!important;
  }
  .pc-mb10 {
    margin-bottom: 10px!important;
  }
  .pc-mb20 {
    margin-bottom: 20px!important;
  }
  .pc-mb30 {
    margin-bottom: 30px!important;
  }
  .pc-mt0 {
    margin-top: 0px!important;
  }
  .pc-mt10 {
    margin-top: 10px!important;
  }
  .pc-mt20 {
    margin-top: 20px!important;
  }
  .pc-mt30 {
    margin-top: 30px!important;
  }
  .pc-mt100 {
    margin-top: 100px!important;
  }
  .pc-p0 {
    padding: 0px!important;
  }
  .pc-p10 {
    padding: 10px!important;
  }
  .pc-p20 {
    padding: 20px!important;
  }
  .pc-p30 {
    padding: 30px!important;
  }
  .pc-pl10 {
    padding-left: 10px!important;
  }
  .pc-pl20 {
    padding-left: 20px!important;
  }
  .pc-pl30 {
    padding-left: 30px!important;
  }
  .pc-pr10 {
    padding-right: 10px!important;
  }
  .pc-pr20 {
    padding-right: 20px!important;
  }
  .pc-pr30 {
    padding-right: 30px!important;
  }
  .pc-pb10 {
    padding-bottom: 10px!important;
  }
  .pc-pb20 {
    padding-bottom: 20px!important;
  }
  .pc-pb30 {
    padding-bottom: 30px!important;
  }
  .pc-pt10 {
    padding-top: 10px!important;
  }
  .pc-pt20 {
    padding-top: 20px!important;
  }
  .pc-pt30 {
    padding-top: 30px!important;
  }
  .balloon4 {
    width: 35%;
    position: relative;
    margin: 2em 0 2em 90px;
    padding: 15px;
    background: #fff0c6;
    border-radius: 30px;
  }
  .balloon4:before {
    content: "";
    position: absolute;
    left: 335px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
  }
  .balloon4:after {
    content: "";
    position: absolute;
    left: 310px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
  }
  .balloon4 p {
    margin: 0;
    padding: 0;
  }
  .midbl {
    display: none;
  }
  .smdbl {
    display: none;
  }
  .rikon {
    position: absolute;
    top: 25%;
    left: 57%;
  }
  .rikonim {
    width: 260px;
  }
}
table+.notice {
  padding-top: 16px;
}
.notice p {
  font-size: 12.5px!important;
}
.notice table th, .notice table td {
  font-size: 12.5px!important;
}
.notice table {
  margin-left: 20px;
}
section.blogList {
  margin-bottom: 40px;
}
section.blogList a {
  text-decoration: none;
}
section.blogList img.blogIcon {
  margin-top: 10px;
  margin-right: 50px;
  float: left;
}
section.blogList .blog-rss {
  width: 300px;
  height: 110px;
}
section#trafficAccident .impact, section#trafficAccident .impact2 {
  width: 100%;
  padding: 10px;
  text-align: center;
  border: solid 1px #84b2e0;
}
section#trafficAccident .impact p, section#trafficAccident .impact2 p {
  font-size: 20px;
  margin: 0;
}
section#trafficAccident .impact p span, section#trafficAccident .impact2 p span {
  color: red;
  font-size: 25px;
}
section#trafficAccident .impact {
  background-color: #abcfff;
}
section#trafficAccident .impact2 {
  background-color: #e4f2ff;
}
section#senior01 .frame01 {
  background-color: #ffe38c;
  position: relative;
  margin: 50px 0;
}
section#senior01 .frame02 {
  position: relative;
  padding: 65px;
}
section#senior01 .frame03 {
  width: 415px;
  position: relative;
  padding: 30px;
}
section#senior01 .img01 {
  position: absolute;
  top: -45px;
  left: 191px;
}
section#senior01 .img02 {
  position: absolute;
  bottom: 0;
  right: 0;
}
section#senior02 .eachCon {
  width: 270px;
  height: 600px;
  padding: 0 45px;
  float: left;
}
section#senior03 .frame01 {
  width: 780px;
  background-color: #ffe38c;
  position: relative;
  height: 92px;
}
section#senior03 .frame02 {
  position: absolute;
  top: -45px;
  left: 191px;
}
.senior-max img {
  max-width: 100%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  /* ### アイコンメニューの表示位置 ### */
}

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


/*==================Smart Phone Only=====================*/


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

@media screen and (max-width: 767px) {
  /* リセット */
  * {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    border-image-width: 0;
  }
  /* ### レイアウト ### */
  body {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    margin-right: auto;
    margin-left: auto;
  }
  img {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    vertical-align: bottom;
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
    /* ### アイコンメニューの表示位置 ### */
  }
  p {
    margin: 5px 0 1em 1em;
  }
  .link-banner-area {
    margin: 3px 0;
  }
  small {
    margin: 5px 0 1em 1em;
  }
  .ui-collapsible-content p {
    margin: 5px 0 1em 0;
  }
  h1 {
    width: 0px;
    top: -1000em;
    overflow: hidden;
    height: 25px;
  }
  h2 {
    border-left: #1b3f60 solid 6px;
    padding: .3em .3em .3em .8em;
    font-size: 25px;
  }
  h3 {
    overflow: visible;
    white-space: normal;
  }
  .underline {
    border-bottom: 3px solid #1b3f60;
    padding: .8em .9em .3em
  }
  .underline-dot {
    border-bottom: 3px dotted #1b3f60;
    padding: .8em .9em .3em
  }
  dt {
    border-bottom: 3px dotted #1b3f60;
    margin: 10px 0;
    font-weight: bold;
  }
  dd {
    margin-bottom: 20px;
    padding-left: 1em;
  }
  #introduce img {
    max-width: 92px;
    max-height: 118px;
    top: 0;
    left: 0;
    float: left;
  }
  .area {
    margin-left: 1em;
  }
  .introducelist a {
    height: 117px;
    padding: 0;
  }
  #introduce p {
    margin: 0;
    padding: 5px 0 5px 0px;
    overflow: visible;
    white-space: normal;
  }
  #introduce h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
  }
  .ui-bar-f {
    border: 1px solid #1b3f60;
    background: #1b3f60;
    color: #fff;
    font-weight: bold;
    text-shadow: none;
  }
  #header {
    position: relative;
    height: auto;
    padding-top: 12%;
  }
  #header #pclink {
    position: absolute;
    height: auto;
    left: 85%;
    top: 48%;
    max-width: 14vw;
    margin: 0;
  }
  .button {
    border-radius: 2em !important;
    margin-top: 3px !important;
  }
  .ui-header {
    border: none !important;
  }
  ul {
    margin: 5px 0;
    padding-left: 30px;
  }
  .ui-listview>li p {
    font-size: 1em;
  }
  table {
    margin: 10px;
  }
  thead {
    background: #1b3f60;
    color: #fff;
    text-shadow: none;
  }
  .table-bottom {
    background: #9cf;
  }
  small {
    font-size: 8px;
    color: #666;
  }
  footer {
    height: 60px;
  }
  footer .sns {
    float: left;
    margin: 0 auto;
    width: 150px;
    padding-top: 10px;
  }
  dl.check-orange dt {
    list-style: none;
    background-image: url('//nagoya-sozokuzei.jp/imgs/check-orange.png');
    background-repeat: no-repeat;
    padding: 0.2em 0 0.5em 2em;
  }
  .check-orange {
    list-style: none;
    background-image: url('//nagoya-sozokuzei.jp/imgs/check-orange.png');
    background-repeat: no-repeat;
    padding: 0.2em 0 0 2em;
  }
  .check-blue {
    list-style: none;
    background-image: url('//nagoya-sozokuzei.jp/imgs/check-blue.png');
    background-repeat: no-repeat;
    padding: 0.2em 0 0.5em 2em;
  }
  dl.check-blue dt {
    list-style: none;
    background-image: url('//nagoya-sozokuzei.jp/imgs/check-blue.png');
    background-repeat: no-repeat;
    padding: 0.2em 0 0.5em 2em;
  }
  ol {
    padding: 1em 0 1em 2em;
  }
  ul {
    padding: 0.5em 0 1em 0;
  }
  .checkbox li {
    background-image: url('//nagoya-sozokuzei.jp/imgs/check-blue.png');
    background-repeat: no-repeat;
    padding: 0 0 0 1em;
    margin: 5px;
    font-size: 24px;
    list-style-type: none;
  }
  .ui-btn {
    overflow: visible;
    white-space: normal;
  }
  a.ui-btn.ui-btn-icon-right.ui-icon-carat-r {
    white-space: normal;
  }
  .ui-mobile .ui-page-active {
    display: block !important;
    overflow: visible !important;
    overflow: hidden !important;
  }
  .clearh1 {
    text-indent: 100%;
    white-space: nowrap!important;
    overflow: hidden!important;
  }
  .topnav .ui-btn {
    border-top: #1b3f60 2px solid !important;
    border-bottom: #1b3f60 2px solid !important;
    border-left: #1b3f60 1px solid !important;
    border-right: #1b3f60 1px solid !important;
  }
  .ui-content img {
    margin-top: 10px;
  }
  #introduce img {
    margin-top: 0;
  }
  .em1 {
    color: #1b3f60;
    font-weight: bold;
  }
  .keyword {
    color: #F60;
    font-weight: bold;
  }
  .hyou th {
    background: #1b3f60;
    color: #000;
    text-shadow: none;
    padding: 5px;
  }
  .hyou td {
    padding: 5px;
  }
  table.hyou {
    border: 1;
    cellspacing: 0;
    cellpadding: 5;
    width: 600px;
  }
  .listview a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .ui-li-static.ui-collapsible>.ui-collapsible-heading {
    margin: 0;
  }
  .ui-li-static.ui-collapsible {
    padding: 0;
  }
  .ui-li-static.ui-collapsible>.ui-collapsible-heading>.ui-btn {
    border-top-width: 0;
  }
  .ui-li-static.ui-collapsible>.ui-collapsible-heading.ui-collapsible-heading-collapsed>.ui-btn, .ui-li-static.ui-collapsible>.ui-collapsible-content {
    border-bottom-width: 0;
  }
  .ui-li-static.ui-collapsible>.ui-collapsible-heading {
    margin: 0;
  }
  .ui-li-static.ui-collapsible {
    padding: 0;
  }
  .ui-li-static.ui-collapsible>.ui-collapsible-heading>.ui-btn {
    border-top-width: 0;
  }
  .ui-li-static.ui-collapsible>.ui-collapsible-heading.ui-collapsible-heading-collapsed>.ui-btn, .ui-li-static.ui-collapsible>.ui-collapsible-content {
    border-bottom-width: 0;
  }
  ul {
    margin-left: 2em;
  }
  ol {
    margin-left: 2em;
  }
  .lawyer ul {
    display: inline-block;
  }
  .lawyer li {
    list-style-type: none;
    display: inline-block;
    float: left;
  }
  .training table {
    border: thin solid #003;
    width: 300px;
  }
  .training tr {
    margin-bottom: 10px;
  }
  .training th {
    background: #006;
    text-align: left;
    color: #fff;
  }
  .training th {
    width: 100%;
    display: block;
  }
  .training td {
    width: 100%;
    display: block;
  }
  /* ADD 2016-04-20 */
  .aichi p {
    margin-bottom: 0;
    font-size: 10px;
    color: #555;
  }
  /* ADD 2016/10/03 */
  .plan_sp {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .plan_sp p {
    margin-bottom: 0!important;
  }
  .voice_sp img {
    float: left;
    margin: 0 10px 10px 0;
    width: 90px;
  }
  .voice_sp h3 {
    padding-top: 10px;
  }
  /* ADD 2017/02/09 */
  div.letter {
    background-color: #fffafa;
    border: solid thin #deb887;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    padding: 18px 8px 0px 0px;
  }
  div.aohukidashi {
    background-image: url(/images/lawyer/aohukidashi.png);
    background-position: 10%;
    width: 77%;
    float: left;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-size: 269px 83px;
  }
  /*  ADD 2017/02/22 */
  .kurokawa-qa .question-text {
    width: 100%;
    background-color: #d1e2ee;
    margin: 10px 0;
    padding: 10px;
    box-sizing: border-box;
  }
  .kurokawa-qa .answer-text {
    width: 100%;
    border: solid 3px yellowgreen;
    margin: 10px 0;
    padding: 10px;
    box-sizing: border-box;
  }
  /*ADD 2017/01/05 ヘッダパネルとTOPへ戻るボタン*/
  .header_with_panel {
    padding-top: 12%;
  }
  #up-button {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 20%;
    z-index: 1;
  }
  #headpanel {
    z-index: 1;
    position: relative;
  }
  #headpanel #spicon01 {
    width: 25%;
    position: fixed;
    top: 0;
    left: 0;
  }
  #headpanel #spicon02 {
    width: 25%;
    position: fixed;
    top: 0;
    left: 25%;
  }
  #headpanel #spicon03 {
    width: 25%;
    position: fixed;
    top: 0;
    left: 50%;
  }
  #headpanel #spicon04 {
    width: 25%;
    position: fixed;
    top: 0;
    left: 75%;
  }
  #menu-list {
    display: none;
    position: fixed;
    top: 41px;
    right: 0;
    background: rgba(251, 251, 200, 0.8);
    width: 100%;
  }
  #headpanel ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
    z-index: 2;
    margin: 0;
  }
  ul.lists li, .list-close {
    font-family: 'Yu Gothic', 'Meiryo', sans-serif;
    text-align: center;
    margin: 10px 0;
    font-size: 1.1em;
  }
  ul.lists li a {
    text-decoration: none;
    color: #000!important;
    font-weight: normal!important;
  }
  .bgyellow {
    background-color: #f9f6cd;
    padding: 10px;
    box-sizing: border-box;
  }
  /* 伊東先生紹介 20170306 */
  #itou_hello {
    background-image: url('/images/lawyer/plate.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 92%;
    padding: 15px 20px;
  }
  #itou_hello p {
    font-size: 14.5px;
  }
  #itou_hello p:first-child {
    font-family: 'HanaRenge-Bd';
    font-size: 22px;
    margin-bottom: 10px;
  }
  table.shorttype {
    margin: 10px 0!important;
    border-collapse: collapse;
  }
  table.shorttype th, table.shorttype td {
    padding: 4px 10px!important;
    font-size: 13px!important;
    border: solid 1px #000;
  }
  table.shorttype th {
    width: 80px;
    background-color: #87ceeb;
  }
  table.tbl {
    border-collapse: collapse;
    border: solid 1px #333;
    box-sizing: border-box;
    width: 100%;
  }
  table.tbl th {
    border: solid 1px #333;
    font-size: 14px;
  }
  table.tbl td {
    border: solid 1px #333;
    font-size: 14px;
  }
  .pc-on {
    display: none;
  }
  .sp-on {
    display: block;
  }
  .img-right {
    float: right;
    margin: 0 0 5px 5px;
    width: 45%;
  }
  .img-right img {
    width: 100%;
  }
  .shaolon-mini img {
    float: left;
    width: 10%;
    margin-top: 0;
  }
  #main .red-str1 {
    font-size: 18px;
    color: red;
    font-weight: bold;
    margin-top: 20px;
  }
  #main .red-str2 {
    font-size: 20px;
    color: red;
    font-weight: bold;
    margin-top: 20px;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .sp-ctr {
    text-align: center;
  }
  .sp-w85 {
    width: 100%;
  }
}
.zen_rik-top {
  margin: 0 0 8px 0;
}
.zen_rik-undr {
  margin: 0 0 8px 3px;
  float: left;
}
.zen_rik-undl {
  margin: 0 3px 8px 0;
  float: left;
}
.SH3 {
  clear: both;
  position: relative;
  padding-bottom: 5px;
  border-bottom: #A8C3F2 solid 2px;
  color: #036;
  font-size: 25px;
  font-weight: bold;
}
.SH4 {
  clear: both;
  margin: 15px 0;
  border-left: #163053 solid 5px;
  padding: 0 0 2px 10px;
  border-bottom: #163053 dotted 1px;
  font-weight: bold;
  color: #163053;
  font-size: 20px;
}
.SH5 {
  clear: both;
  margin: 15px 0;
  padding: 0 0 2px 10px;
  border-bottom: #369f63 dashed 1px;
  font-weight: bold;
  color: #333;
  font-size: 18px;
}
.BH4 {
  clear: both;
  margin: 15px 0;
  border-left: #163053 solid 5px;
  padding: 0 0 2px 10px;
  border-bottom: #163053 dotted 1px;
  font-weight: bold;
  color: #163053;
  font-size: 20px;
}
.jiko-top1 {
  float: left;
  margin: 50px 30px 30px;
}
.jiko-top2 {
  position: relative;
  width: 480px;
  height: 364px;
  background-image: url(/image/koutsujiko/box.jpg);
}
.jiko-top3 {
  position: absolute;
  top: 70px;
  left: 46px;
  line-height: 38px;
}
.jiko-top4 {
  position: absolute;
  top: 169px;
  left: 100px;
}
#main .jiko-top3 p {
  font-family: Maru Folk Regular;
  font-size: 30px;
}
#main .jiko-top4 p {
  font-family: Maru Folk Regular;
  font-size: 18px;
  line-height: 26px;
  width: 270px;
  text-align: center;
}
.KH4-1 {
  border-bottom: #5480CA solid 4px;
  font-size: 25px;
  width: 780px;
}
.KH4-2 {
  border-bottom: #5480CA solid 4px;
  font-size: 25px;
  width: 775px;
}
.KH4R {
  border-bottom: #5480CA solid 4px;
  font-size: 25px;
  width: 780px;
}
.low-pho {
  float: left;
  margin: 8px 0 0 20px;
}
.jiko-mid1 {
  border: #5480CA solid 10px;
  margin: 45px auto;
  padding: 10px 0px 10px 35px;
  margin-bottom: 10px;
  width: 500px;
}
.jiko-mid2 {
  margin-left: 40px;
}
.jiko-btn {
  width: 460px;
  margin: 20px auto;
}
.jiko-btm {
  margin: 20px 20px 0 20px;
}
.about-top-1 {
  float: left;
  margin-right: 15px;
}
.about-top-2 {
  float: right;
  margin-right: 15px;
}
.slider-wid {
  text-align: center;
  margin-left: 97px;
  margin-right: 120px;
}
.top-you {
  text-align: center;
  margin: 10px 125px;
  height: 400px;
}
.saimuseiri-emph {
  font-weight: bold;
  font-size: 1.6em!important;
  color: #f60;
}
.movie {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lawyer-youtube {
  width: 560px;
  height: 315px;
  margin: 0 auto 24px;
}
h3.blog {
  position: static;
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 40px;
}
h3.blog img {
  max-width: 100%;
}
.blog-unit {
  border-bottom: 1px dotted #666;
  padding: 0 16px;
  margin-bottom: 24px;
}
.blog-unit h4.title {
  font-size: 18px;
}
.blog-unit h4.title::before {
  position: relative;
  top: 10px;
  left: 0px;
  content: url(/image/blog/note.gif);
  margin-right: 20px;
}
.blog-unit p.date {
  color: #707070;
  margin-left: 20px;
}
h3.blog-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  position: static;
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 20px;
  color: #333;
}
h3.blog-title>span {
  display: inline-block;
  position: relative;
}
h3.blog-title>span::before, h3.blog-title>span::after {
  position: absolute;
  bottom: 0;
  top: 0;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: #888;
  margin: auto;
  height: 1px;
  width: 36px;
}
h3.blog-title>span::before {
  left: -56px;
}
h3.blog-title>span::after {
  right: -56px;
}

/* 所長ブログ ブログ村誘導 */

.blogmura {
  border: solid 1px #2980b9;
  border-radius: 16px;
  background: #f4f4ff;
  width: 540px;
  text-align: center;
  padding: 8px 16px;
  margin: 32px auto 48px;
}
#main .blogmura p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
}
.box_main {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_main p {
  margin: 0;
  padding: 0;
}
.bn_center {
  width: 690px;
  margin: 0 auto;
}
@media print {
  .ui-content {
    overflow: hidden;
  }
}
#main .oka-open {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  width: 202px;
  margin: 15px auto;
  position: relative;
  padding: 0.3em;
}
#main .oka-open:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #e76764, #e76764 2px, white 2px, white 4px);
}
.balloon2-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 13px 35px;
  min-width: 120px;
  max-width: 70%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}
.balloon2-right:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}
.balloon2-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #555;
  z-index: 1;
}
.balloon2-right p {
  margin: 0;
  padding: 0;
}
#main .stf-btn {
  text-align: center;
  border: 1px solid #053377;
  border-radius: 3px;
  padding: 4px .75em 3px;
  font-size: 1.2em;
  color: #053377;
  text-decoration: none;
  position: relative;
  display: inline-block;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin: 10px 45px;
}
#main .stf-btn:before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: url(lib/images/cmn/icon_rect_arrow_blue.svg) no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
}
#main .stf-btn:hover {
  background-color: #053377 !important;
  color: #fff;
}
#main .stf-btn:hover:before {
  background: url(lib/images/cmn/icon_arrow_white.svg) no-repeat;
  background-size: contain;
}
.oka-lwimg {
  float: right;
}

/* 相続税サイト紹介ページ（クッションページ）ここから */


/**
 * added on 2016/09/28 by K.O.
 * 相続税サイト用クッションページのための css群
 */


/* 灰色の部分 */

div#sozokuzei-main-visual {
  background-color: #E5E4E2;
}
div#inquiry {
  width: 85%;
  margin: 0 auto 30px;
  padding: 30px 0px;
  border-bottom: solid 2px #474747;
}
div#inquiry ul {
  list-style-type: none;
  margin: 0 auto;
}

/* リストの・をクエスチョンマークの画像にしています */

div#inquiry li {
  background-image: url("/image/sozokuzei/question.png");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 7% 50%;
  padding-left: 100px;
  margin: 20px 0 20px 0;
  font-size: 22px;
  font-weight: bold;
}
div#about-myself {
  margin: 0 auto;
  width: 80%;
}
div#about-myself p {
  font-size: 13px;
  margin: 0;
}
div#plans {
  width: 100%;
  padding-bottom: 30px;
  text-align: center;
  /* インラインの子要素を中央揃えにする */
}

/* each plan */

div#plans div {
  display: inline-block;
  margin: 20px 0px;
}
div#plans div img {
  vertical-align: middle;
  /* インラインの子要素を上下中央揃えにする */
}
div#plans div p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0;
  font-size: 13px;
  width: 40%;
  text-align: left;
}

/* 灰色以降の部分 */

div#sozokuzei-spec {
  width: 100%;
  margin-bottom: 50px;
}
div#sozokuzei-spec h3 {
  width: 80%;
  position: relative;
  margin: 30px auto;
  border: solid 3px #6793C7;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  padding: 2px;
  text-align: center;
}
div#sozokuzei-spec div {
  display: inline-block;
  width: 180px;
}
div#sozokuzei-spec div p {
  display: inline-block;
  vertical-align: top;
  /* インラインの子要素を上揃えにする */
  text-align: justify;
  font-size: 15px;
  padding: 0 4px;
  width: 172px;
}
#plans p:first-child {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
  line-height: 2.0em;
}
#plans .blue_back {
  background-color: #6798e3;
  color: white;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
  padding: 2px 6px;
  margin-right: 10px;
}

/* ４つのプラン */

.four_plans .p_left, .four_plans .p_right {
  width: 50%;
  height: 135px;
}
.four_plans .p_right {
  clear: both;
}
.four_plans .p_left {
  float: left;
}
.four_plans p {
  width: 140px!important;
}

/* お客様の声 */

#sozokuzei-voice h3 {
  font-size: 20px;
  border: none;
  background: #ffff00;
  font-weight: bold;
  color: #000;
  padding: 0 10px;
  display: inline;
  margin-bottom: 15px;
}
#sozokuzei-voice dl {}
#sozokuzei-voice dl dt {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
#sozokuzei-voice dl dt:first-child {
  padding-top: 10px;
}
#sozokuzei-voice dl dd {
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 1.8em;
}
#sozokuzei-voice img {
  float: left;
  margin: 5px 60px 25px 0;
}
.h4ttl {
  font-size: 110%;
  font-weight: bold;
  color: #163053;
  position: relative;
  padding-bottom: 0px;
  margin: 10px 0;
  padding: 0 0 2px 10px;
  border-left: #163053 solid 5px;
  border-bottom: #163053 dotted 1px;
}
#main .area p {
  margin-bottom: 0;
  font-size: 11px;
}

/* 相続税サイト紹介ページ（クッションページ）ここまで */


/*岡崎事務所ページLP化　2018/04/24*/

#main .okazaki-civ {
  height: 350px;
}
#main .okazaki-civ p {
  font-size: 29px;
  position: relative;
  top: -265px;
  left: 78px;
  margin-bottom: 0px!important;
  width: 416px;
}
#main .okazaki-civ img {
  height: 350px;
}
#main .other-civ1 {
  float: left;
  height: 162px;
  width: 302px;
}
#main .other-civ1 img {
  float: left;
  height: 162px;
}
#main .other-civ1 p {
  font-size: 21px;
  position: relative;
  top: -137px;
  left: 32px;
  margin-bottom: 0px!important;
  width: 220px;
}
#main .other-civ2 img {
  float: left;
  width: 475px;
}
#main .oka-sankaku {
  float: left;
  margin-top: 41px;
}
#main .oka-sankaku-p {
  float: left;
  font-size: 26px;
  width: 537px;
  margin: 40px 0 0 11px;
  color: #603813;
}
#main .sugiura-voice {
  float: left;
  width: 460px;
  font-size: 27px;
  text-align: center;
  line-height: 37px;
  margin-top: 47px;
  font-weight: bold;
}
#main .sugiura-voice2 {
  float: left;
  font-size: 16px;
  width: 480px;
}
.field_text {
  font-size: 17px;
  margin: 15px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-top: 82px;
  width: 370px;
  margin-left: 40px;
}
.field_img {
  width: 340px;
  height: 342px;
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
  max-width: 340px;
}
.okazaki_point {
  height: 100px;
      float: left;
}
.okazaki_point p {
    font-weight: bold;
    font-size: 35px;
    position: relative;
    top: -69px;
    left: 103px;
    color: #fff;
    margin-bottom: 0px!important;
}
.okazaki_point_p {
  float: right;
  width: 190px;
  margin-left: 16px;
  margin-bottom: 20px;
}
p.okazaki_comment {
  font-size: 17px;
}
.mb60 {
  margin-bottom: 60px;
}
.intro_left {
  width: 200px;
  float: left;
  margin-right: 20px;
  font-size: 17px;
}
.intro_left span {
  font-size: 27px;
  font-weight: bold;
}
.intro_left p {
  margin-top: 10px;
  margin-bottom: 15px!important;
}
.intro_right p {
  border: #d3d3d3 2px solid;
  font-size: 17px;
  border-radius: 10px;
  padding: 25px;
  margin-left: 220px;
  margin-right: 20px;
}
.okazaki_table {
  margin-bottom: 10px;
  border: 1px solid #000!important;
  background-color: transparent!important;
}
.okazaki_table th {
  background-color: #7695C6!important;
  color: #fff;
  padding: 10px;
  width: 100px;
}
.okazaki_table .th2 {
  background-color: #E8F0F9;
  padding: 10px;
  width: 75px;
}
.okazaki_table td {
  background-color: #fff;
  padding: 10px;
  width: 272px;
}
.okazaki_intro {
  margin-bottom: 60px;
}
.hukidashi {
  margin: 30px 20px -50px 20px;
  ;
  float: left;
}
.hukidashi p {
  font-size: 22px;
  position: relative;
  top: -252px;
  left: 25px;
  margin-bottom: 0px!important;
  width: 223px;
  line-height: 28px;
}
.huki {
  margin-left: 75px;
}
.field6 li{
float: left;margin: 10px 10px 10px 0;width: 240px;
}
.fr{
    float:right!important;
}
.Pc-None {
    display: none !important;
  }
.two-contents {
  flex-basis: 50%;
  max-width: 50%;
}
/*20180628岡崎追加style*/
.okazakiaisatsu{
 letter-spacing: 1px;
 font-size:23px;
 font-family: 'Shin Go Regular JIS2004';
}

.okazakiflex{
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: center;
  width:100%;
}
.kakomi{
 font-size:21px;
 margin: 10px 5px;
 padding: 5px 10px;
 width: 8%;
 border: 2px solid #B2B2B2; /*線の太さ・色*/
 box-shadow: -2px 5px 5px #f5f5f5; /*影*/
 border-radius: 20px; /*角の丸み*/
}
.nokakomi{
 margin: 10px 0px;
 padding: 5px 10px;
 width: 20%;
}

/*/岡崎事務所ページLP化　2018/04/24*/


/*
  ポータル内交通自己紹介ページPC
*/
div#potal_accident p {
  margin: 0 0;
}
div#potal_accident div.mainB {
  width: 100%;
  border-style: solid;
  border-color: #f05922;
  border-width: 2px;
  margin: 25px 0;
}
div#potal_accident div.mainB p {
  font-size: 3vh;
  text-align: center;
  margin: 5px 0;
}
div#potal_accident div.centering {
  margin: 25px 0;
}
div#potal_accident div.centering p {
  font-size: 2.7vh;
  text-align: center;
  margin: 5px 0;
}
div#potal_accident div.chach {
  border-bottom: dashed 2px #1c3353;
}
div#potal_accident div.chach div.daihyou {
  float: left;
}
div#potal_accident div.chach div.daihyou figure {
  text-align: center;
}
div#potal_accident div.chach p {
  font-size: 1.8vh;
  margin-bottom: 30px;
}
div#potal_accident div.reasons {
  margin: 20px 0;
}
div#potal_accident div.reasons div.num {
  width: 30%;
  background-color: #1c3353;
  margin: 10px 0;
}
div#potal_accident div.reasons div.num p {
  font-size: 2vh;
  color: #fff;
  margin: 5px;
}
div#potal_accident div.reasons div.bluebox {
  margin: 25px 0;
  background-color: #c8e4ff;
}
div#potal_accident div.reasons div.bluebox p {
  font-size: 2.7vh;
  text-align: center;
  margin: 5px 0;
}
div#potal_accident div.reasons div.detail p {
  font-size: 1.8vh;
  margin-bottom: 30px;
}
strong.BLU {
  font-weight: bold;
  font-size: 20px;
  color: #2980b9;
}
/* 20190606_料金 */
ol.list_kakko {
  list-style-type: none;
  margin-left: 3em;
}
ol.list_kakko li {
  counter-increment: cnt;
  padding: 0.5em 0em 0.5em 0em;
}
ol.list_kakko li:before {
  content: "(" counter(cnt) ") ";
  display:inline-block;
  margin-left:-2em;
  width: 2em;
}
ol.list_maru {
  list-style-type: none;
  margin-left: 3em;
}
ol.list_maru li {
  counter-increment: cnt;
  padding: 0.5em 0em 0.5em 0em;
  position: relative;
}
ol.list_maru li:before {
  content: counter(cnt);
  counter-increment: my-counter;
  background-color: #CECECE;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}


/* 20191218 金山事務所 */
.gyomu {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 1em auto;
  align-content: center;
  align-items: baseline;
}
.gyomu-item {
  text-align: center;
  flex-grow: 1;
  width: 150px;
  margin:0;
}
.gyomu-item p {
  position: relative;
  font-size: 1.2em;
  line-height: 1.5em;
  padding-left: 1.5em;
  display: inline-block;
}
.gyomu-item p::before {
  position: absolute;
  left: 0;
  content: "";
  width: 1.5em;
  height:1.5em;
  background: url("/image/kanayama/work_topic.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.gyomu a {
  color: #4D4D4D;
  text-decoration: none;
	text-align: center;
}
.gyomu-item img:hover {
  opacity: 0.6;
}


.kanayama_table {
	line-height: 1.35em;
	
}

.kanayama_table th,tr,td {
	border: hidden!important;
	background-color: #DFE8ED;
	border-color: #DFE8ED;
	border-style: none;
	box-shadow: none;
}

.kanayama_intro {
  margin-bottom: 60px;
}


.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 120px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 30px 30px 0 30px;
  border-radius: 20px;
  background: #ffedb6;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 70px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #ffedb6;
}

.says p {
  margin: 0;
  padding: 0;
}