/* たきざわ法律事務所　記事本文の装飾
   現テーマから抽出し、現テーマ固有の入れ物への依存を外したもの */

/* ---- 抽出元: ビルド後 style.css ---- */
.flex-box {
  display: flex;
}
.list-style-none {
  list-style-type: none;
}
.hukidashi {
  margin: 1em 0 1.3em;
  font-size: 0.95em;
}
.hukidashi .hukidashi-comment {
  border: 4px solid #f7f7f7;
  margin-top: 1em;
  padding: 2.5%;
  position: relative;
  width: 86%;
  border-radius: 2rem;
}
.hukidashi.l .hukidashi-comment {
  float: right;
}
.hukidashi.r .hukidashi-comment {
  float: left;
  border-radius: 2rem;
}
.hukidashi.fb .hukidashi-comment {
  background: #4C5CB0;
  border-color: #4C5CB0;
  color: #fff;
}
.hukidashi.line .hukidashi-comment {
  background: #7ACC40;
  border-color: #7ACC40;
  color: #fff;
}
.hukidashi .hukidashi-comment h2, .hukidashi .hukidashi-comment h3, .hukidashi .hukidashi-comment h4, .hukidashi .hukidashi-comment h5 {
  margin: 10px 0 !important;
  padding: 0;
}
.hukidashi .hukidashi-comment p {
  margin-bottom: 1em;
}
.hukidashi .hukidashi-comment p:last-child {
  margin-bottom: 0;
}
.hukidashi .icon {
  width: 12%;
  text-align: center;
}
.hukidashi.l .icon {
  float: left;
}
.hukidashi.r .icon {
  float: right;
}
.hukidashi .icon img {
  border-radius: 50%;
  margin: 0;
}
.hukidashi.icon_red .icon img {
  border-color: #FF4E4E;
}
.hukidashi.icon_blue .icon img {
  border-color: #50B4DE;
}
.hukidashi.icon_yellow .icon img {
  border-color: #faee00;
}
.hukidashi.icon_black .icon img {
  border-color: #222;
}
.hukidashi .icon .name {
  font-size: 0.65em;
  padding: 0.4em 0;
}
.hukidashi.big .icon {
  width: 18%;
}
.hukidashi.big .hukidashi-comment {
  width: 79%;
}
.jobs-contact .heading {
  margin: 0 0 1.2rem 0;
}
.jobs-contact .flex-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.jobs-contact .phone-call-wrapper {
  margin: 0 0 1.8rem 0;
}
.jobs-contact .phone-call.sp-style {
  margin: 0 0 0.4rem 0;
}
.jobs-contact .phone-call.sp-style a {
  color: #fff;
  padding: 1rem 4rem;
  margin: 0 0 0.8rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: bold;
  background-color: #fa7800;
  border-radius: 3rem;
  border: #fa7800 1px solid;
  box-shadow: 4px 4px #000;
  font-size: 2rem;
}
.jobs-contact .phone-call.sp-style .notice {
  text-align: center;
  line-height: 1;
}
.jobs-contact .phone-call.pc-style a {
  color: #fa7800;
  font-size: 4rem;
  line-height: 1;
  margin: 0 0 0.8rem 0;
  font-weight: bold;
}
.jobs-contact .phone-call.pc-style a:hover {
  text-decoration: none;
}
.jobs-contact .phone-call .phone-icon {
  margin: 0 1rem 0 0;
}
.jobs-contact .call-notice {
  font-size: 1.4rem;
}
.jobs-contact .form-contact a {
  color: #fff;
  padding: 1rem 4rem;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background-color: #0d51a4;
  border-radius: 3rem;
  border: #0d51a4 1px solid;
  box-shadow: 4px 4px #000;
  font-size: 1.6rem;
}
.jobs-contact .form-contact:hover a {
  text-decoration: none;
}
.jobs-contact .form-contact .plane-icon {
  margin: 0 0 0 1rem;
}
@media only screen and (min-width: 1201px) {
  section.jobs-contact {
    max-width: 820px;
    margin: -3rem auto 0;
  }
  section.jobs-contact.column {
    margin: 10px auto 80px;
  }
  .jobs-contact .flex-box {
    flex-direction: row;
  }
  .jobs-contact .phone-call-wrapper {
    margin: 0;
  }
  .jobs-contact .phone-call {
    letter-spacing: 0.4rem;
    color: #fa7800;
    font-size: 4rem;
    line-height: 1;
    margin: 0 0 0.8rem 0;
    font-weight: bold;
  }
  .jobs-contact .phone-call .phone-icon {
    margin: 0 1rem 0 0;
  }
  .jobs-contact .call-notice {
    font-size: 1.6rem;
  }
  .jobs-contact .form-contact a {
    font-size: 2.2rem;
  }
  .jobs-contact .form-contact a:hover {
    color: #0d51a4;
    background-color: #fff;
  }
}
.l_box {
  padding: 0 0 0 4rem;
}
.l_check {
  padding: 0 0 0 2rem;
}
.l_check .check-icon {
  margin: 0 0.8rem 0 0;
}
.saboxplugin-wrap {
  border-radius: 0.8rem;
}
.saboxplugin-authorname {
  font-weight: bold;
}
.author-box .tagline {
  margin: 0 0 0.8rem;
}
.author-box .saboxplugin-wrap {
  border-radius: 0.8rem;
}
.author-box .saboxplugin-authorname {
  font-weight: bold;
}
span.marker-yellow {
  background: linear-gradient(transparent 60%, #ffdc00 60%);
  font-weight: bold;
}
span.marker-blue {
  background: linear-gradient(transparent 60%, #7fbfff 60%);
  font-weight: bold;
}
span.marker-lightblue {
  background: linear-gradient(transparent 60%, #afeeee 60%);
  font-weight: bold;
}
span.marker-red {
  background: linear-gradient(transparent 60%, #ffadad 60%);
  font-weight: bold;
}
span.marker-orange {
  background: linear-gradient(transparent 60%, #ffbf7f 60%);
  font-weight: bold;
}
.supplement {
  border: 2px solid;
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #766341;
  position: relative;
  font-size: 1.6rem;
  padding: 3.2rem 3.2rem 3.2rem 5.2rem;
  margin: 1.5em 0 2em;
  border-radius: 4px;
}
.supplement svg {
  line-height: 1;
  display: inline-block;
  font-size: 2.6rem;
  position: absolute;
  left: 1.3rem;
}
.supplement.warning {
  background-color: #fce3e3;
  border-color: #facccc;
  color: #764141;
}
.l_number .list-contents {
  border-radius: 0.7rem;
  padding: 1rem 1rem 1rem 4rem;
}
.l_box {
  padding: 0;
  margin: 3.2rem 0;
}
.l_box .list-title {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.7rem;
  height: 40px;
  font-weight: bold;
  margin: 0 0 0.8rem;
}
.l_box.blue_list .list-title {
  background-color: #00569a;
  color: #fff;
}
.l_box.blue_list .list-contents {
  border: 2px solid #00569a;
}
.l_box.navy_list .list-title {
  background-color: #06233e;
  color: #fff;
}
.l_box.navy_list .list-contents {
  border: 2px solid #06233e;
}
.l_box.gray_list .list-title {
  background-color: #6d6d6d;
  color: #fff;
}
.l_box.gray_list .list-contents {
  border: 2px solid #6d6d6d;
}
.l_box .list-contents {
  border-radius: 0.7rem;
  padding: 1rem 1rem 1rem 4rem;
}
.l_check {
  padding: 0;
  margin: 3.2rem 0;
}
.l_check .list-title {
  position: relative;
  margin: 0 0 0.8rem 0;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 2rem;
  font-size: 2rem;
}
.l_check .list-title::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  content: '';
  border-radius: 5px;
}
.l_check.blue_list .list-title {
  color: #00569a;
}
.l_check.blue_list .list-title::before {
  background-color: #00569a;
}
.l_check.blue_list .check-icon svg {
  color: #00569a;
}
.l_check.navy_list .list-title {
  color: #06233e;
}
.l_check.navy_list .list-title::before {
  background-color: #06233e;
}
.l_check.navy_list .check-icon svg {
  color: #06233e;
}
.l_check.gray_list .list-title {
  color: #6d6d6d;
}
.l_check.gray_list .list-title::before {
  background-color: #6d6d6d;
}
.l_check.gray_list .check-icon svg {
  color: #6d6d6d;
}
.l_check .list-contents {
  padding: 0 1rem 1rem 1rem;
}
.l_check .list-contents li {
  display: flex;
}

/* ---- 抽出元: テーマ直下 style.css ---- */
.pcnone {
  display:none;
}
.spnone {
  display:block;
}
@media only screen and (max-width: 769px) {
  .pcnone {
  display:block;
}
  .spnone {
  display:none;
}
}

/* ---- v1.2 追記: 吹き出しの補強 ----
   旧テーマでは .cf（clearfix）で回り込みを解除していたが、この一式には無かったため足す。
   あわせて、テーマ側の figure/img の余白や幅の指定に負けないよう、吹き出し内だけ打ち消す。 */
.hukidashi::after { content: ""; display: table; clear: both; }
.hukidashi figure.icon { margin: 0; padding: 0; }
.hukidashi figure.icon img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; }
.hukidashi figcaption.name { display: block; text-align: center; line-height: 1.4; }
.hukidashi .hukidashi-comment { box-sizing: border-box; }
.hukidashi .hukidashi-comment > br:first-child { display: none; }
@media only screen and (max-width: 769px) {
  .hukidashi .icon { width: 18%; }
  .hukidashi .hukidashi-comment { width: 79%; }
}