@charset "UTF-8";

/***	Default Tag
----------------------------------------------------------***/

*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

body {
  min-height: 100vh;
  color: #423c3a;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  scroll-behavior: smooth;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

h1 {
  font-size: 3.2rem;
}

h2 {
  font-size: 2.4rem;
}

h3 {
  font-size: 1.9rem;
}

h5 {
  font-size: 1.3rem;
}

h6 {
  font-size: 1.1rem;
}

img {
  vertical-align: bottom;
}

ul,
ol {
  list-style: none;
}

input,
button,
textarea,
select {
  font: inherit;
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

/* 視差効果を減らす設定にしている場合 */

/***	Link
----------------------------------------------------------***/

a {
  transition: all 0.2s ease-out;
}

a:link,
a:visited {
  color: #0196c7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline dotted;
  opacity: 0.5;
  filter: brightness(1.15);
}

a:hover img {
  opacity: 0.7;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

a[href="tel:"] {
  color: #00476b;
}

a[href="tel:"]:hover {
  opacity: 1;
  filter: brightness(1);
  text-decoration: none;
}

/***	Common
----------------------------------------------------------***/

.l-container {
  position: relative;
}

/***	Common - Header
----------------------------------------------------------***/

.l-header {
  width: 100%;
}

/***	Common - Footer
----------------------------------------------------------***/

.l-footer-main {
  background-color: #b8dceb;
  position: relative;
}

.l-footer-main > .flex-container > .flex-item > .flex-container {
  display: flex;
  justify-content: space-between;
}

.l-footer-sub {
  background-color: #00476b;
}

/***	Common - Footer Top Redius COlor
----------------------------------------------------------***/

.inside > .l-section:nth-of-type(odd) + .l-footer > .l-footer-main {
  background-color: #b8dceb;
  background: url(/img/radius_bg_white.svg) center top/contain no-repeat, linear-gradient(180deg, #fff 0%, #fff 0.5%, #b8dceb 0.5%, #b8dceb 100%);
}

#home .l-blog,
.inside .l-section:last-child {
  position: relative;
  z-index: 2;
}

/***	Index
----------------------------------------------------------***/

.l-news {
  position: relative;
  float: left;
}

.l-intro {
  background: url(/img/index_introduction_bg.svg) center top no-repeat;
}

.l-blog {
  background-color: #edf9f8;
  position: relative;
}

.l-blog:before {
  width: 100%;
  height: 3.28125vw;
  background: transparent url(/img/radius_bg_paleblue.svg) center top no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  top: calc(-3.28125vw + 1px);
}

.l-blog:after {
  width: 100%;
  height: 3.28125vw;
  background: transparent url(/img/radius_bg_paleblue.svg) center top no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  bottom: calc(-3.28125vw + 1px);
  transform: scaleY(-1);
}

/***	Inside - Common
----------------------------------------------------------***/

/***	Inside - Common - Odd Sction
----------------------------------------------------------***/

/***	Inside - Common - Even Section
----------------------------------------------------------***/

.l-section:nth-of-type(even) {
  background-color: #edf9f8;
  position: relative;
}

.l-section:nth-of-type(even):before {
  width: 100%;
  height: 3.28125vw;
  background: transparent url(/img/radius_bg_paleblue.svg) center top no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  top: calc(-3.28125vw + 1px);
}

.l-section:nth-of-type(even):after {
  width: 100%;
  height: 3.28125vw;
  background: transparent url(/img/radius_bg_paleblue.svg) center top no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  bottom: calc(-3.28125vw + 1px);
  transform: scaleY(-1);
}

/***	Inside - Common - Breadcrumb
----------------------------------------------------------***/

/***	Inside - Common - Headline
----------------------------------------------------------***/

.l-headline {
  background: #74b4e4 center top/cover no-repeat;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.l-headline + .l-section {
  background: transparent url(/img/radius_outside_bg_white.svg) center top/contain no-repeat;
  margin-top: -2.734375vw;
}

/***	Inside - Practice Areas
----------------------------------------------------------***/

/***	Inside - Lawyers
----------------------------------------------------------***/

/***	Inside - Flow
----------------------------------------------------------***/

/***	Inside - FAQ
----------------------------------------------------------***/

/***	Inside - Appointment
----------------------------------------------------------***/

/***	Inside - Blog (イロドリ便り)
----------------------------------------------------------***/

/***	Header
----------------------------------------------------------***/

.header {
  border-bottom: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.siteTitle {
  line-height: 1;
}

.siteTitle > a {
  display: block;
}

.globalNav {
  display: flex;
}

.globalNav-main a {
  color: #00476b;
  font-weight: bold;
}

.globalNav-main a:hover {
  text-decoration: none;
}

.globalNav-sub {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
}

.globalNav-sub a {
  color: #00476b;
  font-weight: bold;
}

.globalNav-sub a:hover {
  text-decoration: none;
}

.contactNav {
  display: flex;
}

.contactNav .tel-number {
  line-height: 1;
  white-space: nowrap;
}

.contactNav .tel-number > a:nover {
  text-decoration: none;
}

.contactNav .tel-receptionHours {
  color: #7fa3b5;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.contactNav .form {
  line-height: 1;
}

/***	Clone Header
----------------------------------------------------------***/

.cloneHeader {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: calc(var(--cloneHeaderHeight) * -1);
  z-index: 50;
  transition: all 0.3s ease-out;
}

/***	Drawer Menu
----------------------------------------------------------***/

/***	Footer - Main
----------------------------------------------------------***/

.footer-main {
  color: #00476b;
  background-color: #b8dceb;
}

.footer-main a[href*="tel:"] {
  color: #00476b !important;
}

.footer-address {
  font-style: normal;
  line-height: 1.6;
}

.footer-number {
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

.footer-number > a:hover {
  text-decoration: none;
}

.footer-number > a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f879";
  position: relative;
}

.footer-receptionHours {
  font-weight: bold;
  text-align: center;
}

.footer-note {
  font-size: 1.4rem;
}

.footer-map {
  width: 100%;
  position: relative;
}

.footer-map:before {
  content: "";
  background: url(/img/icon_bearing.svg) left top/contain no-repeat;
  display: block;
  position: absolute;
  z-index: 2;
}

/***	Footer - Sub
----------------------------------------------------------***/

.footer-nav-main > li > a {
  color: #fff;
}

.footer-icon {
  display: flex;
}

.footer-icon > li {
  line-height: 1;
}

.footer-icon > li.googlemap {
  font-family: "Font Awesome 5 Pro";
  font-size: 2.5rem;
  font-weight: 900;
  position: relative;
  top: 1.5px;
}

.footer-icon > li.facebook {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.footer-icon > li.line {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.footer-icon > li > a:hover {
  text-decoration: none;
}

.footer-copyright {
  color: #fff;
  text-align: center;
  display: block;
}

/***	Breadcrumb
----------------------------------------------------------***/

/***	Common - External Link Icon
----------------------------------------------------------***/

.externalIcon:after {
  content: "\f35d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-left: 5px;
}

/***	Common - BR
----------------------------------------------------------***/

/***	Common - Note
----------------------------------------------------------***/

.note {
  font-size: 1.4rem;
  margin-top: 0.3em;
  display: inline-block;
}

/***	Common - Table
----------------------------------------------------------***/

.table > dl:not(:first-of-type) {
  border-top: 1px dotted #00476b;
}

.table > dl > dt {
  color: #00476b;
  font-weight: bold;
}

.table > ul:first-of-type {
  border-bottom: 1px dotted #00476b;
}

.table > ul > li {
  color: #00476b;
  font-weight: bold;
}

/***	Common - Contact Button
----------------------------------------------------------***/

.contactButton > a {
  color: #fff;
  background-color: #00476b;
  font-weight: bold;
  line-height: 1;
  border-radius: 5px;
  padding: 10px;
  display: block;
  text-align: center;
  white-space: nowrap;
}

.contactButton > a:hover {
  text-decoration: none;
}

.contactButton > a:before {
  color: #f8c00d;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2em;
  content: "\f0e0";
  margin-right: 8px;
  position: relative;
  top: 0.05em;
}

/***	Common - Stroke Button
----------------------------------------------------------***/

.strokeButton > * {
  font-weight: bold;
  line-height: 1;
  border: 2px solid #00476b;
  border-radius: 5px;
  padding: 1em 3em;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.strokeButton > a {
  color: #00476b;
}

.strokeButton > a:hover {
  color: #fff;
  background-color: #00476b;
  opacity: 1;
  filter: brightness(1);
  text-decoration: none;
}

/***	Common - Listmarker
----------------------------------------------------------***/

.listmarker {
  list-style: disc;
  margin-left: 1.2em;
}

.listmarker > dt {
  display: list-item;
}

/***	Inside - Common - Headline
----------------------------------------------------------***/

.headline > * {
  text-align: center;
}

.headline-japanese {
  color: #00476b;
  line-height: 1;
  letter-spacing: 0.1em;
}

.headline-english {
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
}

/***	Inside - Common - Section Heading
----------------------------------------------------------***/

.sectionHeading {
  text-align: center;
  color: #00476b;
  line-height: 1;
  letter-spacing: 0.1em;
}

/***	Inside - Common - Large Heading
----------------------------------------------------------***/

.largeHeading {
  color: #00476b;
  line-height: 1;
}

.largeHeading:before {
  font-family: "Font Awesome 5 Pro";
  margin-right: 8px;
}

/***	Inside - Common - Preambles
----------------------------------------------------------***/

/***	Index - News
----------------------------------------------------------***/

.index > .news {
  background: linear-gradient(rgba(255, 255, 255, 0.88) 0%, rgba(218, 237, 247, 0.88) 100%);
  border-radius: 5px;
}

.news-head {
  color: #00476b;
  font-weight: bold;
  white-space: nowrap;
}

.news-item-caution {
  color: #d80000;
  font-size: 1.4rem;
  margin-bottom: 1em;
}

.news-item-caution:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f071";
}

.news-date {
  color: #00476b;
}

.news-body {
  color: #00476b;
  font-size: 1.4rem;
}

/***	Index - Tagline
----------------------------------------------------------***/

.tagline {
  margin-left: auto;
  margin-right: auto;
}

.tagline-japanese {
  text-align: right;
}

/***	Index - Introduction
----------------------------------------------------------***/

.intro-head {
  margin-left: auto;
  margin-right: auto;
}

.intro-head > img {
  width: 100%;
  height: auto;
}

.advantage > li {
  position: relative;
}

.advantage > li:before {
  mix-blend-mode: multiply;
  position: absolute;
}

.advantage-head {
  color: #fff;
}

.advantage-link {
  display: flex;
}

.advantage-link > .strokeButton {
  white-space: nowrap;
}

.variety {
  background-color: rgba(245, 109, 152, 0.75);
}

.variety .strokeButton a:hover {
  color: #f56d98 !important;
}

.friendly {
  background-color: rgba(234, 193, 30, 0.75);
}

.friendly .strokeButton a:hover {
  color: #eac11e !important;
}

.clarify {
  background-color: rgba(57, 203, 140, 0.75);
}

.clarify .strokeButton a:hover {
  color: #39cb8c !important;
}

.accessibility {
  background-color: rgba(66, 170, 214, 0.75);
}

.accessibility .strokeButton a:hover {
  color: #42aad6 !important;
}

/***	Index - Blog
----------------------------------------------------------***/

.index .blog-head {
  text-align: center;
}

.index .blog-read {
  color: #00476b;
}

.index .blog-entry {
  background-color: #fff;
  border-radius: 5px;
}

.index .entry-link:hover {
  text-decoration: none;
}

.index .entry-image > img {
  object-fit: cover;
}

.index .entry-text {
  display: flex;
  flex-direction: column;
}

.index .entry-date {
  color: #7fa3b5;
  line-height: 1;
}

.index .entry-title {
  color: #00476b;
  line-height: 1.4;
}

.index .entry-body {
  color: #423c3a;
}

.index .entry-author {
  color: #00476b;
  line-height: 1;
  text-align: right;
  margin-top: auto;
}

.index .entry-author:before {
  content: "";
  display: inline-block;
  position: relative;
}

.index .entry-author.maki:before {
  background: url(/img/icon_author_maki.png) left top/contain no-repeat;
}

.index .entry-author.nozawa:before {
  background: url(/img/icon_author_nozawa.png) left top/contain no-repeat;
}

.index .entry-author.nishikawa:before {
  background: url(/img/icon_author_nishikawa.png) left top/contain no-repeat;
}

.index .entry-author.office:before {
  background: url(/img/icon_author_logo.png) left top/contain no-repeat;
}

/***	Inside - Office
----------------------------------------------------------***/

.greetings {
  background-position: left bottom, center top !important;
}

.greetings-body > p:not(:first-child) {
  margin-top: 1.8em;
}

.greetings-author {
  text-align: right;
  line-height: 1;
}

.outline-table > dl:not(:first-of-type) {
  border-top: 1px dotted #00476b;
}

.outline-table > dl > dt {
  color: #00476b;
  font-weight: bold;
}

.outline-table > ul:first-of-type {
  border-bottom: 1px dotted #00476b;
}

.outline-table > ul > li {
  color: #00476b;
  font-weight: bold;
}

.outline-table > dl > dt {
  color: #00476b;
  font-weight: bold;
}

.access-map-rendering {
  width: 100%;
  max-width: 1040px;
  height: calc((100vw - var(--scrollbar) - 52px) * 0.625);
  max-height: 650px;
  position: relative;
}

.access-map-rendering:before {
  content: "";
  background: url(/img/icon_bearing.svg) left top/contain no-repeat;
  display: block;
  position: absolute;
  z-index: 2;
}

.access-map-rendering-ie {
  display: none;
}

.access-map-link {
  display: flex;
  justify-content: flex-end;
}

.access-map-link > li > a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-right: 5px;
}

.access-map-link .print > a {
  cursor: pointer;
}

.access-map-link .print > a:before {
  content: "\f02f";
}

.access-map-link .googlemap > a:before {
  content: "\f3c5";
}

.print-text {
  display: none;
}

.print-off {
  display: none;
}

.print-on {
  display: block;
}

.access-train-heading:before {
  font-weight: 900;
  content: "\f238";
}

.access-car-heading:before {
  font-weight: 900;
  content: "\f5de";
}

.access-train-guide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.guide-caption {
  color: #7fa3b5;
  font-size: 1.4rem;
  line-height: 1.4;
}

/***	Inside - Practice Areas
----------------------------------------------------------***/

.category-heading {
  background-color: #edf9f8;
  text-align: center;
}

.category-heading:before {
  display: block;
  content: "";
}

.inheritance .category-heading:before {
  background: url(/img/practice_areas_individual_img_01.svg) center top/contain no-repeat;
}

.trafficAccident .category-heading:before {
  background: url(/img/practice_areas_individual_img_02.svg) center top/contain no-repeat;
}

.realEstate .category-heading:before {
  background: url(/img/practice_areas_individual_img_03.svg) center top/contain no-repeat;
}

.labor .category-heading:before {
  background: url(/img/practice_areas_individual_img_04.svg) center top/contain no-repeat;
}

.divorce .category-heading:before {
  background: url(/img/practice_areas_individual_img_05.svg) center top/contain no-repeat;
}

.multipleDebts .category-heading:before {
  background: url(/img/practice_areas_individual_img_06.svg) center top/contain no-repeat;
}

.guardianship .category-heading:before {
  background: url(/img/practice_areas_individual_img_07.svg) center top/contain no-repeat;
}

.bkan .category-heading:before {
  background: url(/img/practice_areas_individual_img_08.svg) center top/contain no-repeat;
}

.criminalCase .category-heading:before {
  background: url(/img/practice_areas_individual_img_09.svg) center top/contain no-repeat;
}

.category-case > li {
  position: relative;
}

.category-case > li:not(:first-child) {
  border-top: 1px dotted #00476b;
}

.category-case > li:before {
  color: #fff;
  content: "Q";
  font-weight: bold;
  background-color: #0bb7c6;
  border-radius: 50%;
  text-align: center;
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
}

.category-case > li > a {
  color: #00476b;
}

.category-link {
  display: block;
}

.corporate .container:before {
  content: "";
  background: url(/img/practice_areas_corporate_img_01.svg) center top/contain no-repeat;
  display: block;
}

/***	Inside - Lawyers
----------------------------------------------------------***/

.profile-selection {
  line-height: 1;
}

.profile-photo {
  position: relative;
}

.profile-photo:after {
  display: block;
  content: "";
  background: url(/img/lawyers_profile_photo_bg.svg) left top repeat;
  position: absolute;
  z-index: -1;
}

.profile-photo > img {
  object-fit: contain;
  object-position: top center;
}

.profile-text {
  position: relative;
}

.profile-text:before {
  content: "";
  display: block;
  position: absolute;
}

.maki .profile-text:before {
  background: url(/img/lawyers_profile_maki_roman.svg) left top/contain no-repeat;
}

.nozawa .profile-text:before {
  background: url(/img/lawyers_profile_nozawa_roman.svg) left top/contain no-repeat;
}

.nishikawa .profile-text:before {
  background: url(/img/lawyers_profile_nishikawa_roman.svg) left top/contain no-repeat;
}

.kondo .profile-text:before {
  background: url(/img/lawyers_profile_kondo_roman.svg) left top/contain no-repeat;
}

.profile-heading {
  color: #00476b;
  line-height: 1;
  letter-spacing: 0.2em;
}

.profile-heading > .qualification {
  color: #00476b;
  position: relative;
}

.profile-affiliation {
  color: #00476b;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.profile-table > dl:not(:first-of-type) {
  border-top: 1px dotted #00476b;
}

.profile-table > dl > dt {
  color: #00476b;
  font-weight: bold;
}

.profile-table > ul:first-of-type {
  border-bottom: 1px dotted #00476b;
}

.profile-table > ul > li {
  color: #00476b;
  font-weight: bold;
}

.profile-bio > dt {
  letter-spacing: 1em;
}

.profile-achievement > dt {
  letter-spacing: 1em;
}

.profile-achievement > dt > .supplement {
  letter-spacing: 0;
}

.profile-hobby > dt {
  letter-spacing: 1em;
}

.fromOthers-heading {
  color: #f88c0d;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.05em;
}

.fromOthers-name {
  color: #00476b;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}

.fromOthers-person:nth-of-type(odd) .fromOthers-name {
  float: left;
}

.fromOthers-person:nth-of-type(even) .fromOthers-name {
  float: right;
}

.fromOthers-name:before {
  content: "";
  display: block;
}

.maki .fromOthers-name:before {
  background: url(/img/icon_author_maki.png) left top/contain no-repeat;
}

.nozawa .fromOthers-name:before {
  background: url(/img/icon_author_nozawa.png) left top/contain no-repeat;
}

.nishikawa .fromOthers-name:before {
  background: url(/img/icon_author_nishikawa.png) left top/contain no-repeat;
}

.bnrArea .bnrArea-list {
  display: flex;
  margin-inline: auto;
}

.bnrArea .bnrArea-item {
  border: 1px solid #ccc;
}

.bnrArea .bnrArea-item img {
  max-width: 100%;
  height: auto;
}

/***	Inside - Legal Fees
----------------------------------------------------------***/

.guideline-cheatSheet-caption {
  color: #00476b;
  text-align: center;
}

.guideline-cheatSheet-table > dl > dd {
  text-align: center;
}

.guideline-cheatSheet-note {
  font-size: 1.4rem;
}

.content-category > dl {
  background-color: #fff;
  border-radius: 5px;
}

.content-category > dl > dt {
  color: #f88c0d;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

/***	Inside - Advisory Contract
----------------------------------------------------------***/

.plan .caption {
  color: #00476b;
  text-align: center;
}

.feature-note {
  font-size: 1.4rem;
}

/***	Inside - Flow
----------------------------------------------------------***/

.flowchart-item {
  background-color: #edf9f8;
  position: relative;
}

.flowchart-item:not(:first-child):before {
  color: #9ab6c5;
  content: "\f103";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  line-height: 1;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.flowchart-heading {
  color: #00476b;
  line-height: 1;
  letter-spacing: 0.05em;
  border-radius: 50%;
  text-align: center;
}

.flowchart-heading:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.appointment .flowchart-heading:before {
  background: url(/img/number_symbol_01.svg) center center/contain no-repeat;
}

.consultation .flowchart-heading:before {
  background: url(/img/number_symbol_02.svg) center center/contain no-repeat;
}

.agreement .flowchart-heading:before {
  background: url(/img/number_symbol_03.svg) center center/contain no-repeat;
}

.start .flowchart-heading:before {
  background: url(/img/number_symbol_04.svg) center center/contain no-repeat;
}

.resolution .flowchart-heading:before {
  background: url(/img/number_symbol_05.svg) center center/contain no-repeat;
}

.flowchart-button > li {
  display: flex;
}

.flowchart-button > li > a {
  width: 100%;
  color: #fff !important;
  display: block;
  justify-content: center;
  align-items: center;
}

.flowchart-button > li > a > .tel-receptionHours {
  color: #7fa3b5;
}

.flowchart-body > p:not(:first-child) {
  margin-top: 1em;
}

.flowchart-body .access {
  margin-left: 1.5em;
}

.flowchart-body .access > a:before {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-right: 3px;
}

.flowchart-bring {
  background-color: #fff;
}

.flowchart-bring-heading {
  color: #f8c00d;
  line-height: 1.4;
  text-align: center;
}

.flowchart-bring-list > li > dl > dt {
  color: #00476b;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  font-size: 1.8rem;
  padding-left: 0.65em;
}

.flowchart-bring-list > li > dl > dt:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: block;
  position: absolute;
  left: 0;
}

.flowchart-bring-list > li > dl > dd {
  color: #00476b;
  margin-top: 0.2em;
  margin-left: 0.8em;
}

/***	Inside - FAQ
----------------------------------------------------------***/

.faq-heading {
  color: #00476b;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  border-bottom: 3px solid #00476b;
}

.faq-heading:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: inline-block;
  margin-right: 0.5em;
}

.faq-list > dl > dt {
  color: #00476b;
  line-height: 1.4;
  font-weight: bold;
  background-color: #edf9f8;
  position: relative;
}

.faq-list > dl > dt:before {
  color: #fff;
  font-weight: bold;
  line-height: 1;
  content: "Q";
  border-radius: 50%;
  text-align: center;
  background-color: #0bb7c6;
  display: block;
  position: absolute;
}

.faq-list > dl > dd {
  border-top: 1px dotted #00476b;
  position: relative;
}

.faq-list > dl > dd:before {
  color: #fff;
  font-weight: bold;
  line-height: 1;
  content: "A";
  border-radius: 50%;
  text-align: center;
  background-color: #f88c0d;
  display: block;
  position: absolute;
}

.faq-backLink {
  text-align: right;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.faq-backLink > a {
  color: #00476b;
  border-top: 2px solid #00476b;
  display: inline-block;
}

.faq-backLink > a:hover {
  text-decoration: none;
}

/***	Inside - Appointment
----------------------------------------------------------***/

.form-table > dl > dt {
  position: relative;
  line-height: 1.4;
}

.form-property {
  color: #fff;
  font-size: 1.1rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  line-height: 1;
  border-radius: 1.6em;
  display: inline-block;
  padding: 0.3em 0.4em;
  position: absolute;
}

.form-property.required {
  background-color: #f88c0d;
}

.form-property.optional {
  background-color: #9ab6c5;
}

.form-text {
  color: #423c3a;
  width: 100%;
  background-color: #edf9f8;
  border: none;
  border-radius: 5px;
  padding: 0.5em 1em;
}

.form-text::placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.form-text:-ms-input-placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.form-text:focus {
  outline: none;
}

.form-text:invalid {
  box-shadow: none;
  appearance: none;
}

.form-zipcode > dd .addressSearch {
  color: #00476b;
  line-height: 1;
  border: 1px solid #00476b;
  border-radius: 5px;
  padding: 0.5em 1em;
  display: inline-block;
  margin-left: 1em;
}

.form-zipcode > dd .addressSearch:hover {
  color: #fff;
  background-color: #00476b;
  cursor: pointer;
}

.form-preferredDate-item > dt {
  position: relative;
  line-height: 1.4;
  padding-left: 2.9em;
}

.form-date {
  color: #423c3a;
  height: 3.03125em;
  background-color: #edf9f8;
  border: none;
  border-radius: 5px;
  appearance: none;
  padding: 0.5em 1em;
}

.form-date:focus {
  outline: none;
}

.form-date:invalid {
  box-shadow: none;
  appearance: none;
}

.form-date::placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.form-date:-ms-input-placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.flatpickr-mobile:before {
  color: #7fa3b5;
  content: attr(placeholder) !important;
}

input[value]:not([value=""]) + input:before {
  content: "" !important;
}

.form-select-container {
  position: relative;
  display: inline-block;
}

.form-select-container:after {
  width: 1em;
  height: 1em;
  color: #00476b;
  line-height: 0;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 1.55em;
  right: 1em;
}

.form-select {
  width: 100%;
  height: 3.03125em;
  color: #7fa3b5;
  background-color: #edf9f8;
  border: none;
  border-radius: 5px;
  padding: 0.5em 1em;
  appearance: none;
  cursor: pointer;
}

.firstChoice .form-select:focus > option:first-child {
  display: none !important;
}

.form-category-container {
  display: inline-block;
}

.form-radio {
  display: none;
}

.form-radio:focus {
  transition: all 0.2s;
}

.form-radio:checked + .form-labelText {
  transition: all 0.3s;
}

.form-radio:checked + .form-labelText:before {
  border: 6px solid #0693C8;
  transition: all 0.3s;
}

.form-radio:checked + .form-labelText:after {
  transform: scale(1);
}

.form-labelText {
  border-radius: 5px;
  display: inline-block;
  position: relative;
  padding: 0.2em 0.5em;
  padding-left: calc(0.5em + 2rem + 0.2em);
}

.form-labelText:hover {
  cursor: pointer;
}

.form-labelText:before {
  background-color: #fff;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0.5em;
  left: 0.25em;
}

.form-category-container.others {
  display: flex;
}

.form-category-container.others > .form-labelText {
  flex-shrink: 0;
}

.form-text.others2 {
  position: relative;
}

.form-textarea {
  color: #423c3a;
  width: 100%;
  background-color: #edf9f8;
  white-space: pre-wrap;
  appearance: none;
  border: none;
  border-radius: 5px;
  padding: 0.5em 1em;
}

.form-textarea::placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.form-textarea:-ms-input-placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.form-submit-container {
  color: #00476b;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.form-submit-container:hover:after {
  color: #fff;
}

.form-submit-container:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  line-height: 1;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.form-submit-container > input {
  width: 100%;
  color: #00476b;
  font-weight: bold;
  line-height: 1;
  border: 2px solid #00476b;
  border-radius: 5px;
  background-color: transparent;
}

.form-submit-container > input:hover {
  color: #fff;
  background-color: #00476b;
  cursor: pointer;
}

.requiredError,
.validateError {
  background-color: #fff3ce;
}

.requiredErrorText,
.requiredRadioErrorText,
.validateErrorText {
  width: 100%;
  color: #f88c0d;
}

.requiredErrorText:before,
.requiredRadioErrorText:before,
.validateErrorText:before {
  color: #f88c0d;
  font-family: "Font Awesome 5 Pro";
  content: "\f071";
  font-weight: 900;
  margin-right: 0.3em;
}

.requiredError + .form-date-placeholder {
  background-color: #fff3ce;
}

.form-confirm-button {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

.form-confirm-button .form-submit-container {
  margin: 0;
}

.form-backLink {
  text-align: center;
}

.form-backLink > * {
  font-weight: bold;
  line-height: 1;
  border: 2px solid #00476b;
  border-radius: 5px;
  padding: 1em 3em;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.form-backLink > a {
  color: #00476b;
}

.form-backLink > a:hover {
  color: #fff;
  background-color: #00476b;
  opacity: 1;
  filter: brightness(1);
  text-decoration: none;
}

.form-confirmed p:not(:first-child) {
  margin-top: 1.8em;
}

/***	Inside - Blog (イロドリ便り)
----------------------------------------------------------***/

#blog .headline-note {
  color: #fff;
  font-weight: bold;
}

.blog-entries .preambles {
  color: #00476b;
  text-align: left;
  line-height: 1.4;
}

.blog-entry-link {
  display: flex;
  border-bottom: 1px dotted #00476b;
}

.blog-entry-link:hover {
  text-decoration: none;
}

.blog-entry-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.blog-entry-date {
  color: #7fa3b5;
  line-height: 1;
}

.blog-entry-title {
  color: #00476b;
  line-height: 1.4;
}

.blog-entry-body {
  color: #423c3a;
}

.blog-single .blog-entry-body > p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.blog-single .blog-entry-body > ul {
  list-style: disc;
  padding-left: 1.2em;
}

.blog-single .blog-entry-body > ul > li:not(:first-child) {
  margin-top: 0.7em;
}

.blog-entry-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.blog-entry-author {
  color: #00476b;
  line-height: 0;
  position: relative;
}

.blog-entry-author > a {
  color: #00476b;
}

.blog-single .blog-property .blog-entry-author {
  margin-left: auto;
}

.blog-entry-author:before {
  line-height: 1;
  content: "";
  display: inline-block;
  position: relative;
}

.blog-entry-author.maki:before {
  background: url(/img/icon_author_maki.png) left top/contain no-repeat;
}

.blog-entry-author.nozawa:before {
  background: url(/img/icon_author_nozawa.png) left top/contain no-repeat;
}

.blog-entry-author.nishikawa:before {
  background: url(/img/icon_author_nishikawa.png) left top/contain no-repeat;
}

.blog-entry-author.kondo:before {
  background: url(/img/icon_author_kondo.png) left top/contain no-repeat;
}

.blog-entry-author.office:before {
  background: url(/img/icon_author_logo.png) left top/contain no-repeat;
}

.blog-single .blog-entry-category > a {
  color: #fff;
  line-height: 1;
  background-color: #7fa3b5;
  display: inline-block;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  white-space: nowrap;
}

.blog-single .blog-entry-category > a:hover {
  text-decoration: none;
}

.blog-entry-related .blog-entry-category,
.blog-entries .blog-entry-category {
  color: #fff;
  line-height: 1;
  background-color: #7fa3b5;
  display: inline-block;
  padding: 0.4em 0.7em;
  border-radius: 1.8em;
  white-space: nowrap;
}

.blog-entries-pageNav {
  display: flex;
}

.blog-entries-pageNav > li > a {
  position: relative;
}

.blog-entries-pageNav > li > a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.blog-entries-pageNav > a {
  display: flex;
  align-items: center;
  position: relative;
}

.blog-entries-pageNav > a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.blog-entry-pageNav {
  display: flex;
}

.blog-entry-pageNav > li {
  display: flex;
}

.blog-entry-pageNav > li > a {
  display: flex;
  align-items: center;
  position: relative;
}

.blog-entry-pageNav > li > a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.pageNav-prev > a:before {
  content: "\f104";
  left: 1.3em;
}

.pageNav-next > a:before {
  content: "\f105";
  right: 1.3em;
}

.blog-entry-related-head {
  color: #00476b;
  border-bottom: 3px solid #00476b;
}

.blog-entry-related-head:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-right: 0.5em;
}

.blog-nav-head {
  color: #00476b;
  line-height: 1;
  letter-spacing: 0.1em;
}

.blog-nav-head:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.blog-nav-list {
  line-height: 1.4;
  border-radius: 5px;
}

.blog-nav-list > li:first-child > a {
  border-radius: 5px 5px 0 0;
}

.blog-nav-list > li:last-child > a {
  border-radius: 0 0 5px 5px;
}

.blog-nav-list > li:not(:first-child) > a {
  border-top: 1px dotted #7fa3b5;
}

.blog-nav-list > li > a {
  color: #00476b;
  display: block;
  background-color: #edf9f8;
  position: relative;
}

.blog-nav-list > li > a:hover {
  color: #0196c7;
  text-decoration: none;
  opacity: 1;
  filter: brightness(1.03);
}

.blog-nav-list > li > a:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.search-form {
  display: flex;
}

.search-form > * {
  height: 3em;
  line-height: 1;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.4em 0.8em;
  border: none;
}

.search-form > .search-form-input {
  width: calc(100% - 3em);
  border: 1px solid #7fa3b5;
  border-right: none;
  border-radius: 5px 0 0 5px;
  flex-grow: 1;
  display: block;
}

.search-form > .search-form-input::placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.search-form > .search-form-input:-ms-input-placeholder {
  color: #7fa3b5;
  opacity: 1;
}

.search-form > .search-form-button {
  color: #fff;
  width: 3em;
  background-color: #62aacc;
  margin-left: -2px;
  border-radius: 0 5px 5px 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  flex-shrink: 0;
  cursor: pointer;
}

.blog-property {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #00476b;
}

.blog-property > *:last-child {
  margin-left: auto;
}

.blog-entry-sns > .facebook {
  font-size: 2.4rem;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.blog-entry-sns > .facebook > a {
  color: #3b5998;
  text-decoration: none;
}

/***	Inside - Blog - Wordpress用設定
----------------------------------------------------------***/

img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

img.alignright {
  display: block;
  margin: 0 0 0 auto;
}

p.alignleft {
  text-align: left;
}

p.aligncenter {
  text-align: center;
}

p.alignright {
  text-align: right;
}

/***	Inside - Privacy Policy
----------------------------------------------------------***/

#privacy .preambles {
  text-align: left;
}

.privacy-list {
  counter-reset: privacy-list;
}

.privacy-list > li {
  margin-top: 3em;
}

.privacy-list > li > h2:before {
  counter-increment: privacy-list;
  content: counter(privacy-list) ".";
  margin-right: 0.5em;
}

.privacy-purpose-list {
  counter-reset: privacy-purpose-list;
  margin-top: 1em;
}

.privacy-purpose-list > li {
  position: relative;
  padding-left: 1.25em;
}

.privacy-purpose-list > li:before {
  counter-increment: privacy-purpose-list;
  content: counter(privacy-purpose-list) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.privacy-contact {
  font-style: normal;
  margin-top: 1em;
}

.privacy-formulationDate {
  text-align: right;
  margin-top: 3em;
}

/***	Inside - Information - Covid19
----------------------------------------------------------***/

.covid19 .sectionHeading + p {
  text-align: center;
}

.covid19 .countermeasures .largeHeading {
  color: #EC4C35;
  margin-top: 2em;
  margin-bottom: 0.5em;
}

.covid19 .countermeasures .countermeasures-list {
  list-style: disc;
  padding-left: 1.2em;
}

.covid19 .attention {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fdf5cf;
  border-radius: 5px;
  margin-top: 4em;
  padding: 3em;
}

.covid19 .attention .largeHeading {
  color: #c68300;
  text-align: center;
}

/***	Clone Header
----------------------------------------------------------***/

.is-show {
  top: 0;
}

/***	IE11 Bug Fix
----------------------------------------------------------***/

@media print, screen and (min-width: 751px) {
  .l-fixed {
    margin-left: auto;
    margin-right: auto;
  }

  .l-fixed750Stretch {
    width: calc(100% - (26px * 2));
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }

  .l-fixed1040Stretch {
    width: calc(100% - (26px * 2));
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
  }

  .l-fixed1150Stretch {
    width: calc(100% - (26px * 2));
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
  }

  .l-header {
    min-width: 1040px;
  }

  .l-footer-main {
    padding-top: calc(65px + 3.28125vw);
    padding-bottom: 85px;
  }

  .l-footer-main > .flex-container > .flex-item:first-child {
    width: 550px;
  }

  .l-footer-main > .flex-container > .flex-item:last-child {
    width: 440px;
  }

  .l-footer-main > .flex-container {
    display: flex;
    justify-content: space-between;
  }

  .l-footer-sub {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .l-mainVisual {
    min-height: 864px;
    background: url(/img/index_mainvisual_1280*864.jpg) center bottom/cover no-repeat;
  }

  .l-news {
    margin-top: -100px;
    margin-bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
  }

  .l-intro {
    background-size: cover;
    margin-top: -2.734375vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 120px;
  }

  .l-advantage > li:nth-child(odd) {
    border-radius: 5px 0 0 5px;
  }

  .l-advantage > li:nth-child(even) {
    border-radius: 0 5px 5px 0;
  }

  .l-advantage > li:nth-child(even) > .l-container {
    margin-left: auto;
  }

  .l-advantage > li > .l-container {
    max-width: 870px;
  }

  .l-section {
    padding-bottom: calc(3.28125vw + 130px);
  }

  .l-section:nth-of-type(odd) {
    padding-top: calc(3.28125vw + 140px);
  }

  .l-section:nth-of-type(even) {
    padding-top: calc(150px - 3.28125vw);
    padding-bottom: calc(150px - 3.28125vw);
  }

  .l-breadcrumb {
    background-color: #daedf7;
  }

  .l-headline {
    height: 227px;
    background-image: url(/img/inside_headline_bg.jpg);
  }

  .l-headline + .l-section {
    padding-top: calc((-2.734375vw * -1) + 110px);
  }

  .l-individual {
    margin-top: 70px;
  }

  .l-corporate .l-container {
    position: relative;
    padding-left: calc(40.5769vw + 50px);
  }

  .l-profile .l-container {
    display: flex;
    margin-top: 150px;
  }

  .l-fromOthers {
    padding-top: 70px;
  }

  .l-bnrArea {
    margin-top: 10.6666vw;
  }

  .l-flowchart-item {
    width: calc(100% - 150px);
    max-width: 1000px;
    margin-left: auto;
  }

  .l-category:not(:first-child) {
    margin-top: 130px;
  }

  .form-table {
    margin-top: 70px;
  }

  .l-blog-container {
    display: flex;
    justify-content: space-between;
  }

  .l-blog-entries,
  .l-blog-single {
    width: 100%;
    max-width: 750px;
  }

  .l-blog-nav {
    width: 250px;
    margin-left: 40px;
  }

  .siteTitle img {
    width: 200px;
    height: auto;
  }

  .globalNav {
    flex-flow: column-reverse;
    align-self: flex-end;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 43px !important;
  }

  .globalNav-main {
    font-size: 1.7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .globalNav-main > li:not(:first-child) {
    margin-left: 1.4em;
  }

  .globalNav-sub {
    font-size: 1.5rem;
    justify-content: flex-end;
  }

  .globalNav-sub > li:not(:first-child) {
    margin-left: 1.5em;
  }

  .globalNav-sub .blog > a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f304";
    margin-right: 3px;
  }

  .globalNav-sub .faq > a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f059";
    margin-right: 3px;
  }

  .globalNav-sub .access > a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f3c5";
    margin-right: 3px;
  }

  .globalNav-sub .line > a {
    position: relative;
    bottom: 0.13em;
  }

  .contactNav {
    flex-direction: column;
    padding-bottom: 40px !important;
  }

  .contactNav .tel {
    border: 3px solid #00476b;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 15px 20px;
  }

  .contactNav .tel-number > a {
    color: #00476b !important;
    font-weight: bold;
  }

  .contactNav .tel-number {
    font-size: 3.2rem;
    text-align: center;
  }

  .contactNav .tel-receptionHours {
    margin-top: 5px;
  }

  .contactNav .contactButton {
    margin-top: 5px;
  }

  .contactNav .contactButton > a {
    color: #fff;
    background-color: #00476b;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    padding: 10px;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .contactNav .contactButton > a:hover {
    text-decoration: none;
  }

  .contactNav .contactButton > a:before {
    color: #f8c00d;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    content: "\f0e0";
    margin-right: 8px;
    position: relative;
    top: 0.05em;
  }

  .cloneHeader .siteTitle img {
    width: 146px;
  }

  .cloneHeader .globalNav {
    padding-bottom: 10px !important;
  }

  .cloneHeader .globalNav-main {
    font-size: 1.5rem;
  }

  .cloneHeader .globalNav-sub {
    font-size: 1.4rem;
  }

  .cloneHeader .contactNav {
    padding-bottom: 10px !important;
  }

  .cloneHeader .tel {
    padding: 7px 12px;
  }

  .cloneHeader .tel-number {
    font-size: 2.4rem;
  }

  .cloneHeader .tel-receptionHours {
    display: none;
  }

  .cloneHeader .contactButton {
    font-size: 1.4rem;
  }

  .cloneHeader .contactButton > a {
    padding: 7px 10px;
  }

  .sd-trigger,
  .sd-home,
  .sd-close {
    display: none;
  }

  .footer-main {
    padding-top: 100px3.28125vw;
    padding-bottom: 85px;
  }

  .footer-logo {
    margin-top: 0.4em;
  }

  .footer-logo img {
    width: 200px;
    height: auto;
  }

  .footer-address > .spbr {
    margin-left: 1em;
  }

  .footer-number {
    font-size: 6.6rem;
    margin-top: 10px;
  }

  .footer-number > a:before {
    font-size: 6rem;
    margin-right: 10px;
    top: -2px;
  }

  .footer-receptionHours {
    font-size: 1.8rem;
    margin-top: 10px;
  }

  .footer-receptionHours > .holiday {
    display: inline-block;
    margin-left: 1em;
  }

  .footer-receptionHours > .holiday:before {
    content: "／";
    font-weight: bold;
    margin-right: 1em;
  }

  .footer-note {
    line-height: 1.4;
    margin-top: 10px;
  }

  .footer-form {
    margin-top: 15px;
  }

  .footer-form.contactButton {
    font-size: 2.8rem;
  }

  .footer-form.contactButton > a {
    color: #fff;
    background-color: #62aacc;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    padding: 20px 30px;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .footer-form.contactButton > a:hover {
    text-decoration: none;
  }

  .footer-form.contactButton > a:before {
    color: #ffd85d;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    content: "\f0e0";
    margin-right: 8px;
    position: relative;
    top: 0.05em;
  }

  .footer-map {
    height: 300px;
  }

  .footer-map:before {
    width: 40px;
    height: 60px;
    top: 10px;
    right: 9.5px;
  }

  .footer-link {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }

  .footer-link > li.access a:before {
    font-weight: 400;
    content: "\f059";
  }

  .footer-link > li.googlemap a:before {
    font-weight: 900;
    content: "\f3c5";
  }

  .footer-sub > .flex-container {
    display: flex;
    justify-content: space-between;
  }

  .footer-nav-main {
    width: 850px;
    display: flex;
    flex-wrap: wrap;
    margin-top: -1.2em;
    margin-left: -1em;
  }

  .footer-nav-main > li {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 1.2em;
    margin-left: 1em;
  }

  .footer-icon {
    gap: 20px;
  }

  .footer-icon > li.facebook {
    font-size: 5.6rem;
    margin-top: -0.05em;
  }

  .footer-icon > li.line {
    font-size: 5.6rem;
    margin-top: -0.05em;
  }

  .footer-icon > li > a {
    color: #fff;
  }

  .footer-copyright {
    font-size: 1.2rem;
    margin-top: 40px;
  }

  .breadcrumb {
    display: flex;
    justify-content: flex-end;
    padding: 20px 30px !important;
  }

  .breadcrumb > li {
    color: #00476b;
    font-size: 1.4rem;
    line-height: 1;
  }

  .breadcrumb > li:not(:first-child):before {
    font-family: "Font Awesome 5 Pro";
    font-size: 2rem;
    font-weight: 300;
    content: "\f105";
    line-height: 0;
    position: relative;
    top: 0.1em;
    margin-left: 7px;
    margin-right: 5px;
  }

  .breadcrumb > li > a:hover {
    text-decoration: none;
  }

  .breadcrumb .home a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f015";
  }

  .br:before {
    content: "\a";
    white-space: pre;
  }

  .table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .table > dl {
    display: table-row;
  }

  .table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .table > ul {
    display: table-row;
  }

  .table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .headline-japanese {
    font-size: 3.2rem;
  }

  .headline-english {
    font-size: 2rem;
    margin-top: 5px;
  }

  .sectionHeading {
    font-size: 3.2rem;
    margin-bottom: 70px;
  }

  .largeHeading {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }

  .preambles {
    text-align: center;
  }

  .index > .news {
    display: flex;
    align-items: center;
    align-content: space-between;
    padding: 15px 25px 15px 0;
  }

  .news-head {
    font-size: 2rem;
    padding-left: 50px;
    padding-right: 50px;
  }

  .news-list {
    flex-grow: 1;
    border-left: 2px dotted #00476b;
    padding: 20px 30px;
  }

  .news-item {
    display: flex;
  }

  .news-item:not(:first-child) {
    margin-top: 0.6em;
  }

  .news-date {
    font-size: 1.4rem;
    margin-right: 2em;
  }

  .tagline {
    max-width: 1040px;
    margin-top: 56px;
  }

  .tagline-english .cls-1,
  .tagline-english .cls-10,
  .tagline-english .cls-2,
  .tagline-english .cls-3,
  .tagline-english .cls-4,
  .tagline-english .cls-5,
  .tagline-english .cls-6,
  .tagline-english .cls-7,
  .tagline-english .cls-8,
  .tagline-english .cls-9 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .tagline-english .cls-1 {
    stroke-width: 6.52px;
  }

  .tagline-english .cls-2 {
    stroke-width: 6.236px;
  }

  .tagline-english .cls-3 {
    stroke-width: 5.102px;
  }

  .tagline-english .cls-4 {
    stroke-width: 7.654px;
  }

  .tagline-english .cls-5 {
    stroke-width: 5.953px;
  }

  .tagline-english .cls-6 {
    stroke-width: 5.386px;
  }

  .tagline-english .cls-7 {
    stroke-width: 4.535px;
  }

  .tagline-english .cls-8 {
    stroke-width: 5.244px;
  }

  .tagline-english .cls-9 {
    stroke-width: 5.669px;
  }

  .tagline-english .cls-10 {
    stroke-width: 4.961px;
  }

  .tagline-japanese {
    margin-top: -62px;
    margin-right: 50px;
  }

  .tagline-japanese img {
    width: 428px;
    height: auto;
  }

  .intro-head {
    width: calc(100% - (26px * 2));
    max-width: 835px;
  }

  .advantage > li {
    padding: 50px 100px;
  }

  .advantage > li:first-child {
    margin-top: 80px;
  }

  .advantage > li:not(:first-child) {
    margin-top: 60px;
  }

  .advantage > li:before {
    width: 240px;
    height: 240px;
    top: -5px;
  }

  .advantage > li:first-child:before {
    content: "";
    background: url(/img/index_number_symbol_01.svg) left top no-repeat;
    left: -200px;
  }

  .advantage > li:nth-child(2):before {
    content: "";
    background: url(/img/index_number_symbol_02.svg) left top no-repeat;
    right: -200px;
  }

  .advantage > li:nth-child(3):before {
    content: "";
    background: url(/img/index_number_symbol_03.svg) left top no-repeat;
    left: -200px;
  }

  .advantage > li:last-child:before {
    content: "";
    background: url(/img/index_number_symbol_04.svg) left top no-repeat;
    right: -200px;
  }

  .advantage-head {
    font-size: 3.2rem;
    line-height: 1.4;
  }

  .advantage-text {
    margin-top: 10px;
  }

  .advantage-link {
    justify-content: center;
    margin-top: calc(40px - 20px);
    margin-left: -50px;
  }

  .clarify .advantage-link {
    margin-left: -40px;
  }

  .advantage-link > .strokeButton {
    margin-top: 20px;
    margin-left: 50px;
  }

  .advantage-link > .strokeButton > * {
    font-weight: bold;
    line-height: 1;
    border: 3px solid #fff;
    border-radius: 5px;
    padding: 15px 30px;
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .advantage-link > .strokeButton > a {
    color: #fff;
  }

  .advantage-link > .strokeButton > a:hover {
    color: #fff;
    background-color: #fff;
    opacity: 1;
    filter: brightness(1);
    text-decoration: none;
  }

  .clarify .advantage-link > .strokeButton {
    margin-left: 40px;
  }

  .index > .blog {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .index .blog-head img {
    width: 297px;
    height: auto;
  }

  .index .blog-read {
    line-height: 1;
    text-align: center;
    margin-top: 30px;
  }

  .index .blog-entries {
    width: 100%;
    display: flex;
    align-content: center;
    margin-top: 60px;
  }

  .index .blog-entry {
    width: 320px;
    display: flex;
  }

  .index .blog-entry:not(:first-child) {
    margin-left: 40px;
  }

  .index .entry-link {
    display: flex;
    flex-direction: column;
  }

  .index .entry-image > img {
    width: 320px;
    height: 240px;
    border-radius: 5px 5px 0 0;
  }

  .index .entry-text {
    height: 100%;
  }

  .index .entry-date {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .index .entry-title {
    margin-top: 7px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .index .entry-body {
    margin-top: 0.4em;
    margin-left: 15px;
    margin-right: 15px;
  }

  .index .entry-author {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
  }

  .index .entry-author:before {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    top: calc((40px - 1.6rem) / 2);
  }

  .index .blog-archive {
    margin-top: 90px;
  }

  .greetings {
    background-image: url(/img/office_greetings_bg.jpg), url(/img/radius_outside_bg_white.svg) !important;
    background-size: 852px auto, contain !important;
  }

  .greetings-heading > img {
    width: 703px;
    height: auto;
  }

  .greetings-author {
    margin-top: 40px;
  }

  .greetings-author > img {
    width: 206px;
    height: auto;
  }

  .outline-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .outline-table > dl {
    display: table-row;
  }

  .outline-table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .outline-table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .outline-table > ul {
    display: table-row;
  }

  .outline-table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .outline-table > dl > dt {
    width: 35%;
    text-align: center;
  }

  .outline-figure {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .outline-figure > img {
    width: calc((100vw - var(--scrollbar) - 40px - 52px) / 3);
    max-width: 320px;
    height: auto;
  }

  .access-map-rendering:before {
    width: 80px;
    height: 120px;
    top: 15px;
    right: 10px;
  }

  .access-map-link {
    margin-top: 15px;
  }

  .access-map-link > li {
    margin-left: 20px;
  }

  .access-map-link > li > a {
    padding: 10px 15px;
  }

  .access-train {
    margin-top: 50px;
  }

  .access-car {
    margin-top: 50px;
  }

  .access-train-guide {
    margin-top: 20px;
    margin-left: -40px;
  }

  .guide-item {
    width: 320px;
    margin-top: 20px;
    margin-left: 40px;
  }

  .guide-caption {
    text-align: center;
    margin-top: 0.4em;
  }

  #practiceAreas .sectionHeading {
    border-bottom: 3px solid #00476b;
    padding-bottom: 45px;
  }

  .individual-category {
    display: flex;
    align-content: stretch;
  }

  .individual-category:not(:first-child) {
    margin-top: 70px;
  }

  .category-heading {
    width: 225px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .category-heading:before {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .inheritance .category-heading:before {
    width: 84px;
    height: 81px;
  }

  .trafficAccident .category-heading:before {
    width: 100px;
    height: 59px;
  }

  .realEstate .category-heading:before {
    width: 55px;
    height: 92px;
  }

  .labor .category-heading:before {
    width: 71px;
    height: 83px;
  }

  .divorce .category-heading:before {
    width: 85px;
    height: 71px;
  }

  .multipleDebts .category-heading:before {
    width: 84px;
    height: 74px;
  }

  .guardianship .category-heading:before {
    width: 64px;
    height: 96px;
  }

  .bkan .category-heading:before {
    width: 68px;
    height: 68px;
  }

  .criminalCase .category-heading:before {
    width: 93px;
    height: 96px;
  }

  .category-case {
    flex-grow: 1;
    margin-left: 30px;
  }

  .category-case > li {
    padding-top: 26px;
    padding-left: 55px;
    padding-bottom: 20px;
  }

  .category-case > li:before {
    width: 40px;
    height: 40px;
    font-size: 2.4rem;
    line-height: 40px;
    margin-right: 15px;
  }

  .category-text {
    margin-top: 30px;
  }

  .corporate {
    margin-top: 70px !important;
  }

  .corporate .container:before {
    width: 40.5769vw;
    max-width: 422px;
    height: 18.0769vw;
    max-height: 188px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .corporate-body {
    margin-top: 40px;
  }

  .corporate-advisoryContract {
    margin-top: 40px;
  }

  .profile-selection {
    display: flex;
    justify-content: space-between;
  }

  .profile-selection a {
    color: #00476b;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
  }

  .profile-selection a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 5px;
  }

  .profile-selection a:hover {
    text-decoration: none;
  }

  .profile-photo {
    width: 34.6153vw;
    max-width: 360px;
    height: 34.6153vw;
    max-height: 360px;
    flex-shrink: 0;
    text-align: right;
  }

  .profile-photo:after {
    width: 34.6153vw;
    max-width: 360px;
    height: 34.6153vw;
    max-height: 360px;
  }

  .profile-photo > img {
    width: 100%;
    max-width: 360px;
  }

  .profile-text {
    padding-top: 60px;
  }

  .profile-heading {
    font-size: 4.2rem;
  }

  .profile-heading > .qualification {
    font-size: 2.6rem;
    top: -0.15em;
  }

  .profile-affiliation {
    font-size: 2rem;
    margin-top: 20px;
  }

  .profile-message {
    margin-top: 45px;
    padding-right: 40px;
  }

  .profile-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .profile-table > dl {
    display: table-row;
  }

  .profile-table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .profile-table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .profile-table > ul {
    display: table-row;
  }

  .profile-table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .profile-table {
    margin-top: 80px;
  }

  .profile-table > dl > dt {
    width: 260px;
    text-align: center;
  }

  .profile-table > dl > dd {
    padding-left: 40px;
    padding-right: 40px;
  }

  .profile-bio > dt {
    text-indent: 1em;
  }

  .profile-bio .dl-horizontal > dt {
    width: 7em;
    text-align: right;
    float: left;
  }

  .profile-bio .dl-horizontal > dd {
    padding-left: calc(7em + 1.5em);
  }

  .profile-achievement > dt {
    text-indent: 1em;
  }

  .profile-hobby > dt {
    text-indent: 1em;
  }

  .fromOthers-heading {
    font-size: 3.6rem;
  }

  .fromOthers-person {
    display: flex;
    align-items: center;
    margin-top: 70px;
  }

  .fromOthers-name {
    font-size: 1.8rem;
  }

  .fromOthers-name:before {
    width: 146px;
    height: 146px;
    margin-bottom: 10px;
  }

  .fromOthers-comment {
    width: 100%;
    background-color: #edf9f8;
    border-radius: 10px;
    padding: 30px;
    position: relative;
  }

  .fromOthers-comment:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: solid transparent;
    border-color: rgba(237, 249, 248, 0);
    border-top-width: 12px;
    border-bottom-width: 12px;
    border-left-width: 40px;
    border-right-width: 40px;
    margin-top: -12px;
    top: 50%;
  }

  .fromOthers-person:nth-of-type(odd) .fromOthers-comment:after {
    border-right-color: #edf9f8;
    right: 100%;
  }

  .fromOthers-person:nth-of-type(even) .fromOthers-comment:after {
    border-left-color: #edf9f8;
    left: 100%;
  }

  .fromOthers-person:nth-of-type(odd) .fromOthers-comment {
    order: 0;
    margin-left: 55px;
  }

  .fromOthers-person:nth-of-type(even) .fromOthers-comment {
    order: -1;
    margin-right: 55px;
  }

  .bnrArea .bnrArea-list {
    width: 85%;
    justify-content: center;
    gap: 20px;
  }

  .guideline-body:before {
    content: "";
    background: url(/img/legal_fees_guideline_img_01.jpg) left top/contain no-repeat;
    display: block;
    float: right;
    margin-top: -2em;
    margin-left: 1em;
  }

  .guideline-cheatSheet {
    margin-top: 70px;
  }

  .guideline-cheatSheet-caption {
    font-size: 2rem;
  }

  .guideline-cheatSheet-table {
    max-width: 960px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }

  .guideline-cheatSheet-table > dl:not(:first-of-type) {
    border-top: 1px dotted #00476b;
  }

  .guideline-cheatSheet-table > dl > dt {
    color: #00476b;
    font-weight: bold;
  }

  .guideline-cheatSheet-table > ul:first-of-type {
    border-bottom: 1px dotted #00476b;
  }

  .guideline-cheatSheet-table > ul > li {
    color: #00476b;
    font-weight: bold;
  }

  .guideline-cheatSheet-table > ul > li {
    width: 320px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .guideline-cheatSheet-table > dl > dt {
    width: 320px;
    color: #423c3a !important;
    font-weight: normal !important;
    padding-left: 30px;
    padding-right: 30px;
  }

  .guideline-cheatSheet-table > dl > dd {
    width: 320px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .guideline-cheatSheet-note {
    max-width: 960px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-category {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .content-category > dl {
    width: 39.423%;
    max-width: 480px;
    padding: 45px 50px 40px;
  }

  .content-category > dl > dt {
    font-size: 2.6rem;
  }

  .content-category > dl > dd {
    margin-top: 15px;
  }

  .content-category-others {
    text-align: center;
    margin-top: 60px;
  }

  .recommend-heading {
    text-align: left;
  }

  .recommend-body:before {
    content: "";
    background: url(/img/advisory_contract_recommend_img_01.jpg) left top/contain no-repeat;
    display: block;
    float: right;
    margin-top: -140px;
    margin-right: -45px;
  }

  .plan .caption {
    font-size: 2rem;
  }

  .plan .table {
    max-width: 960px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
  }

  .plan .table > dl:not(:first-of-type) {
    border-top: 1px dotted #00476b;
  }

  .plan .table > dl > dt {
    color: #00476b;
    font-weight: bold;
  }

  .plan .table > ul:first-of-type {
    border-bottom: 1px dotted #00476b;
  }

  .plan .table > ul > li {
    color: #00476b;
    font-weight: bold;
  }

  .plan .table > ul > li:not(:first-child) {
    border-left: 1px solid #00476b;
  }

  .plan .table > dl:first-child > dt {
    width: 24%;
    text-align: center;
  }

  .plan .table > dl:first-child > dd {
    color: #00476b;
    font-weight: bold;
  }

  .plan .table > dl > dt {
    padding-left: 40px;
    padding-right: 40px;
    flex-grow: 1;
    vertical-align: middle;
  }

  .plan .table > dl > dd {
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    border-left: 1px solid #00476b;
  }

  .plan .table > dl > dd > .br {
    font-size: 1.2rem;
  }

  .feature-corporte-table > dl > dd {
    width: 14.0384vw;
    max-width: 146px;
  }

  .feature-individual {
    margin-top: 120px;
  }

  .feature-individual-table > dl > dd {
    width: 17.5961vw;
    max-width: 183px;
  }

  .feature-note {
    max-width: 960px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
  }

  .flowchart-item {
    padding: 60px 80px;
  }

  .flowchart-item:not(:first-child) {
    margin-top: 130px;
  }

  .flowchart-item:not(:first-child):before {
    font-size: 7.2rem;
    top: calc((-130px - 7.2rem) / 2 + 0.1em);
  }

  .flowchart-heading {
    font-size: 2.4rem;
    width: 180px;
    height: 180px;
    border: 4px solid #00476b;
    padding-top: 110px;
    position: absolute;
    top: 30px;
    left: -150px;
  }

  .flowchart-heading:before {
    top: 40px;
  }

  .appointment .flowchart-heading:before {
    width: 88px;
    height: 51px;
  }

  .consultation .flowchart-heading:before {
    width: 84px;
    height: 49px;
  }

  .agreement .flowchart-heading:before {
    width: 92px;
    height: 51px;
  }

  .start .flowchart-heading:before {
    width: 93px;
    height: 52px;
  }

  .resolution .flowchart-heading:before {
    width: 93px;
    height: 50px;
  }

  .flowchart-button {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .flowchart-button > li {
    width: 320px;
    margin-top: 15px;
  }

  .flowchart-button > li > a > .tel-receptionHours {
    font-size: 1.6rem;
  }

  .flowchart-button .tel {
    font-size: 2.6rem;
  }

  .flowchart-button .tel > a {
    color: #fff;
    background-color: #00476b;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    padding: 10px 35px;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .flowchart-button .tel > a:hover {
    text-decoration: none;
  }

  .flowchart-button .tel > a:before {
    color: #6abec6;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    content: "\f879";
    margin-right: 8px;
    position: relative;
    top: 0.05em;
  }

  .flowchart-button .form {
    font-size: 2.4rem;
  }

  .flowchart-button .form > a {
    color: #fff;
    background-color: #00476b;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    padding: 10px 35px;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .flowchart-button .form > a:hover {
    text-decoration: none;
  }

  .flowchart-button .form > a:before {
    color: #f8c00d;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    content: "\f0e0";
    margin-right: 8px;
    position: relative;
    top: 0.05em;
  }

  .flowchart-button .form > a {
    display: flex;
  }

  .flowchart-bring {
    margin-top: 35px;
    padding: 35px 75px;
  }

  .flowchart-bring-heading {
    font-size: 2rem;
  }

  .flowchart-bring-list > li > dl > dt {
    margin-top: 30px;
  }

  .start > .flowchart-body:before {
    content: "";
    background: url(/img/flow_flowchart_img_01.jpg) left top/contain no-repeat;
    display: block;
    width: 320px;
    height: 240px;
    float: right;
    margin-left: 2em;
    margin-bottom: 1em;
  }

  .faq-heading {
    font-size: 2.4rem;
    padding-bottom: 20px;
  }

  .faq-list > dl {
    margin-top: 50px;
  }

  .faq-list > dl > dt {
    font-size: 2rem;
    padding: 20px 25px;
    padding-left: calc(25px + 40px + 20px);
  }

  .faq-list > dl > dt:before {
    width: 40px;
    height: 40px;
    font-size: 2.4rem;
    top: 13px;
    left: 25px;
    padding-top: 0.3em;
  }

  .faq-list > dl > dd {
    padding: 20px 25px;
    padding-left: calc(25px + 40px + 20px);
  }

  .faq-list > dl > dd:before {
    width: 40px;
    height: 40px;
    font-size: 2.4rem;
    top: 13px;
    left: 25px;
    padding-top: 0.35em;
  }

  #faq .practiceAreas-heading {
    margin-top: 130px;
  }

  .practiceAreas-selection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -15px;
  }

  .practiceAreas-selection > li {
    width: 30%;
    font-size: 1.8rem;
    margin-top: 15px;
  }

  .practiceAreas-selection > li > * {
    font-weight: bold;
    line-height: 1;
    border: 2px solid #00476b;
    border-radius: 5px;
    padding: 20px 1em;
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .practiceAreas-selection > li > a {
    color: #00476b;
  }

  .practiceAreas-selection > li > a:hover {
    color: #fff;
    background-color: #00476b;
    opacity: 1;
    filter: brightness(1);
    text-decoration: none;
  }

  .practiceAreas-selection > li > a {
    width: 100%;
    display: block;
    text-align: center;
  }

  .practiceAreas-selection > li .supplement {
    display: inline-block;
  }

  .practiceAreas-category {
    margin-top: 110px;
  }

  .practiceAreas-category dl:first-child {
    margin-top: 0;
  }

  .faq-backLink > a {
    font-size: 5.6rem;
    line-height: 0.8;
    padding-left: 8px;
    padding-right: 8px;
  }

  .form-table > dl:not(:first-of-type) {
    border-top: 1px dotted #00476b;
  }

  .form-table > dl > dt {
    color: #00476b;
    font-weight: bold;
  }

  .form-table > ul:first-of-type {
    border-bottom: 1px dotted #00476b;
  }

  .form-table > ul > li {
    color: #00476b;
    font-weight: bold;
  }

  .form-table > dl > dt {
    width: 320px;
  }

  .form-property {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }

  .form-name .form-text,
  .form-kana .form-text,
  .form-tel .form-text,
  .form-email .form-text,
  .form-category-container .form-text {
    width: 428px;
  }

  .form-zipcode .form-text,
  .form-preferredDate .form-text {
    width: 214px;
  }

  .form-preferredDate-item:not(:first-child) {
    margin-top: 20px;
  }

  .form-preferredDate-item > dd {
    padding-top: 5px;
    display: flex;
  }

  .form-date {
    width: 214px;
  }

  .form-select-container {
    width: 214px;
    margin-left: 10px;
  }

  .form-category-container {
    margin-right: 30px;
  }

  .form-category-container:not(:last-of-type) {
    margin-bottom: 20px;
  }

  .form-text.others2 {
    top: -5px;
  }

  .form-textarea {
    height: 7em;
  }

  .form-notice {
    text-align: center;
    margin-top: 90px;
  }

  .form-submit-container {
    width: 380px;
    margin-top: 40px;
  }

  .form-submit-container:after {
    width: 8px;
    height: 16px;
    right: 30px;
  }

  .form-submit-container > input {
    padding: 1.2em 6em;
  }

  .form.confirm > .form-table > dl > dt {
    width: 45% !important;
  }

  .form-confirm-button {
    margin-top: 90px;
  }

  .form-confirm-button .form-submit-container {
    width: 30%;
  }

  .form-backLink {
    width: 30%;
    order: -1;
  }

  .form-backLink > a {
    padding: 1.2em 6em;
  }

  .form-confirmed p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  #blog .headline-japanese > img {
    width: 297px;
    height: auto;
  }

  #blog .headline-note {
    margin-top: 15px;
  }

  .blog-entries .preambles {
    font-size: 2rem;
  }

  .blog-entry:not(:first-child) .blog-entry-link {
    padding-top: 30px;
  }

  .blog-entry-link {
    padding-bottom: 30px;
  }

  .blog-entry-text {
    margin-left: 20px;
  }

  .blog-entries .blog-entry-date {
    margin-top: 10px;
  }

  .blog-entry-title {
    font-size: 2.4rem;
    margin-top: 10px;
  }

  .blog-single .blog-entry-title {
    font-size: 3.2rem;
    margin-top: 0;
  }

  .blog-single .blog-entry-related .blog-entry-title {
    font-size: 2.4rem;
    margin-top: 10px;
  }

  .blog-entries .blog-entry-body {
    margin-top: 5px;
  }

  .blog-single .blog-entry-body {
    margin-top: 30px;
  }

  .blog-entry-footer {
    margin-top: auto;
    margin-bottom: 15px;
  }

  .blog-entries .blog-entry-author {
    top: -0.3em;
  }

  .blog-single .blog-entry-author {
    margin-top: calc((40px - 1.6rem) * -1);
  }

  .blog-single .blog-entry-related .blog-entry-author {
    top: -0.3em;
  }

  .blog-entry-author:before {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    top: calc((40px - 1.6rem) / 2);
  }

  .blog-single .blog-entry-category {
    margin-bottom: 0.15em;
  }

  .blog-single .blog-entry-category > a {
    font-size: 1.2rem;
  }

  .blog-entry-related .blog-entry-category,
  .blog-entries .blog-entry-category {
    font-size: 1.2rem;
    margin-bottom: -0.1em;
  }

  .blog-single .blog-entry-related .blog-entry-category {
    margin-bottom: -0.5em;
  }

  .blog-entries-pageNav {
    justify-content: center;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-entries-pageNav > li:nth-child(2) {
    margin-left: 50px;
  }

  .blog-entry-pageNav {
    justify-content: space-between;
    margin-top: 70px;
  }

  .blog-entry-pageNav > li {
    max-width: 50%;
  }

  .blog-entry-pageNav > li:nth-child(2) {
    margin-left: 50px;
  }

  .blog-nav-container:not(:first-child) {
    margin-top: 40px;
  }

  .blog-entry-related {
    margin-top: 110px;
  }

  .blog-entry-related > .strokeButton {
    margin-top: 50px;
  }

  .blog-entry-related-head {
    font-size: 2.4rem;
    line-height: 1;
    padding-bottom: 20px;
  }

  .blog-nav-head {
    font-size: 2.4rem;
  }

  .blog-nav-head:before {
    margin-right: 5px;
  }

  .blog-nav-list {
    margin-top: 15px;
  }

  .blog-nav-list > li > a {
    padding: 20px;
    padding-right: 40px;
  }

  .blog-nav-list > li > a:after {
    right: 20px;
  }

  .search-form {
    margin-top: 15px;
  }

  .blog-single .blog-entry-title {
    font-size: 3.2rem;
  }

  .blog-single .blog-entry-related .blog-entry-title {
    font-size: 2.4rem;
  }

  .blog-property {
    padding-bottom: 15px;
  }

  .blog-property > *:not(:first-child) {
    margin-left: 30px;
  }

  .privacy-list > li > p {
    margin-left: 29.5px;
  }

  .privacy-head {
    font-size: 2rem;
  }

  .privacy-purpose-list {
    margin-left: calc(29.5px + 0.25em);
  }

  .privacy-contact {
    margin-left: 29.5px;
  }

  .privacy-contact > .spbr {
    margin-left: 1em;
  }

  .covid19 .countermeasures {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 751px) and (min-width: 1280px) {
  .l-fixed {
    width: calc(1040px + (32px * 2));
    padding-left: 32px;
    padding-right: 32px;
  }

  .l-header {
    padding-left: 32px;
    padding-right: 32px;
  }

  .l-advantage > li:nth-child(odd) {
    margin-left: 410px;
  }

  .l-advantage > li:nth-child(even) {
    margin-right: 410px;
  }
}

@media print and (min-resolution: 2dppx), screen and (min-width: 751px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 751px) and (min-resolution: 2dppx) {
  .l-mainVisual {
    background-image: url(/img/index_mainvisual_1280*864@2x.jpg);
  }

  .l-headline {
    background-image: url(/img/inside_headline_bg@2x.jpg);
  }

  .greetings {
    background-image: url(/img/office_greetings_bg@2x.jpg), url(/img/radius_outside_bg_white.svg) !important;
  }

  .guideline-body:before {
    background-image: url(/img/legal_fees_guideline_img_01@2x.jpg);
  }

  .recommend-body:before {
    background-image: url(/img/advisory_contract_recommend_img_01@2x.jpg);
  }

  .start > .flowchart-body:before {
    background-image: url(/img/flow_flowchart_img_01@2x.jpg);
  }
}

@media screen and (min-width: 751px) and (min-width: 1281px) {
  .l-mainVisual {
    background-image: url(/img/index_mainvisual_1280*1280.jpg);
    background-position: center bottom calc((-100vw + 1280px) * 0.35625);
  }
}

@media screen and (min-width: 751px) and (min-width: 1281px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 751px) and (min-width: 1281px) and (min-resolution: 2dppx) {
  .l-mainVisual {
    background-image: url(/img/index_mainvisual_1280*1280@2x.jpg);
  }
}

@media screen and (min-width: 751px) and (min-width: 1040px) {
  .l-corporate .l-container {
    padding-left: 472px;
  }

  .profile-photo {
    margin-left: 50px;
  }

  .profile-photo:after {
    top: 50px;
    left: -50px;
  }

  .profile-text {
    margin-left: 70px;
  }

  .maki .profile-text:before {
    width: 452px;
    height: 108px;
    top: -64px;
    left: -140px;
  }

  .nozawa .profile-text:before {
    width: 587px;
    height: 115px;
    top: -64px;
    left: -121px;
  }

  .nishikawa .profile-text:before {
    width: 552px;
    height: 120px;
    top: -57px;
    left: -123px;
  }

  .kondo .profile-text:before {
    width: 465px;
    height: 114px;
    top: -68px;
    left: -119px;
  }

  .guideline-body:before {
    width: 417px;
    height: 300px;
  }

  .content-category {
    margin-top: -70px;
    margin-left: -70px;
  }

  .content-category > dl {
    margin-top: 70px;
    margin-left: 70px;
  }

  .recommend-body:before {
    width: 630px;
    height: 420px;
  }

  .blog-entry-thumbnail > img {
    width: 240px;
    height: 240px;
    object-fit: cover;
  }

  .blog-entry-related .blog-entry-thumbnail > img {
    width: 136px;
    height: 136px;
    object-fit: cover;
  }
}

@media print, screen and (min-width: 751px) and (min-width: 751px) {
  .footer-link > li {
    width: 212px;
    text-align: center;
  }

  .footer-link > li > a {
    width: 100%;
    color: #00476b;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
  }

  .footer-link > li > a:hover {
    text-decoration: none;
  }

  .footer-link > li > a:before {
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
  }

  .guideline-cheatSheet-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .guideline-cheatSheet-table > dl {
    display: table-row;
  }

  .guideline-cheatSheet-table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .guideline-cheatSheet-table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .guideline-cheatSheet-table > ul {
    display: table-row;
  }

  .guideline-cheatSheet-table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .plan .table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .plan .table > dl {
    display: table-row;
  }

  .plan .table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .plan .table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .plan .table > ul {
    display: table-row;
  }

  .plan .table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .form-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .form-table > dl {
    display: table-row;
  }

  .form-table > dl > dt {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .form-table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .form-table > ul {
    display: table-row;
  }

  .form-table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 750px) {
  .l-stretch-sp {
    padding-left: 5.3333vw;
    padding-right: 5.3333vw;
  }

  .l-header {
    padding: 2.2666vw 2.6666vw;
  }

  .l-footer-main > .flex-container > .flex-item.flex-second {
    display: none;
  }

  .l-mainVisual {
    min-height: 88.6666vw;
    background: url(/img/index_mainvisual_sp.jpg) center bottom/cover no-repeat;
  }

  .l-news {
    margin-top: -7.4666vw;
    margin-left: 2.6666vw;
    margin-right: 2.6666vw;
    margin-bottom: 10vw;
  }

  .l-intro {
    background-size: contain;
    background-image: url(/img/radius_outside_bg_white.svg);
    margin-top: -2.728vw;
    padding-bottom: 15.28125vw;
  }

  .l-advantage {
    margin-top: 9.3333vw;
  }

  .l-section {
    padding-bottom: calc(3.28125vw + 10.66vw);
  }

  .l-section:nth-of-type(odd) {
    padding-top: calc(3.28125vw + 14.6666vw);
  }

  .l-section:nth-of-type(even) {
    padding-top: 9.3333vw;
    padding-bottom: 14.6666vw;
  }

  .l-breadcrumb {
    display: none;
  }

  .l-headline {
    height: 25.7333vw;
    background-image: url(/img/inside_headline_bg_sp.jpg);
    border-top: 2.6666vw solid #daedf7;
  }

  .l-headline + .l-section {
    padding-top: calc((-2.734375vw * -1) + 9.3333vw);
  }

  .l-individual {
    margin-top: 9.3333vw;
  }

  .l-profile .l-container {
    margin-top: 10.6666vw;
  }

  .l-fromOthers {
    padding-top: 9.3333vw;
  }

  .l-bnrArea {
    margin-top: 10.6666vw;
  }

  .form-table {
    margin-top: 9.3333vw;
  }

  .l-blog-nav {
    margin-top: 13.3333vw;
  }

  .siteTitle img {
    width: 21.0666vw;
    height: auto;
    vertical-align: middle;
  }

  .globalNav {
    flex-direction: column;
  }

  .globalNav-drowerButton {
    display: flex;
    justify-content: flex-end;
  }

  .globalNav-drowerButton > * {
    margin-left: 2.6666vw;
  }

  .globalNav-main {
    font-weight: bold;
    line-height: 1;
    margin-top: 4vw;
    border-bottom: 1px dotted #7fa3b5;
  }

  .globalNav-main > li {
    border-top: 1px dotted #7fa3b5;
  }

  .globalNav-main > li > a {
    display: block;
    padding: 3.3333vw 2.6666vw;
    position: relative;
  }

  .globalNav-main > li > a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-size: 2.4rem;
    font-weight: 300;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.6666vw;
  }

  .globalNav-sub {
    font-size: 1.4rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .globalNav-sub > li {
    width: calc(50% - 2vw);
    line-height: 1;
    border-bottom: 1px dotted #7fa3b5;
  }

  .globalNav-sub a {
    display: block;
    padding: 3.3333vw 2.6666vw;
  }

  .globalNav-sub .line {
    width: auto;
    border-bottom: none;
    position: absolute;
    left: 5.3333vw;
    top: 1.6em;
  }

  .globalNav-sub .line > a {
    padding: 0;
  }

  .globalNav-contact {
    list-style: none;
    margin-top: auto;
  }

  .globalNav-contact .tel-number {
    font-size: 6.4vw;
    line-height: 1;
    text-align: center;
  }

  .globalNav-contact .tel-number > a {
    color: #00476b;
    font-weight: bold;
    text-decoration: none;
  }

  .globalNav-contact .tel-receptionHours {
    color: #7fa3b5;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin-top: 0.9333vw;
  }

  .globalNav-contact .form {
    margin-top: 4vw;
  }

  .contactNav {
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
  }

  .contactNav > li {
    font-size: 1.8666vw;
    display: table;
    margin-right: 2.6666vw;
  }

  .contactNav > li > a {
    color: #fff;
    font-weight: bold;
    width: 10.4vw;
    height: 10.4vw;
    line-height: 1;
    display: block;
    background-color: #00476b;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding-top: calc(6.6666vw + 2px);
  }

  .contactNav > li > a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: 1.3333vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .contactNav > li > a:hover {
    text-decoration: none;
  }

  .contactNav .tel > a:before {
    color: #6abec6;
    font-size: 4.8vw;
    content: "\f879";
  }

  .contactNav .form > a:before {
    color: #f8c00d;
    font-size: 5.3333vw;
    content: "\f0e0";
  }

  #sd-menu {
    background-color: #edf9f8;
    width: 85.3333vw;
    height: 100%;
    overflow: auto;
    position: fixed;
    z-index: 100;
    right: -85.3333vw;
    top: 0;
    transition: transform 0.3s ease-out;
    padding: 2.2666vw 5.3333vw 5.3333vw 5.3333vw;
  }

  #sd-menu.block {
    transform: translate3d(-85.3333vw, 0, 0);
  }

  /* 開くボタン */

  .sd-trigger > a {
    color: #00476b;
    width: 10.4vw;
    height: 10.4vw;
    font-size: 1.8666vw;
    font-weight: bold;
    line-height: 1;
    display: block;
    border: 2px solid #00476b;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding-top: 6.6666vw;
    letter-spacing: -0.05em;
    cursor: pointer;
  }

  .sd-trigger > a:before {
    content: "\f0c9";
    font-family: "Font Awesome 5 Pro";
    font-size: 5.3333vw;
    font-weight: 900;
    position: absolute;
    top: 1.0666vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .sd-trigger > a:hover {
    cursor: pointer;
    text-decoration: none;
  }

  /* ホームボタン */

  .sd-home > a {
    color: #00476b;
    width: 10.4vw;
    height: 10.4vw;
    font-size: 1.8666vw;
    font-weight: bold;
    line-height: 1;
    display: block;
    border: 2px solid #00476b;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding-top: 6.6666vw;
    cursor: pointer;
    margin-left: auto;
  }

  .sd-home > a:before {
    content: "\f015";
    font-family: "Font Awesome 5 Pro";
    font-size: 6vw;
    font-weight: 900;
    position: absolute;
    top: 0.5333vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .sd-home > a:hover {
    cursor: pointer;
    text-decoration: none;
  }

  /* 閉じるボタン */

  .sd-close > a {
    color: #00476b;
    width: 10.4vw;
    height: 10.4vw;
    font-size: 1.8666vw;
    font-weight: bold;
    line-height: 1;
    display: block;
    border: 2px solid #00476b;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding-top: 6.6666vw;
    cursor: pointer;
    margin-left: auto;
  }

  .sd-close > a:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-size: 6.9333vw;
    font-weight: 300;
    position: absolute;
    top: 0.4vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .sd-close > a:hover {
    cursor: pointer;
    text-decoration: none;
  }

  /* オーバーレイ */

  #sd-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 75;
    left: 0;
    bottom: -100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
  }

  #sd-overlay.block {
    bottom: 0;
    opacity: 1;
  }

  .footer-main {
    padding: 10.6666vw 5.3333vw 8vw;
  }

  .footer-logo img {
    width: 32vw;
    height: auto;
  }

  .footer-address {
    font-size: 1.4rem;
    margin-top: -0.2em;
    margin-left: 4vw;
  }

  .footer-number {
    font-size: 2.4rem;
    margin-top: 4vw;
  }

  .footer-number > a {
    background-color: #fff;
    border-radius: 5px;
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: block;
  }

  .footer-number > a:before {
    margin-right: 4.6666vw;
  }

  .footer-receptionHours {
    margin-top: 4vw;
  }

  .footer-note {
    line-height: 1.6;
    margin-top: 1.3333vw;
  }

  .footer-form {
    margin-top: 4.6666vw;
  }

  .footer-form.contactButton {
    font-size: 1.9rem;
  }

  .footer-form.contactButton > a {
    color: #fff;
    background-color: #62aacc;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    padding: 5.3333vw 5.3333vw;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .footer-form.contactButton > a:hover {
    text-decoration: none;
  }

  .footer-form.contactButton > a:before {
    color: #ffd85d;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    content: "\f0e0";
    margin-right: 8px;
    position: relative;
    top: 0.05em;
  }

  .footer-nav {
    display: none;
  }

  .footer-icon {
    position: absolute;
    top: 29.1999vw;
    left: 7.0666vw;
  }

  .footer-icon > li.facebook {
    font-size: 2.8rem;
    margin-left: 2.6666vw;
  }

  .footer-icon > li.line {
    font-size: 2.8rem;
    margin-left: 2.6666vw;
  }

  .footer-icon > li > a {
    color: #00476b;
  }

  .footer-copyright {
    font-size: 1rem;
    padding-top: 6.6666vw;
    padding-bottom: 6.6666vw;
  }

  .spbr:before {
    content: "\a";
    white-space: pre;
  }

  .table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .table > dl > dt {
    padding-top: 2.6666vw;
  }

  .table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .table > ul > li {
    padding-bottom: 2.6666vw;
  }

  .headline-japanese {
    font-size: 1.8rem;
    margin-top: 0.6666vw;
  }

  .headline-english {
    font-size: 1.1rem;
    margin-top: 2vw;
  }

  .sectionHeading {
    font-size: 1.8rem;
    margin-bottom: 8vw;
  }

  .largeHeading {
    font-size: 1.8rem;
    margin-bottom: 5.3333vw;
  }

  .index > .news {
    padding: 5.3333vw 2.6666vw 4.6666vw 2.6666vw;
  }

  .news-head {
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
  }

  .news-list {
    border-top: 1px dotted #7fa3b5;
    margin-top: 5.3333vw;
  }

  .news-item {
    border-bottom: 1px dotted #7fa3b5;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .news-date {
    font-size: 1.3rem;
  }

  .tagline-english {
    margin-top: 5.3333vw;
    margin-left: 6.6666vw;
  }

  .tagline-english img {
    width: 61.3333vw;
    height: auto;
  }

  .tagline-japanese {
    margin-top: -3.3333vw;
    margin-right: 8vw;
  }

  .tagline-japanese img {
    width: 57.0666vw;
    height: auto;
  }

  .intro-head {
    width: 90.6666vw;
  }

  .advantage > li {
    padding: 6.6666vw 5.3333vw 6vw;
  }

  .advantage > li:first-child {
    margin-top: 9.3333vw;
  }

  .advantage > li:not(:first-child) {
    margin-top: 10.6666vw;
  }

  .advantage > li:before {
    width: 32vw;
    height: 32vw;
    top: -4.5333vw;
    left: -8.4vw;
  }

  .advantage > li:first-child:before {
    content: "";
    background: url(/img/index_number_symbol_01_sp.svg) left top/contain no-repeat;
  }

  .advantage > li:nth-child(2):before {
    content: "";
    background: url(/img/index_number_symbol_02_sp.svg) left top/contain no-repeat;
  }

  .advantage > li:nth-child(3):before {
    content: "";
    background: url(/img/index_number_symbol_03_sp.svg) left top/contain no-repeat;
  }

  .advantage > li:last-child:before {
    content: "";
    background: url(/img/index_number_symbol_04_sp.svg) left top/contain no-repeat;
  }

  .advantage-head {
    font-size: 2rem;
    line-height: 1.5;
    padding-left: 22.6666vw !important;
  }

  .advantage-text {
    margin-top: 8vw;
  }

  .advantage-link {
    flex-wrap: wrap;
  }

  .advantage-link > .strokeButton {
    margin-top: 4vw;
    margin-left: 6.6666vw;
  }

  .advantage-link > .strokeButton > * {
    font-weight: bold;
    line-height: 1;
    border: 3px solid #fff;
    border-radius: 5px;
    padding: 3.3333vw 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  .advantage-link > .strokeButton > a {
    color: #fff;
  }

  .advantage-link > .strokeButton > a:hover {
    color: #fff;
    background-color: #fff;
    opacity: 1;
    filter: brightness(1);
    text-decoration: none;
  }

  .advantage-link > .strokeButton > a {
    width: 34.6666vw;
    text-align: center;
  }

  .index > .blog {
    padding-top: 6.6666vw;
    padding-bottom: 13.3333vw;
  }

  .index .blog-head img {
    width: 167px;
    height: auto;
  }

  .index .blog-entry {
    margin-top: 6vw;
  }

  .index .entry-link {
    display: flex;
    padding: 2.6666vw;
    line-height: 1;
  }

  .index .entry-image > img {
    width: 80px;
    height: 80px;
  }

  .index .entry-text {
    margin-left: 2.6666vw;
    flex-grow: 1;
  }

  .index .entry-date {
    font-size: 1.2rem;
  }

  .index .entry-title {
    font-size: 1.6rem;
    line-height: 1.3125;
    margin-top: 1.3333vw;
  }

  .index .entry-body {
    display: none;
  }

  .index .entry-author {
    font-size: 1.2rem;
  }

  .index .entry-author:before {
    width: 20px;
    height: 20px;
    margin-right: 1.3333vw;
    top: calc((20px - 1.2rem) / 2);
  }

  .index .blog-archive {
    margin-top: 6vw;
  }

  .greetings {
    background-image: url(/img/office_greetings_bg_sp.jpg), url(/img/radius_outside_bg_white.svg) !important;
    background-size: 356px auto, contain !important;
  }

  .greetings-heading > img {
    width: 53.8666vw;
    height: auto;
  }

  .greetings-author > img {
    width: 119px;
    height: auto;
  }

  .outline-table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .outline-table > dl > dt {
    padding-top: 2.6666vw;
  }

  .outline-table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .outline-table > ul > li {
    padding-bottom: 2.6666vw;
  }

  .outline-table > dl > dd a[href^="tel:"] {
    color: #423c3a;
  }

  .outline-figure {
    display: none;
  }

  .access-map-rendering:before {
    width: 40px;
    height: 60px;
    top: 2.6666vw;
    right: 2.6666vw;
  }

  .access-map-link {
    margin-top: 4vw;
  }

  .access-map-link > li {
    text-align: center;
  }

  .access-map-link > li > a {
    width: 42.00005vw;
    padding: 2.6666vw 0;
  }

  .access-train {
    margin-top: 10.6666vw;
  }

  .access-car {
    margin-top: 10.6666vw;
  }

  .access-train-guide {
    margin-top: 1.3333vw;
    margin-left: -4vw;
  }

  .guide-item {
    width: 42.6666vw;
    min-width: 160px;
    margin-top: 5.3333vw;
    margin-left: 4vw;
  }

  .guide-photo {
    width: 100%;
  }

  .guide-caption {
    margin-top: 0.4em;
  }

  #practiceAreas .sectionHeading {
    border-bottom: 2px solid #00476b;
    padding-bottom: 6.6666vw;
  }

  .individual-category:not(:first-child) {
    margin-top: 9.3333vw;
  }

  .category-heading {
    margin-bottom: 0;
    line-height: 1.4;
    padding-top: 6.6666vw;
    padding-bottom: 6.6666vw;
  }

  .category-heading:before {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vw;
  }

  .inheritance .category-heading:before {
    width: 11.2vw;
    height: 10.8vw;
  }

  .trafficAccident .category-heading:before {
    width: 13.3333vw;
    height: 7.8666vw;
  }

  .realEstate .category-heading:before {
    width: 7.3333vw;
    height: 12.2666vw;
  }

  .labor .category-heading:before {
    width: 9.4666vw;
    height: 11.0666vw;
  }

  .divorce .category-heading:before {
    width: 11.3333vw;
    height: 9.4666vw;
  }

  .multipleDebts .category-heading:before {
    width: 11.2vw;
    height: 9.8666vw;
  }

  .guardianship .category-heading:before {
    width: 8.5333vw;
    height: 12.8vw;
  }

  .bkan .category-heading:before {
    width: 9.0666vw;
    height: 9.0666vw;
  }

  .criminalCase .category-heading:before {
    width: 12.4vw;
    height: 12.8vw;
  }

  .category-case > li {
    padding-top: 4.9333vw;
    padding-left: 9.0666vw;
    padding-bottom: 4vw;
  }

  .category-case > li:before {
    width: 6.4vw;
    height: 6.4vw;
    font-size: 4.2666vw;
    line-height: 6.4vw;
    margin-right: 2.6666vw;
  }

  .category-text {
    margin-top: 4vw;
  }

  .corporate {
    padding-top: 9.3333vw;
  }

  .corporate .container:before {
    width: 35.4666vw;
    height: 25.0666vw;
    margin-left: auto;
    margin-right: auto;
  }

  .corporate-case {
    margin-top: 5.3333vw;
  }

  .corporate-body {
    margin-top: 10.6666vw;
  }

  .corporate-advisoryContract {
    margin-top: 5.3333vw;
  }

  .profile-selection {
    position: relative;
  }

  .profile-selection:after {
    width: 1em;
    height: 1em;
    color: #00476b;
    line-height: 0;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 4vw;
  }

  .profile-selection > select {
    color: #00476b;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    border: 2px solid #00476b;
    padding: 2vw 4vw;
    appearance: none;
    cursor: pointer;
  }

  .profile-photo {
    width: 63.7333vw;
    height: 63.7333vw;
    margin-left: calc(50% + 4.8076vw);
    transform: translateX(-50%);
  }

  .profile-photo:after {
    width: 63.7333vw;
    height: 63.7333vw;
    top: 8.9333vw;
    left: -8.9333vw;
  }

  .profile-photo > img {
    width: 100%;
  }

  .profile-text {
    margin-top: 20vw;
  }

  .profile-text:before {
    top: -15vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .maki .profile-text:before {
    width: 60.2666vw;
    height: 14.4vw;
  }

  .nozawa .profile-text:before {
    width: 78.2666vw;
    height: 15.3333vw;
  }

  .nishikawa .profile-text:before {
    width: 73.6vw;
    height: 16vw;
  }

  .kondo .profile-text:before {
    width: 62vw;
    height: 15.2vw;
    top: -16vw;
  }

  .profile-heading {
    font-size: 2rem;
    text-align: center;
  }

  .profile-heading > .qualification {
    font-size: 1.6rem;
  }

  .profile-affiliation {
    font-size: 1.4rem;
    margin-top: 2vw;
    text-align: center;
  }

  .profile-message {
    margin-top: 6.6666vw;
  }

  .profile-table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .profile-table > dl > dt {
    padding-top: 2.6666vw;
  }

  .profile-table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .profile-table > ul > li {
    padding-bottom: 2.6666vw;
  }

  .profile-table {
    margin-top: 13.3333vw;
  }

  .profile-bio .dl-horizontal > dt {
    width: 7em;
    text-align: right;
    float: left;
  }

  .profile-bio .dl-horizontal > dd {
    padding-left: calc(7em + 1em);
  }

  .profile-achievement > dt > .supplement {
    margin-left: -1em;
  }

  .fromOthers-heading {
    font-size: 1.8rem;
  }

  .fromOthers-person {
    background-color: #edf9f8;
    border-radius: 10px;
    margin-top: 8vw;
    padding: 3.3333vw;
  }

  .fromOthers-name {
    font-size: 1.4rem;
    margin-right: 1.3333vw;
    margin-bottom: 1.3333vw;
  }

  .fromOthers-name:before {
    width: 19.4666vw;
    height: 19.4666vw;
    margin-bottom: 1.3333vw;
  }

  .bnrArea .bnrArea-list {
    width: 75%;
    flex-direction: column;
    align-content: center;
    gap: 4vw;
  }

  .guideline-body:after {
    content: "";
    background: url(/img/legal_fees_guideline_img_01.jpg) left top/contain no-repeat;
    display: block;
    width: 71.8666vw;
    height: 47.8666vw;
    margin-left: auto;
    margin-right: auto;
  }

  .guideline-cheatSheet {
    margin-top: 9.3333vw;
  }

  .guideline-cheatSheet-caption {
    font-size: 1.8rem;
    line-height: 1.4;
  }

  .guideline-cheatSheet-table {
    margin-top: 4vw;
  }

  .guideline-cheatSheet-table > dl:not(:first-of-type) {
    border-top: 1px dotted #00476b;
  }

  .guideline-cheatSheet-table > dl > dt {
    color: #00476b;
    font-weight: bold;
  }

  .guideline-cheatSheet-table > ul:first-of-type {
    border-bottom: 1px dotted #00476b;
  }

  .guideline-cheatSheet-table > ul > li {
    color: #00476b;
    font-weight: bold;
  }

  .guideline-cheatSheet-table > ul > li {
    display: none;
  }

  .guideline-cheatSheet-table > dl {
    display: flex;
    flex-wrap: wrap;
  }

  .guideline-cheatSheet-table > dl > dt {
    width: 100%;
    background-color: #edf9f8;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 1.8666vw;
  }

  .guideline-cheatSheet-table > dl > dd {
    width: 50%;
    padding-top: 1.8666vw;
  }

  .guideline-cheatSheet-table > dl > dd > b {
    color: #00476b;
    font-weight: bold;
    display: block;
  }

  .guideline-cheatSheet-note {
    margin-top: 5.3333vw;
  }

  .content-category > dl {
    margin-top: 8.6666vw;
    padding: 8.6666vw 6.6666vw 6.6666vw;
  }

  .content-category > dl > dt {
    font-size: 1.8rem;
  }

  .content-category > dl > dd {
    margin-top: 2vw;
  }

  .content-category-others {
    margin-top: 8.6666vw;
  }

  .recommend-heading {
    margin-bottom: 0;
  }

  .recommend-heading > img {
    width: 76.5333vw;
    height: auto;
  }

  .recommend-body:before {
    content: "";
    background: url(/img/advisory_contract_recommend_img_01.jpg) left top/contain no-repeat;
    display: block;
    width: 71.8666vw;
    height: 47.8666vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8vw;
  }

  .plan .caption {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .plan .table {
    margin-top: 8vw;
  }

  .plan .table > dl:not(:first-of-type) {
    border-top: 1px dotted #00476b;
  }

  .plan .table > dl > dt {
    color: #00476b;
    font-weight: bold;
  }

  .plan .table > ul:first-of-type {
    border-bottom: 1px dotted #00476b;
  }

  .plan .table > ul > li {
    color: #00476b;
    font-weight: bold;
  }

  .plan .table:first-of-type {
    margin-top: 4vw;
  }

  .plan .table > h4 {
    color: #00476b;
    background-color: #edf9f8;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    padding-top: 2.6666vw;
    padding-bottom: 2.6666vw;
  }

  .plan .table > dl {
    display: flex;
    align-items: center;
    border-top: 1px dotted #00476b;
  }

  .plan .table > dl > dt {
    width: 50%;
    color: #00476b;
    font-weight: bold;
    line-height: 1.4;
    padding-top: 2.6666vw;
    padding-left: 4vw;
    padding-bottom: 2.6666vw;
  }

  .plan .table > dl > dd {
    width: 50%;
    text-align: center;
    line-height: 1.4;
    padding-top: 2.6666vw;
    padding-bottom: 2.6666vw;
  }

  .plan .table > dl > dd > .br {
    font-size: 1.2rem;
  }

  .feature-individual {
    margin-top: 8vw;
  }

  .feature-note {
    margin-top: 6vw;
  }

  .flowchart-item {
    padding: 8vw 5.3333vw;
  }

  .flowchart-item:not(:first-child) {
    margin-top: 33.3333vw;
  }

  .flowchart-item:not(:first-child):before {
    font-size: 5.4rem;
    top: calc((-33.3333vw - 5.4rem) / 2 + 0.1em);
  }

  .flowchart-heading {
    font-size: 1.8rem;
    width: 32vw;
    height: 32vw;
    border: 3px solid #00476b;
    margin-top: -12.2666vw;
    margin-left: -9.3333vw;
    margin-right: 1em;
    padding-top: 18.6666vw;
    position: relative;
    float: left;
  }

  .flowchart-heading:before {
    top: 6.6666vw;
  }

  .appointment .flowchart-heading:before {
    width: 15.8666vw;
    height: 9.3333vw;
  }

  .consultation .flowchart-heading:before {
    width: 15.2vw;
    height: 8.9333vw;
  }

  .agreement .flowchart-heading:before {
    width: 16.6666vw;
    height: 9.3333vw;
  }

  .start .flowchart-heading:before {
    width: 16.8vw;
    height: 9.3333vw;
  }

  .resolution .flowchart-heading:before {
    width: 16.6666vw;
    height: 9.0666vw;
  }

  .flowchart-button > li {
    margin-top: 6vw;
  }

  .flowchart-button > li > a:before {
    font-size: 2.1rem !important;
    position: relative;
  }

  .flowchart-button > li > a > .tel-receptionHours {
    font-size: 1.6rem;
  }

  .flowchart-button .tel {
    font-size: 2.7rem;
  }

  .flowchart-button .tel > a {
    color: #fff;
    background-color: #00476b;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    padding: 4vw 4.6666vw;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .flowchart-button .tel > a:hover {
    text-decoration: none;
  }

  .flowchart-button .tel > a:before {
    color: #6abec6;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    content: "\f879";
    margin-right: 8px;
    position: relative;
    top: 0.05em;
  }

  .flowchart-button .tel > a:before {
    top: -0.1em;
  }

  .flowchart-button .form {
    font-size: 1.8rem;
  }

  .flowchart-button .form > a {
    color: #fff;
    background-color: #00476b;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    padding: 4vw 4.6666vw;
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .flowchart-button .form > a:hover {
    text-decoration: none;
  }

  .flowchart-button .form > a:before {
    color: #f8c00d;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2em;
    content: "\f0e0";
    margin-right: 8px;
    position: relative;
    top: 0.05em;
  }

  .flowchart-button .form > a:before {
    top: 0.05em;
  }

  .flowchart-bring {
    margin-top: 8vw;
    padding: 8vw 5.3333vw;
  }

  .flowchart-bring-list > li > dl > dt {
    margin-top: 8vw;
  }

  .start > .flowchart-body:after {
    content: "";
    background: url(/img/flow_flowchart_img_01.jpg) left top/contain no-repeat;
    display: block;
    width: 74.6666vw;
    height: 56vw;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-heading {
    font-size: 1.8rem;
    padding-left: 5.3333vw;
    padding-bottom: 2.6666vw;
  }

  .faq-list > dl > dt {
    padding: 4vw 5.3333vw;
    padding-left: calc(5.3333vw + 6.4vw + 2.6666vw);
  }

  .faq-list > dl > dt:before {
    width: 6.4vw;
    height: 6.4vw;
    top: 3.3333vw;
    left: 5.3333vw;
    padding-top: 0.25em;
  }

  .faq-list > dl > dd {
    padding: 4vw 5.3333vw;
    padding-left: calc(5.3333vw + 6.4vw + 2.6666vw);
  }

  .faq-list > dl > dd:before {
    width: 6.4vw;
    height: 6.4vw;
    top: 4.6666vw;
    left: 5.3333vw;
    padding-top: 0.2em;
  }

  #faq .practiceAreas-heading {
    margin-top: 17.3333vw;
  }

  .practiceAreas-selection {
    position: relative;
    margin-left: 5.3333vw;
    margin-right: 5.3333vw;
  }

  .practiceAreas-selection:after {
    width: 1em;
    height: 1em;
    color: #00476b;
    line-height: 0;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: block;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 4vw;
  }

  .practiceAreas-selection > select {
    color: #00476b;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    border: 2px solid #00476b;
    padding: 2vw 4vw;
    appearance: none;
    cursor: pointer;
  }

  .practiceAreas-category {
    margin-top: 14.6666vw;
  }

  .faq-backLink > a {
    font-size: 3.2rem;
    line-height: 1;
    margin-right: 5.3333vw;
    padding-left: 1.3333vw;
    padding-right: 1.3333vw;
  }

  .form-table > dl:not(:first-of-type) {
    border-top: 1px dotted #00476b;
  }

  .form-table > dl > dt {
    color: #00476b;
    font-weight: bold;
  }

  .form-table > ul:first-of-type {
    border-bottom: 1px dotted #00476b;
  }

  .form-table > ul > li {
    color: #00476b;
    font-weight: bold;
  }

  .form-table > dl > dt {
    padding-left: 2.9em;
  }

  .form-table > dl > dd {
    padding-top: 2vw;
  }

  .form-property {
    top: calc(2.6666vw + 0.2em);
    left: 0;
  }

  .form-preferredDate-item .form-property {
    top: 0.2em;
  }

  .form-zipcode > dd .addressSearch {
    flex-shrink: 0;
  }

  .form-zipcode > dd .form-text {
    width: 60%;
  }

  .form-preferredDate > dt {
    padding-left: 0 !important;
  }

  .form-preferredDate-item:not(:first-child) {
    margin-top: 6.6666vw;
  }

  .form-date {
    width: 100%;
  }

  .form-select-container {
    width: 100%;
    margin-top: 2vw;
  }

  .form-category-container:not(:last-of-type) {
    margin-bottom: 2vw;
  }

  .form-text.others2 {
    top: -2vw;
  }

  .form-textarea {
    height: 9em;
  }

  .form-notice {
    margin-top: 12vw;
  }

  .form-submit-container {
    margin-top: 10.6666vw;
  }

  .form-submit-container:after {
    width: 2.1333vw;
    height: 4.4vw;
    right: 3.3333vw;
  }

  .form-submit-container > input {
    padding: 4.6666vw;
  }

  .form.confirm > .form-table > dl > dt {
    padding-left: 0;
  }

  .form-confirm-button {
    margin-top: 6vw;
  }

  .form-confirm-button .form-submit-container {
    width: 100%;
  }

  .form-backLink {
    width: 70%;
    margin-top: 6vw;
  }

  .form-backLink > a {
    width: 100%;
  }

  #blog .headline-japanese > img {
    width: 167px;
    height: auto;
  }

  #blog .headline-note {
    font-size: 1rem;
    margin-top: 2vw;
  }

  .blog-entry:not(:first-child) .blog-entry-link {
    padding-top: 4vw;
  }

  .blog-entry-link {
    padding-bottom: 4vw;
  }

  .blog-entry-thumbnail > img {
    width: 21.3333vw;
    height: 21.3333vw;
    object-fit: cover;
  }

  .blog-entry-text {
    margin-left: 2.6666vw;
  }

  .blog-entry-date {
    font-size: 1.2rem;
  }

  .blog-entry-title {
    font-size: 1.6rem;
    margin-top: 1.3333vw;
    margin-bottom: 2vw;
  }

  .blog-single .blog-entry-title {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 0;
  }

  .blog-single .blog-entry-related .blog-entry-title {
    font-size: 1.6rem;
    margin-top: 1.3333vw;
    margin-bottom: 2vw;
  }

  .blog-entries .blog-entry-body {
    display: none;
  }

  .blog-single .blog-entry-body {
    margin-top: 4vw;
  }

  .blog-single .blog-entry-body > p.aligncenter > img:first-child {
    margin-right: -1em;
  }

  .blog-single .blog-entry-body > p.aligncenter > img:not(:first-child) {
    margin-top: 1.5em;
  }

  .blog-single .blog-entry-body > p > img {
    width: 90%;
    height: auto;
  }

  .blog-entry-footer {
    margin-top: auto;
  }

  .blog-entries .blog-entry-author {
    font-size: 1.2rem;
    top: -0.4em;
  }

  .blog-single .blog-entry-author {
    font-size: 1.2rem;
    margin-top: calc((20px - 1.2rem) * -1);
  }

  .blog-single .blog-entry-related .blog-entry-author {
    font-size: 1.2rem;
    top: -0.4em;
  }

  .blog-entry-author:before {
    width: 20px;
    height: 20px;
    margin-right: 1.3333vw;
    top: calc((20px - 1.2rem) / 2);
  }

  .blog-single .blog-entry-category {
    margin-bottom: 0.4em;
  }

  .blog-single .blog-entry-category > a {
    font-size: 1rem;
  }

  .blog-entry-related .blog-entry-category,
  .blog-entries .blog-entry-category {
    font-size: 1rem;
    margin-bottom: -0.1em;
  }

  .blog-single .blog-entry-related .blog-entry-category {
    margin-bottom: -0.1em;
  }

  .blog-entries-pageNav {
    flex-direction: column;
    margin-top: 9.3333vw;
  }

  .blog-entries-pageNav > li {
    margin-bottom: 4vw;
  }

  .blog-entry-pageNav {
    flex-direction: column;
    margin-top: 9.3333vw;
  }

  .blog-entry-pageNav > li {
    margin-bottom: 4vw;
  }

  .blog-entries-pageNav .pageNav-next {
    order: -1;
  }

  .blog-nav-container:not(:first-child) {
    margin-top: 9.3333vw;
  }

  .blog-entry-related {
    margin-top: 9.3333vw;
  }

  .blog-entry-related > .strokeButton {
    margin-top: 8vw;
  }

  .blog-nav-head:before {
    margin-right: 1vw;
  }

  .blog-nav-list {
    margin-top: 3.3333vw;
  }

  .blog-nav-list > li > a {
    padding: 4.6666vw 6vw;
    padding-right: 9.33332vw;
  }

  .blog-nav-list > li > a:after {
    right: 6vw;
  }

  .search-form {
    margin-top: 3.3333vw;
  }

  .blog-property > *:not(:first-child) {
    margin-left: 2.6666vw;
  }

  .privacy-head {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 750px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-width: 750px) and (min-resolution: 2dppx) {
  .l-mainVisual {
    background-image: url(/img/index_mainvisual_sp@2x.jpg);
  }

  .l-headline {
    background-image: url(/img/inside_headline_bg_sp@2x.jpg);
  }

  .greetings {
    background-image: url(/img/office_greetings_bg_sp@2x.jpg), url(/img/radius_outside_bg_white.svg) !important;
  }

  .guideline-body:after {
    background-image: url(/img/legal_fees_guideline_img_01@2x.jpg);
  }

  .recommend-body:before {
    background-image: url(/img/advisory_contract_recommend_img_01@2x.jpg);
  }

  .start > .flowchart-body:after {
    background-image: url(/img/flow_flowchart_img_01@2x.jpg);
  }
}

@media screen and (max-width: 750px) and (max-width: 750px) {
  .guideline-cheatSheet-table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .guideline-cheatSheet-table > dl > dt {
    padding-top: 2.6666vw;
  }

  .guideline-cheatSheet-table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .guideline-cheatSheet-table > ul > li {
    padding-bottom: 2.6666vw;
  }

  .plan .table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .plan .table > dl > dt {
    padding-top: 2.6666vw;
  }

  .plan .table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .plan .table > ul > li {
    padding-bottom: 2.6666vw;
  }

  .form-table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .form-table > dl > dt {
    padding-top: 2.6666vw;
  }

  .form-table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .form-table > ul > li {
    padding-bottom: 2.6666vw;
  }
}

@media screen and (min-width: 751px) and (max-width: 1279px) {
  .l-fixed {
    width: calc(1040px + (2.5vw * 2));
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .l-header {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .l-advantage > li:nth-child(odd) {
    margin-left: 32.03125vw;
  }

  .l-advantage > li:nth-child(even) {
    margin-right: 32.03125vw;
  }
}

@media screen and (min-width: 751px) and (max-width: 1039px) {
  .l-fixed {
    width: calc(1040px + (26px * 2));
    padding-left: 26px;
    padding-right: 26px;
  }

  .l-header {
    padding-left: 26px;
    padding-right: 26px;
  }

  .clarify .advantage-link {
    justify-content: center;
    flex-wrap: wrap;
  }

  .profile-photo {
    margin-left: 4.8076vw;
  }

  .profile-photo:after {
    top: 4.8076vw;
    left: -4.8076vw;
  }

  .profile-text {
    margin-left: 6.7307vw;
  }

  .maki .profile-text:before {
    width: 43.4615vw;
    height: 10.3846vw;
    top: -6.1538vw;
    left: -13.4615vw;
  }

  .nozawa .profile-text:before {
    width: 56.4423vw;
    height: 11.0576vw;
    top: -6.1538vw;
    left: -11.6346vw;
  }

  .nishikawa .profile-text:before {
    width: 53.0769vw;
    height: 11.5384vw;
    top: -5.4807vw;
    left: -11.8269vw;
  }

  .kondo .profile-text:before {
    width: 44.7115vw;
    height: 10.9615vw;
    top: -5.4807vw;
    left: -11.8269vw;
  }

  .guideline-body:before {
    width: 40.0961vw;
    height: 28.8461vw;
  }

  .content-category {
    margin-top: -6.7307vw;
    margin-left: -6.7307vw;
  }

  .content-category > dl {
    margin-top: 6.7307vw;
    margin-left: 6.7307vw;
  }

  .recommend-body:before {
    width: 60.5769vw;
    height: 40.3846vw;
  }

  .blog-entry-thumbnail > img {
    width: 23.0769vw;
    height: 23.0769vw;
    object-fit: cover;
  }

  .blog-entry-related .blog-entry-thumbnail > img {
    width: 13.0769vw;
    height: 13.0769vw;
    object-fit: cover;
  }
}

@media screen and (min-width: 751px) and (max-width: 1280px) {
  .l-intro {
    margin-top: -35px;
  }
}

@media screen and (min-width: 751px) and (max-width: 750px) {
  .guideline-cheatSheet-table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .guideline-cheatSheet-table > dl > dt {
    padding-top: 2.6666vw;
  }

  .guideline-cheatSheet-table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .guideline-cheatSheet-table > ul > li {
    padding-bottom: 2.6666vw;
  }

  .plan .table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .plan .table > dl > dt {
    padding-top: 2.6666vw;
  }

  .plan .table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .plan .table > ul > li {
    padding-bottom: 2.6666vw;
  }

  .form-table {
    border-top: 2px solid #00476b;
    border-bottom: 2px solid #00476b;
  }

  .form-table > dl > dt {
    padding-top: 2.6666vw;
  }

  .form-table > dl > dd {
    padding-bottom: 2.6666vw;
  }

  .form-table > ul > li {
    padding-bottom: 2.6666vw;
  }
}

@media screen and (max-width: 750px) and (min-width: 751px) {
  .guideline-cheatSheet-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .guideline-cheatSheet-table > dl {
    display: table-row;
  }

  .guideline-cheatSheet-table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .guideline-cheatSheet-table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .guideline-cheatSheet-table > ul {
    display: table-row;
  }

  .guideline-cheatSheet-table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .plan .table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .plan .table > dl {
    display: table-row;
  }

  .plan .table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .plan .table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .plan .table > ul {
    display: table-row;
  }

  .plan .table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .form-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-top: 3px solid #00476b;
    border-bottom: 3px solid #00476b;
  }

  .form-table > dl {
    display: table-row;
  }

  .form-table > dl > dt {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .form-table > dl > dd {
    display: table-cell;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .form-table > ul {
    display: table-row;
  }

  .form-table > ul > li {
    display: table-cell;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .maki .fromOthers-name:before {
    background-image: url(/img/icon_author_maki@2x.png);
  }

  .nozawa .fromOthers-name:before {
    background-image: url(/img/icon_author_nozawa@2x.png);
  }

  .nishikawa .fromOthers-name:before {
    background-image: url(/img/icon_author_nishikawa@2x.png);
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .index .entry-link {
    width: 100%;
  }

  .access-map-rendering-ie {
    display: block;
    border: none;
    width: 100%;
    max-width: 1040px;
    height: 60vw;
    max-height: 650px;
  }

  .flowchart-button {
    justify-content: space-around;
  }

  .blog-entry-text {
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */