@charset "UTF-8";
/** リセット
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@500;700&display=swap");
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-weight: normal;
}

img {
  vertical-align: bottom;
}

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

li {
  list-style: none;
}

/**
* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
*/
/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

a {
  outline: none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxOverlay {
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  bottom: 4px;
  color: #fff;
  left: 50%;
  position: absolute;
  translate: -50% 0;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious,
#cboxNext {
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  translate: 0 -50%;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  display: block;
  height: 30px;
  width: 30px;
}

#cboxPrevious {
  left: -8%;
  rotate: -45deg;
}
@media (min-width: 769px) {
  #cboxPrevious {
    left: -50px;
  }
}

#cboxNext {
  right: -8%;
  rotate: 135deg;
}
@media (min-width: 769px) {
  #cboxNext {
    right: -50px;
  }
}

#cboxClose {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  top: -40px;
  right: 0;
  width: 30px;
}
#cboxClose::before, #cboxClose::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 30px;
}
#cboxClose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#cboxClose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

html {
  height: initial;
  margin-top: 0 !important;
  width: 100%;
}

body,
input,
select,
textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  padding: 0;
  font-feature-settings: "palt";
}
@media (max-width: 768px) {
  body,
  input,
  select,
  textarea {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 3.6vw;
  }
}
@media (min-width: 769px) {
  body,
  input,
  select,
  textarea {
    font-size: 12px;
  }
}

body {
  background-color: #ded8c9;
}
@media (max-width: 768px) {
  body {
    padding: 60px 0 0;
  }
}

@media (max-width: 768px) {
  .pc {
    display: none;
  }
}

@media (min-width: 769px) {
  .sp {
    display: none;
  }
}

img {
  height: auto;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  img {
    width: 100%;
  }
}
@media (min-width: 769px) {
  img {
    width: auto;
  }
}

a {
  color: #333333;
  text-decoration: none;
  transition: 0.5s;
}
a:hover {
  opacity: 0.6;
}
@media (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.serif {
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "Yu Mincho", YuMincho, serif;
}

.wrap {
  position: relative;
}
@media (min-width: 769px) {
  .wrap {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .btn-indiv {
    align-items: center;
    background-image: linear-gradient(#2d7b35, #1b4b1f);
    border-radius: 2vw;
    box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 5vw;
    height: 14vw;
    justify-content: center;
    margin: 4vw auto;
    width: 80%;
  }
}

@media (max-width: 768px) {
  .btn-corp {
    align-items: center;
    background-image: linear-gradient(#2d5b9d, #092d5f);
    border-radius: 2vw;
    box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 5vw;
    height: 14vw;
    justify-content: center;
    margin: 4vw auto;
    width: 80%;
  }
}

@media (max-width: 768px) {
  .btn-a {
    align-items: center;
    background-image: linear-gradient(#654928, #463522);
    border-radius: 2vw;
    box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 4.4vw;
    height: 12vw;
    justify-content: center;
    margin: 4vw auto;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 60vw;
  }
}
@media (max-width: 768px) {
  .btn-a.red {
    background-image: linear-gradient(#a30000, #6d1c1c);
  }
}

/* Base */
/* header */
@media (max-width: 768px) {
  #hwrap {
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    background-color: #54330c;
    border-top: 2px solid #a59100;
  }
}
@media (min-width: 769px) {
  #hwrap {
    background: url(../img/bg_header.png) repeat-x 50% 0;
    height: 130px;
    position: relative;
    z-index: 2;
  }
}

header {
  position: relative;
  height: 60px;
  /* gnav */
}
@media (min-width: 769px) {
  header {
    background: url(../img/bg_hnav.png) no-repeat 50% 0;
    width: 960px;
    height: 130px;
    margin: 0 auto;
  }
}
header h1 {
  color: #fff;
}
@media (max-width: 768px) {
  header h1 {
    font-size: 10px;
    padding: 3.5px 0 0 3.5px;
  }
}
@media (min-width: 769px) {
  header h1 {
    position: absolute;
    left: 7px;
    top: 10px;
  }
}
@media (min-width: 769px) {
  header #logo {
    position: absolute;
    left: 0px;
    top: 30px;
  }
}
@media (max-width: 768px) {
  header #logo img {
    height: 34px;
    margin: 3px 0 0;
    width: auto;
  }
}
header #hnav {
  position: absolute;
  right: 0;
  top: 13px;
  width: 334px;
}
header #hnav2 {
  display: none;
}
@media (min-width: 769px) {
  header #hnav2 {
    display: block;
    position: absolute;
    right: 0;
    top: 17px;
    width: 465px;
  }
}
header #hnav2 #hTel {
  margin-right: 5px;
}
header #hTel, header #hEmail {
  float: left;
}
header #gnav {
  display: none;
}
@media (min-width: 769px) {
  header #gnav {
    display: block;
    position: absolute;
    top: 80px;
    width: 960px;
    z-index: 10;
  }
}
header #gnav li {
  float: left;
  background: #776415;
}
header #gnav .current {
  opacity: 0.8;
}
header #gnav a, header #gnav span {
  display: block;
  text-indent: -9999px;
  width: 160px;
  height: 50px;
}
header #gnav ul ul {
  margin: 0;
}
header #gnavHome {
  background: url(../img/gnav_home.png) left top no-repeat;
}
header #gnavAreas {
  background: url(../img/gnav_areas.png) left top no-repeat;
}
header .gnavs {
  position: absolute;
  left: 464px;
  top: 50px;
  z-index: 20;
  width: 180px;
  border: 4px solid #c2b786;
  border-top: none;
}
header a#gnavIndividual {
  width: 180px;
  height: 40px;
  border-bottom: 1px solid #c2b786;
  background: url(../img/gnav_individual.png) left top no-repeat;
}
header a#gnavCorporation {
  width: 180px;
  height: 40px;
  background: url(../img/gnav_corporation.png) left top no-repeat;
}
header #gnavOverview {
  background: url(../img/gnav_overview.png) no-repeat;
}
header #gnavLawyer {
  background: url(../img/gnav_lawyer.png) no-repeat;
}
header #gnavFee {
  background: url(../img/gnav_fee.png) no-repeat;
}
header #gnavFlow {
  background: url(../img/gnav_flow.png) no-repeat;
}

/* snav */
#navcheck {
  display: none;
}
#navcheck:checked ~ #hwrap .navbtn i {
  height: 0;
}
#navcheck:checked ~ #hwrap .navbtn i::before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(225deg);
}
#navcheck:checked ~ #hwrap .navbtn i::after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-225deg);
}
@media (max-width: 768px) {
  #navcheck:checked ~ #cwrap #snav {
    max-height: initial;
    opacity: 1;
    z-index: 99999;
  }
}

.navbtn {
  display: block;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}
@media (min-width: 769px) {
  .navbtn {
    display: none;
  }
}
.navbtn i {
  background-color: #a59100;
  display: block;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  width: 20px;
}
.navbtn i::before, .navbtn i::after {
  background-color: #a59100;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  transition: 0.5s;
  width: 100%;
}
.navbtn i::before {
  top: -6px;
}
.navbtn i::after {
  top: 6px;
}

