@charset "utf-8";
/* ---------------------------------------------------------------------
  index of nagoyasogoloan.css
  1. common rules: pc-sp共通
  2. sp rules: width 767px 以下
  3. pc rules: width 768px 以上
  4. other rules: 例外に対応
--------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
  1. common rules: pc-sp共通
--------------------------------------------------------------------- */
/* 記事の設定 */
.articleBlock { /*ブログ記事部分の基本設定*/
  margin: 0px;
  padding: 0px;
}
/* 弁護士司法書士税理士紹介 */
.articleBlock .unit .lawyers_staff {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* 事務員紹介 */
.articleBlock .unit .staff_intro {
  width: 400px;
}
.articleBlock .unit .staff_intro th {
  width: 50px;
  font-weight: bold;
  color: rgb(0, 80, 0);
}

.articleBlock .unit .staff_intro td {
  text-align: left;
}
.articleBlock .unit .lawyers_staff li {
  float: left;
}
.articleBlock .unit .box1 {
  border: 1px solid #6DA655;
  padding: 10px;
  margin: 0 30px 20px 30px;
  font-size: 110%;
  background: #E9F3DB;
}

.articleBlock .unit .box2 {
  text-align: center;
  margin: 30px;
  padding: 10px;
  border: 1px solid #6DA655;
  font-size: 110%;
  background: #E9F3DB;
}

.articleBlock .unit .box2 p {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
}

.articleBlock .unit .shadeBox {
  border-style: solid;
  border-width: 1px;
  padding: 10px 5px 10px 20px;
  border-color: #bed9f1;
  background-color: #f7f7f7;
  width: 600px; border-radius: 10px; box-shadow: 5px 5px 5px #aaa;
}

.articleBlock .unit .shadeBox p {
  margin-bottom: 0;
}

a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
}

/* 表の設定 */
.articleBlock table {
  font-size: 14px;
  border-collapse: collapse;
  margin-bottom: 1em;
}

.articleBlock table th {
  font-size: 14px;
  font-weight: bold;
  background-color: #99CC33;
  opacity: 0.8;
  border: 1px solid #999;
  text-align: center;
  padding: 8px;
}

.articleBlock table td {
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #999;
  text-align: center;
  padding: 4px;
}

.unit {
  margin: 5px 0 40px 0;
  padding: 0 20px;
  line-height: 1.7em;
}

.articleBlock .unit p { /*ブログ記事の段落部分の基本設定*/
  font-size: 1em;
  margin-bottom: 1em;
}

/* サイドバーの専門サイトバナー */
.side_bannar {
  margin: 10px 0;
}
.side_bannar h2 img{
  margin: 0;
}
.side_bannar ul {
  list-style-type: none;
  padding: 5px 0 0 0;
  margin: 0;
  background-color: #FFE9C8;
  border: 1px solid #cdcdcd;
}

.side_bannar ul li {
  text-align: center;
  margin-bottom: -5px;
}

