@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

/* *** */
html {
  font-size: 3.125vw;
}
@media screen and (min-width: 390px) {
  html {
    font-size: 2.5664102564vw;
  }
}
@media screen and (min-width: 576px) {
  html {
    font-size: 1.736111111vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.302083333vw;
  }
}
@media screen and (min-width: 992px) {
  html {
    font-size: 1.008064516vw;
  }
  a[href^="tel:"] {
    pointer-events: none;
  }
}
@media screen and (min-width: 1144px) {
  html {
    font-size: 10px;
  }
}

/* font */
body {
  background-color: #fff;
  color: var(--text-color);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-optical-sizing: auto;
  font-feature-settings: "palt";
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: relative;
}
.container {
  font-size: 1.25em;
  line-height: 1.75;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 576px) {
  .container {
    font-size: 1.3em;
  }
}
@media screen and (min-width: 768px) {
  .container {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 992px) {
  .container {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 1144px) {
  .container {
    font-size: 1.6em;
  }
}
html,
body,
.container {
  height: 100%;
}
.container-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 1em 1em 0;
}
@media screen and (min-width: 576px) {
  .container-inner  {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
@media screen and (min-width: 768px) {
  .container-inner  {
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
}
@media screen and (min-width: 992px) {
  .container-inner  {
    padding-right: 1.75em;
    padding-left: 1.75em;
  }
}
@media screen and (min-width: 1144px) {
  .container-inner {
    padding-right: 2em;
    padding-left: 2em;
  }
}
body:not(.home) .container-inner {
  padding: 5em 1em 0;
}
@media screen and (min-width: 1200px) {
  body:not(.home) .container-inner {
    padding: 6em 1em 0;
  }
}
.footer {
  margin-top: auto;
}

/* *** */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}
[class*="-heading"] > .heading-inner {
  display: inline-block;
}
em {
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
}
strong {
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
}
.marker {
  background-color: transparent;
  background-image: linear-gradient(transparent 77%, rgba(var(--yellow-rgb), .67) 0%);
}
.under-line {
  background-image: linear-gradient(transparent 77%, rgba(var(--red-rgb), .67) 0%);
}

/* clearfix */
[class*="-inner"]::after,
.cf::after,
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* link && pointer */
a {
  color: var(--text-color);
  transition: all .3s ease;
  text-decoration: none;
}
a:focus {
  outline: 0;
  outline: none;
  outline: .125em solid rgba(var(--outline-color-rgb), .7);
}
form :focus {
  outline: 2px solid var(--outline-color);
}
.pointer {
  cursor: pointer;
}

/* img */
img {
  border: 0;
  border: none;
  width: 100%;
  height: auto;
  min-height: 1%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;

  image-rendering: -webkit-optimize-contrast;
}
a img.transform {
  transition: transform .3s ease;
}
@media (hover: hover) {
  a:hover img.transform {
    opacity: .77;
    transform: scale(1.03);
  }
}

/* list */
::marker {
  color: var(--light-brown);
}
nav li {
  position: relative;
}
nav li::before {
  position: absolute;
}
ul.list {
  margin: 1em 0;
  padding: 0 0 0 2em;
}
.list-before + ul.list {
  margin-top: 0;
}
ul.list > li {
  margin: 0;
  padding: 0;
}
ul.style-none,
ol.style-none,
ul.check-list,
ul.contact,
ul.field,
ol.field,
ul.item,
ol.item,
ul.menu,
ul.nav,
ol.step {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.style-none + .style-none {
  margin: 2em 0 1em;
}
ul.style-none > li,
ol.style-none > li,
ul.check-list > li,
ul.contact > li,
ul.field > li,
ol.field > li,
ul.item > li,
ol.item > li,
ul.menu > li,
ul.nav > li,
ol.step > li {
  margin: 0;
  padding: 0;
}
ul.disc > li {
  padding-left: 1em;
  position: relative;
}
ul.disc > li::before {
  background-color: var(--light-brown);
  border-radius: 50%;
  content: "";
  display: block;
  width: .4em;
  height: .4em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
}
ul > li > p,
ol > li > p {
  margin: 0;
}
ul > li > p.margin,
ol > li > p.margin {
  margin: 1em 0;
}
ul.kome, ol.kome {
  list-style-type: none;
  /* margin: 2em 0 1em; */
  padding: 0;
}
ul.kome > li,
p.text-text.kome {
  padding-left: 1em;
  position: relative;
  /* display: inline-block; */
}
.kome span.symbol {
  text-align: center;
  display: block;
  width: 1em;
  position: absolute;
  left: 0;
}
ul.list.check {
  & .list-inner {
    list-style-type: none;
    padding-left: .5em;
    position: relative;
    &::before {
      content: '';
      position: absolute;
      width: 1em;
      height: 1em;
      border: 1px solid var(--purple);
      top: 6px;
      left: -1em;
    }
    &::after {
      color: var(--purple);
      font: var(--fa-font-solid);
      content: "\f00c";
      position: absolute;
      top: .35em;
      left: -.9em;
    }
  }
}

/* ol.num-list */
ol.num-list {
  list-style-type: none;
  counter-reset: item;
  margin: 1em 0;
  padding: 0;
}
ol.num-list > li {
  margin: 0;
  padding: 0 0 0 2em;
  position: relative;
}
ol.num-list > li:nth-child(n+2) {
  margin-top: .3em;
}
ol.num-list > li::before {
  counter-increment: item;
  content: counter(item)".";
  font-size: 1em;
  text-align: center;
  display: block;
  width: 1.5em;
  position: absolute;
  left: 0;
}
ol {
  padding: 0;
}
/* dl, dt, dd */
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

/* others */
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.i-block,
.inline-block {
  display: inline-block;
}
.d-block,
.display-block {
  display: block;
}
.d-none,
.display-none {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
.narrow.before {
  display: inline-block;
  margin-left: -.5em;
}
.narrow.after {
  letter-spacing: -.5em;
}
.sp-only {
  display: block;
}
.pc-only {
  display: none;
}
.fw-bold {
  font-weight: 600;
}
.fw-500 {
  font-weight: 500;
}
.fw-thin {
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
  .pc-only {
    display: block;
  }
}

/* .border */
.border {
  border: 1px solid var(--text-color);
}
.border .text-text {
  margin: 0;
}
/* font-size */
.fz-small {
  font-size: 0.8em;
}

/* .em-px */
.em-px {
  font-size: 1em;
  display: block;
  width: 1em;
  height: 0;
  position: absolute;
}
/* .page */
.article-page > .article-inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  /* padding-bottom: 5em; */
}
.article-metaheader.article {
  margin: 0 0 2em;
  & .article-header {
    /* padding-right: 1em; */
    display: flex;
    align-items: flex-end;
    position: relative;
    &::before {
      /* background-color: white;
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      padding: 0;
      opacity: .7; */
      /* z-index: ; */
      }
  & .header-inner {
    max-width: 1000px;
    margin: 0 auto;
    z-index: 5;
    &::before {
      position: absolute;
      display: inline-block;
      background-color: white;
      width: 3em;
      height: 3em;
    }
  }
  & .article-heading {
    letter-spacing: .2em;
    padding: 1.5em 0 1em;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
    &:nth-of-type(2) {
      padding-top: 0.3em;
    }
    & .heading-inner {
      text-align: center;
      display: inline-block;
      position: relative;
      z-index: 5;
      &:nth-of-type(2) {
        padding-top: 0.3em;
        }
      }
    }
  }
}

/* パンくずリスト */
.breadcrumb-inner {
  display: block;
  margin: 0;
  padding: 2em 0;
}
.breadcrumb-home,
.breadcrumb-item {
  display: inline-block;
  margin-right: .5em;
}
.breadcrumb-home > a,
.breadcrumb-item > a {
  margin-right: .4em;
}
.breadcrumb-inner {
  color: var(--black-light);
  max-width: var(--document-max-width);
  padding: 1.5em 0;
  margin-bottom: 1em;
}
.breadcrumb-home,
.breadcrumb-item {
  font-size: .85em;
  display: inline-block;
  margin-right: .5em;
}
.breadcrumb-item:last-child {
  margin-right: 0;
}
.breadcrumb .fa-fw {
  margin-right: .27em;
}
.breadcrumb-caption {
  color: var(--black-light-x);
}
a .breadcrumb-caption {
  color: var(--black-light);
}
a:hover .breadcrumb-caption {
  color: var(--text-link-color);
}
.breadcrumb .sp {
  color: var(--gray-dark-x);
  text-align: right;
  display: inline-block;
  width: 1.25em;
}
@media screen and (min-width: 768px) {
  .breadcrumb-inner {
    margin-bottom: 2em;
  }
}

/* go to top */
.go-to-top {
  background-color: var(--dark-purple);
  max-width: var(--content_max_width);
  line-height: 1;
  text-align: center;
  text-decoration: none;
  height: 0;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all .3s ease;
  z-index: 55;
}
.go-to-top-button {
  padding: 0;
  background-color: unset;
  border: unset;
  color: white;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  & .fa-arrow-up::before {
    content: "\f062";
    color: #fff;
    font-size: 1.2em;
  }
}
.fadein .go-to-top {
  opacity: .8;
  transition: all .3s ease;
  bottom: 5em;
}
.absolute .go-to-top {
  position: absolute;
  bottom: 1em;
  transition: all .3s ease;
}
.go-to-top .icon-icon {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .5em;
}
.go-to-top .icon-path {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}
@media screen and (min-width: 768px) {
  .go-to-top a {
    bottom: .25em;
  }
  .absolute .go-to-top a {
    bottom: -3em;
  }
  .fadein .go-to-top {
    bottom: 0;
  }
}
@media (hover: hover) {
  .go-to-top a:hover {
    background-color: rgba(var(--orange-rgb), .8);
  }
}

/* modal */
.modal-link {
  position: relative;
}
.modal-link-outer > li {
  position: relative;
}
.modal-link a,
.modal-link-outer > li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  cursor: pointer;
}
.modal {
  height: 0;
  margin: auto;
  position: fixed;
  top: 0;
  right: -1em;
  left: -1em;
  z-index: -9;
  overflow: hidden;
}
.element-play .modal {
  width: 100svw;
  height: 100svh;
  z-index: 91;
}
.modal > .modal-inner {
  width: 100%;
  height: 100%;
}
.modal-bg {
  background-color: rgba(var(--dark-purple-rgb), .93);
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: -11em;
  right: -1em;
  left: -1em;
  z-index: 1;
  opacity: 0;
  transition: top .54s ease, opacity .27s linear .27s, visibility .27s linear .27s;
}
.element-play .modal-bg {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.modal-element {
  opacity: 0;
  visibility: hidden;
  transition: opacity .27s linear .54s, visibility .27s linear .54s;
}
.element-play .modal-element {
  width: calc(100% - 5em);
  height: calc(100% - 8em);
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  opacity: 1;
  visibility: visible;
}
.element-play.video-16_9 .modal-element {
  max-width: 1200px;
  max-height: 675px;
}
.element-play .modal-element > .element-inner {
  width: 100%;
  max-width: 900px;
  height: 100%;
  max-height: 900px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.element-play.video-16_9 .modal-element > .element-inner {
  max-width: none;
  max-height: none;
}
.element-play .modal-element .img-img {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.element-play.video-16_9 .modal-element .mov-mov {
  aspect-ratio: 16 / 9;
}
.video-16_9 .modal-element iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.element-play .modal-btn {
  background-color: rgba(var(--dark-purple-rgb), .97);
  display: block;
  width: 3em;
  height: 3em;
  position: absolute;
  top: -3.2em;
  right: 0;
  z-index: 1;
  cursor: pointer;
}
.element-play .modal-btn::before,
.element-play .modal-btn::after {
  background-color: #fff;
  content: "";
  display: block;
  width: 2.75em;
  height: 2px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.element-play .modal-btn::before {
  transform: rotate(45deg);
}
.element-play .modal-btn::after {
  transform: rotate(-45deg);
}
@media screen and (max-width: 991px) {
  .video-16_9 .modal {
    display: none;
  }
  .video-16_9  .mov-outer .img-img {
    opacity: 1;
    transition: opacity 1s ease;
  }
  .element-play.video-16_9 .mov-outer .img-img {
    opacity: 0;
  }
  .video-16_9 .mov-outer .module-inner {
    transition: width .7s ease;
  }
  .element-play.video-16_9 .mov-outer .module-inner {
    width: 100%;
    max-width: none;
  }
  .element-play.video-16_9 .mov-mov {
    z-index: 11;
    transition: z-index .3s ease 1s;
  }
}

/* .table */
.table {
  border: 1px solid var(--gray);
  border-bottom: unset;
  width: 100%;
  & .th {
    padding: 1em;
  }
  & .tr {
    border-bottom: 1px solid var(--gray);
  }
  & .td {
    border-bottom: 1px solid var(--gray);
    padding: 1em;
  }
}
/* ---------------------------
ヘッダー・フッター
--------------------------- */
/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 70;
}
.site-header > .header-inner {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  padding: .8em;
  margin: 0 auto;
  & .text-box {
    display: flex;
    flex-direction: column;
  }
}
.header .nav-btn {
  width: 2em;
  height: 1.5em;
  position: fixed;
  top: 1.4em;
  right: 1em;
  cursor: pointer;
  z-index: 2;
}
.header .text-outer .text-inner {
  background-color: var(--purple);
  color: #fff;
  width: 3em;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  &::before {
    position: absolute;
    width: 2.4em;
    height: 2.4em;
    border: .9px solid #fff;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  & .text-text {
    line-height: .9;
    align-items: center;
    display: flex;
    justify-content: center;
    & span {
      font-size: .9em ;
      line-height: 1;
    }
  }
}
.header .menu.menu-top > .menu-item.header_contact-email {
  border-bottom: unset;
  display: flex;
  justify-content: center;
  & a {
  background-color: var(--light-orange);
  border-radius: 10px;
  color: #fff;
  text-align: center;
  margin-top: 2em;
  width: 100%;
  max-width: 20em;
  }
  & .item-label {
    display: inline-block;
    position: relative;
    padding-left: 1.5em;
    &::before {
      color: #fff;
      font: var(--fa-font-solid);
      font-size: 1.2em;
      font-weight: 400;
      content: "\f0e0";
      position: absolute;
      top: .28em;
      left: 0;
    }
  }
}
@media screen and (min-width: 1200px) {
  .header .nav-btn {
    display: none;
  }
  .header-nav {
    margin-left: auto;
  }
  .header .menu.menu-top > .menu-item.header_contact-email {
    display: none;
  }
}
.header .nav-btn::before,
.header .nav-btn::after,
.header .nav-btn > .btn-inner::after {
  background-color: #000;
  content: "";
  display: block;
  width: 100%;
  height: .14em;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
}
.header .nav-btn::before {
  top: 0;
  bottom: auto;
  transition: bottom .1s linear, transform .3s ease;
}
.header .nav-btn::after {
  top: auto;
  bottom: 0;
  transition: top .1s linear, transform .3s ease;
}
.header .nav-btn > .btn-inner::after {
  top: .65em;
}
.header .nav-header {
  margin-left: auto;
  margin-right: .5em;
}
@media screen and (min-width: 1300px) {
  .header .nav-header {
    margin-right: 1em;
  }
}

/* .header .menu */
.header .menu a,
.header .menu .text-link-none {
  text-align: center;
  text-decoration: none;
  display: block;
}
.header .menu a {
  color: #000;
  white-space: nowrap;
  padding: 1em 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  display: block;
  font-weight: 600;
}
.menu .submenu-inner {
  transition: line-height .3s ease, opacity .15s linear .1s;
}
.header .submenu-inner a {
  font-weight: 400;
}
 .header .sub-menu {
  /* background-color: rgba(var(--dark-purple-rgb), .5); */
  line-height: 0;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: .3em;
  position: absolute;
  top: 1em;
  right: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: line-height .3s ease, margin-top .3s ease, padding-bottom .3s ease, opacity .15s linear .15s, visibility .15s linear .15s;
}
.header .submenu-inner {
  flex: 1;
  width: 17.5em;
  & .text-link {
    text-align: left;
  }
}
.header .submenu-corporation a,
.header .submenu-individual a {
  font-weight: 600;
}

.header .mouseover .sub-menu {
  line-height: 1.25;
  opacity: 1;
  visibility: visible;
}
.header .mouseover .sub-menu a {
  font-size: 1em;
}
.header-container .not-link .sub-menu .menu-item {
  background-color: #f3f3f3;
}

@media screen and (max-width: 1199px) {
  .header .nav-bg {
    background-color: #fff;
    width: 100%;
    height: 0;
    position: fixed;
    top: 5.5em;
    left: 0;
    z-index: 5;
    opacity: 0;
    transform: translateY(-100vh);
    transition: height .2s ease, opacity .1s linear, transform .3s ease;
  }
  .sp-menu-open .header .nav-bg {
    height: 100%;
    opacity: 1;
    transform: translateY(0);
  }
  .header .menu {
    width: 100%;
    position: fixed;
    top: 6.5em;
    left: 0;
    z-index: 10;
    opacity: 0;
    transform: translateY(-100vh);
    transition: opacity .1s linear, transform .3s ease;
    & .menu_item:not(:first-of-type) {
      padding-top: 1em;
    }
    & .menu-inner {
      background-color: white;
      border-bottom: 1px solid #d1d1d1;
      cursor: pointer;
      margin: 0 auto;
      position: relative;
    }
    & .menu-inner.menu-service {
      width: auto;
      & .cell-inner > a {
        pointer-events: none;
      }
    }
  }
  .sp-menu-open .header .menu {
    opacity: 1;
    transform: translateY(0);
    padding: 0em 1em 3em;
    overflow-y: auto;
    max-height: calc(100vh - 7.75em);
  }
  .sp-menu-open .header .nav-btn::after {
    top: 0;
    bottom: 0;
    transform: rotate(-45deg);
  }
  .sp-menu-open .header .nav-btn::before {
    top: 0;
    bottom: 0;
    transform: rotate(45deg);
  }
  .sp-menu-open .header .nav-btn > .btn-inner {
    opacity: 0;
  }
  .header .menu .text-link {
    color: #000;
    padding: 1em 0;
    text-align: left;
  }
  .header .sub-menu {
    position: relative;
    top: 0;
  }
  .header .menu-service.menu-close {
    & .sub-menu {
      display: none;
    }
  }
  .header .menu-service.menu-open {
    & .sub-menu {
      display: block;
    }
  }
  .header-container .not-link .sub-menu,
  .header-container .not-link .sub-menu .menu-item,
  .header-container .not-link .sub-menu .caption-wrap,
  .header-container .not-link .sub-menu .item-label {
    line-height: 1.75;
    opacity: 1;
    visibility: visible;
    transition: line-height .27s ease;
  }
  .header-container.sub-menu-close .not-link .sub-menu,
  .header-container.sub-menu-close .not-link .sub-menu .menu-item,
  .header-container.sub-menu-close .not-link .sub-menu .caption-wrap,
  .header-container.sub-menu-close .not-link .sub-menu .item-label {
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: line-height .17s ease, opacity .17s ease, visibility .17s ease;
  }
   .header-container .not-link .sub-menu .menu-item {
    background-color: #f3f3f3;
    padding-left: 1em;
   }
  .header-container.sub-menu-close .not-link .sub-menu {
    padding: 0;
    gap: 0;
    margin: 0;
    display: unset;
  }
  .header-container.sub-menu-close .not-link .sub-menu .menu-item a {
    padding: 0;
    transition: line-height .17s ease, padding-top .17s ease, padding-bottom .17s ease;
  }
  .header .menu-top > .menu-item {
    border-bottom: 1px solid var(--gray);
  }
  .header .menu-item.not-link {
    position: relative;
  }
  .header-container .has-sub {
    position: absolute;
    right: 0em;
    top: 0.25em;
    font-size: 1.5em;
  }
  .header-container .has-sub .fa-angle-down {
    transform: rotate(-180deg);
    transition: all ease .3s;
  }
  .header-container.sub-menu-close .not-link .has-sub .fa-angle-down {
    transform: rotate(0);
  }
  .header .mouseover .sub-menu {
    padding: 0 0 1em;
  }
  .sub-menu .submenu-inner .text-link {
    padding: 0;
  }
  .sub-menu .submenu-inner:last-of-type .text-link {
    padding: 1em 0;
  }
  .menu .menu-inner.menu-close {
    & .submenu-inner {
      line-height: 0;
      opacity: 0;
      visibility: hidden;
      transition: line-height .3s ease, opacity .15s linear .1s;
    }
    & .submenu .submenu-inner:last-of-type .text-link {
      padding: 0;
    }
  }
}
@media screen and (max-width: 991px) {
  .header .nav-bg {
   top: 4em;
  }
}
@media screen and (min-width: 1200px) {
  .header .nav-bg {
    display: none;
  }
  .header .menu {
    line-height: 1.25;
    display: flex;
    gap: .25em;
    justify-content: center;
    align-items: center;
    transition: top .3s ease;
  }
  .header .menu .menu-item {
    font-size: 1.1em;
  }
  .header .menu a {
    color: var(--text-color);
    font-size: .9em;
    text-align: left;
    margin: 0;
    padding: .25em;
    position: relative;
  }
  .header .menu .not-link .sub-menu a {
    font-size: .85em;
    padding: .5em;    
  }
  .home .header .menu .menu-item-home a,
  .service .header .menu .menu-item-home a,
  .company .header .menu .menu_item-company a,
  .reviews .header .menu .menu_item-reviews a,
  .price .header .menu .menu_item-price a,
  .column .header .menu .menu_item-column a {
    color: var(--dark-purple);
    pointer-events: none;
  }
  .header .menu a::before {
    background-color: var(--purple);
    content: "";
    width: 0;
    height: .125em;
    margin: auto;
    position: absolute;
    top: 2em;
    right: 0;
    bottom: 0;
    left: 0;
    transition: width .2s ease;
  }
  .header .menu a:hover::before {
    width: 2em;
  }
  .header .menu .not-link a:hover::before {
    width: 0;
  }
   .header .menu .not-link .sub-menu a:hover {
    color: var(--dark-purple);
  }
  .header .sub-menu {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    width: 17.5em;
    margin: 0 auto;
    padding: .75em;
    display: flex;
    flex-direction: column;
    gap: .5em;
    position: absolute;
    top: 3em;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: line-height .3s ease, margin-top .3s ease, padding-bottom .3s ease, opacity .15s linear .15s, visibility .15s linear .15s;
  }
  .header .submenu-inner {
    flex: 1;
    width: 17.5em;
    & .text-link {
      text-align: left;
    }
  }
  .header .submenu-corporation a,
  .header .submenu-individual a {
    font-weight: 600;
  }

  .header .mouseover .submenu {
    opacity: 1;
    visibility: visible;
  }
  .header .has-sub {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1300px) {
  .header .menu {
    gap: 1.25em;
  }
}

/* .footer && .main */
.footer,
.main {
  min-height: 1%;
  margin-top: 4.5em;
}
.main > .main-inner,
.breadcrumb {
  width: 100%;
  max-width: var(--content-max-width);
  margin: 0 auto;
}
.header p,
.footer p {
  margin: 0;
}
.page .footer {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .footer {
    margin-top: auto;
  }
}

/* .copyright */
.copyright {
  color: #fff;
  text-align: center;
  padding: 1em;
  margin-top: 2em;
}
.copyright small {
  font-size: .87em;
}
.copyright-text {
  font-size: 0.9em;
}
@media screen and (min-width: 768px) {
  .copyright {
    color: #fff;
    text-align: center;
    padding: 1em;
    margin-top: 3em;
  }
}

/* common */
.serif-en {
  font-family: "Roboto Serif", serif;
  font-style: italic;
  font-weight: 500;
}
.sans-serif {
  font-family: "Noto Sans JP";
}

/* .article */
.article {
  margin: 0 0 4em;
}
@media screen and (min-width: 768px) {
  .article {
    margin: 0 0 6em;
  }
}
.article.article-top {
  margin-top: -4em;
}
.article-inner {
  padding: 0;
}

/* .header */
header .site-header .header-inner {
  display: flex;
  align-items: center;
}
header .site-heading {
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}
/* .site-header {
  background-color: #fff;
  width: 100%;
  max-width: 1240px;
  height: 4.5em;
  padding: 1em;
  margin: 0 auto;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
} */
/* header-logo & footer-logo*/
.header .logo,
.footer .logo {
  & .logo-inner {
    display: flex;
    gap: .5em;
    align-items: center;
  }
  & .text-box {
    display: flex;
    flex-direction: column;
  }
  & .text-text {
    color: var(--purple);
    font-size: 1.1em;
    width: 7em;
    display: flex;
    justify-content: space-between;
  }
}
.header .logo img {
  width: 5em;
}
.footer .logo {
 display: inline-block;
  & .logo-inner {
    justify-content: center;
    margin-bottom: .5em;
  }
  & .text-box {
    line-height: 1.3;
  }
    & .text-text span {
    font-size: 1.1em;
    }
    & .text-text:nth-of-type(2) span {
    font-size: 1em;
  }
}

/* .header .contact */
.header .contact {
  background-color: #fff;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 73;
}
.header .contact-inner {
  text-align: center;
  height: 100%;
  padding: .5em;
}
.header .contact-tel {
  background-color: var(--navy);
  & .link-inner {
    border-radius: 2px;
    background-color: #fff;
    display: flex;
    gap: .5em;
    justify-content: center;
    align-items: center;
    & .text-text {
      padding-bottom: 0.2em;
    }
  }
  & .icon-icon {
    & img {
      width: 2.5em;
      display: none;
    }
  }
  & .tel-text p {
    font-size: 0.7em;
    margin: 0;
  }
  & .bnr-link {
    align-items: center;
    justify-content: space-between;
  }
  & .item {
    border-top: 2px solid #a0612e;
    background-color: #ffecda;
    justify-content: center;
  }
  & .item .item-inner > .text-text {
    display: none;
  }
  & .item .list {
    display: flex;
    justify-content: center;
    gap: 1em;
    align-items: center;
    & .list-inner p {
      & .day {
        display: block;
        justify-content: space-between;
        width: 3em;
        font-size: 1em;
      }
      & .time {
        font-size: 1.1em;
      }
    }
  }
  & .text-text .tel-number {
    color: var(--navy);
  }
  & .fa-phone {
    color: var(--navy);
    font-size: 1.5em;
    padding-left: .25em;
  }
}
.header .contact-email {
  display: none;
  & .link-inner {
    padding: 1em .7em;
  }
  & .body-inner .text-text {
    font-size: 0.9em;
  }
  & .text-text {
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .header .contact {
    /* background-color: transparent;
    width: 16em;
    position: fixed;
    top: 0;
    bottom: auto;
    left: auto;
    z-index: 1;
    & .contact-inner {
      margin-left: 1.5em;
    } */
  }
  .header .contact-area {
    padding-right: 12em;
  }
}
@media screen and (min-width: 992px) {
  .header .contact {
    position: unset;
    width: auto;
    padding: 0;
  }
  .header .contact-area {
    padding-right: 0;
  }
  .header .contact {
    display: flex;
    align-items: center;
    gap: .5em;
    & .contact-inner {
      width: 100%;
      padding: 0;
      margin-left: 0;
    }
  }
  .header .contact .contact-tel {
    display: none;
    & .fa-phone {
      display: none;
    }
  }
  .header .contact .contact-mail {
    & .link-inner {
      display: flex;
      flex-direction: column;
    }
  } 
}
@media screen and (min-width: 992px) {
  .header .contact {
    margin-right: 3em;
  }
  .header .contact-email {
    display: block;
  }
  .header .contact .contact-tel {
    background-color: unset;
    display: block;
    & .body-inner {
      width: 13em;
    }
    & .item {
      justify-content: space-between;
      border-top: 2px solid #32a02e;
      background-color: #d9f1cf;
      & .list .list-inner p {
        & .day {
          display: flex;
          justify-content: space-between;
          width: 3em;
          font-size: .9em;
        }
        & .time {
          font-size: 1em;
        }
      }
    }
    & .item .item-inner > .text-text {
      display: block;
    }
     & .item .list {
      display: block
    }
    & .bnr-link {
      display: block;
    }
    & .text-text .tel-number {
      color: #333333;
      letter-spacing: .025em;
      font-size: 2.2em;
    }
    & .link-inner {
      height: 2em;
      gap: unset;
    }
    & .icon-icon img {
      display: block;
    }
  }
}

/* footer */
.footer .logo img {
  width: 5em;
}
.footer .footer-area.area-1st {
  margin-bottom: 2em;
  & .box {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
.footer .navi-footer-in {
  background-color: var(--navy);
  padding: 1em 2em 7em;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.footer .menu-footer {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  justify-content: center;
   & a {
    color: #fff;
    &:hover {
      opacity: .8;
    }
  }
}
.footer .text-address {
  display: inline-block;
  line-height: 1.5;
  text-align: center;
  & .postal-code {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .footer-bottom {
  margin-top: 3em;
  }
  .footer .navi-footer-in {
    padding: 2em 2em 6em;
  }
  .footer .footer-area.area-2nd {
    padding: 2em 2em 6em;
  }
}
@media screen and (min-width: 992px) {
  .footer .navi-footer-in {
    padding: 2em;
  }
}

/* title */
.article-header .heading-inner {
  font-size: 1.3em;
  /* font-weight: bold; */
  letter-spacing: .2em;
}
.common-header .heading-outer {
  margin-bottom: 3em;
  & .heading-inner {
    position: relative;
    &::before {
      background-color: var(--dark-purple);
      content: '';
      display: block;
      width: 2em;
      height: .1em;
      position: absolute;
      bottom: -.55em;
      right: 0;
      left: 0;
      margin: 0 auto;
    }
  }
}
.article-news .article-header {
  display: inline-block;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
  & .heading-inner {
    padding-left: 0;
  }
  & .string-inner {
    color: var(--dark-purple);
    font-weight: bold;
    letter-spacing: .2em;
    padding-left: .2em;
  }
}
.article-header .dec-string {
  color: var(--light-gray);
  & .string {
    font-size: 4em;
    font-weight: bold;
    letter-spacing: .1em;
  }
}
.article:nth-child(odd) .dec-string {
  text-align: right;
}
@media screen and (min-width: 576px) {
  .article-header .dec-string .string {
      font-size: 6.2em;
  }
}
@media screen and (min-width: 768px) {
  .article-header .dec-string .string {
    font-size: 100px;
  }
}
@media screen and (min-width: 768px) {
  .article-header .dec-string .string {
    font-size: 115px;
  }
}
@media screen and (min-width: 768px) {
  .article-header .dec-string .string {
    font-size: 127px;
  }
}
.heading_styleA .heading-inner {
  position: relative;
  padding-left: 1.1em;
  &::before {
    background-color: var(--dark-purple);
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    content: '';
    display: inline-block;
    width: 1em;
    height: .7em;
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0;
    display: block;
  }
}
.heading_styleB {
  border-bottom: 1px solid var(--dark-purple);
  font-size: 1.5em;
  font-weight: 500;
  padding-bottom: .4em;
  margin-bottom: 1em;
}
.heading_styleC {
  padding: 1em 0;
  & .heading-inner {
    font-size: 1.2em;
    padding-left: 0.5em;
    position: relative;
    &::before {
      background-color: rgba(var(--dark-purple-rgb), .5);
      border-radius: 10px;
      content: '';
      display: block;
      width: .15em;
      height: auto;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto 0;
    }
  }
}
.heading_styleD, .heading_styleE {
  margin: 1em 0 0;
  padding: 1em 0 0;
  & .heading-inner {
    border-radius: 3px 3px 0 0;
    color: #fff;
    width: 11em;
    text-align: center;
    padding: .5em;
  }
}
.heading_styleD .heading-inner {
  background-color: rgba(var(--light-brown-rgb), .5);
}
.heading_styleE .heading-inner {
  background-color: rgba(var(--purple-rgb), .6);
}
.heading_styleF {
  background-color: var(--gray);
  border-left: var(--dark-purple) 1px solid;
  padding: .5em 1em;
}
.heading_styleG {
  position: relative;
  padding: 1em 1em 1em 1.5em;
  &::before {
    background-color: rgba(var(--purple-rgb), .7);
    content: "";
    width: .8em;
    height: .8em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
  }
  & .heading-inner {
    font-size: 1.2em;
  }
}
.heading_styleH {
  border-radius: 4px;
  background-color: rgb(237 237 237 / 70%);
  color: rgba(var(--purple-rgb), .8);
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  padding: .5em 1em;
  & .heading-inner {
    font-size: 1.15em;
    font-weight: 500;
  }
}
.btn_styleA, .btn_styleB {
& .link-inner {
    position: relative;
    padding-left: 1.55em;
    &::before, &::after {
      content: '';
      display: inline-block;
      margin: auto 0;
      position: absolute;
      top: 0;
      bottom: 0;
    }
    &::before {
      background-color: var(--dark-purple);
      border-radius: 50%;
      width: 1.2em;
      height: 1.2em;
      left: 0;
    }
    &::after {
      background-color: #fff;
      clip-path: polygon(0 0, 0 100%, 100% 50%);
      width: .4em;
      height: .6em;
      z-index: 1;
      left: .45em;
    }
    &:hover {
      opacity: .8;
    }
  }
}
.btn_styleB {
  text-align: center;
  & .btn-inner {
    border: solid 1.25px var(--dark-purple);
    border-radius: 4px;
    font-weight: 500;
    display: inline-block;
    padding: .8em 3em;
  }
}

/* .home id-mainvisual*/
.article-mainvisual.article {
  margin-bottom: 0;
  & .article-inner {
    position: relative;
    display: flex;
    justify-content: center;
  }
}
.article-mainvisual .mainvisual {
  position: relative;
  max-width: 1240px;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
    & .fv_sp {
      display: block;
    }
    & .fv_pc {
      display: none;
    }
    & .img-img {
      text-align: center;
      & img {
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        max-width: 1240px;
      } 
    }
}
.mainvisual-heading .heading-inner {
  position: absolute;
  top: 1em;
  right: 0;
  color: #fff;
  z-index: 2;
  & .text-text {
    position: relative;
    font-weight: 500;
    font-size: 1.2em;
      &::before {
      background-image: url(../img/bg_copy.svg);
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      display: inline-block;
      width: 112%;
      height: 2em;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      z-index: -1;
    }
  }
}
.sub-copy {
  color: #fff;
  background: linear-gradient(45deg, #d55212, #ee834e);
  padding: .5em 1.4em;
  margin-bottom: .8em;
  text-align: center;
  width: 100%;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  &::after {
    content: '';
    background-image: url(../img/shape.webp);
    background-repeat: no-repeat;
    width: .7em;
    height: .7em;
    position: absolute;
    bottom: -6px;
    display: inline-block;
    left: 31px;
  }
}
.mainvisual .name {
  color: #fff;
  position: absolute;
  top: 2.9em;
  right: 0;
  & .text-text {
    position: relative;
    z-index: 1;
    padding-right: .5em;
      &::before {
      background-image: url(../img/bg_name.svg);
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      width: 22.4em;;
      height: 2em;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      display: inline-block;
      z-index: -1;
      right: 0;
    }
    & > span {
      display: flex;
      align-items: center;
    }
  }
}
.mainvisual .box {
  padding: 0 1em;
  margin-top: 1em;
  & .box-inner {
    & .list {
      display: flex;
      gap: .5em;
      flex-wrap: wrap;
      & .list-inner {
        width: calc((100% - (.5em * 2)) / 3);
      }
    }
    &:last-of-type .text-text {
      border-bottom: 1px solid var(--orange);
      color: var(--orange);
      font-size: 0.95em;
      font-weight: 500;
      position: relative;
      padding-left: 1.4em;
      margin-top: .25em;
      &::before {
        content: '';
        position: absolute;
        width: 1em;
        height: 1em;
        border: 1px solid var(--orange);
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto 0;
      }
      &::after {
        color: var(--orange);
        font: var(--fa-font-solid);
        content: "\f00c";
        position: absolute;
        top: .35em;
        left: .0825em;
      }
    }
  }
  & .text-outer .text-text {
    background-color: #fff;
    border: 1px solid var(--orange);
    line-height: 1.5;
    font-size: 1em;
    text-align: center;
    height: 4em;
    margin: 0;
    padding: .5em .1em;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: center;
      & span.string {
      font-weight: 500;
      }
      & .num {
        font-size: 1.5em;
        font-weight: 500;
      }
      & .num:nth-of-type(1) {
        letter-spacing: -.2em;
      }
      & .comma {
        letter-spacing: -.4em;
      }
    }
  & .list-inner.sub-1st span.string {
    font-size: 1.3em;
  }
  & .list-inner.sub-2nd .sub-copy .num {
    font-size: 1.15em;
  }
  & .list-inner.sub-3rd span.string {
    font-size: 1.1em;
  }
}
.mainvisual .list-inner.sub-3rd .text-outer .text-text {
  letter-spacing: -.11em;
  line-height: 1.4;
}
@media screen and (min-width: 390px) {
  .mainvisual .box {
    & .box-inner {
      &:last-of-type .text-text {
        font-size: 1.19em;
      }
    }
  }
}
@media screen and (min-width: 576px) {
  .mainvisual .mainvisual-inner {
    & .fv_sp {
      display: none;
    }
    & .fv_pc {
      display: block;
    } 
  }
  .mainvisual .heading-inner {
    top: 2em;
    font-size: 1.3em;
    & .text-text {
      font-size: 1.4em;
      padding-right: 1em;
    }
  }
  .mainvisual .name {
    color: #fff;
    top: 23em;
    left: 0;
    & .text-text {
      display: inline-block;
      position: relative;
      top: -8.9em;
      z-index: 1;
      &::before {
        background-image: url(../img/bg_name_pc.svg);
        right: unset;
        width: 109%;
      }
      & span {
        padding-left: .6em;
      }
    }
  }
  .mainvisual .box {
    width: 60%;
    position: absolute;
    right: 0;
    bottom: 3em;
    & .box-inner {
      & .list {
        display: flex;
        gap: 1em;
        flex-wrap: wrap;
        & .list-inner {
          width: calc((100% - (1em * 2)) / 3);
        }
      }
      &:last-of-type .text-text {
        font-size: 1em;
      }
    }
  }
}
@media screen and (min-width: 768px) {
  .mainvisual .heading-inner .text-text {
    font-size: 1.8em;
  }
  .mainvisual {
    & .sub-copy {
      font-size: 1.2em;
      width: 100%;
      padding: .3em 1.4em;
    }
    & .box {
      bottom: 4em;
      & .text-outer .text-text {
        padding: .5em;
      }
      & .box-inner:last-of-type .text-text {
        font-size: 1.1em;
      }
    }
  }
  .mainvisual .name {
    top: 26.25em;
    & .text-text::before {
      width: 110%;
      height: 2.25em;
    }
  }
  .mainvisual .box {
    width: 53%;
    position: absolute;
    bottom: 4em;
  }
}
@media screen and (min-width: 900px) {
& #id-mainvisual .sub-copy {
    &::after {
      bottom: -12px;
      left: 45px;
    }
  }
}
@media screen and (min-width: 992px) {
  .mainvisual .heading-inner {
    top: 4em;
    & .text-text {
      font-size: 2.2em;
    }
  }
  .mainvisual {
    & .sub-copy {
      font-size: 1.4em;
    }
  }
  .mainvisual .box {
    width: 53%;
    bottom: 4em;
    & .box-inner:last-of-type .text-text {
        font-size: 1.3em;
      }
      & .text-outer .text-text {
        font-size: 1.2em;
        padding: .5em 0;
        height: 4.5em;
        font-size: 1.3em;
      & .box-inner:last-of-type .text-text {
        font-size: 1.25em;
        letter-spacing: .02em;
      }
      & .box-inner .list-inner.sub-2nd .text-text {
        line-height: 1.1;
      }
    }
  }
  .mainvisual .name {
    top: 29.25em;
      & .text-text > span {
        font-size: 1.25em;
      }
      & .text-text::before {
        height: 3em;
        width: 115%;
      }
    }
  }
@media screen and (min-width: 1144px) {
  .mainvisual .name {
    top: 31.25em;
      & .text-text::before {
      width: 117%;
    }
  }
  .mainvisual .box {
    width: 54%;
    bottom: 5em;
    & .box-inner:last-of-type .text-text {
      font-size: 1.5em;
    }   
  }
}
@media screen and (min-width: 1200px) { 
  .mainvisual .heading-inner {
    top: 6.5em;
    & .text-text {
      font-size: 2.5em;
    }
  }
  .mainvisual .name {
    top: 34.25em;
    & .text-text::before {
        width: 112%;
    }
    & .text-text span {
      padding-left: 1em;
    }
  }
  .mainvisual .box {
    & .box-inner:last-of-type .text-text {
      font-size: 1.55em;
    }   
  }
}
@media screen and (min-width: 1240px) {
  .mainvisual .box {
    & .box-inner:last-of-type .text-text {
      font-size: 1.625em;
    }   
  }
} 

    
/* .home .article-news */
.article-news {
  display: flex;
  justify-content: center;
}
.article-news .article-inner {
  background-color: rgba(var(--dark-gray-rgb), .2);
  width: 100vw;
  max-width: 1240px;
  padding: 2em 1em;
  margin: 0 calc(50% - 50vw);
}
.article-news .news-item {
  margin-bottom: 2em;
  & .box-heading {
    max-width: 20em;
  }
}
.article-news .item-inner {
  border-bottom: 1px solid #d4d4d3;
  padding-bottom: 1.5em;
  position: relative;
  & .column::before {
    content: '';
    display: inline-block;
    background-image: url(../img/news_arrow.svg);
    background-repeat: no-repeat;
    width: 1.5em;
    height: .8em;
    position: absolute;
    bottom: 1em;
    right: 1em;
    transition: all ease .3s;
  }
}
.article-news .item-inner a:hover .column::before {
  right: .5em;
  transition: all ease .3s;
}
.article-news .cat {
  border-radius: 4px;
  color: #fff;
  text-align: center;
  width: 5em;
  display: flex;
  justify-content: center;
  align-items: center;
  & .cat-inner {
    font-size: .8em;
  }
  &.column {
    background-color: var(--dark-purple);
  }
  &.news {
    background-color: var(--orange);
  }
}
.article-news .cat_date-inner {
  display: flex;
  gap: 1em;
  & .date {
    width: 4.5em;
  }
}
.article-news .item-inner .news a {
  pointer-events: none;
}
.article-news .read-more {
  & .read-more-btn {
    text-align: center;
  }
  & a {
    display: inline-block;
    border: var(--dark-purple) 1px solid;
    padding: .5em 2em;
    color: var(--dark-purple);
    &:hover {
      background-color: var(--dark-purple);
      color: #fff;
    }
  }
}
@media screen and (min-width: 390px) {
  .article-news .news-item .box-heading {
    max-width: 25em;
  }
}
@media screen and (min-width: 576px) {
  .article-news .news-item .box-heading {
    max-width: 38em;
  }
}
@media screen and (min-width: 768px) {
  .article-news .article-inner {
    display: flex;
    justify-content: space-between;
    & .article-header {
      width: 30%;
    }
    & .article-body {
      width: 70%;
    }
  }
  .article-news .item-inner {
  padding-bottom: 0;
  }
  .article-news .box-inner {
    display: flex;
    align-items: center;
  }
  .article-news .box-heading:hover {
    opacity: .8;
  }
  .article-news .news-item .box-heading {
    max-width: 22em;
  }
}
@media screen and (min-width: 992px) {
  .article-news .news-item .box-heading {
    max-width: 29em;
  }
}
@media screen and (min-width: 1200px) {
  .article-news .news-item .box-heading {
    max-width: 36em;
  }
}
/* .home .article-message */
.article-message .article-inner {
  position: relative;
  & .dec-string {
    position: absolute;
    top: -3em;
    right: -1em;
  }
}
.article-message .dec-block {
  display: flex;
  gap: 3em;
  align-items: baseline;
  & .dec {
    border-radius: 4px;
    &.dec_1st{
      background-color: var(--dark-purple);
      width: 3em;
      height: 3em;
      position: relative;
      bottom: -5em;
      right: -2em;
    }
    &.dec_2nd {
      width: 4em;
      height: 4em;
      background-color: var(--gray);
    }
  }
}
.article-message .article-body {
  & .area-heading .heading-inner {
    font-size: 1.3em;
    margin-bottom: .5em;
  }
  & .text-box {
    line-height: 2;
    margin-bottom: 2em;
      & .text-text {
        font-size: 1.1em;
        line-height: 2;
      & span {
        color: var(--dark-purple);
        font-weight: 500;
      }
    }
  }
  & .img-img {
    text-align: right;
    & .img {
      width: 30%;
    }
  }
}
@media screen and (min-width:768px) {
  .article-message .article-body .body-inner {
    padding-left: 7em;
  }
  .article-message .dec-string {
    margin-bottom: -5em;
  }
  .article-message .article-body {
    & .text-box {
      line-height: 2.5em;
    }
    & .img-img {
      & .img {
        width: 15%;
      }
    }
  }
}
@media screen and (min-width: 1144px) {
  .article-message .article-body {
    & .area-heading .heading-inner {
      font-size: 1.7em;
    }
    & .text-box {
      line-height: 2;
        & .text-text {
          font-size: 1.4em;
          line-height: 2.3;
      }
    }
  }
}

/* .home .article-service */
.article-service {
  margin-bottom: 0;
}
.article-service .article-inner {
  background-color: var(--light-purple);
  padding: 2.5em 1em 3em;
  position: relative;
  & .dec-string {
    position: absolute;
    top: -4em;
    left: -.2em;
  }
}
.article-service .article-heading {
  text-align: center;
}
.article-service .area-header {
  & .area-heading {
    text-align: center;
  }
  & .heading-inner span {
    background-color: #fff;
    border: solid 1px var(--dark-purple);
    border-radius: 2px;
    color: var(--dark-purple);
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  & .heading-inner span.free {
    background-color: var(--dark-purple);
    color: #fff;
    position: relative;
    &::before {
      position: absolute;
      content: '';
      width: 2em;
      height: 2em;
      border: .9px solid #fff;
    }
  }
  & .list-inner {
    margin-bottom: 2em;
  }
  & .list-inner:nth-of-type(1) .area-heading .heading-inner {
    font-weight: 500;
    display: flex;
    gap: .3em;
    justify-content: center;
  }
}
.article-service .card-outer {
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: center;
}
.article-service .card-inner .item-heading {
  color: #fff;
  background-color: var(--dark-purple);
  border-radius: 4px 4px 0 0;
  font-weight: bold;
  height: 6em;
  display: flex;
  justify-content: center;
  align-items: center;
  & span {
    font-size: 1.1em;
    font-weight: 500;
  }
}
.article-service .card-inner .item-list {
  border: .5px solid var(--dark-purple);
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  padding: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.article-service .item-list > .list-inner {
  width: 95%;
  &:first-of-type {
    text-align: center;
    color: var(--dark-purple);
    border-bottom: 1px solid var(--light-gray);
    height: 4.5em;
    padding-bottom: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    & .fee .fw-bold {
      font-size: 2em;
    }
    & .fee .fw-thin {
      font-size: 1.3em;
    }
    & .fee .fw-thin.tax {
      font-size: 1em;
    }
  }
  &:nth-of-type(2) {
    border-bottom: 1px solid var(--light-gray);
    padding-bottom: 1em;
    font-weight: 500;
    & .text-text {
      text-align: right;
      font-weight: 400;
    }
    & .list-inner {
      list-style: none;
    }
  }
  & .fee span:nth-of-type(1) {
    letter-spacing: -.3em;
  }
  & .fee span:nth-of-type(2), .fee span:nth-of-type(3) {
    letter-spacing: -.125em;
  } 
  .fee span:nth-of-type(4) {
    letter-spacing: -.16em;
  }
  & .fee span:nth-of-type(5) {
    letter-spacing: -.4em;
  }
}
.article-service .card:nth-of-type(2) .item-list > .list-inner:first-of-type .text-text {
  font-weight: 600;
  font-size: 1.5em;
}
.article-service ul.list {
  line-height: 2;
}
@media screen and (min-width: 576px) {
  .article-service .article-inner {
    padding: 3.5em 1em 3em;
    & .dec-string {
      top: -6.5em;
    }
  }
  .article-service .card-outer .card-inner {
    width: 360px;
  }
}
@media screen and (min-width: 768px) {
  .article-service .article-inner {
    & .dec-string {
      top: -8.5em;
    }
    & .heading_styleA .heading-inner {
     font-size: 1.25em; 
    }
  }
  .article-service .area-header .heading-inner span {
    font-size: 1.6em;
    font-weight: 500;
  }
  .article-service .card-outer .card-inner {
    width: 380px;
  }
}
@media screen and (min-width: 860px) {
  .article-service .article-inner {
    & .dec-string {
      top: -8.5em;
    }
  }
}
@media screen and (min-width:992px) {
  .article-service .card-outer .card-inner {
    width: 400px;
    & .list-inner:nth-of-type(3) .text-text {
      min-height: 7em;
    }
  }
  .article-service .card-outer {
    width: calc(400px * 2 + 2em);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    gap: 2em;
    & .card:nth-of-type(2) .list-inner:nth-of-type(3) .text-text {
    letter-spacing: -0.06em;
  }
  }
}

/* .home .article-strengths */
.article-strengths .common-header .heading-outer {
    margin-bottom: 2em;
}
.article-strengths .article-heading {
  text-align: center;
}
.article-strengths .article-header .dec-string {
  & .string {
    position: relative;
    top: .6em;
  }
}
.article-strengths .heading_styleA {
  padding: 1em 0;
  font-size: 1.2em;
  text-align: center;
}
.article-strengths .item {
  display: flex;
  flex-direction: column;
  gap: 3em;
  & .img-outer {
    overflow: hidden;
  }
  & .img-img {
    transition: all ease .3s;
  }
  & a:hover .img-img {
    transform: scale(1.1);
    transition: all ease .3s;
  }
}
.article-strengths .box-header .heading-inner {
  color: var(--dark-purple);
  font-weight: 500;
  font-size: 1.2em;
  padding: .5em 0 .5em;
}
.article-strengths .article-body .text-text {
  margin: 0 0 1.5em;
}
.article-strengths .article-body .btn-inner .text-link .link-inner {
  font-size: 1.1em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .article-strengths .item {
    display: flex;
    flex-direction: row; 
    gap: 1.5em;
    & .item-inner {
      width: calc((100% - (1em * 2)) / 3);
    }
    & .text-text {
      height: 4em;
    }
  }
  .article-strengths .area-heading_styleA {
    padding: 1em 0 2em;
  }
}

/* .home article-contact */
.home .article-contact {
  background-color: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 3em 1em;
  margin: 0 auto 4em;
  position: relative;
  /* & .article-inner {
    position: relative;
    &::before {
      background-image: url(../img/bg_contact.webp);
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      width: 100vw;
      max-width: 1240px;
      height: 18em;
      margin: 0 calc(50% - 50vw);
      position: absolute;
      bottom: -8em;
      z-index: -1;
      margin: 0 auto;

    }
  } */
}
.home .article-contact .img-img {
  position: relative;
  display: flex;
  justify-content: center;
  & img {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    max-width: 1240px;
    z-index: -1;
    position: absolute;
    bottom: -10em;
  }
  & ::before {
    background-color: #1a191b;
    content: '';
    width: 100%;
    height: auto;
    opacity: .7;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
.home .article-contact .header-inner {
  text-align: center;
}
.home .article-contact .heading-inner {
  letter-spacing: .1em;
  text-align: center;
  line-height: 1.4;
  & span.dot {
    position: relative;
    &::before {
      background-color: var(--red);
      position: absolute;
      content: '';
      display: block;
      width: .25em;
      height: .25em;
      border-radius: 50%;
      top: -.1em;
      right: 0;
      left: 0;
      margin: 0 auto;
    }
  }
  & span.marker {
    background: linear-gradient(transparent 70%, rgba(var(--purple-rgb), .2) 70%);
  }
}
.home .article-contact .article-body {
  & .text-text {
  text-align: center;
  align-items: flex-start;
  }
}
.home .article-contact .contact {
  display: flex;
  gap: 1em;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.home .article-contact .contact-tel {
  & img {
      object-fit: contain;
      width: 2.8em;
    }
  & .tel-number {
    font-size: 2.4em;
  }
}
.contact-tel {
  & .icon-icon {
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    & img {
      object-fit: contain;
      width: 5em;
    }
    & .text-text {
      padding-bottom: 0.3em;
    }
  }
  & .text-text {
    font-size: 0.8em;
    margin: 0;
    /* margin-left: auto; */
    & .tel-number {
      font-size: 1.8em;
      font-weight: 600;
      letter-spacing: .05em;
    }
  }
  & .link-inner .text-text:nth-of-type(2) {
    background-color: var(--light-green);
    color: #fff;
  }
  & .item {
    border-top: 2px solid #32a02e;
    background-color: #d9f1cf;
    color: #504848;
    font-weight: 600;
    line-height: 1.4;
    padding: 0 .25em .25em;
    display: flex;
    justify-content: space-between;
    & .item-inner .text-text {
      letter-spacing: .075em;
    }
    & .list .list-inner p {
      & > span {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      & .day {
        display: flex;
        justify-content: space-between;
        width: 3em;
        font-size: 1em;
      }
      & span.time {
        font-size: 1.2em;
      }
    }
    & .list-inner:nth-of-type(2) {
      line-height: 1.1;
    }
    & + p {
      letter-spacing: -.05em;
    }
  }
}
.contact-email {
  & .body-inner {
    background-color: var(--light-orange);
    border-radius: 10px;
    & .text-text {
      color: #fff;
      font-weight: 600;
      font-size: 1.125em;
    }
  }
  & .link-inner {
    padding: 1em 2em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  & .icon-icon {
    color: #fff;
    & .icon {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    & .text-text {
      padding-bottom: .4em;
    }
  }
  & p {
    margin: 0;
  }
  & .fa-envelope {
    font-size: 1.5em;
  }
}
.contact-email:hover .body-inner {
  background-color: #f68b0c;
}
@media screen and (min-width: 768px) {
  .home .article-contact {
    margin: 0 auto 10em;
    width: 90%;
    & .contact {
      display: flex;
      gap: 1em;
      justify-content: center;
      flex-direction: row;
      align-items: center;
    }
  }
  .contact-tel {
    & .icon-icon {
      & img {
          width: 5.5em;
      }
    }
  }
}
@media screen and (min-width: 992px) {
  .home .article-contact {
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  .contact-tel {
    & .text-text {
      margin-left: auto;
    }
  }
}

/* column コラム関連 */
.archive-title {
  font-size: 1.6em;
  font-weight: 500;
  text-align: left;
  margin-bottom: 2em;
  & .fa-folder-open {
    display: none;
  }
}
.single-post p {
  margin: 0;
}
.entry-card-title {
  font-weight: 600;
}
.cat_date-inner,
.tags-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
.cat, 
.label {
  border-radius: 2px;
  padding: .1em .5em;
  width: 4em;
  text-align: center;
  & a {
    color: #fff;
  }
  &.fudosan {
    background-color: var(--purple);
  }
  &.touki {
     background-color: var(--light-green);
  }
  &.souzoku {
     background-color: var(--light-orange);
  }
}

/*.page-post 記事一覧ページ*/
@media screen and (min-width: 992px) {
  .category-column .archives-wrap .box > a,
  .archive .archives-wrap .box > a  {
    display: flex;
    align-items: flex-start;
  }
  .entry-card-content {
    width: 60%;
    margin-left: 1em;
  }
  .entry-card-thumb {
    width: 40%;
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .entry-card-content {
    width: 66%;
  }
  .entry-card-thumb {
    width: 30%;
  }
}

/*.page-post 記事ページ*/
.single-post .wrapper-heading br {
  display: none;
}
.single-post .img-outer {
  margin: 2em 0;
}
.single-post .img {
  width: 100%;
}
.single-post.category {
  align-items: center;
  display: flex;
  gap: 1em;
  margin-top: 1em;
}
.single-post .article-header {
  & .article-heading {
    padding: 2em 0 1em;;
    & .heading-inner {
    font-size: 1.6em;
    }
  }
}
.single-post .wrapper-header {
  & .header-inner {
    position: relative;
    &::before {
      content: '';
      display: block;
      background-color: #7636A3;
      width: .3em;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto 0;
    }
  }
  & .wrapper-heading {
    background-color: #ececec;
    padding: .8em .5em;
    & span {
      font-size: 1.2em;
      font-weight: 500;
      display: inline-block;
      padding-left: .5em;
    }
  }
}
.single-post .wrapper .text-box {
  padding: 1em 1em;
  & p.text-text {
    padding-bottom: 1em;
    line-height: 1.6;
    &:last-of-type {
      padding-bottom: 0;
    }
  }
}
.single-post .article .wrapper:last-of-type .text-box {
  margin-bottom: 0;
}
.single-post .entry-content ul.list {
  padding: 0 0 1em 2em;
  & .list-inner {
    line-height: 1.9;
    position: relative;
  }
}
.single-post .entry-content ul.style-none {
  list-style-type: none;
  margin-bottom: 1em;
  & .list-inner {
    line-height: 1.9;
  }
}
.single-post .box-heading {
  font-size: 1.1em;
  font-weight: 500;
}
.single-post .text-box .box-heading_styleA {
  position: relative;
  padding-left: 1.1em;
  margin-bottom: .5em;
  &::before {
    background-color: #7636A3;
    content: '';
    width: .6em;
    height: .6em;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto 0;
    transform: rotate(45deg);
  }
  br {
    display: none;
  }
}
.single-post .wrapper .box_styleB {
  & .box-header {
    position: relative;
    padding-left: 1em;
    &::before {
    content: '';
    background-color: #7636A3;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    width: 7px;
    height: 13px;
    display: inline-block;
    position: absolute;
    top: .25em;
    left: 0;
    }
  }
  & .heading-inner br {
    display: none;
  }
  & .text-text {
    padding-left: 1em;
  }
}
.single-post .wrapper .box_styleC {
  & br {
    display: none;
  }
}
.single-post .wrapper .dl {
  position: relative;
  padding-left: 1em;
  &::before {
    content: '';
    background-color: #7636A3;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    width: 7px;
    height: 13px;
    /* margin: auto 0; */
    display: inline-block;
    position: absolute;
    top: .125em;
    left: 0;
  }
  & br {
    display: none;
  }
  & + p {
    padding-left: 1em;
  }
}
.next-column {
  .btn-inner {
    display: flex;
    justify-content: center;
    margin: 5em 0 5em 0;
  }
  & .text-link {
    padding: 1em 3em;
    color: #7636a4;
    border: 1px solid #7636a4;
    transition: all ease .3s;
    position: relative;
    &::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1em;
      width: 9px;
      height: 9px;
      margin: auto;
      border-top: 1px solid #7636a4;
      border-right: 1px solid #7636a4;
      transform: rotate(45deg);
      box-sizing: border-box;
    }
    & .link-inner {
      padding-right: 1em;
    }
  }
}
.single-post .btn-btn a:hover {
  color: white;
  background-color: #7636a4;
  transition: all ease .3s;
}
.single-post .btn-btn a:hover.text-link::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.single-post .wrapper.flow ol {
  padding: 1em 2em;
}
.single-post .list-inner-header span {
  font-size: 1.2em;
  font-weight: 500;
}
.single-post ol.list {
  & .list-inner {
    padding-bottom: 1em;
  }
  & .list-inner:last-of-type {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 951px) {
  .single-post .article-inner {
    border: 1px solid #e4e4e4;
    padding: 2em 1.5em;
  }
  .single-post .category {
    margin-top: 0em;
  }
}
#pager-post-navi:has(.next-post-only) {
  justify-content: flex-end;
}
#pager-post-navi:has(.prev-post-only) {
  justify-content: flex-start;
}
.pager-post-navi {
  display: flex;
  justify-content: space-between;
  & a {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 2em 0;
    &.next-post {
      flex-direction: row-reverse;
    }
    &:hover {
      color: var(--dark-purple);
    }
  }
}

/* サイドバー */
.sidebar {
  margin-bottom: 6em;
}
.items-nav .nav-heading {
  background-color: #c4c4c4;
  color: #fff;
  text-align: center;
  padding: 1em;
}
.items-nav {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.service-nav.service .categories-menu {
  margin: 0;
  border: 1px solid var(--gray);
  border-bottom: none;
  & .menu-inner {
    border-bottom: 1px solid var(--gray);
    padding: 1em;
    cursor: pointer;
    &:hover {
      background-color: var(--gray);
    }
  }
  & a {
    display: block;
  }
  & .fa-icon {
    color: var(--dark-purple);
    line-height: 1em;
    display: block;
    width: 1em;
    height: 1em;
    margin: auto;
    position: absolute;
    top: 0;
    right: .5em;
    bottom: 0;
    z-index: 3;
    transition: color .23s ease;
  }
}
.related.service-nav {
  border: 1px solid var(--gray);
  border-top: unset;
  margin-top: 1em;
}
.related.service-nav .related-service-content ul li {
  &::before {
    border: 1px solid #c8934b;
  }
  &::after {
    color: #c8934b;
  }
}
.related.service-nav .img-outer {
  text-align: center;
  padding: 0 .5em .8em;
  margin: 0;
  & img {
    width: 17em;
  }
}
.related-service-content {
  display: flex;
  justify-content: center;
  p {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  /* .side-wrapper .side-wrapper-inner {
    display: flex;
    position: relative;
  } */
  .page .main-inner > .wrapper > .wrapper-inner,
  .archive.category .main-inner > .wrapper > .wrapper-inner,
  .single-post .main-inner > .wrapper > .wrapper-inner {
    display: flex;
  }
  .sidebar {
    min-width: 340px;
  }
  .sidebar-list {
    margin-left: 2em;
  }
}

/* 下層ページ */
body:not(.home) .main {
  margin-top: 0;
}
body:not(.home) .visual .block-inner {
  display: flex;
  justify-content: center;
}
body:not(.home) .visual .img-img {
  position: relative;
  position: relative;
  height: 25em;
  width: 100vw;
  max-width: 1240px;
}
.visual {
  position: relative;
  height: 21em;
}
.visual .visual-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 11;
  & .title-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 4em;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  & .main-text {
    font-size: 1.6em;
    text-align: left;
    font-weight: 500;
    position: relative;
    &::before {
      position: absolute;
      content: '';
      top: .8em;
      margin: auto 0;
      background-color: var(--text-color);
      width: 2em;
      height: 1px;
      left: -2.5em;
    }
    &::after {
      position: absolute;
      content: '';
      top: .8em;
      background-color: var(--text-color);
      width: 2em;
      height: 1px;
      right: -2.5em;
    }
  }
}
.visual::before, .visual .slide-inner::before {
  background: url(../img/page_fv.webp) center center no-repeat;
  background-size: cover;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body:not(.home) .article-heading {
  border-bottom: 1px solid var(--dark-purple);
  padding-bottom: .15em;
  margin: 0 0 2em;
  display: flex;
  flex-direction: column;
  & .title-jp {
    font-size: 1.4em;
  }
   & .title-en {
    color: var(--dark-purple);
    font-size: .9em;
    font-weight: 500;
   }
}
.page-contents {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .visual {
    height: 23em;
  }
  .visual .visual-inner {
    & .title-inner {
      top: 6em;
      right: 0;
      left: 0;
      margin: 0 auto;
    }
  }
}

/* company */
.company-page.staff {
  & .img-img {
    text-align: center;
  }
  & img {
    width: 18em;
  }
}
.company-page.staff .name {
  display: flex;
  justify-content: center;
  & .name-inner {
    margin: 0 0 1em;
    margin: 1em 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  & p {
    margin: 0;
  }
  & .name-name {
    line-height: 1.4;
    display: block;
  }
  & .position {
    color: #929292;
    font-weight: 500;
    font-size: 1.1em;
  }
  & .name-jp {
    font-size: 1.6em;
  }
   & .name-en {
    font-size: .9em;
    font-weight: 500;
    letter-spacing: .05em;
    margin-left: .25em;
  }
}
.company-page.staff .profile {
  & .list-heading {
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 1.1em;
    display: inline-block;
    & .major {
      color: var(--dark-purple);
    }
  }
  & .major-list {
    padding: .5em;
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
    gap: .3em;
    & .list-inner {
      font-size: 1em;
      font-weight: 500;
      padding: .75em 1em;
      display: flex;
      align-items: center;
      background: linear-gradient(45deg, #eeeeee, #ffffff);
      line-height: 1.3;
      border-radius: 50%;
      width: 7em;
      height: 7em;
      color: #5a4a96;
    }
  }
  & .table {
    border: unset;
    & .list-inner::marker {
      color: var(--dark-purple);
    }
    & .tr:last-of-type {
      & .th {
        white-space: nowrap;
      }
      & .td ul.list {
        padding: 0 0 0 1em;
      }
    }
  }
}
.company-page.net-work {
  & .article-header span {
    letter-spacing: -.02em;
  }
  & img {
    padding: 1em;
  }
  & .text-text {
    max-width: 47em;
  }
}
.company-page.overview .table {
  & .th {
    background-color: var(--light-purple);
    width: 10em;
  }
  & .td {
    border-left: 1px solid var(--gray);;
  }
  & .tr:first-of-type td {
    white-space: nowrap;
  }
}
.company-page.overview .tr.tel-fax .td .td-inner {
  & > ul {
    margin-bottom: 1em;
    & .list-inner {
    display: flex;
    }
  }
  & .tel, & .fax, & .day, & .day-off {
    display: flex;
    justify-content: space-between;
  }
  & .tel, & .fax {
    width: 2em;
  }
  & .day, & .day-off {
    width: 3em;
  }
  & .delimiter {
    text-align: center;
    width: 1em;
  }
  & .text-text {
    margin: 1em 0 0;
  }
  & .box .list-inner {
    display: flex;
    gap: 1em;
  }
}
.company-page.overview .tr.hours {
  .td > span {
    margin-bottom: 1em;
    }
  & ul {
    margin-bottom: 0;
  }
}
.company-page.overview tr:nth-of-type(3) ul.list {
  padding: 0 0 0 1em;
  & .list-inner::marker {
    color: var(--dark-purple);
  }
}
.company-page.access {
  & .map-map .map-inner {
    width: 100%;
    height: 24em;
  }
}
@media screen and (min-width: 992px) {
  .company-page.staff img {
      width: 15em;
  }
  .company-page.staff .page-contents {
    display: flex;
    justify-content: center;
    & .profile {
      margin-left: 2em;
    }
  }
}
@media screen and (min-width: 1144px) {
  .company-page.net-work {
    .img-img {
      text-align: center;
    }
    & img {
      padding: 1em 0;
      margin: 1em 0;
      width: 45em;
    }
  }
}

/* price */
.price-page .article-body .body-inner > ul {
  background-color: rgba(var(--gray-rgb), .3);
  padding: 1em 1em 1em 2em;
}
.price-page .article-heading {
  & span {
    font-size: 1.5em;
  }
}
.price-page .bg_typeA {
  background-color: rgba(var(--gray-rgb), .3);
  padding: 1em 2em 1em 1em;
  margin-bottom: 2em;
}
.price-page ul.list .list-inner:not(:last-of-type) {
  padding-bottom: .5em;
}
.price-page .box {
  margin-bottom: 3em;
}
.price-page .table {
  & .th {
    background-color: var(--light-purple);
    font-weight: 500;
    line-height: 1.4;
    width: 47%;
  }
}
.price-page.price-saimu {
  & .dl .text-text {
    padding-left: 1em;
    margin-top: 0;
    &:last-of-type {
      margin-bottom: 0;
    }
  }
  & .dt {
    position: relative;
    padding-left: 1em;
    &::before {
      position: absolute;
      content: '';
      width: .5em;
      height: .5em;
      background-color: #696969;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto 0;
    }
  }
}
@media screen and (min-width: 576px) {
  .price-page .table {
    & .th {
      width: 38%;
    }
  }
}
@media screen and (min-width: 768px) {
  .price-page .table {
    & .th {
      width: 41%;
    }
  }
}

/* service-souzoku */
.service {
  & .body-content {
    padding: 1em 1em 1em 0;
  }
  & .body-inner .list {
    margin: 0;
  }
  & .body-inner.recommendation .body-content {
    background-color: rgba(var(--light-brown-rgb), .05);
  }
  & .body-inner.detail .body-content {
    background-color: rgba(var(--purple-rgb), .05);
  }
}
.article-souzoku .list-inner {
  margin-bottom: 2em;
  & .box .body-inner {
  display: flex;
  flex-direction: column;
  padding-top: 1.5em;
  }
  & .icon-icon img {
    width: 4em;
  }
  & .icon-inner {
    text-align: center;
  }
  & .text-text {
    padding-left: 1em;
  }
}
.article-service-menu {
  & .box-heading {
  text-align: center;
  }
  & .box-inner {
  border: 1px solid var(--gray);
  border-top: 10px solid rgba(var(--gray-rgb), 1);
  margin-bottom: 3em;
  padding: 2em 1em;
  }
  & .box-heading .heading-inner {
    font-size: 1.25em;
    font-weight: 500;
    text-align: center;
  }
}
.article-service-menu .kome { 
  border: 1px solid #cdcdcd;
  padding: 1em;
}
.article-service-detail .list-inner:last-of-type .body-content {
  padding: 1em;
  & p {
    margin: 0;
  }
  & p:first-of-type {
    margin-bottom: 1em;
  }
}
.article-yigon .list-inner {
  background-color: rgba(var(--gray-rgb), .4);
  padding: 1em;
  margin-bottom: 1.5em;
  position: relative;
  & .box .box-heading {
    text-align: center;
    padding: 1em 0;
    padding: 1em 1em 1em 0;
    margin: 1em 0 0;
    & .case {
      background-color: rgba(var(--purple-rgb), .8);
      color: #fff;
      padding: .5em;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      gap: .25em;
      & .num {
        font-size: 1.3em;
      }
    }
    & .case-title {
      font-size: 1.2em;
      font-weight: 500;
    }
  }
}
.article-yigon .list-inner:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .article-yigon .list-inner {
    padding: 1em 2em 2em;
  }
}
@media screen and (min-width: 992px) {
  .article-yigon .list {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    & .list-inner {
      padding: 1em 3em 2em;
    }
    & .case-title br {
      display: none;
    }
  }
}
@media screen and (min-width: 1300px) {
  .article-yigon .list .list-inner {
    padding: 1em 2em 2em;
    margin-bottom: 0;
    & .box-heading {
      padding: 1em 0 2em;
    }
    & .body-inner {
      display: flex;
      align-items: center;
    }
    & .img-outer {
      width: 40%;
    }
    & .text-text {
      width: 60%;
      margin: 0 0 0 1em;
    }
  }
}


/* service-saimu */
.article-saimu .list {
  margin-bottom: 3em;
}
.article-saimu .list-inner {
  margin-bottom: 2em;
  & .icon-inner {
    text-align: center;
    margin-top: 1em;
  }
  & img {
    width: 5em;
    height: 5em;
  }
  & .text-header {
    text-align: center;
    padding: 1em 0 0;
  }
  & .text-text {
    padding: 0 1em;
  }
}
.article-saimu .body-inner > .box {
  & .img-img {
    text-align: center;
  }
  & img {
    max-width: 38em;
    padding: 1em 0;
    margin: 1em 0;
  }
}
.article-step {
  border-bottom: 1px solid var(--dark-purple);
  padding-bottom: 5em;
  margin: 0 0 3em;
}
.article-step ol.step > li {
  margin: 0 0 3em;
  & .cell {
    padding: 1em 1em 2em; 
    display: flex;
    /* gap: 1em; */
    position: relative;
    &::before {
      background-color: var(--brown);
      content: "";
      width: 1px;
      height: 90%;
      position: absolute;
      left: 3em;
      top: 5.5em;
    }
    & .cell-heading {
      margin-left: 1em;
    }
    & .cell-heading .heading-inner {
      font-size: 1.2em;
      font-weight: 500;
      padding: 1em 0;
    }
    & .img, .cell-body .text-text {
      max-width: 34em;
    }
    & .cell-inner:first-of-type {
      margin-right: 1em;
    }
  }
}
.article-step .num .serif-en .string {
  background-color: rgba(var(--purple-rgb), .3);
  border-radius: 50%;
  color: #62554e;
  text-align: center;
  width: 4em;
  height: 4em;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-price {
  margin: 0 0 5em;
  text-align: right;
  padding: 0 0 2em;
  & .link-inner {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  .article-souzoku .list,
  .article-saimu .list {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    & .list-inner {
      width: calc((100% - (2em * 1)) / 2);
      margin-bottom: 0;
      padding: 0;
    }
    & .heading-inner br {
      display: none;
    }
  }
  .article-saimu .body-inner > .box .box-body {
      margin-top: 1em;
    }
  .article-step ol.step > li {
    margin: 0 0 6em;
    & .cell::before {
      height: 100%;
    }
  }
}

/* review */
.review .article-body .text-box > .box-inner {
  padding: 1em 1em;
  background-color: rgba(var(--gray-rgb), .3);
  margin-bottom: 2em;
  & .text-text {
    text-align: center;
    margin: 0;
  }
}
.review .box-heading {
  & .line-1st {
    border-left: 2px solid rgba(var(--purple-rgb), .6);
    padding-left: .5em;
  }
  & .line-2nd {
    display: block;
    font-size: 1.4em;
    padding: .2em .5em .5em;
    padding-left: .5em;
    font-weight: 500;
  }
}
.review .box-review .box-inner {
  box-shadow: .1em .1em .3em rgba(var(--black-rgb), .2);
  padding: 1em;
  margin-bottom: 3em;
  position: relative;
  & .item-inner.evaluation .text-text {
    background-color: rgba(var(--purple-rgb), .8);
    text-align: center;
    width: 5em;
    height: 5em;
    position: absolute;
    top: 0;
    right: 0;
    padding: .5em;
    margin: 0;
    & > span {
      color: #fff;
    }
    & .fz-large {
      font-size: 0.8em;
      font-weight: 600;
      display: inline-block;
    }
  }
}
.review .cell-inner.text-outer {
  padding: 0 1em;
}
.review .box-review .cell-heading {
  & .heading-inner {
    font-weight: 500;
  }
  & .num {
    display: block;
    position: absolute;
  }
  & .num + span.string {
    display: inline-block;
    padding-left: 1em;
  }
}
.review .box-review .cell-body {
  & .body-inner {
    padding: 0 1em;
  }
}
.review .img-img {
  margin: 1em 0 3em;
}
.review .module-inner {
  border-bottom: 1px solid var(--gray);
  margin-bottom: 1em;
}
.review .item-inner.handle-name {
  position: relative;
  &::before {
    border-radius: 50%;
    background-color: rgba(var(--purple-rgb), .8);
    content: '';
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  & .text-text {
    padding-left: 1.5em;
  }
}
@media screen and (min-width: 1200px) {
  .review .box-review {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
     & .box-inner {
      width: calc((100% - (2em * 1)) / 2);
      margin-bottom: 0;
    }
  }
}

/* privacy */
.privacy .item .list-body .text-text,
.inquiry .item .list-body .text-text { 
  padding-left: 1em;
  margin-top: 0;
}
.privacy .privacy-contents {
  padding: 1em 2em;
}
.privacy ol,
.inquiry ol {
  & .block-heading .heading-inner {
    color: var(--brown);
    font-size: 1.25em;
  }
  & li::marker {
    color: var(--brown);
    font-size: 1.25em;
  }
}
.privacy .box-heading .heading-inner,
.inquiry .box-heading .heading-inner {
  font-weight: 500;
  padding: 1em 0;
  color: rgba(var(--navy-rgb), .8);
  position: relative;
  & .symbol {
    position: absolute;
  }
  & .text-text {
    display: inline-block;
    padding-left: 1em;
  }
   & .text-text.marker {
    /* background: linear-gradient(transparent 50%, rgba(var(--light-brown-rgb), .3) 50%); */
   }
}
.privacy .text-outer p,
.inquiry .text-outer p {
  text-align: right;
  font-weight: 500;
  padding: 1em 0;
}

/* .inquiry */
.inquiry .privacy-contents {
  padding: 1em 1em;
}
.inquiry .contact-box{
  display: flex;
  justify-content: flex-end;
  & .text-block {
    margin: 2em 0 0;
    font-weight: 500;
  }
  & .text-text {
    margin: 0;
  }
}
.inquiry .scroll-wrap {
  background-color: #fff;
  border: 1px solid var(--dark-gray);
  width: 100%;
  height: 15em;
  overflow: scroll;
  padding: 2em 1em;
  & + p {
    text-align: center;
  }
}
.inquiry .wrapper-heading {
  text-align: center;
  & .heading-inner {
    text-align: center;
    font-weight: 600;
    font-size: 1.03em;
  }
}
.page-form {
  background-color: var(--light-purple);
  padding: 1em 1em 3em;
  /* display: flex; */
  justify-content: center;
  & input[type=radio],
    input[type=checkbox] {
    display: none;
  }
  & textarea {
    width: 100%;
  }
  & .form-form {
    & .item-inner {
      padding: 2em 1em;
    }
    & .item-inner:not(:last-of-type) {
      border-bottom: 1px solid #adadad;
    }
  & .scroll-wrap .item-inner {
      padding: 0;
      border-bottom: unset;
    }
    & input {
      width: 100%; 
      padding: 1em;
      border: 1px solid #b8b8b8;
    }
  }
  .icon {
    color: #fff;
    padding: .25em 1em;
    margin-right: 1em;
    &.required {
      background-color: var(--red);;
    }
    &.optional {
      background-color: var(--purple);;
    }
  }
}
.list.radio-outer {
  padding: 2em 0 0;
  display: flex;
  justify-content: center;
  gap: 1em;
}
.list.radio-outer label {
  position: relative;
  padding-left: 1.25em;
}
input[type="radio"] + span::before {
  border-radius: 50%;
  width: 1.1em;
  height: 1.1em;
  background-color: #fff;
  border: 1px solid var(--dark-purple);
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  top: .25em;
  left: 0;
  z-index: 11;
  transition: .3s background-color ease, .3s border-color ease;
}
input[type="radio"] + span::after {
  content: "";
  /* background-color: rgba(var(--ag_navy_blue-rgb), 1); */
  border-radius: 50%;
  width: .7em;
  height: .7em;
  top: .45em;
  left: .2em;
  display: block;
  position: absolute;
  z-index: 5;
  opacity: 0;
  transition: .3s opacity ease;
}
input[type="radio"]:checked + span::after {
  background-color: var(--purple);
  opacity: 1;
  z-index: 11;
}
input[type="checkbox"] + span {
  position: relative;
  padding-left: 1.25em;
}
input[type="checkbox"] + span::before {
  background-color: #fff;
  border: 1px solid var(--dark-purple);
  content: "";
  display: block;
  width: 1.04em;
  height: 1.04em;
  margin: auto;
  position: absolute;
  top: .25em;
  left: 0;
  z-index: 3;
  transition: .3s background-color ease, .3s border-color ease;
}
input[type="checkbox"]:checked + span::before {
  background-color: var(--purple);
  border-color: var(--purple);
}
input[type="checkbox"] + span::after {
  opacity: 0;
}
input[type="checkbox"]:checked + span::after {
  border-color: #fff;
  border-bottom: .25em solid #fff;
  border-left: .25em solid #fff;
  width: 1.1em;
  height: .7em;
  top: .25em;
  left: .1em;
  transform: rotate(-45deg);
  opacity: 1;
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  transition: .3s opacity ease;
}
.inquiry .submit {
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
}
.inquiry input[type="submit"] {
  background-color: rgba(var(--purple-rgb), 1);
  border: 1px solid rgba(var(--purple-rgb), 1);
  color: rgba(var(--white-rgb), 1);
  font-weight: bold;
  font-weight: 700;
  letter-spacing: .17em;
  padding: 1.5em 2em 1.5em 2.17em;
  transition: .3s background-color ease, .3s border-color ease, .3s color ease;
}
.inquiry .input-submit:disabled {
  background-color: var(--gray);
  border-color: var(--purple);
  /* pointer-events: none; */
}
.submit-btn {
  text-align: center;
  padding: 1em 0 0 0;
  margin: 1em 0 0 0;
    & .btn-inner {
    max-width: 20em;
    margin: 0 auto;
    & input {
      cursor: pointer;
      /* pointer-events: none; */
    }
  }
}
.scroll-wrap + p .input-text-inner {
  /* pointer-events: none; */
}
.inquiry #id-prefecture {
  border: 1px solid #b8b8b8;
  text-align: center;
  width: 100%;
  height: 2.5em;
  cursor: pointer;
}

@media screen and (min-width: 1200px) {
  .page-form {
    padding: 2em 3em 5em;
  }
  form {
    padding: 0 1em;
  }
  .form-form {
    gap: 1em;
    align-items: center;
    & .item > .item-inner {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    & .item-heading {
      width: 33%;
    }
     & form .item-inner:not(:last-of-type) .text-block {
      width: 67%;
     }
  }
  .inquiry form .text-block .scroll-wrap {
    width: 80%;
  }
  .list.radio-outer {
     padding: 0;
  }
  form .item-inner:last-of-type .text-block > .text-inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .inquiry #id-prefecture {
    width: 50%;
  }
}

/* .thanks */
.contact-thanks-page {
  width: 100%;
}