@media (max-width: 768px) {
  #snav {
    background-color: #f7f6ef;
    box-sizing: border-box;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 5vw;
    height: calc(100vh - 60px);
    left: 0;
    max-height: 0;
    opacity: 0;
    overflow-y: scroll;
    padding: 0 0 18vw;
    position: fixed;
    top: 60px;
    transition: 0.5s;
    width: 100%;
    z-index: -1;
  }
}
@media (min-width: 769px) {
  #snav {
    display: block;
    order: 1;
    padding: 32px 0 0 3px;
    width: 237px;
  }
}
@media (max-width: 768px) {
  #snav * {
    box-sizing: border-box;
  }
}
@media (max-width: 768px) {
  #snav ul {
    font-size: 6vw;
  }
}
@media (min-width: 769px) {
  #snav ul {
    background: #776415;
  }
}
@media (max-width: 768px) {
  #snav li a,
  #snav li span {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    display: flex;
    height: 14vw;
    padding: 2vw 4vw;
    position: relative;
  }
}
@media (min-width: 769px) {
  #snav li a,
  #snav li span {
    display: block;
    text-indent: -9999px;
    width: 237px;
    height: 40px;
  }
}
@media (max-width: 768px) {
  #snav li a::after {
    border-right: 1px solid #54330c;
    border-top: 1px solid #54330c;
    content: "";
    display: block;
    height: 2vw;
    position: absolute;
    right: 6vw;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    width: 2vw;
  }
}
@media (min-width: 769px) {
  #snav .current {
    opacity: 0.8;
  }
}
@media (max-width: 768px) {
  #snav #snavAreas01,
  #snav #snavAreas02 {
    align-items: center;
    display: flex;
    font-size: 5vw;
    height: 10vw;
  }
}
@media (max-width: 768px) {
  #snav #snavAreas01::before,
  #snav #snavAreas02::before {
    background: linear-gradient(to bottom left, transparent 50%, #54330c 50%) top left/100% 50% no-repeat, linear-gradient(to top left, transparent 50%, #54330c 50%) bottom left/100% 50% no-repeat;
    content: "";
    display: block;
    height: 2vw;
    margin: 0 2vw 0 1vw;
    width: 2vw;
  }
}
@media (max-width: 768px) {
  #snav #snavAreas01 {
    color: #006009;
  }
}
@media (min-width: 769px) {
  #snav #snavAreas01 {
    height: 30px;
    background: url(../img/snav_areas01.png) no-repeat;
  }
}
@media (max-width: 768px) {
  #snav #snavAreas02 {
    color: #003889;
  }
}
@media (min-width: 769px) {
  #snav #snavAreas02 {
    height: 30px;
    background: url(../img/snav_areas02.png) no-repeat;
  }
}
@media (min-width: 769px) {
  #snav #snavAreas {
    background: url(../img/snav_areas.png) no-repeat;
  }
}
@media (min-width: 769px) {
  #snav #snavOverview {
    background: url(../img/snav_overview.png) no-repeat;
  }
}
@media (min-width: 769px) {
  #snav #snavLawyer {
    background: url(../img/snav_lawyer.png) no-repeat;
  }
}
@media (min-width: 769px) {
  #snav #snavFee {
    background: url(../img/snav_fee.png) no-repeat;
  }
}
@media (min-width: 769px) {
  #snav #snavFlow {
    background: url(../img/snav_flow.png) no-repeat;
  }
}
@media (min-width: 769px) {
  #snav #snavFaq {
    background: url(../img/snav_faq.png) no-repeat;
  }
}
#snav #scontact {
  background-color: #fff;
  border: 2vw solid #ded8c9;
  margin: 4vw;
  padding: 4vw;
}
@media (min-width: 769px) {
  #snav #scontact {
    border-width: 4px;
    display: block;
    width: 186px;
    margin: 13px 0 13px 13px;
    padding: 8px 8px 0 8px;
    font-style: normal;
  }
}
#snav #scontact #stitle {
  border-bottom: 1px dashed #ded8c9;
  padding: 0 0 2vw;
  text-align: center;
}
@media (min-width: 769px) {
  #snav #scontact #stitle {
    margin: 0 0 8px;
    padding: 0 0 4px;
  }
}
#snav #scontact .ttl {
  align-items: center;
  display: flex;
  margin: 2vw 0 0;
}
#snav #scontact .ttl::before {
  background-image: linear-gradient(#ded8c9, #776415);
  border-radius: 50%;
  content: "";
  display: block;
  height: 3vw;
  margin: 0 1vw 0 0;
  width: 3vw;
}
#snav #scontact .time {
  color: #a30000;
  display: block;
  font-size: 4.8vw;
  text-align: center;
}
#snav #scontact .tel {
  color: #a30000;
  display: block;
  font-size: 10vw;
  text-align: center;
}
#snav #scontact .tel a {
  color: #a30000;
}
#snav #scontact .btn {
  align-items: center;
  background-image: linear-gradient(#a30000, #6d1c1c);
  border-radius: 2vw;
  box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  height: 16vw;
  font-size: 6vw;
  justify-content: center;
  margin: 2vw 0 0;
  text-shadow: 0 0 1vw rgba(0, 0, 0, 0.3);
  width: 100%;
}
@media (max-width: 768px) {
  #snav #scontact [src*=bnr01] {
    display: block;
    margin: 4vw auto 0;
    width: 70vw;
  }
}
#snav #scontact p {
  padding: 4vw 0 0;
}
@media (min-width: 769px) {
  #snav #scontact p {
    padding: 0 0 8px;
  }
}
#snav #scontact u {
  color: #a30000;
  text-decoration: underline;
}

/* footer */
#fwrap {
  position: relative;
  z-index: 20;
}
@media (min-width: 769px) {
  #fwrap {
    background: url(../img/bg_footer.png) center top repeat-x;
    height: 300px;
  }
}

@media (max-width: 768px) {
  footer {
    border-top: 2vw solid #776415;
    padding: 4vw 0 0;
  }
}
@media (min-width: 769px) {
  footer {
    width: 960px;
    margin: 0 auto;
  }
}
footer #fcontact {
  position: relative;
}
@media (max-width: 768px) {
  footer #fcontact {
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 4vw 4vw 8vw;
  }
}
@media (min-width: 769px) {
  footer #fcontact {
    height: 186px;
  }
}
@media (min-width: 769px) {
  footer #fcontact figure {
    position: absolute;
    left: 6px;
    top: 19px;
  }
}
footer #fcontact .fcontact-feature {
  background-image: linear-gradient(#654928, #54330c);
  display: block;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 5vw;
  padding: 2vw;
  position: relative;
  text-align: center;
}
footer #fcontact .fcontact-feature .box {
  border: 1px solid #776415;
  display: block;
  padding: 2vw;
}
footer #fcontact .fcontact-feature .ttl1 {
  color: #fff;
  text-align: center;
}
footer #fcontact .fcontact-feature li {
  background-color: #fff;
  border-radius: 1vw;
  margin: 2vw 0 0;
  padding: 1vw 0;
}
footer #fcontact .fcontact-feature li b {
  color: #a30000;
}
@media (max-width: 768px) {
  footer #fcontact h1 {
    color: #54330c;
    font-size: 5vw;
    font-weight: 700;
    margin: 8vw 0 4vw;
    text-align: center;
  }
}
@media (min-width: 769px) {
  footer #fcontact h1 {
    position: absolute;
    left: 254px;
    top: 19px;
  }
}
footer #fcontact .ttl {
  align-items: center;
  display: flex;
  font-size: 5vw;
  margin: 2vw 0 0;
}
footer #fcontact .ttl::before {
  background-image: linear-gradient(#ded8c9, #776415);
  border-radius: 50%;
  content: "";
  display: block;
  height: 3vw;
  margin: 0 1vw 0 0;
  width: 3vw;
}
footer #fcontact .time {
  color: #a30000;
  display: block;
  font-size: 4.8vw;
  text-align: center;
}
footer #fcontact .tel {
  color: #a30000;
  display: block;
  font-size: 10vw;
  text-align: center;
}
footer #fcontact .tel a {
  color: #a30000;
}
footer #fcontact .btn {
  align-items: center;
  background-image: linear-gradient(#a30000, #6d1c1c);
  border-radius: 2vw;
  box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  height: 16vw;
  font-size: 6vw;
  justify-content: center;
  margin: 2vw auto 0;
  text-shadow: 0 0 1vw rgba(0, 0, 0, 0.3);
  width: 80%;
}
@media (max-width: 768px) {
  footer #fcontact #fTel {
    margin: 4vw 0 0;
  }
}
@media (min-width: 769px) {
  footer #fcontact #fTel {
    position: absolute;
    left: 254px;
    top: 93px;
  }
}
@media (max-width: 768px) {
  footer #fcontact #fEmail {
    margin: 4vw 0 0;
  }
}
@media (min-width: 769px) {
  footer #fcontact #fEmail {
    position: absolute;
    left: 540px;
    top: 93px;
  }
}
@media (min-width: 769px) {
  footer #fcontact #fmsg {
    position: absolute;
    left: 255px;
    top: 48px;
    height: 130px;
    overflow: hidden;
  }
}
@media (min-width: 769px) {
  footer #fcontact #fmsg p {
    margin: 0 0 65px;
  }
}
footer #fcontact #fmsg span {
  color: #a30000;
  text-decoration: underline;
}
footer #finfo {
  color: #fff;
}
@media (max-width: 768px) {
  footer #finfo {
    background-color: #54330c;
    padding: 4vw 4vw 20vw;
    text-shadow: 1px 1px 1vw rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }
}
@media (min-width: 769px) {
  footer #finfo {
    padding: 10px 0 0;
    line-height: 22px;
  }
}
footer #finfo address {
  font-style: normal;
}
@media (max-width: 768px) {
  footer #finfo address {
    margin: 4vw 0 0;
  }
}
@media (min-width: 769px) {
  footer #finfo address {
    float: left;
    width: 580px;
  }
}
footer #finfo address a {
  color: #fff;
  text-decoration: none;
}
@media (min-width: 769px) {
  footer #fnav {
    float: right;
    color: #ffffff;
    text-align: right;
  }
}
footer #fnav li {
  background: url(../img/bg_list_circle_g.png) left center no-repeat;
  display: inline;
  margin: 0 2vw 0 0;
  padding: 0 0 0 10px;
}
@media (min-width: 769px) {
  footer #fnav li {
    margin: 0 0 0 10px;
  }
}
footer #fnav li a {
  color: #fff;
  text-decoration: none;
}
footer #fnav li a:hover {
  text-decoration: underline;
}

.fix-contact {
  background-color: #54330c;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding: 0 5vw;
  position: fixed;
  width: 100%;
  z-index: 99999;
}
@media (min-width: 769px) {
  .fix-contact {
    display: none;
  }
}
.fix-contact ul {
  display: flex;
  justify-content: space-between;
}
.fix-contact .btn-a {
  font-size: 4vw;
  height: 10vw;
  min-width: 0;
  width: 42vw;
}

@media (max-width: 768px) {
  #copyright {
    font-size: 3vw;
    margin: 4vw 0 0;
    text-align: center;
  }
}
@media (min-width: 769px) {
  #copyright {
    float: right;
    width: 380px;
    text-align: right;
  }
}

/* content */
#pwrap {
  background: url(../img/bg_ptitle.png) repeat-x 50% 0/auto 140%;
  box-sizing: border-box;
  color: #fff;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  height: 12vw;
  padding: 0 4vw;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  #pwrap {
    overflow: hidden;
  }
}
@media (min-width: 769px) {
  #pwrap {
    background-size: auto auto;
    height: 150px;
  }
}