/* 文字装飾 */
.articleBlock .unit .marker-pink { background-color: #fcf; padding: 0.3em; margin-left: 0.3em; margin-right: 0.3em; }
.articleBlock .unit .marker-yellow { background-color: #ff9; padding: 0.3em; margin-left: 0.3em; margin-right: 0.3em; }
.articleBlock .unit .marker-green { background-color: #cf9; padding: 0.3em; margin-left: 0.3em; margin-right: 0.3em; }
.articleBlock .unit .marker-purple { background-color: #ccf; padding: 0.3em; margin-left: 0.3em; margin-right: 0.3em; }
.articleBlock .unit .marker-blue { background-color: #9cf; padding: 0.3em; margin-left: 0.3em; margin-right: 0.3em; }
.articleBlock .unit .marker-brown { background-color: #ccc; padding: 0.3em; margin-left: 0.3em; margin-right: 0.3em;}

.articleBlock .unit .underline-pink { text-decoration: none; border-bottom: 3px #f33 solid; }
.articleBlock .unit .underline-yellow { text-decoration: none; border-bottom: 3px #fc0 solid; }
.articleBlock .unit .underline-green { text-decoration: none; border-bottom: 3px #9c3 solid; }
.articleBlock .unit .underline-purple { text-decoration: none; border-bottom: 3px #93f solid; }
.articleBlock .unit .underline-blue { text-decoration: none; border-bottom: 3px #6cf solid; }
.articleBlock .unit .underline-brown { text-decoration: none; border-bottom: 3px #c60 solid; }

/* リスト */
.articleBlock .unit ul {
  padding-left: 20px;
  line-height: 1.5em;
}

.articleBlock .unit ul.arrow-black li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-black.png'); background-repeat: no-repeat; padding: 0.2em 0 1em 2.5em; }
.articleBlock .unit ul.arrow-blue li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-blue.png'); background-repeat: no-repeat; padding: 0.2em 0 1em 2.5em; }
.articleBlock .unit ul.arrow-green li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-green.png'); background-repeat: no-repeat; padding: 0.2em 0 1em 2.5em; }
.articleBlock .unit ul.arrow-orange li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-orange.png'); background-repeat: no-repeat; padding: 0.2em 0 1em 2.5em; }
.articleBlock .unit ul.arrow-red li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-red.png'); background-repeat: no-repeat; padding: 0.2em 0 1em 2.5em; }

.articleBlock .unit ul.finger-black li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-black.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 1em 4.5em; }
.articleBlock .unit ul.finger-blue li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-blue.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 1em 4.5em; }
.articleBlock .unit ul.finger-green li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-green.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 1em 4.5em; }
.articleBlock .unit ul.finger-orange li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-orange.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 1em 4.5em; }
.articleBlock .unit ul.finger-red li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-red.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 1em 4.5em; }

.articleBlock .unit ul.check-black li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-black.png'); background-repeat: no-repeat; padding: 0 0 1em 2.5em; }
.articleBlock .unit ul.check-blue li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-blue.png'); background-repeat: no-repeat; padding: 0 0 1em 2.5em; }
.articleBlock .unit ul.check-green li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-green.png'); background-repeat: no-repeat; padding: 0 0 1em 2.5em; }
.articleBlock .unit ul.check-orange li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-orange.png'); background-repeat: no-repeat; padding: 0 0 1em 2.5em; }
.articleBlock .unit ul.check-red li { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-red.png'); background-repeat: no-repeat; padding: 0 0 1em 2.5em; }

.articleBlock .unit dl {
  display: block;
  margin-left: 1.5em;
  margin-bottom: 3em;
  line-height: 1.5em;
}

.articleBlock .unit dl dt {
  font-weight: bold;
  text-indent: 12px;
  margin-top: 2em;
  border-bottom: 1px dotted #660000;
  color: #660000;
}
.articleBlock .unit dl dd {
  display: block;
  margin-top: 0.3em;
  margin-left: 2em;
  line-height: 150%;
}

.articleBlock .unit dl.arrow-black dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-black.png'); background-position: 5px 0; background-repeat: no-repeat; padding: 0.2em 0 0.5em 1.7em; }
.articleBlock .unit dl.arrow-blue dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-blue.png'); background-position: 5px 0; background-repeat: no-repeat; padding: 0.2em 0 0.5em 1.7em; }
.articleBlock .unit dl.arrow-green dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-green.png'); background-position: 5px 0; background-repeat: no-repeat; padding: 0.2em 0 0.5em 1.7em; }
.articleBlock .unit dl.arrow-orange dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-orange.png'); background-position: 5px 0; background-repeat: no-repeat; padding: 0.2em 0 0.5em 1.7em; }
.articleBlock .unit dl.arrow-red dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/arrow-red.png'); background-position: 5px 0; background-repeat: no-repeat; padding: 0.2em 0 0.5em 1.7em; }

.articleBlock .unit dl.finger-black dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-black.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 0.5em 3em; }
.articleBlock .unit dl.finger-blue dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-blue.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 0.5em 3em; }
.articleBlock .unit dl.finger-green dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-green.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 0.5em 3em; }
.articleBlock .unit dl.finger-orange dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-orange.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 0.5em 3em; }
.articleBlock .unit dl.finger-red dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/finger-red.png'); background-position: 0 4px; background-repeat: no-repeat; padding: 0 0 0.5em 3em; }

.articleBlock .unit dl.check-black dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-black.png'); background-repeat: no-repeat; padding: 0 0 0.5em 1.5em; }
.articleBlock .unit dl.check-blue dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-blue.png'); background-repeat: no-repeat; padding: 0 0 0.5em 1.5em; }
.articleBlock .unit dl.check-green dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-green.png'); background-repeat: no-repeat; padding: 0 0 0.5em 1.5em; }
.articleBlock .unit dl.check-orange dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-orange.png'); background-repeat: no-repeat; padding: 0 0 0.5em 1.5em; }
.articleBlock .unit dl.check-red dt { list-style: none; background-image: url('//www.nagoyasogo-loan-sodan.com/imgs/check-red.png'); background-repeat: no-repeat; padding: 0 0 0.5em 1.5em; }

/* トップページ訴訟活動ニュース */
.news {
  padding: 10px
}
.news dt {
  display: block;
  clear: left;
  float: left;
}
.news dd {
  display: block;
  float: left;
  margin: 0 0 10px 10px;
}

/* utility */
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
#feedback img{
  width: 460px;
  margin: 20px;
}
#feedback div{
  text-align: center;
  padding: 10px;
  margin: 10px 30px;
  background-color: #f6fffe;
}

/* footer link 20170317 */
.footer_link .SH3{
  font-size: 16px;
}
.footer_link .emph{
  font-weight: bold;
  color: #f00;
}
.footer_link .unit p:last-child{
  font-size: 16px;
  text-align: right;
  font-weight: bold;
}
/* 180129_em */
.em {
  font-weight: bold;
  font-size: 1.1em;
}
.news-gw {
  background: #efffef;
  border: solid 1px #c6ffc6;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 10px 20px;
  margin-bottom: 16px;
}
.news-gw p:first-of-type {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 6px;
}
.news-gw p:last-of-type {
  margin-bottom: 0;
}
.flexbox {
  display: flex;
  justify-content: space-between;
}
.unit iframe {
  max-width: 100%;
  margin-bottom: 16px;
}
a:link.btn-square,
a:visited.btn-square,
a:hover.btn-square {
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
  color: #FFF;
  border-bottom: solid 4px #aaa;
  border-radius: 3px;
  font-size: 16px;
}
a.btn-square:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: solid 4px transparent;
}

/* ---------------------------------------------------------------------
  2. sp rules: width 767px 以下
--------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .sp-flex-wrap {
    flex-wrap: wrap;
  }
  .sp-flex-wrap p {
    max-width: 48%;
  }
}

/* ---------------------------------------------------------------------
  3. pc rules: width 768px 以上
--------------------------------------------------------------------- */
@media screen and (min-width: 768px), print {
  .acc-flex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 690px;
  }
  .acc-flex .child {
    width: 48%;
  }
}