#ptitle {
  margin: 0 auto;
}
@media (max-width: 768px) {
  #ptitle {
    align-items: center;
    display: flex;
    font-size: 5vw;
    height: 12vw;
  }
}
@media (min-width: 769px) {
  #ptitle {
    width: 960px;
  }
}
@media (max-width: 768px) {
  #ptitle img {
    height: 28vw;
    width: auto;
  }
}

#cwrap {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  margin: 0 auto 0;
  position: relative;
  z-index: 100;
}
@media (min-width: 769px) {
  #cwrap {
    background: url(../img/bg_content.png) center top;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    display: flex;
    margin: -40px auto 0;
    width: 960px;
    z-index: 10;
  }
}

#contact2 #cwrap {
  background: url(../img/bg_content2.png) center top;
}
#contact2 #content {
  float: none;
  margin: 0 0 0 120px;
}

#content {
  margin: 0 auto;
}
@media (max-width: 768px) {
  #content {
    background-color: #fff;
    padding: 0 4vw 4vw;
  }
}
@media (min-width: 769px) {
  #content {
    order: 2;
    padding: 20px 20px 0 20px;
    width: 680px;
  }
}
#content a {
  color: #776415;
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  #content #breadCrumb {
    font-size: 2.8vw;
    margin: 0;
    padding: 2vw 0;
  }
}
@media (min-width: 769px) {
  #content #breadCrumb {
    margin: 0 0 20px;
  }
}
@media (max-width: 768px) {
  #content #breadCrumb + article {
    margin: 0;
  }
}
#content .pagetop {
  clear: both;
  text-align: right;
}
#content .pagetop a {
  padding: 0 14px 0 0;
  background: url(../img/bg_link_top.png) right center no-repeat;
}
#content .point {
  color: #c00000;
}
#content .secBorder {
  background: url(../img/bg_section.png) repeat-x 0 100%;
  border: 2vw solid #ded8c9;
  border-top: none;
  padding: 4vw 2vw;
  position: relative;
}
@media (min-width: 769px) {
  #content .secBorder {
    border-width: 5px;
    padding: 10px 10px 0;
  }
}
@media (max-width: 768px) {
  #content .secBorder p:first-child {
    margin-top: 0;
  }
}
@media (min-width: 769px) {
  #content .secBorder .block {
    padding: 0 10px 10px;
  }
}
#content h1 {
  font-size: 5vw;
  line-height: 1.5;
}
@media (min-width: 769px) {
  #content h1 {
    font-size: 24px;
  }
}
#content h2 {
  font-size: 6vw;
  line-height: 1.5;
}
@media (min-width: 769px) {
  #content h2 {
    font-size: 20px;
  }
}
#content h3 {
  color: #776415;
  font-weight: bold;
  font-size: 4.4vw;
  line-height: 1.5;
}
@media (min-width: 769px) {
  #content h3 {
    font-size: 16px;
  }
}
#content h4 {
  font-size: 12px;
  line-height: 1.5em;
  font-weight: bold;
  color: #776415;
}
#content #lead {
  margin: 0 6px 15px;
  font-size: 14px;
}
#content section,
#content article {
  margin: 8vw 0 0;
  position: relative;
}
@media (min-width: 769px) {
  #content section,
  #content article {
    margin: 0 0 20px;
  }
}
#content p, #content ul, #content table {
  margin: 4vw 0 0;
}
@media (min-width: 769px) {
  #content p, #content ul, #content table {
    margin: 0 0 10px;
  }
}
#content section a {
  display: inline-block;
}
#content section p a {
  background: url(../img/bg_link_right.png) 0 50% no-repeat;
  padding: 0 0 0 3.73vw;
}
@media (min-width: 769px) {
  #content section p a {
    background: url(../img/bg_link_right.png) 0 2px no-repeat;
    padding: 0 0 0 14px;
  }
}
#content li {
  display: inline;
}
#content li a {
  margin: 0 5px 0 0;
  line-height: 22px;
}
#content nav ul {
  background: #f7f6ef;
  margin: 0 auto 2vw;
  padding: 2vw 4vw;
}
@media (min-width: 769px) {
  #content nav ul {
    margin: 0 auto 30px;
    padding: 5px 10px;
  }
}
#content nav li {
  display: inline-block;
}
@media (min-width: 769px) {
  #content nav li {
    margin-right: 10px;
  }
}
#content nav li a {
  background: url(../img/bg_list_circle_b.png) left center no-repeat;
  padding: 0 0 0 2.5vw;
}
@media (min-width: 769px) {
  #content nav li a {
    padding: 0 0 0 10px;
  }
}
#content .pttl {
  border-top: 3px solid #54330c;
  color: #54330c;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
@media (max-width: 768px) {
  #content .pttl {
    font-size: 8vw;
    padding: 4vw 0;
    text-shadow: 0 1px 2vw rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 769px) {
  #content .pttl {
    margin: 0 auto 10px;
  }
}
@media (min-width: 769px) {
  #content .pttl img {
    padding: 20px 0;
  }
}
#content .btns {
  position: relative;
}
@media (min-width: 769px) {
  #content .btns {
    width: 680px;
    height: 50px;
    margin: 20px 0;
  }
}

/* table */
table {
  width: 100%;
  border: 1px solid #ded8c9;
}

th, td {
  border: 1px solid #ded8c9;
  padding: 2vw;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 769px) {
  th, td {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
  }
}

th {
  background: url(../img/bg_th.png) left top #54330c;
  color: #ffffff;
}

td {
  background: #f7f6ef;
}

/* 背景高さ調整 */
div, p, dl, article, section {
  min-height: 1px;
  /*min-height: 1em;*/
}

@media (min-width: 769px) {
  div:after, p:after, article:after, section:after {
    content: "";
    display: block;
    clear: both;
    height: 0.1px;
    /*height: 1px;*/
    overflow: hidden;
  }
}

/*\*/
* html div {
  min-height: 1em;
}

div {
  display: block;
}

/**/
/* clearfix
------------------------------*/
.clearfix {
  display: inline-block;
}
.clearfix:after {
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  content: ".";
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

/* End hide from IE-mac */
.clearfix {
  display: block;
}

/* clear */
.clear {
  clear: both;
}

p, ul {
  display: block;
}

@media (max-width: 768px) {
  .ttl-a {
    background-color: #ded8c9;
    border-top: 2px solid #54330c;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 2vw 4vw;
    text-shadow: 1px 1px 1vw rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }
}
.ttl-a span {
  color: #333333;
}

/* HOME
------------------------------*/
#home #pwrap {
  background: #daddec url(../img/bg_ptitle_home3.jpg) repeat-x 50% 0/cover;
  background-repeat: no-repeat;
  height: auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  #home #pwrap {
    background-size: auto 140%;
    height: 500px;
  }
}
#home #ptitle {
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 5vw;
  font-weight: bold;
  height: 56.25vw;
  justify-content: center;
  padding: 26vw 0 0;
  text-align: center;
  text-shadow: 1px 1px 1vw rgba(0, 0, 0, 0.8);
  width: auto;
}
@media (min-width: 769px) {
  #home #ptitle {
    font-size: 28px;
    height: auto;
    margin: 0 auto;
    padding: 350px 0 0;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 769px) {
  #home .btn {
    position: absolute;
    right: 5px;
    bottom: 5px;
    margin: 0 !important;
    padding: 0;
    text-align: right;
  }
}
#home .btn a {
  margin: 0;
  padding: 0;
  background: none;
}
@media (max-width: 768px) {
  #home .btn a {
    width: 100%;
  }
}
#home h1 {
  margin: 0;
}
@media (max-width: 768px) {
  #home #homeCopy {
    background: url("../img/bg_home_feature.png") no-repeat 50% 50%/50% auto;
    color: #54330c;
    font-size: 5vw;
    padding: 4vw 0 2vw;
    text-align: center;
  }
}
@media (min-width: 769px) {
  #home #homeCopy {
    margin: 0 0 15px;
  }
}
#home .homeFeature-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#home .homeFeature {
  margin: 2vw 0 0;
  position: relative;
  width: 49%;
}
@media (max-width: 768px) {
  #home .homeFeature {
    box-sizing: border-box;
    padding: 1vw;
  }
}
@media (min-width: 769px) {
  #home .homeFeature {
    height: 120px;
    margin: 0 4px 20px 0;
    width: 167px;
  }
}
@media (max-width: 768px) {
  #home .homeFeature.feature01 {
    background-image: linear-gradient(#58a8af, #13585e);
  }
}
@media (max-width: 768px) {
  #home .homeFeature.feature02 {
    background-image: linear-gradient(#ac9d00, #504a00);
  }
}
@media (max-width: 768px) {
  #home .homeFeature.feature03 {
    background-image: linear-gradient(#bb703e, #5e300b);
  }
}
@media (max-width: 768px) {
  #home .homeFeature.feature04 {
    background-image: linear-gradient(#948876, #473f34);
  }
}
@media (max-width: 768px) {
  #home .homeFeature .box {
    border: 1px solid #c2b786;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 2vw;
  }
}
@media (max-width: 768px) {
  #home .homeFeature h1 {
    border-bottom: 1px solid #c2b786;
    color: #fff;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 4vw;
    line-height: 1.3;
    padding: 0 0 2vw;
    text-align: center;
  }
}
@media (max-width: 768px) {
  #home .homeFeature h1 span {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  #home .homeFeature h1 span b {
    font-size: 5.3vw;
  }
}
#home .homeFeature img {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
#home .homeFeature p {
  color: #fff;
}
@media (max-width: 768px) {
  #home .homeFeature p {
    font-size: 3.6vw;
    margin: 2vw 0 0;
  }
}
@media (min-width: 769px) {
  #home .homeFeature p {
    left: 13px;
    line-height: 1.3;
    position: absolute;
    top: 49px;
    width: 145px;
  }
}
#home #homeOffice {
  clear: both;
}
@media (min-width: 769px) {
  #home #homeOffice .secBorder {
    display: flex;
    justify-content: space-between;
    padding: 10px;
  }
}
@media (min-width: 769px) {
  #home #homeOffice figure {
    float: left;
    width: 200px;
    margin-right: 10px;
  }
}
@media (min-width: 769px) {
  #home .homePractis-wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  #home .homePractis-wrap::after {
    content: none;
  }
}
#home .homePractis {
  background-color: #fff;
  position: relative;
}
@media (min-width: 769px) {
  #home .homePractis {
    width: 330px;
    margin: 0 0 20px;
  }
}
@media (max-width: 768px) {
  #home .homePractis .ttl-a {
    border-top: 3px solid #006009;
    box-sizing: border-box;
    display: block;
    font-size: 5.4vw;
    width: 100%;
  }
}
#home .homePractis .txt {
  color: #006009;
  border-bottom: 1px solid #ded8c9;
  padding: 0 0 4vw;
}
@media (min-width: 769px) {
  #home .homePractis .txt {
    height: 70px;
    padding: 0 0 15px;
  }
}
@media (min-width: 769px) {
  #home .homePractis .secBorder {
    height: 345px;
  }
}
#home .homePractis figure {
  margin: -4vw -4vw 4vw;
}
@media (min-width: 769px) {
  #home .homePractis figure {
    margin: -10px -10px 10px;
  }
}
@media (min-width: 769px) {
  #home .homePractis li {
    line-height: 22px;
  }
}
#home .homePractis li a {
  padding: 0 0 0 2.5vw;
  background: url(../img/bg_list_circle_b.png) no-repeat 0 50%;
}
@media (max-width: 768px) {
  #home .homePractis li a {
    font-size: 3.2vw;
    margin: 0 3vw 0 0;
  }
}
@media (min-width: 769px) {
  #home .homePractis li a {
    background-position: 0 7px;
    padding: 0 0 0 8px;
  }
}
@media (max-width: 768px) {
  #home #homeCorporation .ttl-a {
    border-top: 3px solid #003889;
  }
}
#home #homeCorporation .txt {
  color: #003889;
}
#home #homeCorporation .silhouette {
  position: absolute;
  left: 20px;
  bottom: -10px;
}
@media (min-width: 769px) {
  #home .officeInfo-wrap {
    display: flex;
    justify-content: space-between;
  }
}
#home .officeInfo-wrap .col3 {
  float: none;
}
@media (min-width: 769px) {
  #home #homeLawyer .secBorder,
  #home #homeFee .secBorder,
  #home #homeFlow .secBorder {
    height: 137px;
  }
}
#home #homeLawyer figure,
#home #homeFee figure,
#home #homeFlow figure {
  position: absolute;
  left: 5px;
  bottom: -20px;
}
#home .col3 {
  position: relative;
}
@media (min-width: 769px) {
  #home .col3 {
    float: left;
    width: 212px;
    margin: 0 21px 20px 0;
  }
}
#home .last {
  margin-right: 0 !important;
}

/* 取り扱い分野 個人のご相談者
------------------------------*/
#overview #content h1 {
  margin: 0 auto 10px;
  border-top: 3px solid #54330c;
}
#overview #content h1 img {
  padding: 20px 0;
}
@media (max-width: 768px) {
  #overview #content article #officeImg {
    display: flex;
    margin: 4vw 0 0;
    position: relative;
  }
}
@media (min-width: 769px) {
  #overview #content article #officeImg {
    margin: 0 -20px 0 0;
  }
}
@media (max-width: 768px) {
  #overview #content article #officeImg img {
    width: 33.3333333333%;
  }
}
@media (min-width: 769px) {
  #overview #content article #officeImg img {
    margin-right: 20px;
  }
}
@media (max-width: 768px) {
  #overview #content h3 {
    margin: 8vw 0 0;
  }
}
@media (max-width: 768px) {
  #overview #content table {
    font-size: 3.2vw;
    margin: 0;
  }
}
@media (max-width: 768px) {
  #overview #content th {
    width: 20vw;
  }
}
#overview #content .direction {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#overview #content .direction img {
  margin: 8vw 0 0;
}
@media (min-width: 769px) {
  #overview #content .direction img {
    margin: 20px 0 0;
  }
}
#overview #content .map img {
  max-width: 100%;
}
#overview #content .map a {
  position: relative;
}
#overview #content .map a::after {
  align-items: center;
  background-color: #a30000;
  bottom: 0;
  color: #fff;
  content: "クリックで拡大";
  display: inline-flex;
  font-size: 3.2vw;
  justify-content: center;
  left: 0;
  line-height: 1;
  padding: 1.33vw;
  position: absolute;
}
@media (min-width: 769px) {
  #overview #content .map a::after {
    font-size: 12px;
    padding: 5px;
  }
}
#overview #content .step {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#overview #content .step::after {
  display: none;
}
#overview #content .step .item {
  font-size: 4.26vw;
  margin: 8vw 0 0;
}
@media (min-width: 769px) {
  #overview #content .step .item {
    font-size: 16px;
    margin: 20px 0 0;
    width: 325px;
  }
}
#overview #content .step .item .txt {
  align-items: center;
  display: flex;
}
#overview #content .step .item .txt i {
  align-items: center;
  background-color: #a30000;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 700;
  height: 5.33vw;
  justify-content: center;
  margin: 0 1.33vw 0 0;
  width: 5.33vw;
}
@media (min-width: 769px) {
  #overview #content .step .item .txt i {
    font-size: 12px;
    height: 20px;
    margin: 0 5px 0 0;
    width: 20px;
  }
}
#overview #content .step .item img {
  margin: 0.66vw 0 0;
  max-width: 100%;
}
@media (min-width: 769px) {
  #overview #content .step .item img {
    margin: 5px 0 0;
  }
}

/* 取り扱い分野 個人のご相談者
------------------------------*/
#individual #content .pttl {
  border-top-color: #006009;
  color: #006009;
}
#individual #content section {
  border-bottom: 1px dotted #ded8c9;
  margin-bottom: 4vw;
  padding-bottom: 8vw;
}
@media (min-width: 769px) {
  #individual #content section {
    clear: both;
    display: inline-table;
    width: 680px;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
@media (min-width: 769px) {
  #individual #content h2 {
    float: left;
    width: 140px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  #individual #content h2 {
    align-items: center;
    background-image: linear-gradient(to bottom, #005f09, #003309);
    color: #fff;
    display: flex;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    justify-content: center;
    padding: 1vw;
  }
}
@media (max-width: 768px) {
  #individual #content h2 span {
    align-items: center;
    border: 1px solid #a59100;
    display: flex;
    justify-content: center;
    padding: 1vw;
    width: 100%;
  }
}
#individual #content h2 img {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#4c4c4c", Strength=2);
  zoom: 1;
}
@media (min-width: 769px) {
  #individual #content .secR {
    float: right;
    width: 520px;
  }
}
#individual #content h3 {
  margin: 4vw 0;
}
@media (min-width: 769px) {
  #individual #content h3 {
    margin: 0 0 10px;
  }
}
#individual #content h4 {
  color: #006009;
  font-size: 3.6vw;
  margin: 4vw 0 0;
}
@media (min-width: 769px) {
  #individual #content h4 {
    font-size: 14px;
    margin: 0 0 5px;
  }
}
#individual #content p {
  line-height: 1.5;
}
@media (min-width: 769px) {
  #individual #content p {
    line-height: 20px;
  }
}
#individual #content .block {
  border: 1px solid #ded8c9;
  background: #f7f6ef;
  margin: 4vw 0 0;
  padding: 4vw;
}
@media (min-width: 769px) {
  #individual #content .block {
    margin: 0 0 10px;
    padding: 20px 20px 10px;
  }
}
#individual #content .block h4 {
  color: #776415;
  border-bottom: 1px dotted #ded8c9;
  font-size: 4vw;
  margin: 0 0 2vw;
}
@media (min-width: 769px) {
  #individual #content .block h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
}
#individual #content .block b {
  color: #a30000;
  text-decoration: underline;
}
@media (min-width: 769px) {
  #individual #content .block b {
    font-size: 14px;
  }
}

/* 取り扱い分野 法人・事業者のご相談者
------------------------------*/
#corporation #content h1 {
  margin: 0 auto 10px;
  border-top: 3px solid #003889;
}
#corporation #content h1 img {
  padding: 20px 0;
}
#corporation #content .pttl {
  border-top-color: #003889;
  color: #003889;
}
#corporation #content section {
  border-bottom: 1px dotted #ded8c9;
  margin-bottom: 4vw;
  padding-bottom: 8vw;
}
@media (min-width: 769px) {
  #corporation #content section {
    clear: both;
    display: inline-table;
    width: 680px;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
@media (min-width: 769px) {
  #corporation #content h2 {
    float: left;
    width: 140px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  #corporation #content h2 {
    align-items: center;
    background-image: linear-gradient(to bottom, #003889, #002f6e);
    color: #fff;
    display: flex;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    justify-content: center;
    padding: 1vw;
  }
}
@media (max-width: 768px) {
  #corporation #content h2 span {
    align-items: center;
    border: 1px solid #a59100;
    display: flex;
    justify-content: center;
    padding: 1vw;
    width: 100%;
  }
}
#corporation #content h2 img {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#4c4c4c", Strength=2);
  zoom: 1;
}
@media (min-width: 769px) {
  #corporation #content .secR {
    float: right;
    width: 520px;
  }
}
#corporation #content h3 {
  margin: 4vw 0;
}
@media (min-width: 769px) {
  #corporation #content h3 {
    margin: 0 0 10px;
  }
}
#corporation #content h4 {
  color: #003889;
  font-size: 3.6vw;
  margin: 4vw 0 0;
}
@media (min-width: 769px) {
  #corporation #content h4 {
    font-size: 14px;
    margin: 0 0 5px;
  }
}
#corporation #content p {
  line-height: 1.5;
}
@media (min-width: 769px) {
  #corporation #content p {
    line-height: 20px;
  }
}
#corporation #content .block {
  border: 1px solid #ded8c9;
  background: #f7f6ef;
  margin: 4vw 0 0;
  padding: 4vw;
}
@media (min-width: 769px) {
  #corporation #content .block {
    margin: 0 0 10px;
    padding: 20px 20px 10px;
  }
}
#corporation #content .block h4 {
  color: #776415;
  border-bottom: 1px dotted #ded8c9;
  font-size: 4vw;
  margin: 0 0 2vw;
}
@media (min-width: 769px) {
  #corporation #content .block h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
}
#corporation #content .block b {
  color: #a30000;
  text-decoration: underline;
}
@media (min-width: 769px) {
  #corporation #content .block b {
    font-size: 14px;
  }
}

/* 弁護士紹介
------------------------------*/
#lawyer #content h1 {
  margin: 0 auto 10px;
  border-top: 3px solid #54330c;
}
#lawyer #content h1 img {
  padding: 20px 0;
}
#lawyer #content article article {
  border-bottom: 1px dotted #ded8c9;
}
@media (max-width: 768px) {
  #lawyer #content article article {
    margin: 0;
    padding: 12vw 0;
  }
}
@media (min-width: 769px) {
  #lawyer #content article article {
    clear: both;
    display: inline-table;
    width: 680px;
    margin: 0 0 30px;
  }
}
#lawyer #content article article img {
  border: 1px solid #a59100;
}
@media (max-width: 768px) {
  #lawyer #content article article img {
    display: block;
    margin: 0 auto;
    padding: 1vw;
    width: 50vw;
  }
}
@media (min-width: 769px) {
  #lawyer #content article article img {
    float: left;
    padding: 3px;
    width: 160px;
  }
}
@media (max-width: 768px) {
  #lawyer #content article article .secR {
    margin: 0;
  }
}
@media (min-width: 769px) {
  #lawyer #content article article .secR {
    float: right;
    width: 492px;
  }
}
@media (min-width: 769px) {
  #lawyer #content article .btns {
    text-align: right;
  }
}
#lawyer #content article .btns img {
  border: none;
}
@media (min-width: 769px) {
  #lawyer #content article .btns img {
    position: absolute;
    right: 0;
  }
}
#lawyer #content article h2 {
  color: #54330c;
  font-size: 4.4vw;
  margin: 4vw 0 0;
}
@media (max-width: 768px) {
  #lawyer #content article h2 {
    text-align: center;
  }
}
@media (min-width: 769px) {
  #lawyer #content article h2 {
    font-size: 16px;
    margin: 0 0 5px;
  }
}
#lawyer #content article h2 span {
  font-size: 75%;
}
@media (max-width: 768px) {
  #lawyer #content article h2 + p {
    margin: 2vw 0 0;
  }
}
#lawyer #content article h3 {
  color: #54330c;
  margin: 8vw 0 0;
}
@media (min-width: 769px) {
  #lawyer #content article h3 {
    font-size: 14px;
    margin: 0 0 5px;
  }
}
#lawyer #content table, #lawyer #content th, #lawyer #content td {
  background: none;
  color: #000;
  border: none;
}
#lawyer #content th, #lawyer #content td {
  font-size: 3.2vw;
  line-height: 1.3;
  padding: 1vw;
}
@media (min-width: 769px) {
  #lawyer #content th, #lawyer #content td {
    font-size: 12px;
    line-height: 12px;
    padding: 6px;
  }
}
#lawyer #content th {
  min-width: 30px;
  background: #ded8c9;
  border-bottom: 1px dotted #a59100;
  min-width: 30px;
  text-align: right;
}
#lawyer #content th:first-child {
  min-width: 60px;
}
#lawyer #content td {
  background: #f7f6ef;
  border-bottom: 1px dotted #a59100;
}
@media (min-width: 769px) {
  #lawyer #content td {
    width: 380px;
  }
}
#lawyer #content article li {
  display: block;
  padding-left: 10px;
  background: url(../img/bg_list_circle_b.png) left 7px no-repeat;
  line-height: 20px;
}
@media (max-width: 768px) {
  #lawyer #content article li {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

/* 費用について
------------------------------*/
#fee #feeNav {
  font-size: 3.2vw;
  position: relative;
}
@media (min-width: 769px) {
  #fee #feeNav {
    font-size: 13px;
  }
}
#fee #feeNav ul li {
  display: block;
}
#fee #feeNav ul li ul {
  margin: 0;
  padding: 0 0 0 2vw;
}
@media (min-width: 769px) {
  #fee #feeNav ul li ul {
    padding: 0 0 0 10px;
  }
}
#fee #feeNav ul li ul li {
  display: block;
}
#fee #feeNav ul li ul li ul {
  background: #fff;
  padding: 1vw 2vw;
}
@media (min-width: 769px) {
  #fee #feeNav ul li ul li ul {
    padding: 5px 10px;
  }
}
#fee #feeNav ul li ul li ul li {
  display: inline-block;
}
@media (min-width: 769px) {
  #fee #feeNav .sheet {
    position: absolute;
    display: block;
    right: 0;
    top: -40px;
  }
}
#fee #content section h1 {
  margin: 0 0 5px;
  border-top: 3px solid #776415;
}
#fee #content section h1 img {
  padding: 20px 0;
}
#fee #content section .ttl02 {
  border-top: 2px dotted #54330c;
  color: #776415;
  font-size: 5.2vw;
  font-weight: bold;
  padding: 4vw 0 0;
}
@media (min-width: 769px) {
  #fee #content section .ttl02 {
    font-size: 20px;
    line-height: 60px;
    margin: 0 0 5px;
    padding: 0;
  }
}
#fee #content section h2 {
  position: relative;
  margin: 4vw 0 0;
  border-top: 2px solid #54330c;
}
@media (min-width: 769px) {
  #fee #content section h2 {
    margin: 0;
  }
}
#fee #content .secBorder {
  margin-bottom: 8vw;
}
@media (min-width: 769px) {
  #fee #content .secBorder {
    margin-bottom: 60px;
  }
}
#fee #content .secBorder .block {
  clear: both;
}
@media (min-width: 769px) {
  #fee #content .secBorder p {
    display: block;
    float: right;
    width: 560px;
  }
}
#fee #content .secBorder .flcr {
  clear: both;
  float: left;
  width: 100%;
}
#fee #content .secBorder .tindv, #fee #content .secBorder .tcorp {
  clear: both;
  color: #ffffff;
  font-size: 4.4vw;
  padding: 1vw 2vw;
}
@media (max-width: 768px) {
  #fee #content .secBorder .tindv, #fee #content .secBorder .tcorp {
    align-items: center;
    display: flex;
  }
}
@media (min-width: 769px) {
  #fee #content .secBorder .tindv, #fee #content .secBorder .tcorp {
    float: left;
    padding: 0 6px;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
  }
}
#fee #content .secBorder .tindv {
  background: #006009;
}
@media (max-width: 768px) {
  #fee #content .secBorder .tindv {
    margin: 0 0 4vw;
  }
}
#fee #content .secBorder .tindv span {
  font-size: 3.1vw;
}
@media (min-width: 769px) {
  #fee #content .secBorder .tindv span {
    font-size: 12px;
  }
}
#fee #content .secBorder .tcorp {
  background: #003889;
}
@media (max-width: 768px) {
  #fee #content .secBorder .tcorp {
    margin: 8vw 0 4vw;
  }
}
#fee #content #feeList {
  margin-bottom: 60px;
}
#fee #content #feeList th {
  width: 20vw;
}
@media (min-width: 769px) {
  #fee #content #feeList th {
    width: 100px;
  }
}
@media (min-width: 769px) {
  #fee #content p.point {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  #fee #content .sheet {
    display: block;
    margin: 4vw 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  #fee #content .sheet .btn-a {
    font-size: 4vw;
    height: 10vw;
    margin: 0 auto;
    padding: 0 4vw;
  }
}
@media (min-width: 769px) {
  #fee #content .sheet1 {
    position: absolute;
    display: block;
    right: 5px;
    top: -34px;
  }
}
@media (min-width: 769px) {
  #fee #content .sheet2 {
    margin: 10px auto 30px auto;
    width: 252px;
  }
}
#fee h3 {
  border-bottom: 1px solid #ded8c9;
  clear: both;
  margin: 8vw 0 4vw;
}
@media (min-width: 769px) {
  #fee h3 {
    margin: 0 0 15px;
  }
}
@media (max-width: 768px) {
  #fee h3:first-of-type {
    margin-top: 0;
  }
}
#fee h4 {
  float: left;
  display: block;
  width: 60px;
  margin-right: 10px;
  background: #776415;
  color: #fff;
  text-align: center;
}
#fee td span {
  color: #c90000;
}
#fee .feeTable {
  background: none;
  border: none;
  color: #000;
  margin: 4vw 0 8vw;
}
@media (min-width: 769px) {
  #fee .feeTable {
    float: right;
    font-size: 12px;
    margin: 0 0 15px;
    width: 560px;
  }
}
#fee .feeTable th, #fee .feeTable td {
  background: none;
  border: none;
  color: #000;
  font-size: 3.2vw;
  width: auto;
}
@media (min-width: 769px) {
  #fee .feeTable th, #fee .feeTable td {
    font-size: 12px;
  }
}
#fee .feeTable th, #fee .feeTable td {
  padding: 2vw;
}
@media (min-width: 769px) {
  #fee .feeTable th, #fee .feeTable td {
    width: 50%;
    padding: 6px 12px;
  }
}
#fee .feeTable th {
  background: #ded8c9;
  border-bottom: 1px dotted #a59100;
}
@media (max-width: 768px) {
  #fee .feeTable th {
    width: 50%;
  }
}
#fee .feeTable td {
  background: #f7f6ef;
  border-bottom: 1px dotted #a59100;
}
@media (max-width: 768px) {
  #fee .feeTable + p {
    margin: -4vw 0 0;
  }
}

/* ご相談の流れ
------------------------------*/
#flow #content h1 {
  margin: 0 auto 10px;
  border-top: 3px solid #54330c;
}
#flow #content h1 img {
  padding: 20px 0;
}
#flow #content .flowbox {
  background: url(../img/bg_flow_arrow.png) no-repeat 50% 100%;
  border-bottom: 1px dotted #c2b786;
  padding: 0 0 20vw;
}
@media (min-width: 769px) {
  #flow #content .flowbox {
    background-position: 0 100%;
    clear: both;
    margin: 15px 0 0;
    padding: 0 0 55px;
    width: 680px;
  }
}
@media (min-width: 769px) {
  #flow #content .flowbox.last {
    padding: 0 0 15px;
    background: none;
  }
}
#flow #content .flowbox h2 {
  margin: 8vw 0 0;
}
@media (min-width: 769px) {
  #flow #content .flowbox h2 {
    margin: 0 0 15px;
  }
}
#flow #content .flowbox h2 span {
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 10vw;
}
#flow #content .flowbox h3 {
  color: #54330c;
  font-weight: normal;
}
@media (max-width: 768px) {
  #flow #content .flowbox h3 {
    margin: 8vw 0 0;
  }
}
@media (min-width: 769px) {
  #flow #content .flowbox h3 {
    font-size: 14px;
  }
}
#flow #content .flowbox p span {
  color: #a30000;
  text-decoration: underline;
}
@media (min-width: 769px) {
  #flow #content .flowbox p span {
    font-size: 14px;
  }
}
#flow #content .flowbox a {
  padding: 0;
  background: none;
  font-weight: bold;
  text-decoration: underline;
}
@media (min-width: 769px) {
  #flow #content .flowbox a {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #flow #content .flowimg {
    display: block;
    margin: 0 0 -30vw auto;
    opacity: 0.4;
    position: relative;
    width: 55vw;
    z-index: 1;
  }
}
@media (min-width: 769px) {
  #flow #content .flowimg {
    float: left;
    width: 200px;
  }
}
@media (max-width: 768px) {
  #flow #content .flowtxt {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 769px) {
  #flow #content .flowtxt {
    float: right;
    width: 480px;
  }
}
@media (max-width: 768px) {
  #flow #content .flow-contact {
    text-align: center;
  }
}
@media (max-width: 768px) {
  #flow #content .flow-contact p {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  #flow #content .flow-contact span {
    display: block;
    text-align: left;
  }
}
@media (max-width: 768px) {
  #flow #content .flow-contact span + span {
    margin: 4vw 0 0;
  }
}
@media (max-width: 768px) {
  #flow #content .flow-contact img {
    height: 14vw;
    width: auto;
  }
}

/* プライバシーポリシー
------------------------------*/
#privacy h2 {
  border-bottom: 1px solid #ded8c9;
  color: #54330c;
  font-size: 3.6vw;
  font-weight: bold;
  margin: 8vw 0 4vw;
  padding: 0 0 2vw;
}
@media (min-width: 769px) {
  #privacy h2 {
    font-size: 14px;
    margin: 20px 0 10px;
    padding: 0 0 5px;
  }
}

/* サイトマップ
------------------------------*/
#sitemap #content li {
  display: block;
}
@media (min-width: 769px) {
  #sitemap #content li {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
#sitemap #content li a, #sitemap #content li span {
  background: url(../img/bg_list_circle_b.png) left 7px no-repeat;
  color: #776415;
}
@media (min-width: 769px) {
  #sitemap #content li a, #sitemap #content li span {
    padding: 0 0 0 12px;
  }
}
@media (max-width: 768px) {
  #sitemap #content .secBorder ul {
    margin: 0 0 0 4vw;
  }
}
@media (max-width: 768px) {
  #sitemap #content .secBorder ul li a, #sitemap #content .secBorder ul li span {
    padding: 0 0 0 4vw;
  }
}
#sitemap #content .secBorder ul ul li {
  margin: 0;
}
@media (min-width: 769px) {
  #sitemap #content .secBorder ul ul li {
    margin: 5px 0 0 10px;
    font-size: 14px;
  }
}
#sitemap #content .secBorder ul ul li a {
  background: url(../img/bg_link_right.png) left 5px no-repeat;
  font-weight: normal;
}
@media (min-width: 769px) {
  #sitemap #content .secBorder ul ul li a {
    padding: 0 0 0 14px;
  }
}

/* ご相談受付フォーム
------------------------------*/
#contact,
#contact2 {
  position: relative;
}
@media (min-width: 769px) {
  #contact .inputL,
  #contact2 .inputL {
    width: 300px;
  }
}
@media (min-width: 769px) {
  #contact .inputM,
  #contact2 .inputM {
    width: 250px;
  }
}
@media (min-width: 769px) {
  #contact .inputS,
  #contact2 .inputS {
    width: 110px;
  }
}
#contact table,
#contact2 table {
  border: none;
}
@media (max-width: 768px) {
  #contact tbody,
  #contact2 tbody {
    display: block;
  }
}
@media (max-width: 768px) {
  #contact tr,
  #contact2 tr {
    display: block;
  }
}
@media (max-width: 768px) {
  #contact th, #contact td,
  #contact2 th,
  #contact2 td {
    border: none;
    display: block;
    padding: 4vw;
  }
}
#contact th span, #contact td span,
#contact2 th span,
#contact2 td span {
  color: #c90000;
}
@media (min-width: 769px) {
  #contact th span, #contact td span,
  #contact2 th span,
  #contact2 td span {
    font-size: 12px;
    line-height: 12px;
  }
}
@media (max-width: 768px) {
  #contact th,
  #contact2 th {
    align-items: center;
    background: #54330c;
    display: flex;
    line-height: 1;
    padding: 3vw;
  }
}
@media (min-width: 769px) {
  #contact th,
  #contact2 th {
    width: 200px;
  }
}
@media (max-width: 768px) {
  #contact th img,
  #contact2 th img {
    margin: 0 0 0 2vw;
    width: auto;
  }
}
@media (min-width: 769px) {
  #contact th img,
  #contact2 th img {
    left: 160px;
    position: absolute;
  }
}
@media (max-width: 768px) {
  #contact td,
  #contact2 td {
    padding: 4vw;
  }
}
#contact td input, #contact td select, #contact td textarea,
#contact2 td input,
#contact2 td select,
#contact2 td textarea {
  border: 1px solid #999;
  margin: 0;
  outline: none;
  padding: 0;
}
@media (max-width: 768px) {
  #contact td input, #contact td select, #contact td textarea,
  #contact2 td input,
  #contact2 td select,
  #contact2 td textarea {
    box-sizing: border-box;
    font-size: 4.3vw;
    padding: 1vw;
    width: 100%;
  }
}
@media (min-width: 769px) {
  #contact td input, #contact td select, #contact td textarea,
  #contact2 td input,
  #contact2 td select,
  #contact2 td textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
  }
}
#contact td input:focus, #contact td select:focus, #contact td textarea:focus,
#contact2 td input:focus,
#contact2 td select:focus,
#contact2 td textarea:focus {
  border-color: #54330c;
}
@media (max-width: 768px) {
  #contact td textarea,
  #contact2 td textarea {
    height: 40vw;
  }
}
#contact td [type=radio],
#contact2 td [type=radio] {
  width: auto;
}
#contact td label,
#contact2 td label {
  align-items: center;
  cursor: pointer;
  display: flex;
}
#contact td label:hover,
#contact2 td label:hover {
  color: #c90000;
}
#contact td label input,
#contact2 td label input {
  border: none;
}
@media (min-width: 769px) {
  #contact td textarea,
  #contact2 td textarea {
    width: 400px;
    height: 100px;
  }
}
@media (max-width: 768px) {
  #contact td #zip,
  #contact2 td #zip {
    width: 50%;
  }
}
@media (max-width: 768px) {
  #contact td #zip + span,
  #contact2 td #zip + span {
    display: block;
  }
}
@media (max-width: 768px) {
  #contact td #addr2,
  #contact2 td #addr2 {
    margin: 2vw 0 0;
  }
}
@media (max-width: 768px) {
  #contact td [name*=Y], #contact td [name*=M], #contact td [name*=D],
  #contact2 td [name*=Y],
  #contact2 td [name*=M],
  #contact2 td [name*=D] {
    width: 25%;
  }
}
@media (max-width: 768px) {
  #contact td [name*=T],
  #contact2 td [name*=T] {
    margin: 2vw 0 0;
  }
}
#contact #content span,
#contact2 #content span {
  color: #c90000;
}
#contact #content b,
#contact2 #content b {
  color: #54330c;
  font-weight: bold;
}
#contact #content .ttl-a span,
#contact2 #content .ttl-a span {
  color: #333333;
}
#contact #content li,
#contact2 #content li {
  display: block;
  margin: 0;
  padding: 0 0 0 10px;
  background: url(../img/bg_list_circle_b.png) left 7px no-repeat;
}
@media (min-width: 769px) {
  #contact #content li,
  #contact2 #content li {
    font-size: 12px;
  }
}
#contact #content td .radio li,
#contact2 #content td .radio li {
  background: none;
  display: inline-block;
  font-size: 3.2vw;
  line-height: 1;
  margin: 5px 5px 0 0;
  min-height: 18px;
  padding: 0;
}
@media (min-width: 769px) {
  #contact #content td .radio li,
  #contact2 #content td .radio li {
    font-size: 12px;
  }
}
#contact #content td .radio li input,
#contact2 #content td .radio li input {
  height: 12px;
  line-height: 1;
  vertical-align: bottom;
}
#contact #content .formbtn,
#contact2 #content .formbtn {
  text-align: center;
}
@media (min-width: 769px) {
  #contact #content .formbtn,
  #contact2 #content .formbtn {
    display: flex;
    justify-content: center;
  }
}
#contact #content .block,
#contact2 #content .block {
  margin: 4vw 0;
  padding: 0 4vw 4vw;
  background: #f7f6ef;
  border: 1px solid #ded8c9;
}
@media (min-width: 769px) {
  #contact #content .block,
  #contact2 #content .block {
    margin: 0 0 10px;
    padding: 10px 10px 0;
  }
}
@media (max-width: 768px) {
  #contact #content .block p,
  #contact2 #content .block p {
    margin: 4vw 0 0;
  }
}
#contact #content .indv,
#contact2 #content .indv {
  color: #006009;
}
#contact #content .corp,
#contact2 #content .corp {
  color: #003889;
}
#contact #content .btn-a,
#contact2 #content .btn-a {
  align-items: center;
  background-image: linear-gradient(#654928, #463522);
  background-image: linear-gradient(to bottom, #f3774b, #d34f1f, #b2421a, #93472d);
  border: none;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 180px;
}
@media (min-width: 769px) {
  #contact #content .btn-a,
  #contact2 #content .btn-a {
    margin: 3px 0 3px 10px;
  }
}
#contact .formbtn a,
#contact2 .formbtn a {
  margin: 0;
  padding: 0;
  background: none;
  line-height: 1em;
}

/* お知らせ
------------------------------*/
#whatsnew {
  position: relative;
}
@media (max-width: 768px) {
  #whatsnew {
    background-image: url(../img/bg_whatsnew_top.png), url(../img/bg_whatsnew_bottom.png);
    background-position: 50% 0, 50% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
    padding: 3.7vw 0;
  }
}
@media (min-width: 769px) {
  #whatsnew {
    background: url(../img/bg_whatsnew.png) no-repeat;
    width: 680px;
    height: 180px;
  }
}
@media (max-width: 768px) {
  #whatsnew .whatsnew-wrap {
    border-left: 1px solid rgba(101, 73, 40, 0.5);
    border-right: 1px solid rgba(101, 73, 40, 0.5);
    padding: 0 4vw;
  }
}
@media (max-width: 768px) {
  #whatsnew h1 {
    font-size: 4.6vw;
  }
}
@media (min-width: 769px) {
  #whatsnew h1 {
    height: 0;
    overflow: hidden;
  }
}
#whatsnew iframe,
#whatsnew #infolist {
  border-top: 1px dotted #857763;
  height: 40vw;
  margin: 2vw auto;
  overflow-y: scroll;
  padding: 2vw 0 0;
  width: 100%;
}
@media (min-width: 769px) {
  #whatsnew iframe,
  #whatsnew #infolist {
    width: 630px;
    height: 106px;
    margin: 35px 0 0 30px;
    padding: 4px 0 0 0;
  }
}
#whatsnew iframe li,
#whatsnew #infolist li {
  display: block;
}
@media (max-width: 768px) {
  #whatsnew p {
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 769px) {
  #whatsnew p {
    position: absolute;
    bottom: 13px;
    right: 30px;
    margin: 0;
    padding: 0;
  }
}

/* infolist */
#infolist {
  background: #ffffff;
  margin: 0;
  padding: 0;
}
@media (min-width: 769px) {
  #infolist article {
    width: 605px;
  }
}
#infolist li {
  margin: 4vw 0 0;
}
@media (min-width: 769px) {
  #infolist li {
    line-height: 20px;
    margin: 4px 0 0 0;
  }
}
@media (max-width: 768px) {
  #infolist .info1 {
    align-items: center;
    display: flex;
  }
}
#infolist time {
  margin: 0 2vw 0 0;
}
@media (min-width: 769px) {
  #infolist time {
    margin: 0 10px 0 0;
  }
}
@media (max-width: 768px) {
  #infolist li b {
    align-items: center;
    display: flex;
    font-size: 3.2vw;
    justify-content: center;
    padding: 0.5vw 0;
    min-width: 20vw;
  }
}
@media (min-width: 769px) {
  #infolist li b {
    display: inline-block;
    width: 60px;
    height: 20px;
    margin: 0 10px 0 0;
    text-align: center;
    font-size: 11px;
  }
}
#infolist li b a {
  margin: 0;
  color: #fff;
}
#infolist li b.seminar {
  background: #7f380e;
  color: #fff;
}
#infolist li b.info {
  background: #63594a;
  color: #fff;
}
#infolist li b.column {
  background: #357c84;
  color: #fff;
}
#infolist li b.free {
  background: #a30000;
  color: #fff;
}
#infolist a {
  color: #776415;
  text-decoration: none;
}
@media (max-width: 768px) {
  #infolist a {
    display: block;
    margin: 1vw 0 0;
  }
}
#infolist a:hover {
  text-decoration: underline;
}

/* What's New一覧
------------------------------*/
#wlist #content .wmain {
  margin: 0 0 10px;
}
#wlist #content .wnotice {
  background: #a30000;
}
@media (min-width: 769px) {
  #wlist #content .wnotice {
    height: 30px;
    margin: 0 0 50px;
    width: 680px;
  }
}
#wlist #content .wnotice dt {
  color: #FFFFFF;
  float: left;
}
@media (min-width: 769px) {
  #wlist #content .wnotice dt {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    padding: 15px 0 15px 10px;
    width: 160px;
  }
}
#wlist #content .wnotice dd {
  background: #FFFFFF;
  float: left;
}
@media (min-width: 769px) {
  #wlist #content .wnotice dd {
    font-size: 18px;
    line-height: 20px;
    margin: 5px;
    padding: 10px;
    width: 480px;
    border-radius: 6px;
  }
}
#wlist #content li {
  display: block;
  margin: 0 0 3vw;
}
@media (max-width: 768px) {
  #wlist #content li {
    border-top: 1px dotted #ddd;
    padding: 3vw 0 0;
  }
}
@media (min-width: 769px) {
  #wlist #content li {
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 20px;
  }
}
#wlist #content li time {
  margin: 0 2vw 0 0;
}
@media (min-width: 769px) {
  #wlist #content li time {
    margin: 0 10px 0 0;
  }
}
#wlist #content li b {
  display: inline-block;
}
@media (max-width: 768px) {
  #wlist #content li b {
    font-size: 2.8vw;
    padding: 0.5vw 2vw;
  }
}
@media (min-width: 769px) {
  #wlist #content li b {
    font-size: 13px;
    height: 20px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 60px;
  }
}
#wlist #content li b.seminar {
  background: #7f380e;
  color: #fff;
}
#wlist #content li b.info {
  background: #63594a;
  color: #fff;
}
#wlist #content li b.column {
  background: #357c84;
  color: #fff;
}
#wlist #content li b.free {
  background: #a30000;
  color: #fff;
}
#wlist #content li b a {
  margin: 0;
  color: #fff;
}
@media (max-width: 768px) {
  #wlist #content li a {
    display: block;
  }
}
#wlist #content a {
  color: #776415;
  text-decoration: none;
}
#wlist #content a:hover {
  text-decoration: underline;
}
#wlist #content .pagination {
  clear: both;
  padding: 4vw 0;
  position: relative;
}
@media (min-width: 769px) {
  #wlist #content .pagination {
    font-size: 12px;
    line-height: 14px;
    padding: 20px 0;
  }
}
#wlist #content .pagination span, #wlist #content .pagination a {
  background: #776415;
  color: #fff;
  display: block;
  float: left;
  text-decoration: none;
  width: auto;
  margin: 0.5vw;
  padding: 1.5vw 2vw;
}
@media (max-width: 768px) {
  #wlist #content .pagination span, #wlist #content .pagination a {
    line-height: 1;
  }
}
@media (min-width: 769px) {
  #wlist #content .pagination span, #wlist #content .pagination a {
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
  }
}
#wlist #content .pagination span {
  margin-left: 0;
  padding-left: 0;
  background: none;
  color: #776415;
}
#wlist #content .pagination span:not(.current) {
  display: block;
  width: 100%;
}
#wlist #content .pagination a:hover {
  color: #fff;
  background: #a30000;
}
#wlist #content .pagination .current {
  background: #a30000;
  color: #fff;
  padding: 1.5vw 2vw;
}
@media (min-width: 769px) {
  #wlist #content .pagination .current {
    padding: 6px 9px 5px 9px;
  }
}
#wlist #content .formbtn {
  margin: 60px 0;
  text-align: center;
}

/* pagenation */
/* What's New詳細
------------------------------*/
#content h1.wtitle {
  border-top: 3px solid #54330c;
  color: #54330c;
  font-weight: bold;
}
@media (min-width: 769px) {
  #content h1.wtitle {
    font-size: 20px;
    line-height: 36px;
    margin: 0 auto;
    padding: 20px 0;
    width: 680px;
  }
}

#wdetail #content time {
  display: block;
  margin: 0 0 2vw;
}
@media (min-width: 769px) {
  #wdetail #content time {
    margin: 0 0 10px;
    font-size: 14px;
  }
}
#wdetail #content .wdetail h1 {
  background: url(../img/bg_head01.png) left bottom repeat-x;
  color: #333;
  font-size: 4.6vw;
  font-weight: bold;
  margin: 4vw 0 2vw;
}
@media (min-width: 769px) {
  #wdetail #content .wdetail h1 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 10px;
    padding: 3px 0 0 10px;
    width: 670px;
  }
}
#wdetail #content .wdetail h2 {
  border-bottom: 1px solid #ded8c9;
  color: #54330c;
  font-size: 4.2vw;
  font-weight: bold;
  margin: 4vw 0 2vw;
}
@media (min-width: 769px) {
  #wdetail #content .wdetail h2 {
    margin: 20px 0 10px;
    padding: 0 0 5px;
    font-size: 16px;
  }
}
#wdetail #content .wdetail h3 {
  color: #a30000;
  font-size: 3.8vw;
  font-weight: bold;
}
@media (min-width: 769px) {
  #wdetail #content .wdetail h3 {
    font-size: 14px;
  }
}
#wdetail #content .wdetail p {
  margin: 2vw 0 4vw;
}
@media (min-width: 769px) {
  #wdetail #content .wdetail p {
    margin: 5px 0 10px;
  }
}
#wdetail #content .wdetail strong {
  font-weight: bold;
}
#wdetail #content .wmap {
  width: 680px;
  height: 400px;
  margin: 0;
  padding: 0;
  border: 0;
}

p.bnfree {
  position: absolute;
  top: -293px;
  right: 0;
}

/*刑事事件*/
#criminal #content h1 {
  border-top: 3px solid #54330c;
  border-bottom: 1px dotted #ded8c9;
  margin: 0 auto 10px;
}
#criminal #content section {
  border-bottom: 1px dotted #ded8c9;
}
@media (min-width: 769px) {
  #criminal #content section {
    clear: both;
    display: inline-table;
    width: 680px;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
}
#criminal #content section.none {
  border: none;
}
#criminal #content section h1 {
  border: none;
}
#criminal #content section h1 img {
  padding: 20px 0;
}
@media (max-width: 768px) {
  #criminal #content section h1 img {
    padding: 0 2vw 0 0;
    width: auto;
  }
}
@media (max-width: 768px) {
  #criminal #content section h1 span {
    align-items: center;
    color: #54330c;
    display: flex;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 5.6vw;
    line-height: 1.3;
  }
}
@media (min-width: 769px) {
  #criminal #content .secR {
    float: right;
    width: 520px;
  }
}
@media (min-width: 769px) {
  #criminal #content .clearfix h2 {
    float: left;
    width: 140px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  #criminal #content .clearfix h2 {
    align-items: center;
    background-image: linear-gradient(to bottom, #7a5e40, #54330c);
    color: #fff;
    display: flex;
    font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 5vw;
    justify-content: center;
    padding: 1vw;
  }
}
@media (max-width: 768px) {
  #criminal #content .clearfix h2 .sp {
    align-items: center;
    border: 1px solid #a59100;
    display: flex;
    justify-content: center;
    padding: 1vw;
    width: 100%;
  }
}
#criminal #content .clearfix h2 .sp span {
  font-size: 80%;
}
#criminal #content .clearfix h2 img {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color="#4c4c4c", Strength=2);
  zoom: 1;
}
#criminal #content p b {
  color: #a30000;
  text-decoration: underline;
}
#criminal #content section .clearfix {
  margin: 0 0 8vw;
}
@media (min-width: 769px) {
  #criminal #content section .clearfix {
    margin: 0 0 20px;
  }
}
@media (min-width: 769px) {
  #criminal #content .secBorder {
    padding: 20px 25px;
  }
}
#criminal #content .secBorder h3 {
  color: #a30000;
}
@media (max-width: 768px) {
  #criminal #content .secBorder h3 {
    font-size: 4vw;
  }
}
@media (min-width: 769px) {
  #criminal #content .secBorder h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media (min-width: 769px) {
  #criminal #content .secBorder h3 img {
    margin-right: 10px;
  }
}
#criminal #content .secBorder p {
  margin: 0 0 3vw 2em;
}
@media (min-width: 769px) {
  #criminal #content .secBorder p {
    margin: 0 0 10px 35px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #criminal #content [src*=c_number] {
    height: 5vw;
    margin: 0 2vw 0 0;
    width: auto;
  }
}
#criminal #content .contactbx {
  border: 5px solid #a30000;
  background-color: #f7f6ef;
  padding: 4vw;
}
@media (min-width: 769px) {
  #criminal #content .contactbx {
    padding: 15px 20px;
  }
}
#criminal #content .contactbx h1 {
  color: #54330c;
  font-weight: bold;
}
@media (min-width: 769px) {
  #criminal #content .contactbx h1 {
    font-size: 20px;
  }
}
#criminal #content .contactbx b {
  color: #a30000;
  text-decoration: underline;
}
@media (min-width: 769px) {
  #criminal #content .contactbx b {
    font-size: 16px;
  }
}
#criminal #content .contactbx .bx {
  background-color: #fff;
  margin: 4vw 0 0;
  padding: 2vw;
}
@media (min-width: 769px) {
  #criminal #content .contactbx .bx {
    font-size: 15px;
    line-height: 2em;
    margin: 15px 0;
    padding: 8px;
  }
}
@media (min-width: 769px) {
  #criminal #content .contactbx .fl {
    float: left;
    width: 303px;
  }
}
@media (max-width: 768px) {
  #criminal #content .contactbx .fr {
    margin: 2vw 0 0;
  }
}
@media (min-width: 769px) {
  #criminal #content .contactbx .fr {
    float: right;
  }
}
#criminal #content .contactbx .fr img {
  display: inline-block;
}
@media (max-width: 768px) {
  #criminal #content .contactbx .fr img {
    height: 14vw;
    width: auto;
  }
}
@media (min-width: 769px) {
  #criminal #content .contactbx p {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  #criminal #content .contactbx p b {
    font-size: 14px;
  }
}
#criminal .w_line {
  background: url(../img/line_w_top.png) top no-repeat;
}
#criminal .w_line div {
  padding: 20px;
  background: url(../img/line_w_bottom.png) bottom no-repeat;
}
#criminal .w_line b {
  font-weight: bold;
  color: #776415;
}
@media (min-width: 769px) {
  #criminal .w_line b {
    font-size: 20px;
  }
}
@media (min-width: 769px) {
  #criminal .w_line ul#disc {
    margin: 10px 0;
  }
}
#criminal .w_line ul#disc li {
  display: block !important;
  margin: 0 0 0 0.5em;
  text-indent: -0.5em;
  /*list-style: disc !important;*/
}
@media (min-width: 769px) {
  #criminal .w_line ul#disc li {
    font-size: 16px;
    line-height: 1.6em;
    margin: 0 0 0 1em;
    text-indent: -1em;
  }
}

/*刑事事件トップページ*/
@media (min-width: 769px) {
  #homeCriminal {
    display: flex;
    justify-content: space-between;
    width: 680px;
  }
}
@media (min-width: 769px) {
  #homeCriminal::after {
    content: none;
  }
}
@media (max-width: 768px) {
  #homeCriminal h1 {
    border-bottom: 1px dotted #ded8c9;
    margin: 0 0 2vw;
    padding: 0 0 2vw;
  }
}
@media (min-width: 769px) {
  #homeCriminal h1 {
    margin-bottom: 10px;
  }
}
#homeCriminal .fl {
  position: relative;
}
@media (min-width: 769px) {
  #homeCriminal .fl {
    width: 395px;
  }
}
#homeCriminal .fl p {
  margin: 0;
}
#homeCriminal .fl a {
  display: block;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 769px) {
  #homeCriminal .fl a {
    margin: -10px 0 0 auto;
  }
}
#homeCriminal .fr {
  background-color: #f7f6ef;
  padding: 2vw 4vw;
}
@media (max-width: 768px) {
  #homeCriminal .fr {
    margin: 4vw 0 0;
  }
}
@media (min-width: 769px) {
  #homeCriminal .fr {
    width: 240px;
    padding: 8px 15px 8px 15px;
    line-height: 1.8em;
  }
}
@media (max-width: 768px) {
  #homeCriminal .fr p {
    margin: 0;
  }
}
#homeCriminal b {
  color: #54330c;
  font-weight: bold;
  line-height: 2.5em;
}/*# sourceMappingURL=style.css.map */