@charset "UTF-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

figure {
  margin: 0;
}

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

address {
  font-style: normal;
}

a {
  display: block;
  color: #000;
  text-decoration: none;
}

img {
  width: 100%;
  display: block;
}

.service-option__tit, .fuyohin-onestop__tit, .fuyohin-example__tit, .low-price__title, .compact-service__title, .guideline__title, .office-appeal__tit, .office-price__tit, .service-qa__tit, .tokyo-eco__title, .tokyo-forte__title, .area__title, .service-trust__tit, .cooling__title, .office-flow__tit, .plan__title, .one-stop__title, .small-office__title, .service-reason__tit, .service__title, .cost__title, .service-manual__title, .service-contents h2.wp-block-heading, .guide__title, .archive__title {
  font-size: 64px;
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 48px auto;
}
@media screen and (max-width: 1584px) {
  .service-option__tit, .fuyohin-onestop__tit, .fuyohin-example__tit, .low-price__title, .compact-service__title, .guideline__title, .office-appeal__tit, .office-price__tit, .service-qa__tit, .tokyo-eco__title, .tokyo-forte__title, .area__title, .service-trust__tit, .cooling__title, .office-flow__tit, .plan__title, .one-stop__title, .small-office__title, .service-reason__tit, .service__title, .cost__title, .service-manual__title, .service-contents h2.wp-block-heading, .guide__title, .archive__title {
    font-size: 48px;
  }
}
@media screen and (max-width: 1288px) {
  .service-option__tit, .fuyohin-onestop__tit, .fuyohin-example__tit, .low-price__title, .compact-service__title, .guideline__title, .office-appeal__tit, .office-price__tit, .service-qa__tit, .tokyo-eco__title, .tokyo-forte__title, .area__title, .service-trust__tit, .cooling__title, .office-flow__tit, .plan__title, .one-stop__title, .small-office__title, .service-reason__tit, .service__title, .cost__title, .service-manual__title, .service-contents h2.wp-block-heading, .guide__title, .archive__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 599px) {
  .service-option__tit, .fuyohin-onestop__tit, .fuyohin-example__tit, .low-price__title, .compact-service__title, .guideline__title, .office-appeal__tit, .office-price__tit, .service-qa__tit, .tokyo-eco__title, .tokyo-forte__title, .area__title, .service-trust__tit, .cooling__title, .office-flow__tit, .plan__title, .one-stop__title, .small-office__title, .service-reason__tit, .service__title, .cost__title, .service-manual__title, .service-contents h2.wp-block-heading, .guide__title, .archive__title {
    font-size: 24px;
    margin-bottom: 24px;
    line-height: 1.2;
  }
}

.fuyohin-price__list__dt {
  background-color: #FFEB00;
  padding: 16px 0;
  line-height: 1;
  font-weight: bold;
}

.low-tokyo__footer, .arm {
  line-height: 2;
  font-weight: bold;
  padding: 32px;
  width: 50%;
  background: linear-gradient(30deg, #fff, #fff) center/calc(100% - 8px) calc(100% - 8px) no-repeat, linear-gradient(30deg, #004092, #246ED3);
  margin: 32px auto 0 auto;
}
@media screen and (max-width: 599px) {
  .low-tokyo__footer, .arm {
    width: 100%;
  }
}

.conversion__number {
  font-size: 64px;
  font-family: "din-2014", sans-serif;
  letter-spacing: 3px;
  line-height: 1;
  font-weight: bold;
}

.conversion__line {
  display: block;
  padding: 18px 96px;
  color: #fff;
}
@media screen and (max-width: 599px) {
  .conversion__line {
    padding: 18px 0;
  }
}

body {
  font-family: acumin-pro, Noto Sans JP, sans-serif;
}

.main {
  margin-top: 80px;
}
@media screen and (max-width: 1288px) {
  .main {
    margin-top: 64px;
  }
}

p, dd {
  line-height: 1.5;
}

b {
  color: #E8122A;
  font-weight: bold;
}

.br {
  display: block;
}

.wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media screen and (max-width: 599px) {
  .wrap {
    gap: 32px;
  }
}

.inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .inner {
    max-width: calc(100% - 48px);
  }
}

.btn {
  background: linear-gradient(30deg, #004092, #246ED3);
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-weight: bold;
  padding: 24px 48px;
  border-radius: 8px;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.btn:hover:before {
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
@media screen and (max-width: 599px) {
  .btn {
    padding: 16px 32px;
    width: 100%;
    justify-content: center;
  }
}

.contents-space {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media screen and (max-width: 599px) {
  .contents-space {
    gap: 32px;
  }
}
.contents-space__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .contents-space__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .contents-space__inner {
    max-width: calc(100% - 48px);
  }
}

.hl {
  position: relative;
}
.hl::before {
  content: "";
  width: 0.25em;
  height: 0.25em;
  display: block;
  background-color: #FFEB00;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 0.125em);
  bottom: calc(100% + 8px);
}
@media screen and (max-width: 599px) {
  .hl::before {
    bottom: calc(100% + 4px);
  }
}

.price {
  display: flex;
  align-items: flex-end;
  margin: 16px 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}
.price__other {
  display: block;
  font-weight: bold;
  font-size: 24px;
  margin-right: 8px;
  white-space: nowrap;
}
@media screen and (max-width: 599px) {
  .price__other {
    font-size: 16px;
  }
}
.price__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 64px;
  line-height: 1;
  text-shadow: 1px 1px 0px #5A0000;
  color: #E8122A;
}
@media screen and (max-width: 599px) {
  .price__num {
    font-family: "din-2014-narrow", sans-serif;
    font-weight: bold;
    font-size: 32px;
    line-height: 1;
  }
}
.price__num--small {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  text-shadow: 1px 1px 0px #5A0000;
  color: #E8122A;
}
.price__yen {
  color: #E8122A;
  font-size: 24px;
  font-weight: bold;
}
.price__yen--small {
  color: #E8122A;
  font-size: 16px;
  font-weight: bold;
  margin-left: 4px;
}
.price__tax {
  color: #E8122A;
  font-size: calc(1em - 8px);
  font-weight: bold;
}
.price__otoku {
  width: 64px;
}
@media screen and (max-width: 599px) {
  .price__otoku {
    width: 48px;
  }
}

.conversion {
  background-color: #fff;
  position: relative;
}
.conversion__body {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  text-align: center;
  padding: 48px 32px 32px 32px;
}
@media screen and (max-width: 1288px) {
  .conversion__body {
    display: block;
    padding: 32px;
  }
}
@media screen and (max-width: 599px) {
  .conversion__body {
    padding: 24px 24px 16px 24px;
  }
}
.conversion__copy {
  font-size: 40px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.5em;
  background-color: #fff;
  padding: 4px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
@media screen and (max-width: 1288px) {
  .conversion__copy {
    font-size: 32px;
  }
}
@media screen and (max-width: 599px) {
  .conversion__copy {
    font-size: 16px;
  }
}
.conversion__ul {
  display: flex;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.conversion__li {
  background: #FFEB00;
  padding: 6px 12px;
  border-radius: 22px;
}
.conversion__li:not(:last-child) {
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .conversion__li {
    font-size: 14px;
  }
}
.conversion__number {
  font-size: 96px;
  margin: 8px 0;
}
@media screen and (max-width: 1584px) {
  .conversion__number {
    font-size: 80px;
  }
}
@media screen and (max-width: 599px) {
  .conversion__number {
    font-size: 10vw;
    white-space: nowrap;
  }
}
.conversion__contact {
  background-color: #E8122A;
  border-bottom: 6px solid #AA0013;
  margin-bottom: 18px;
  padding: 32px 64px 32px 96px;
  width: 100%;
  color: #fff;
  background: url("images/converted_images/ico-mail.webp") left 64px center/24px no-repeat #E8122A;
}
@media screen and (max-width: 1288px) {
  .conversion__contact {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .conversion__contact {
    padding: 16px 32px 16px 48px;
    background-position: left 32px center;
  }
}
.conversion__line {
  background-color: #58B023;
  border-bottom: 6px solid #4D771E;
}
@media screen and (max-width: 1288px) {
  .conversion__btn {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    gap: 32px;
    margin: 32px auto 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .conversion__btn {
    display: block;
    width: 100%;
    gap: 16px;
    margin: 16px auto 0 auto;
  }
}
.conversion__cach {
  line-height: 1.5;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.campaign {
  background: linear-gradient(-80deg, #E8122A 10%, #f89029 10%, #f89029 30%, #FFEB00 30%);
  padding: 0px 4px;
  margin-bottom: 32px;
}
@media screen and (max-width: 599px) {
  .campaign {
    margin-bottom: 0;
    background: #FFEB00;
  }
}
.campaign__description {
  line-height: 1.5;
  font-size: 14px;
}
@media screen and (max-width: 599px) {
  .campaign__description {
    width: 100%;
  }
}
.campaign__description small {
  font-size: 12px;
  font-weight: normal;
}
.campaign__copy {
  line-height: 1.5;
  margin-top: 16px;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .campaign__copy {
    width: 100%;
  }
}
.campaign__data {
  color: #E8122A;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 64px;
  line-height: 1;
}
.campaign__data-num {
  font-size: 104px;
}
.campaign__title {
  font-size: 32px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-weight: bold;
  color: #E8122A;
  font-family: "fot-chiaro-std", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .campaign__title {
    font-size: 24px;
    line-height: 1.2;
  }
}
.campaign__title-span {
  white-space: nowrap;
}
.campaign__title-bubble {
  display: block;
  font-size: 18px;
  margin: 0 auto 8px auto;
  width: -moz-fit-content;
  width: fit-content;
  color: #004092;
}
.campaign__inner {
  background-color: #fff;
  padding: 32px;
  display: flex;
  gap: 32px;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .campaign__inner {
    flex-direction: column;
    gap: 0;
    padding: 16px 24px;
  }
}
@media screen and (max-width: 599px) {
  .campaign__count {
    margin: 0 0 0 auto;
    background: #fff;
    padding: 0 8px;
  }
}
.campaign__count-num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
  color: #E8122A;
}
.campaign__date {
  padding: 16px;
  display: flex;
  margin: 0 0 0 auto;
  align-items: flex-end;
  font-weight: bold;
  gap: 8px;
}
@media screen and (max-width: 599px) {
  .campaign__date {
    flex-wrap: wrap;
    padding: 8px;
  }
}
@media screen and (max-width: 599px) {
  .campaign__date-info {
    font-size: 14px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
.campaign__date-title {
  color: #004092;
}
.campaign__date-num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #E8122A;
  line-height: 1;
}
.campaign__date-time {
  gap: 4px;
}
.campaign__date-week {
  background-color: #004092;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 2px 2px 3px 2px;
}
.campaign__att {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 8px;
  padding: 4px 0;
}
@media screen and (max-width: 599px) {
  .campaign__att-item {
    font-size: 12px;
    margin: 0 0 8px auto;
  }
}

.record {
  background: url("images/converted_images/record-left.webp") left/contain no-repeat, url("images/converted_images/record-right.webp") right/contain no-repeat;
  padding: 32px 96px;
  color: #004092;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  white-space: nowrap;
}
@media screen and (max-width: 599px) {
  .record {
    padding: 16px 48px;
    font-size: 16px;
  }
}
.record strong {
  display: block;
  font-size: 48px;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(90deg, #246ED3, #004092);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  width: fit-content;
  margin: 0 auto;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .record strong {
    font-size: 32px;
  }
}
.record mark {
  font-size: 112px;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .record mark {
    font-size: 80px;
  }
}

.header {
  display: flex;
  justify-content: space-between;
  height: 80px;
  position: fixed;
  align-items: center;
  top: 0;
  width: 100%;
  z-index: 1000;
}
@media screen and (max-width: 1288px) {
  .header {
    height: 64px;
  }
}
.header__link {
  padding: 8px 24px;
  height: 64px;
}
@media screen and (max-width: 1288px) {
  .header__link {
    height: 48px;
  }
}
@media screen and (max-width: 599px) {
  .header__link {
    height: 40px;
  }
}
.header__logo {
  height: 100%;
  width: auto;
}

.gnav__contact-link, .gnav__link, .gnav__btn {
  height: 80px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 1288px) {
  .gnav__contact-link, .gnav__link, .gnav__btn {
    height: 64px;
  }
}
@media screen and (max-width: 599px) {
  .gnav__contact-link, .gnav__link, .gnav__btn {
    height: 40px;
  }
}

.gnav {
  background-color: #fff;
}
.gnav .is-visible {
  opacity: 1;
  height: auto;
}
.gnav__ul {
  display: flex;
}
@media screen and (max-width: 1288px) {
  .gnav__ul {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.2s;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    flex-direction: column;
    padding-top: 32px;
  }
}
.gnav__link, .gnav__btn {
  padding: 0 24px;
}
@media screen and (max-width: 599px) {
  .gnav__link, .gnav__btn {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1288px) {
  .gnav__link {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .gnav__link:before {
    content: "";
    display: block;
    min-width: 18px;
    min-height: 18px;
    border-radius: 100%;
    transform: rotate(45deg);
    background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
  }
  .gnav__link:hover:before {
    background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
  }
}
.gnav__btn {
  display: flex;
  align-items: center;
}
.gnav__btn:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #246ED3;
  border-top: 2px solid #246ED3;
  margin-left: 8px;
  transform: rotate(135deg);
}
.gnav__btn--active {
  display: flex;
  align-items: center;
}
.gnav__btn--active:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #246ED3;
  border-top: 2px solid #246ED3;
  margin-left: 8px;
  transform: rotate(-45deg);
}
.gnav__contact {
  background-color: #E8122A;
}
.gnav__contact-link {
  padding: 0 32px 0 60px;
  color: #fff;
  background: url("images/converted_images/ico-mail.webp") left 32px center/24px no-repeat;
}
@media screen and (max-width: 1288px) {
  .gnav__contact-link {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
.gnav__dl {
  display: flex;
  opacity: 0;
  height: 0;
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #fff;
  transition: opacity 0.2s;
  overflow: hidden;
}
@media screen and (max-width: 1288px) {
  .gnav__dl {
    position: static;
    flex-direction: column;
  }
}
.gnav__dl--active {
  opacity: 1;
  height: auto;
}
.gnav__dl-link {
  padding: 32px;
}
@media screen and (max-width: 1288px) {
  .gnav__dl-link {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .gnav__dl-link {
    padding: 16px;
  }
}
.gnav__dl-main {
  background-color: #F3FAFF;
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1288px) {
  .gnav__dl-main {
    width: 100%;
  }
}
.gnav__dl-sub {
  display: flex;
  width: calc(100% - 500px);
  flex-wrap: wrap;
}
@media screen and (max-width: 1288px) {
  .gnav__dl-sub {
    width: 100%;
    border-bottom: 16px solid #F3FAFF;
  }
}
.gnav__body {
  width: 33.3333333333%;
}
@media screen and (max-width: 1288px) {
  .gnav__body {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .gnav__body {
    width: 100%;
    border-bottom: 1px solid #246ED3;
  }
}
.gnav__dt {
  font-weight: bold;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gnav__dt:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.gnav__dt:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
@media screen and (max-width: 599px) {
  .gnav__dt {
    margin-bottom: 4px;
  }
}
.gnav__dt--main {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 8px;
}
.gnav__dt--main:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.gnav__dt--main:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
@media screen and (max-width: 599px) {
  .gnav__dt--main {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
.gnav__dd {
  font-size: 14px;
  color: #004092;
  line-height: 1.5;
}

.hamburger {
  display: none;
  cursor: pointer;
  background: transparent;
  border: none;
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  width: 80px;
  height: 64px;
  background-color: #fff;
}
@media screen and (max-width: 1288px) {
  .hamburger {
    display: block;
  }
}
.hamburger__line {
  background: #004092;
  display: block;
  height: 3px;
  position: absolute;
  width: calc(100% - 48px);
  transition: all 0.3s;
  left: 24px;
}
.hamburger__line:nth-child(1) {
  top: 18px;
}
.hamburger__line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.hamburger__line:nth-child(3) {
  bottom: 18px;
}
.hamburger.is-active .hamburger__line:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.hamburger.is-active .hamburger__line:nth-child(2) {
  opacity: 0;
}
.hamburger.is-active .hamburger__line:nth-child(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.mainvisual {
  background: conic-gradient(from 20deg, rgba(255, 245, 214, 0.5) 17deg, rgba(219, 249, 239, 0.5) 68deg, rgba(189, 255, 201, 0.5) 151deg, rgba(255, 232, 219, 0.5) 263deg, rgba(206, 247, 231, 0.5) 295deg, rgba(255, 247, 217, 0.5) 360deg), url("images/converted_images/mainvisual-bg.webp") center/cover no-repeat;
}
@media screen and (max-width: 599px) {
  .mainvisual {
    position: relative;
  }
}
.mainvisual__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1584px) {
  .mainvisual__inner {
    width: 1000px;
  }
}
@media screen and (max-width: 1288px) {
  .mainvisual__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .mainvisual__inner {
    max-width: calc(100% - 0px);
  }
}
.mainvisual__title {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.mainvisual__title-inner {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 599px) {
  .mainvisual__title-inner {
    align-items: center;
    justify-content: center;
  }
}
.mainvisual__title-red {
  display: block;
  color: #E8122A;
  white-space: nowrap;
  font-family: "ab-tombo-bold", sans-serif;
  font-weight: bold;
  font-size: 120px;
  line-height: 1;
  text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, -4px -4px 0 #fff, 4px -4px 0 #fff;
}
@media screen and (max-width: 1288px) {
  .mainvisual__title-red {
    font-size: 90px;
  }
}
@media screen and (max-width: 599px) {
  .mainvisual__title-red {
    font-size: 15vw;
    margin-bottom: 8px;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff;
  }
}
.mainvisual__title-blue {
  color: #004092;
  white-space: nowrap;
  font-family: "ab-tombo-bold", sans-serif;
  font-weight: bold;
  font-size: 80px;
  line-height: 1;
  display: block;
  text-shadow: 4px 4px 0 #fff, -4px 4px 0 #fff, -4px -4px 0 #fff, 4px -4px 0 #fff;
}
@media screen and (max-width: 1288px) {
  .mainvisual__title-blue {
    font-size: 56px;
  }
}
@media screen and (max-width: 599px) {
  .mainvisual__title-blue {
    font-size: 10vw;
    margin-bottom: 8px;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff;
  }
}
.mainvisual__title-tokyo {
  color: #fff;
  background-color: #004092;
  font-family: "fot-chiaro-std", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
  display: block;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  padding: 16px;
  margin-left: 16px;
}
@media screen and (max-width: 1288px) {
  .mainvisual__title-tokyo {
    font-size: 24px;
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 599px) {
  .mainvisual__title-tokyo {
    font-size: 24px;
    padding: 8px;
    width: 64px;
    height: 64px;
    margin-left: 4px;
  }
}
.mainvisual__copy {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
  gap: 16px;
}
.mainvisual__copy-left {
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 1288px) {
  .mainvisual__copy-left {
    font-size: 32px;
  }
}
@media screen and (max-width: 599px) {
  .mainvisual__copy-left {
    font-size: 16px;
  }
}
.mainvisual__copy-span {
  font-size: 24px;
  background-color: #FFEB00;
  padding: 4px 8px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .mainvisual__copy-span {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1288px) {
  .mainvisual__body {
    display: flex;
    gap: 24px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 599px) {
  .mainvisual__body {
    flex-direction: column;
  }
}
.mainvisual__area {
  line-height: 1.5;
}
.mainvisual__area-tab {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 4px;
  margin: 0 4px;
  white-space: nowrap;
}
@media screen and (max-width: 599px) {
  .mainvisual__area-description {
    text-align: center;
  }
}
.mainvisual__area-onestop {
  background-color: #FFEB00;
  font-weight: bold;
  padding: 8px;
  width: calc(100% - 16px);
  line-height: 1.5;
  transform: rotate(-2deg);
  width: -moz-fit-content;
  width: fit-content;
  margin: 24px auto 0 auto;
}
.mainvisual__area-history {
  background-color: #004092;
  color: #fff;
  font-weight: bold;
  padding: 8px;
  margin: 8px 0 0 16px;
  line-height: 1.5;
  transform: rotate(2deg);
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
@media screen and (max-width: 599px) {
  .mainvisual__area-history {
    margin-left: 0;
    transform: rotate(0);
  }
}
.mainvisual__area-history__symbol {
  width: 64px;
  height: auto;
}
.mainvisual__container {
  display: flex;
  gap: 32px;
  margin-bottom: 64px;
}
@media screen and (max-width: 1288px) {
  .mainvisual__container {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
    padding: 0 24px;
  }
}
.mainvisual__hgroup {
  padding-top: 48px;
}
.mainvisual__calendar {
  font-family: "fot-chiaro-std", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #004092;
  border-top-width: 24px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px;
  margin: 16px 0 16px auto;
  position: relative;
}
@media screen and (max-width: 599px) {
  .mainvisual__calendar {
    font-size: 16px;
    padding: 8px;
    position: absolute;
    right: 24px;
    top: 0;
  }
}
.mainvisual__calendar-red {
  color: #E8122A;
  font-size: 40px;
  white-space: nowrap;
}
@media screen and (max-width: 599px) {
  .mainvisual__calendar-red {
    font-size: 24px;
  }
}
.mainvisual__calendar-blue {
  color: #246ED3;
  font-size: 40px;
  white-space: nowrap;
}
@media screen and (max-width: 599px) {
  .mainvisual__calendar-blue {
    font-size: 24px;
  }
}
.mainvisual__calendar-green {
  color: #58B023;
  font-size: 28px;
  white-space: nowrap;
}
@media screen and (max-width: 599px) {
  .mainvisual__calendar-green {
    font-size: 16px;
  }
}
.mainvisual__calendar-body {
  display: flex;
  margin: 0 auto 8px auto;
  width: -moz-fit-content;
  width: fit-content;
}
.mainvisual__calendar::before {
  content: "";
  display: block;
  width: 16px;
  height: 32px;
  background-color: #004092;
  border: 3px solid #fff;
  position: absolute;
  left: 32px;
  bottom: calc(100% + 8px);
}
.mainvisual__calendar::after {
  content: "";
  display: block;
  width: 16px;
  height: 32px;
  background-color: #004092;
  border: 3px solid #fff;
  position: absolute;
  right: 32px;
  bottom: calc(100% + 8px);
}
.mainvisual .conversion__body {
  margin-bottom: -48px;
}

.footer {
  background-color: #004092;
  padding: 32px 0;
}
.footer__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
  display: flex;
  gap: 32px;
  position: relative;
}
@media screen and (max-width: 1288px) {
  .footer__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .footer__inner {
    max-width: calc(100% - 48px);
  }
}
@media screen and (max-width: 1288px) {
  .footer__inner {
    flex-direction: column;
    padding-bottom: 80px;
  }
}
.footer__logo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 240px;
}
.footer a:hover {
  color: #FFEB00;
}

.footer-nav {
  display: flex;
  width: calc(75% - 16px);
  gap: 32px;
}
@media screen and (max-width: 1288px) {
  .footer-nav {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .footer-nav {
    gap: 16px;
  }
}
.footer-nav__name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  line-height: 1.5;
  font-size: 24px;
}
.footer-nav__name:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.footer-nav__name:hover:before {
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.footer-nav__link {
  color: #fff;
}
.footer-nav__description {
  font-size: 14px;
  line-height: 1.5;
}
.footer-nav__lists {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1288px) {
  .footer-nav__lists {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
}
.footer-nav__list-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  color: #fff;
  line-height: 1.5;
}
.footer-nav__list-link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.footer-nav__list-link:hover:before {
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}

.fixed-bar {
  transform: translateY(100%);
  background: #E8122A;
  font-weight: bold;
  padding: 16px 0;
  position: sticky;
  bottom: 0;
  color: #fff;
  line-height: 1;
  z-index: 99;
  transition: all 0.4s;
}
.fixed-bar--active {
  transform: translateY(0);
}
@media screen and (max-width: 599px) {
  .fixed-bar {
    display: none;
  }
}
.fixed-bar__phone {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.fixed-bar__phone__tit {
  font-size: 14px;
  width: 65px;
  height: 48px;
  background: #fff;
  color: #E8122A;
  display: flex;
  align-items: center;
  text-align: center;
  margin-right: 8px;
  line-height: 1.2;
}
.fixed-bar__phone__contents {
  display: flex;
}
.fixed-bar__phone__contents:first-child {
  margin-bottom: 4px;
}
.fixed-bar__phone__dt {
  margin-right: 4px;
}
.fixed-bar__phone__dd {
  font-family: "din-2014", sans-serif;
  letter-spacing: 1px;
  color: #fff;
}
.fixed-bar__inner {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.fixed-bar__address {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .fixed-bar__address {
    display: none;
  }
}
.fixed-bar__tel {
  margin-right: 24px;
}
.fixed-bar__tel__contents {
  display: flex;
}
.fixed-bar__tel__dt {
  color: #fff;
  background: url(images/converted_images/freedial-footer.webp) left center/32px no-repeat;
  padding-left: 40px;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 32px;
  font-family: "din-2014", sans-serif;
  letter-spacing: 3px;
  margin-bottom: 8px;
}
.fixed-bar__tel__link {
  color: #fff;
}
.fixed-bar__tel__span {
  margin-right: 8px;
}
.fixed-bar__contact {
  display: block;
  color: #004092;
  background: url(images/converted_images/icon-contact-blue.webp) left 24px center/16px no-repeat #fff;
  padding: 16px 24px 16px 48px;
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.1607843137);
  margin-right: 16px;
}
.fixed-bar__line {
  display: block;
  color: #fff;
  background: url(images/converted_images/icon-bubble.webp) left 24px center/16px no-repeat #58B023;
  padding: 16px 24px 16px 48px;
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.1607843137);
}

.single {
  display: flex;
  flex-wrap: wrap;
}
.single__contents {
  width: calc(100% - 320px);
  background: repeating-linear-gradient(135deg, #F2F9FF, #F2F9FF 2px, #FFF 2px, #FFF 6px);
}
@media screen and (max-width: 1584px) {
  .single__contents {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 1288px) {
  .single__contents {
    width: 100%;
  }
}
.single-header {
  display: flex;
  flex-wrap: wrap;
}
.single-header__body {
  padding: 32px;
  width: 40%;
  border-bottom: 8px solid #F3FAFF;
}
@media screen and (max-width: 1288px) {
  .single-header__body {
    width: 100%;
  }
}
.single-header .page__hgroup {
  width: 60%;
  line-height: 1.2;
}
@media screen and (max-width: 1288px) {
  .single-header .page__hgroup {
    width: 100%;
  }
}
.single-meta {
  border-right: 8px solid #F3FAFF;
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.single-meta__body {
  display: flex;
  gap: 8px;
  align-items: center;
}
.single-meta__dt {
  font-weight: bold;
  color: #004092;
  background-color: #f7f7f7;
  padding: 2px 4px;
  border: 1px solid #f1f1f1;
}
.single-meta__dd a {
  text-decoration: underline;
  color: #004092;
}
.single-excerpt {
  line-height: 1.5;
}

.main-contents {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}
.main-contents h2 {
  font-size: 32px;
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  margin: 64px 0 0 0;
  background-color: #f7f7f7;
  padding: 16px;
  line-height: 1.2;
}
@media screen and (max-width: 1288px) {
  .main-contents h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 599px) {
  .main-contents h2 {
    font-size: 18px;
    line-height: 1.2;
  }
}
.main-contents h2 + p {
  font-weight: bold;
  color: #004092;
  line-height: 2;
}
.main-contents h2 + p + p {
  font-weight: bold;
  color: #004092;
  line-height: 2;
}
.main-contents h2 + p + p + p {
  font-weight: bold;
  color: #004092;
  line-height: 2;
}
.main-contents h2 + p + p + p + p {
  font-weight: bold;
  color: #004092;
  line-height: 2;
}
.main-contents h3 {
  font-size: 24px;
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  margin: 32px 0 0 0;
}
@media screen and (max-width: 1288px) {
  .main-contents h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 599px) {
  .main-contents h3 {
    font-size: 18px;
    line-height: 1.2;
  }
}
.main-contents h4 {
  padding-left: 16px;
  background: url(images/converted_images/leaf-green.webp) left center/8px no-repeat;
  margin-bottom: 8px;
}
.main-contents p {
  line-height: 1.5;
}
.main-contents ol > li {
  counter-increment: num 1;
}
.main-contents ol > li:before {
  content: counter(num, decimal-leading-zero);
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #004092;
  margin-right: 4px;
  line-height: 1;
}
.main-contents ol > li:not(:last-child) {
  margin-bottom: 1em;
}
.main-contents ol ul {
  margin-top: 1em;
}
.main-contents ol ul > li:not(:last-child) {
  margin-bottom: 8px;
}
.main-contents ul > li {
  display: flex;
  align-items: flex-start;
}
.main-contents ul > li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #004092;
  margin: calc((1em - 4px) / 2) 4px 0 4px;
}

.single-footer {
  display: flex;
  border-top: 8px solid #F3FAFF;
  flex-wrap: wrap;
}
.single-footer__title {
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f7f7f7;
  padding: 16px;
  position: absolute;
  left: 0;
  top: 0;
}

.single-appeal {
  width: 100%;
  border-bottom: 8px solid #F3FAFF;
  background: url("images/converted_images/baner-bg.webp") left/cover no-repeat;
  display: flex;
  padding: 32px;
  gap: 32px;
  align-items: center;
}
.single-appeal:has(.single-area__title) {
  align-items: flex-end;
}
@media screen and (max-width: 1288px) {
  .single-appeal {
    gap: 8px;
    padding: 16px 16px 16px 8px;
  }
}
@media screen and (max-width: 599px) {
  .single-appeal {
    flex-direction: column;
    padding: 32px 16px;
  }
}
.single-appeal__hgroup {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .single-appeal__hgroup {
    width: 100%;
  }
}
.single-appeal__copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 8px auto;
  font-weight: bold;
  gap: 8px;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
  font-size: 18px;
  padding-right: 8px;
}
@media screen and (max-width: 1288px) {
  .single-appeal__copy {
    font-size: 12px;
  }
}
.single-appeal__copy-span {
  background-color: #FFEB00;
  padding: 2px 8px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.single-appeal__body {
  width: 50%;
  background: linear-gradient(150deg, transparent 20%, rgba(255, 255, 255, 0.9294117647) 20%) left bottom/50% calc(100% - 40px) no-repeat, linear-gradient(-150deg, transparent 20%, rgba(255, 255, 255, 0.9294117647) 20%) right bottom/50% calc(100% - 40px) no-repeat;
}
.single-appeal__body:has(a) {
  background: linear-gradient(150deg, transparent 20%, rgba(255, 255, 255, 0.9294117647) 20%) left bottom 24px/50% calc(100% - 56px) no-repeat, linear-gradient(-150deg, transparent 20%, rgba(255, 255, 255, 0.9294117647) 20%) right bottom 24px/50% calc(100% - 56px) no-repeat;
}
@media screen and (max-width: 599px) {
  .single-appeal__body {
    width: 100%;
  }
}
.single-appeal__symbol {
  width: 80px;
  margin: 0 auto;
}
.single-appeal__description {
  font-weight: bold;
  line-height: 2;
  text-align: center;
  margin: 16px 0;
}
@media screen and (max-width: 1288px) {
  .single-appeal__description {
    font-size: 14px;
  }
}
.single-appeal__link {
  background: linear-gradient(30deg, #004092, #246ED3);
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-weight: bold;
  padding: 16px 32px;
  border-radius: 8px;
  margin: 0 16px 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-appeal__link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.single-appeal__link:hover:before {
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
@media screen and (max-width: 599px) {
  .single-appeal__link {
    width: 100%;
    justify-content: center;
    border-radius: 0;
  }
}

.single-author {
  width: 50%;
  border-right: 8px solid #F3FAFF;
  position: relative;
}
@media screen and (max-width: 599px) {
  .single-author {
    width: 100%;
    border-right: 0;
    border-bottom: 8px solid #F3FAFF;
  }
}
.single-author__name {
  margin-bottom: 8px;
  color: #004092;
}
.single-author__body {
  display: flex;
  gap: 32px;
  align-items: center;
  padding: 32px;
}
.single-author__image {
  width: 96px;
}
.single-author__description {
  line-height: 1.5;
}

.single-posts {
  width: 50%;
  position: relative;
  padding: 64px 32px 32px 32px;
}
@media screen and (max-width: 599px) {
  .single-posts {
    width: 100%;
  }
}
.single-posts__name {
  margin-bottom: 8px;
  color: #004092;
}
.single-posts__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.single-posts__link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.single-posts__link:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}

.arm {
  position: relative;
}
.arm:before {
  content: "アームの不用品回収なら";
  background: url("images/converted_images/bubble-left.webp") left/contain no-repeat, url("images/converted_images/bubble-right.webp") right/contain no-repeat;
  padding: 0 24px;
  display: block;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
}

.single-area__title-inner {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  font-weight: bold;
  font-size: 64px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 16px auto 8px auto;
}
@media screen and (max-width: 1288px) {
  .single-area__title-inner {
    font-size: 32px;
  }
}
.single-area__title-name {
  background-color: #FFEB00;
  padding: 16px;
  position: relative;
}
.single-area__title-name:after {
  content: "";
  position: absolute;
  top: 0.3em;
  right: -0.3em;
  /* 三角形の位置を調整 */
  border-left: 0.3em solid #FFEB00;
  /* 三角形の色と大きさ */
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  transform: translateY(-50%);
  z-index: 10;
}
.single-area__title-tokyo {
  background-color: #004092;
  color: #fff;
  padding: 16px;
  position: relative;
}
.single-area__title-tokyo:after {
  content: "";
  position: absolute;
  bottom: 0.3em;
  left: -0.3em;
  /* 三角形の位置を調整 */
  border-right: 0.3em solid #004092;
  /* 三角形の色と大きさ */
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  transform: translateY(50%);
}

.single-voices__title {
  background-color: #004092;
  color: #fff;
  padding: 16px;
}
.single-voices__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
}
.single-voices__article {
  width: calc(50% - 4px);
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .single-voices__article {
    width: 100%;
  }
}
.single-voices__article:hover {
  box-shadow: 4px 4px 16px 0 #F3FAFF;
  transform: translate(-2px, -2px);
}
.single-voices__voice {
  line-height: 1.5;
  color: #004092;
  padding: 16px 32px;
  border-bottom: 1px solid #F3FAFF;
}
.single-voices__name {
  margin-bottom: 8px;
  background-color: #fffde0;
  padding: 16px 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row-reverse;
}
.single-voices__name:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.single-voices__name:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.single-voices__ico {
  width: 48px;
  margin-right: 8px;
  float: left;
}
.single-voices__data {
  display: flex;
  justify-content: space-between;
  padding: 16px 32px;
}
.single-voices__time {
  background-color: #f1f1f1;
  padding: 2px 4px;
  color: #004092;
  font-size: 14px;
}

.card {
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row-reverse;
  padding-right: 32px;
  box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.1882352941);
}
.card:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.card:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.card__link {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 32px;
  position: relative;
  z-index: 0;
}
.card__link::before {
  content: attr(slug);
  position: absolute;
  z-index: -1;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 120px;
  line-height: 1;
  right: 0;
  bottom: 16px;
  color: #F3FAFF;
}
.card__icon {
  min-width: 48px;
  width: 48px;
}
.card__title {
  margin-bottom: 8px;
  color: #004092;
}

.toc {
  background-color: #fff;
  border: 1px solid #004092;
}
.toc__title {
  background-color: #004092;
  color: #fff;
  font-weight: bold;
  padding: 16px;
}
.toc ol {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.toc ol li {
  display: flex;
}
.toc ol a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
}
.toc ol a:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.toc ol a:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}

@media screen and (max-width: 1288px) {
  .is-layout-flex,
  .wp-container-core-group-is-layout-1 {
    flex-direction: column;
  }
}

.sidebar {
  width: 320px;
  border-left: 8px solid #F3FAFF;
  background-color: #F3FAFF;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1584px) {
  .sidebar {
    width: 280px;
  }
}
@media screen and (max-width: 1288px) {
  .sidebar {
    width: 100%;
    border-left: 0;
    border-top: 8px solid #F3FAFF;
  }
}
.sidebar__title {
  background-color: #f1f1f1;
  padding: 16px;
  color: #004092;
  text-align: center;
  border-bottom: 2px solid #004092;
}
.sidebar__body {
  border-top: 1px dotted #246ED3;
  padding-top: 16px;
}
.sidebar__list {
  line-height: 1.2;
  padding: 8px 0;
}
.sidebar__list-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 16px;
}
.sidebar__list-link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.sidebar__list-link:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
@media screen and (max-width: 599px) {
  .sidebar__list-link {
    padding: 8px 16px;
  }
}
.sidebar__list-link:hover {
  color: #004092;
}
.sidebar__list-link--ico {
  display: flex;
  gap: 8px;
  padding: 4px 16px;
  align-items: flex-start;
}
@media screen and (max-width: 599px) {
  .sidebar__list-link--ico {
    padding: 8px 16px;
  }
}
.sidebar__list-link--ico:hover {
  color: #004092;
}
.sidebar__list-ico {
  width: 16px;
}
.sidebar__subtitle {
  color: #004092;
  margin-left: 16px;
}
.sidebar__btn {
  background-color: #004092;
  color: #fff;
  text-align: center;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-direction: row-reverse;
  font-weight: bold;
}
.sidebar__btn:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.sidebar__btn:hover:before {
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}

.sidebar-campaign {
  border: 3px solid #f89029;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.sidebar-campaign__title {
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 8px auto;
  text-align: center;
}
.sidebar-campaign__title-span {
  display: block;
  color: #E8122A;
  margin-top: 4px;
}
.sidebar-campaign__data {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #E8122A;
  white-space: nowrap;
  font-size: 24px;
}
.sidebar-campaign__data-num {
  font-size: 64px;
}
.sidebar-campaign__body {
  padding: 16px;
  width: 100%;
}
.sidebar-campaign__count {
  background-color: #FFEB00;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sidebar-campaign__count-num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #E8122A;
}

.sidebar-service {
  background-color: #fff;
}

.sidebar-guide {
  background-color: #fff;
}

.archive__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .archive__title {
    font-size: 24px;
  }
}
.archive__title-small {
  font-size: calc(1em - 8px);
}
.archive__title-p, .archive__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .archive__title-p, .archive__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .archive__title-p, .archive__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.archive__title mark {
  display: block;
  font-style: normal;
}
.archive__description {
  font-weight: bold;
  color: #004092;
  line-height: 2;
}

.archive-list {
  margin-top: 32px;
  background-color: #f7f7f7;
}
.archive-list__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  color: #004092;
  margin-bottom: 8px;
}
.archive-list__title:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.archive-list__title:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.archive-list__item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.archive-list__description {
  line-height: 1.5;
  margin-left: 26px;
  font-size: 14px;
}
.archive-list__link {
  padding: 16px 32px;
}
.archive-list__link:hover {
  background-color: #f1f1f1;
}

.guide__container {
  border-left: 2px solid #004092;
}
.guide__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .guide__title {
    font-size: 24px;
  }
}
.guide__title-small {
  font-size: calc(1em - 8px);
}
.guide__title-p, .guide__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .guide__title-p, .guide__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .guide__title-p, .guide__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.guide__title mark {
  display: block;
  font-style: normal;
}
.guide__subtitle {
  background-color: #004092;
  color: #fff;
  padding: 16px;
  width: -moz-fit-content;
  width: fit-content;
}
.guide__body {
  padding: 32px 0 32px 32px;
}
.guide__body--flex {
  padding: 32px 0 32px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.guide__flexbox {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.guide__group {
  width: calc(50% - 16px);
}
.guide__group--bg {
  width: calc(50% - 16px);
  background-color: #F3FAFF;
  padding: 32px;
  border-radius: 16px;
}
.guide__dt {
  font-weight: bold;
  color: #004092;
  line-height: 1.2;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.guide__dt::before {
  content: "";
  width: 1em;
  height: 1em;
  border: 2px solid #004092;
  display: block;
}
.guide__dd {
  line-height: 1.5;
}
.guide__name {
  font-weight: bold;
  color: #004092;
  line-height: 1.2;
  margin-bottom: 16px;
}
.guide__description {
  line-height: 1.5;
  margin-bottom: 32px;
}
.guide__check-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.2;
}
.guide__check-list li:not(:last-child) {
  margin-bottom: 8px;
}
.guide__check-list li::before {
  content: "";
  min-width: 1em;
  min-height: 1em;
  border: 2px solid #004092;
  display: block;
  background-color: #fff;
}

.service-point {
  counter-reset: num;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.service-point h3 {
  counter-increment: num 1;
}
.service-point h3:before {
  content: counter(num, decimal-leading-zero);
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
  color: #004092;
  margin-right: 4px;
  line-height: 1;
}

.service-contents {
  padding: 64px;
}
@media screen and (max-width: 1288px) {
  .service-contents {
    padding: 32px;
  }
}
@media screen and (max-width: 599px) {
  .service-contents {
    padding: 24px;
  }
}
.service-contents h2 {
  margin-top: 64px;
  line-height: 1.2;
}
.service-contents h2.wp-block-heading {
  font-size: 32px;
  background: linear-gradient(90deg, transparent calc(100% - 64px), #004092 calc(100% - 64px)) top/100% 1px no-repeat, linear-gradient(180deg, transparent calc(100% - 64px), #246ED3 calc(100% - 64px)) right top/1px 64px no-repeat, linear-gradient(90deg, #004092 64px, transparent 64px) bottom/100% 1px no-repeat, linear-gradient(180deg, transparent calc(100% - 64px), #246ED3 calc(100% - 64px)) left bottom/1px 64px no-repeat #fff;
  line-height: 1.2;
  padding: 32px;
  margin-top: 64px;
}
@media screen and (max-width: 599px) {
  .service-contents h2.wp-block-heading {
    font-size: 24px;
  }
}
.service-contents h2.wp-block-heading mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .service-contents h2.wp-block-heading mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .service-contents h2.wp-block-heading mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.service-contents h2.wp-block-heading mark {
  display: block;
  font-style: normal;
}
.service-contents h3.wp-block-heading {
  font-size: 24px;
  margin: 32px 0 16px 0;
  color: #004092;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #F3FAFF;
  padding: 4px;
  line-height: 1.2;
}
.service-contents h4 {
  margin: 0 0 16px 0;
}
.service-contents p {
  line-height: 1.5;
}
.service-contents p:not([class]):not(:last-child) {
  margin-bottom: 1em;
}
.service-contents p a {
  display: inline;
  text-decoration: underline;
  color: #004092;
}
.service-contents ul:not([class]) li {
  padding-left: 16px;
  background: url(images/converted_images/leaf-green.webp) left center/8px no-repeat;
  margin-bottom: 8px;
}
.service-contents blockquote {
  background-color: #fff;
  margin-bottom: 1em;
  border-radius: 16px;
  padding: 16px;
}
.service-contents blockquote a {
  text-decoration: underline;
}
.service-contents blockquote cite {
  margin: 0 0 0 auto;
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.service-contents strong {
  color: #E8122A;
}
.service-contents .wp-block-media-text {
  margin-bottom: 1em;
}

.speak {
  border: 1px solid #004092;
  padding: 24px;
  font-weight: bold;
  color: #004092;
  background-color: #fff;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 96px !important;
}
.speak::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 12px solid #004092;
  position: absolute;
  right: calc(100% + 0px);
  top: 50%;
  transform: translateY(-50%);
}
.speak::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background: url("images/converted_images/corp.webp") center/contain no-repeat;
  position: absolute;
  right: calc(100% + 40px);
  top: calc(50% - 28px);
}

.title-y {
  background-color: #FFEB00;
  padding: 16px;
  width: -moz-fit-content;
  width: fit-content;
}

.wp-block-group {
  margin-bottom: 32px;
  gap: 64px;
}

.blueBg {
  background: #F3FAFF;
  padding: 32px;
  border-radius: 16px;
}

.result {
  border-top: 2px solid #004092;
  border-bottom: 2px solid #004092;
  padding: 32px;
  position: relative;
}
.result::before {
  content: "result";
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  padding-left: 16px;
  background: url(images/converted_images/leaf-blue.webp) left center/8px no-repeat;
  margin-bottom: 8px;
  position: absolute;
  left: 0;
  bottom: 100%;
}

p.bold-b {
  font-weight: bold;
  color: #004092;
  line-height: 2;
}

.simple-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 32px;
  background-color: #fff;
  color: #004092;
  border: 1px solid #F3FAFF;
}

.simple-container {
  gap: 32px;
  align-items: normal !important;
}
.simple-container > .wp-block-group {
  width: calc(50% - 16px);
  padding: 32px;
  background-color: #fff;
  border: 1px solid #F3FAFF;
}
@media screen and (max-width: 1288px) {
  .simple-container > .wp-block-group {
    width: 100%;
  }
}
.simple-container h3.wp-block-heading {
  display: flex;
  align-items: flex-end;
  margin-top: 0;
  border: none;
  padding: 0;
  font-size: 18px;
}
.simple-container h3.wp-block-heading:before {
  content: "";
  background: url(images/converted_images/bubble-left.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .simple-container h3.wp-block-heading:before {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.simple-container h3.wp-block-heading:after {
  content: "";
  background: url(images/converted_images/bubble-right.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-left: 8px;
}
@media screen and (max-width: 599px) {
  .simple-container h3.wp-block-heading:after {
    width: 0.9425em;
    height: 1.22635em;
  }
}

.image-list {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  font-weight: bold;
  color: #fff;
  gap: 8px;
  white-space: nowrap;
  min-width: calc(50% - 32px);
  max-width: calc(50% - 32px);
}
@media screen and (max-width: 599px) {
  .image-list {
    min-width: 100%;
    max-width: 100%;
  }
}
.image-list li {
  background-color: #004092;
  width: calc(50% - 4px);
  padding-bottom: 4px;
}
.image-list li img {
  margin-bottom: 4px;
  display: block;
  width: 100% !important;
}

.service-manual__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .service-manual__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .service-manual__inner {
    max-width: calc(100% - 48px);
  }
}
.service-manual__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .service-manual__title {
    font-size: 24px;
  }
}
.service-manual__title-small {
  font-size: calc(1em - 8px);
}
.service-manual__title-p, .service-manual__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .service-manual__title-p, .service-manual__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .service-manual__title-p, .service-manual__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.service-manual__title mark {
  display: block;
  font-style: normal;
}
.service-manual__body {
  margin-top: 64px;
}
.service-manual__subtitle {
  font-weight: bold;
  color: #004092;
  font-size: 32px;
}
.service-manual__description {
  line-height: 1.5;
  margin: 32px 0;
}

.anniversary {
  padding: 96px 0 64px 0;
  background: linear-gradient(30deg, #F3FDFF, #DBF0FF, #EBF7FF, #C6E8FF);
}
@media screen and (max-width: 599px) {
  .anniversary {
    padding: 72px 0 24px 0;
  }
}
.anniversary__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .anniversary__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .anniversary__inner {
    max-width: calc(100% - 48px);
  }
}
@media screen and (max-width: 1288px) {
  .anniversary__inner {
    flex-direction: column;
    gap: 32px;
  }
}
@media screen and (max-width: 599px) {
  .anniversary__inner {
    gap: 16px;
  }
}
.anniversary__copy {
  line-height: 2;
  width: calc(100% - 240px - 64px);
  font-size: 24px;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1288px) {
  .anniversary__copy {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 599px) {
  .anniversary__copy {
    font-size: 16px;
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .anniversary__copy b {
    display: block;
  }
}
.anniversary-history {
  background: #F3FAFF;
  padding: 32px;
  color: #004092;
}
.anniversary-history__body {
  display: flex;
  gap: 32px;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .anniversary-history__body {
    flex-direction: column;
  }
}
.anniversary-history__image {
  width: 160px;
}
@media screen and (max-width: 1288px) {
  .anniversary-history__image {
    width: 120px;
  }
}
@media screen and (max-width: 599px) {
  .anniversary-history__image {
    width: 96px;
  }
}
.anniversary-history__copy {
  line-height: 1.5;
}

.area__inner, .service-trust, .plan, .small-office, .service, .cost, .wrap, .contents-space {
  padding: 80px 0;
}
@media screen and (max-width: 599px) {
  .area__inner, .service-trust, .plan, .small-office, .service, .cost, .wrap, .contents-space {
    padding: 32px 0;
  }
}

.cost {
  background: url("images/converted_images/cost-bg.webp") left/cover no-repeat;
}
.cost .btn {
  margin-top: 32px;
}
.cost__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .cost__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .cost__inner {
    max-width: calc(100% - 48px);
  }
}
.cost__body {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1288px) {
  .cost__body {
    flex-direction: column;
  }
}
.cost__copy {
  font-weight: bold;
  font-size: 24px;
  line-height: 2;
  margin-bottom: 48px;
  width: calc(40% - 64px);
}
@media screen and (max-width: 1288px) {
  .cost__copy {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .cost__copy {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
.cost__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  counter-reset: decimal 0;
  width: 60%;
}
@media screen and (max-width: 1288px) {
  .cost__list {
    width: 100%;
  }
}
@media screen and (max-width: 1288px) {
  .cost__list {
    padding: 0;
  }
}
.cost__item {
  width: 25%;
  counter-increment: decimal 1;
}
@media screen and (max-width: 599px) {
  .cost__item {
    width: 50%;
  }
}
.cost__ico {
  border: 12px solid #fffde0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin: 0 auto 16px auto;
  position: relative;
}
@media screen and (max-width: 599px) {
  .cost__ico {
    width: 96px;
    height: 96px;
  }
}
.cost__ico:before {
  content: counter(decimal, decimal-leading-zero);
  display: block;
  position: absolute;
  left: -12px;
  top: -12px;
  color: #004092;
  font-weight: bold;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
}
.cost__ico-image {
  max-width: 32px;
  max-height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 599px) {
  .cost__ico-image {
    max-width: 24px;
    max-height: 24px;
  }
}
.cost__name {
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.service {
  background-color: #f7f7f7;
}
.service__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .service__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .service__inner {
    max-width: calc(100% - 48px);
  }
}
.service__title {
  font-size: 48px;
}
@media screen and (max-width: 599px) {
  .service__title {
    font-size: 24px;
  }
}
.service__title-small {
  font-size: calc(1em - 8px);
}
.service__title-p, .service__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1584px) {
  .service__title-p, .service__title mark {
    font-size: 32px;
  }
}
@media screen and (max-width: 599px) {
  .service__title-p, .service__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.service__title mark {
  display: block;
  font-style: normal;
}
.service__copy {
  font-weight: bold;
  color: #004092;
  line-height: 1.5;
  margin-bottom: 32px;
}
.service__section {
  display: flex;
  gap: 2px;
}
@media screen and (max-width: 1288px) {
  .service__section {
    flex-direction: column;
  }
}
.service__section:not(:last-child) {
  margin-bottom: 32px;
}
.service__list {
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .service__list {
    flex-direction: column;
    gap: 2px;
  }
}
.service__header {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 24px;
}
@media screen and (max-width: 599px) {
  .service__header {
    padding-bottom: 0;
  }
}
.service__group {
  min-width: 25%;
  padding: 24px;
  background-color: #fff;
}
.service__description {
  line-height: 1.5;
}
.service__name {
  border: 1px solid #004092;
  padding: 32px;
  font-weight: bold;
  color: #004092;
  white-space: nowrap;
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .service__name {
    padding: 16px;
  }
}
.service__body {
  width: calc((100% - 4px) / 3);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .service__body {
    width: 100%;
  }
}
.service__ico {
  max-width: 48px;
  max-height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 599px) {
  .service__ico {
    max-width: 48px;
    max-height: 48px;
  }
}
.service__dt {
  font-weight: bold;
  color: #004092;
  line-height: 1.2;
}
@media screen and (max-width: 599px) {
  .service__dt {
    margin-bottom: 8px;
  }
}
.service__dd {
  line-height: 1.5;
}
.service__dd-text {
  padding: 0 24px;
  margin-bottom: 24px;
}
.service__link {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #58B023;
  color: #fff;
  padding: 8px 16px;
  font-weight: bold;
}
.service__link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #58B023, #58B023 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #58B023, #58B023 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.service__link:hover:before {
  background: linear-gradient(180deg, #58B023, #58B023 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #58B023, #58B023 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}

.service-reason {
  color: #004092;
}
.service-reason__list {
  counter-reset: num 0;
}
.service-reason__list-tit {
  counter-increment: num 1;
  font-size: 32px;
  margin-bottom: 32px;
}
.service-reason__list-tit:before {
  content: counter(num, decimal-leading-zero);
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  color: #004092;
  margin-right: 4px;
  line-height: 1;
}
.service-reason__copy {
  color: #004092;
  width: 640px;
  font-weight: bold;
  line-height: 2;
  margin: 0 auto 48px auto !important;
}
@media screen and (max-width: 1288px) {
  .service-reason__copy {
    width: 100%;
  }
}
.service-reason__tit {
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(90deg, #246ED3, #004092);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 64px;
  padding: 0 48px 8px 48px;
}
@media screen and (max-width: 599px) {
  .service-reason__tit {
    font-size: 24px;
  }
}
.service-reason__tit-small {
  font-size: calc(1em - 8px);
}
.service-reason__tit-p, .service-reason__tit mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .service-reason__tit-p, .service-reason__tit mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .service-reason__tit-p, .service-reason__tit mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.service-reason__tit mark {
  display: block;
  font-style: normal;
}
@media screen and (max-width: 1584px) {
  .service-reason__tit {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1288px) {
  .service-reason__tit {
    width: calc(100% - 52px);
  }
}
@media screen and (max-width: 599px) {
  .service-reason__tit {
    font-size: 24px;
    padding: 0 0 8px 24px;
  }
}
.service-reason__tit-span {
  font-size: 14px;
  display: block;
}
.service-reason__body:not(:last-child) {
  margin-bottom: 64px;
}
.service-reason__dl {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 599px) {
  .service-reason__dl {
    flex-direction: column;
  }
}
.service-reason__dt {
  text-align: center;
  font-weight: bold;
  margin-bottom: 16px;
}
.service-reason__dd {
  line-height: 1.5;
}
.service-reason__content {
  width: calc((100% - 64px) / 3);
}
@media screen and (max-width: 599px) {
  .service-reason__content {
    width: 100%;
  }
}
.service-reason__visual {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .service-reason__visual {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .service-reason__visual {
    max-width: calc(100% - 48px);
  }
}
@media screen and (max-width: 599px) {
  .service-reason__visual {
    flex-direction: column;
  }
}
.service-reason__visual-excerpt {
  width: calc(50% - 16px);
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .service-reason__visual-excerpt {
    width: 100%;
  }
}
.service-reason__visual-img {
  width: 560px;
  height: 220px;
  margin-right: 64px;
}
.service-reason__img {
  display: block;
  width: calc(100% - 16px);
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .service-reason__img {
    width: 100%;
  }
}

.small-office {
  background: linear-gradient(180deg, #f7f7f7, #fff, #f1f1f1);
}
.small-office__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .small-office__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .small-office__inner {
    max-width: calc(100% - 48px);
  }
}
.small-office__title {
  font-size: 48px;
}
@media screen and (max-width: 599px) {
  .small-office__title {
    font-size: 24px;
  }
}
.small-office__title-small {
  font-size: calc(1em - 8px);
}
.small-office__title-p, .small-office__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1584px) {
  .small-office__title-p, .small-office__title mark {
    font-size: 32px;
  }
}
@media screen and (max-width: 599px) {
  .small-office__title-p, .small-office__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.small-office__title mark {
  display: block;
  font-style: normal;
}
.small-office__container {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1288px) {
  .small-office__container {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.small-office__image {
  width: calc(50% - 32px);
}
@media screen and (max-width: 1288px) {
  .small-office__image {
    width: 80%;
  }
}
.small-office__description {
  width: 50%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 32px;
}
@media screen and (max-width: 1288px) {
  .small-office__description {
    width: 100%;
    margin-bottom: 0;
  }
}
.small-office__dl {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1288px) {
  .small-office__dl {
    flex-direction: column;
  }
}
.small-office__body {
  width: calc((100% - 64px) / 3);
  background: #fff;
  padding: 32px;
  border: 1px solid #004092;
}
@media screen and (max-width: 1288px) {
  .small-office__body {
    width: 100%;
  }
}
.small-office__dt {
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 16px auto;
}
.small-office__dd {
  line-height: 1.5;
}

.one-stop {
  margin-bottom: 64px;
}
.one-stop__title-p {
  display: flex;
  align-items: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 16px auto;
  font-weight: bold;
  color: #004092;
}
.one-stop__title-p:before {
  content: "";
  background: url(images/converted_images/bubble-left.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .one-stop__title-p:before {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.one-stop__title-p:after {
  content: "";
  background: url(images/converted_images/bubble-right.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-left: 8px;
}
@media screen and (max-width: 599px) {
  .one-stop__title-p:after {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.one-stop__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .one-stop__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .one-stop__inner {
    max-width: calc(100% - 48px);
  }
}
.one-stop__body {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  gap: 32px;
}
@media screen and (max-width: 599px) {
  .one-stop__body {
    flex-direction: column;
  }
}
.one-stop__copy {
  width: calc(50% - 16px);
  line-height: 1.5;
  font-weight: bold;
  color: #004092;
}
@media screen and (max-width: 599px) {
  .one-stop__copy {
    width: 100%;
  }
}
.one-stop__copy p:not(:last-child) {
  margin-bottom: 1em;
}
.one-stop__list {
  gap: 16px;
  font-size: 14px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(50% - 16px);
}
@media screen and (max-width: 599px) {
  .one-stop__list {
    width: 100%;
  }
}
.one-stop__list-item {
  background-color: #fff;
  padding: 16px;
}
.one-stop__list-item:not(:last-child) {
  position: relative;
}
.one-stop__list-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #004092;
  position: absolute;
  left: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
}
.one-stop__list-item:last-child {
  background-color: #004092;
  color: #fff;
}
.one-stop__arm {
  background-color: #004092;
  font-size: 24px;
  color: #FFEB00;
  font-weight: bold;
  padding: 16px;
}
@media screen and (max-width: 599px) {
  .one-stop__arm {
    line-height: 1.5;
    font-size: 18px;
  }
}

.small-bill {
  margin-top: 64px;
}
@media screen and (max-width: 599px) {
  .small-bill {
    margin-top: 24px;
  }
}
.small-bill__title {
  color: #004092;
  font-weight: bold;
  font-size: 24px;
}
.small-bill__description {
  line-height: 1.5;
  margin: 32px 0;
}
.small-bill__list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media screen and (max-width: 599px) {
  .small-bill__list {
    flex-direction: column;
  }
}
.small-bill__list-item {
  width: calc(50% - 16px);
  padding: 32px;
  background-color: #fff;
  box-shadow: 16px 16px 32px #ccc;
}
@media screen and (max-width: 599px) {
  .small-bill__list-item {
    width: 100%;
  }
}
.small-bill__list-title {
  display: flex;
  align-items: flex-end;
  color: #004092;
  margin-bottom: 16px;
}
.small-bill__list-title:before {
  content: "";
  background: url(images/converted_images/bubble-left.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .small-bill__list-title:before {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.small-bill__list-title:after {
  content: "";
  background: url(images/converted_images/bubble-right.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-left: 8px;
}
@media screen and (max-width: 599px) {
  .small-bill__list-title:after {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.small-bill__list-description {
  line-height: 1.5;
}

.point__dl {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  .point__dl {
    margin-top: 16px;
  }
}
.point__body {
  width: calc((100% - 48px) / 4);
}
.point__body:nth-child(2n) {
  transform: rotate(2deg);
}
@media screen and (max-width: 1288px) {
  .point__body {
    width: calc((100% - 32px) / 3);
  }
}
@media screen and (max-width: 599px) {
  .point__body {
    width: 100%;
  }
}
.point__dt {
  font-weight: bold;
  color: #004092;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-end;
  font-family: "fot-chiaro-std", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}
.point__dt:before {
  content: "";
  background: url(images/converted_images/bubble-left.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .point__dt:before {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.point__dt:after {
  content: "";
  background: url(images/converted_images/bubble-right.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-left: 8px;
}
@media screen and (max-width: 599px) {
  .point__dt:after {
    width: 0.9425em;
    height: 1.22635em;
  }
}
@media screen and (max-width: 599px) {
  .point__dt {
    justify-content: center;
  }
}
.point__dd {
  line-height: 1.5;
  font-size: 14px;
  background-color: #fff;
  padding: 16px;
  box-shadow: 8px 8px 32px #9db8c9;
}

.plan {
  background-color: #f7f7f7;
  padding-top: 0;
}
@media screen and (max-width: 599px) {
  .plan {
    padding-bottom: 0;
  }
}
.plan .conversion {
  margin: 64px 0;
}
.plan .conversion__body {
  background-color: #f7f7f7;
  padding-bottom: 0;
}
.plan__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .plan__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .plan__inner {
    max-width: calc(100% - 0px);
  }
}
.plan__header {
  display: flex;
  align-items: flex-end;
  gap: 32px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .plan__header {
    gap: 8px;
  }
}
.plan__header-women {
  width: 180px;
}
@media screen and (max-width: 599px) {
  .plan__header-women {
    width: 80px;
  }
}
.plan__hgroup {
  background-color: #fff;
  border: 3px solid #004092;
  width: -moz-fit-content;
  width: fit-content;
  padding: 32px;
  color: #004092;
  margin-bottom: 32px;
  position: relative;
}
.plan__hgroup::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 24px solid #004092;
  position: absolute;
  right: calc(100% + 0px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
  .plan__hgroup {
    margin-bottom: 16px;
    padding: 16px;
  }
}
.plan__tagline {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .plan__tagline {
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.2;
  }
}
.plan__title {
  font-size: 32px;
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  .plan__title {
    font-size: 24px;
  }
}
.plan__title-small {
  font-size: calc(1em - 8px);
}
.plan__title-p, .plan__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .plan__title-p, .plan__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .plan__title-p, .plan__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.plan__title mark {
  display: block;
  font-style: normal;
}
.plan__content {
  background-color: #fffde0;
}
.plan__option {
  background-color: #FFEB00;
  color: #004092;
  font-weight: bold;
  display: flex;
  padding: 32px;
  gap: 32px;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .plan__option {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 599px) {
  .plan__option {
    padding: 24px;
  }
}
.plan__steps {
  padding: 32px 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto;
  gap: 24px 64px;
  counter-reset: decimal 0;
}
@media screen and (max-width: 599px) {
  .plan__steps {
    padding: 24px;
  }
}

.plan-option__tagline {
  background-color: #fff;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 8px;
}
.plan-option__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .plan-option__title {
    font-size: 24px;
  }
}
.plan-option__description {
  line-height: 1.5;
}

.plan-step {
  width: calc((100% - 128px) / 3);
  counter-increment: decimal 1;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  position: relative;
}
.plan-step::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 24px solid #004092;
  position: absolute;
  left: calc(100% + 20px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1288px) {
  .plan-step {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .plan-step {
    gap: 16px;
  }
}
.plan-step:nth-child(3n)::after, .plan-step:last-child::after {
  content: none;
}
@media screen and (max-width: 1288px) {
  .plan-step::after {
    content: none;
  }
}
.plan-step__header {
  width: calc(100% - 120px - 16px);
}
@media screen and (max-width: 599px) {
  .plan-step__header {
    width: calc(100% - 80px - 16px);
  }
}
.plan-step__ico {
  width: 120px;
  height: 120px;
  border: 12px solid #F3FAFF;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .plan-step__ico {
    width: 80px;
    height: 80px;
  }
}
.plan-step__ico:before {
  content: counter(decimal, decimal-leading-zero);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #004092;
  font-weight: bold;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
}
@media screen and (max-width: 1288px) {
  .plan-step__ico:before {
    background-color: #fff;
  }
}
.plan-step__ico-image {
  max-width: 64px;
  max-height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 599px) {
  .plan-step__ico-image {
    max-width: 48px;
    max-height: 48px;
  }
}
.plan-step__title {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 8px;
  color: #004092;
}
@media screen and (max-width: 1288px) {
  .plan-step__title {
    width: 100%;
  }
}
.plan-step__description {
  line-height: 1.5;
}

.plan-recommend {
  display: flex;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .plan-recommend {
    flex-direction: column;
    background-color: none;
  }
}
.plan-recommend__title {
  background-color: #004092;
  color: #fff;
  padding: 24px 32px;
}
@media screen and (max-width: 599px) {
  .plan-recommend__title {
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px 24px;
  }
}
.plan-recommend__list {
  padding: 24px 32px;
  background-color: #fff;
}
@media screen and (max-width: 599px) {
  .plan-recommend__list {
    padding: 24px;
  }
}
.plan-recommend__body {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 599px) {
  .plan-recommend__body {
    flex-direction: column;
    gap: 8px;
  }
}
.plan-recommend__name {
  font-weight: bold;
  color: #004092;
  position: relative;
}
.plan-recommend__name::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid #004092;
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
  .plan-recommend__name::after {
    content: none;
  }
}
@media screen and (max-width: 599px) {
  .plan-recommend__description {
    line-height: 1.5;
  }
}

.flow-contact__title {
  font-weight: bold;
  font-size: 24px;
  color: #004092;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .flow-contact__title {
    padding-left: 24px;
  }
}
.flow-contact__steps {
  border: 3px solid #004092;
  background-color: #004092;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  counter-reset: decimal 0;
}
@media screen and (max-width: 599px) {
  .flow-contact__steps {
    flex-direction: column;
    border-left: 0;
    border-right: 0;
  }
}
.flow-contact__step {
  padding: 32px;
  background-color: #fff;
  width: calc((100% - 1px) / 2);
  counter-increment: decimal 1;
  color: #004092;
}
@media screen and (max-width: 599px) {
  .flow-contact__step {
    width: 100%;
    padding: 24px;
  }
}
.flow-contact__name {
  display: flex;
  gap: 32px;
  margin-bottom: 16px;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .flow-contact__name {
    gap: 16px;
    margin-bottom: 8px;
    font-size: 18px;
  }
}
.flow-contact__name:before {
  content: counter(decimal, decimal-leading-zero);
  display: block;
  color: #004092;
  font-weight: bold;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 64px;
  line-height: 1;
}
@media screen and (max-width: 1288px) {
  .flow-contact__name:before {
    font-family: "din-2014-narrow", sans-serif;
    font-weight: bold;
    font-size: 32px;
    line-height: 1;
    background-color: #fff;
  }
}
.flow-contact__description {
  line-height: 1.5;
}

.office-flow {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .office-flow {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .office-flow {
    max-width: calc(100% - 0px);
  }
}
.office-flow__tit {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .office-flow__tit {
    font-size: 24px;
  }
}
.office-flow__tit-small {
  font-size: calc(1em - 8px);
}
.office-flow__tit-p, .office-flow__tit mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .office-flow__tit-p, .office-flow__tit mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .office-flow__tit-p, .office-flow__tit mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.office-flow__tit mark {
  display: block;
  font-style: normal;
}
.office-flow__list {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 32px;
  counter-reset: num 0;
}
@media screen and (max-width: 1288px) {
  .office-flow__list {
    gap: 32px;
  }
}
@media screen and (max-width: 599px) {
  .office-flow__list {
    gap: 16px;
  }
}
.office-flow__body {
  width: calc((100% - 96px) / 4);
  position: relative;
}
@media screen and (max-width: 1288px) {
  .office-flow__body {
    width: calc((100% - 64px) / 3);
  }
}
@media screen and (max-width: 599px) {
  .office-flow__body {
    width: 100%;
    display: flex;
  }
}
.office-flow__dt {
  background: linear-gradient(50deg, #004092 calc(100% - 14px), transparent calc(100% - 14px)) top/100% 50% no-repeat, linear-gradient(130deg, #004092 calc(100% - 14px), transparent calc(100% - 14px)) bottom/100% 50% no-repeat;
  padding: 8px 32px 8px 16px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: 0;
  counter-increment: num 1;
}
.office-flow__dt:before {
  content: counter(num, decimal-leading-zero);
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  margin-right: 4px;
  line-height: 1;
}
.office-flow__container {
  position: relative;
  padding-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .office-flow__container {
    width: 50%;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.office-flow__option {
  font-weight: bold;
  padding-left: 16px;
  background: url(images/converted_images/leaf-blue.webp) left center/8px no-repeat;
  margin-bottom: 8px;
}
@media screen and (max-width: 599px) {
  .office-flow__option {
    margin-left: 8px;
  }
}
.office-flow__images:not(:has(dd)) img {
  margin-top: calc(1em + 8px);
}
@media screen and (max-width: 599px) {
  .office-flow__images:not(:has(dd)) img {
    margin-top: 0;
  }
}
.office-flow__excerpt {
  line-height: 1.5;
  margin-top: 8px;
}
@media screen and (max-width: 599px) {
  .office-flow__excerpt {
    width: 50%;
    padding: 0 16px;
    margin: 0;
  }
}
.office-flow__pdf {
  background-color: #FCFCFC;
  border-radius: 16px;
  padding: 32px;
  width: calc((100% - 96px) / 4 * 3 + 64px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1288px) {
  .office-flow__pdf {
    width: 100%;
  }
}
.office-flow__pdf-tit {
  font-weight: bold;
  padding-left: 16px;
  background: url(images/converted_images/leaf-blue.webp) left center/8px no-repeat;
  margin-bottom: 8px;
}
.office-flow__pdf-p {
  margin-bottom: 16px;
}
.office-flow__pdf-btnarea {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 599px) {
  .office-flow__pdf-btnarea {
    flex-direction: column;
  }
}
.office-flow__link {
  display: block;
  border: 3px solid #004092;
  border-radius: 8px;
  background-color: #F2F9FF;
  font-weight: bold;
  text-align: center;
  padding: 8px 16px;
}

.cooling__inner {
  padding-top: 198px;
  background: url("images/converted_images/pride-bg.webp") left/cover no-repeat;
}
@media screen and (max-width: 1288px) {
  .cooling__inner {
    padding-top: 120px;
  }
}
@media screen and (max-width: 599px) {
  .cooling__inner {
    padding-top: 80px;
  }
}
.cooling__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .cooling__title {
    font-size: 24px;
  }
}
.cooling__title-small {
  font-size: calc(1em - 8px);
}
.cooling__title-p, .cooling__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .cooling__title-p, .cooling__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .cooling__title-p, .cooling__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.cooling__title mark {
  display: block;
  font-style: normal;
}
.cooling__title-p {
  position: relative;
}
.cooling__title-p:before {
  content: "";
  display: block;
  width: 398px;
  height: 150px;
  background: url("images/converted_images/pride.webp") left/cover no-repeat;
  position: absolute;
  left: -64px;
  bottom: calc(100% - 32px);
}
@media screen and (max-width: 1288px) {
  .cooling__title-p:before {
    width: 249px;
    height: 75px;
  }
}
.cooling__description {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .cooling__description {
    font-size: 16px;
    padding: 0 24px;
  }
}

.cooling-staff {
  background: linear-gradient(95deg, transparent 32px, #fff 32px);
  width: 60%;
  margin: 32px 0 0 auto;
  padding: 64px 96px;
}
@media screen and (max-width: 1288px) {
  .cooling-staff {
    padding: 32px 64px;
    width: 80%;
  }
}
@media screen and (max-width: 599px) {
  .cooling-staff {
    width: 100%;
    padding: 24px 32px;
  }
}
.cooling-staff__title {
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 16px auto;
  font-size: 24px;
}
@media screen and (max-width: 599px) {
  .cooling-staff__title {
    line-height: 1.2;
    padding-left: 16px;
  }
}
.cooling-staff__description {
  line-height: 1.5;
  margin-bottom: 32px;
}
@media screen and (max-width: 599px) {
  .cooling-staff__description {
    margin-bottom: 16px;
    padding-left: 16px;
  }
}
.cooling-staff__item {
  background: url("images/converted_images/check.webp") left top 4px/1em no-repeat;
  padding-left: calc(1em + 8px);
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 599px) {
  .cooling-staff__item {
    font-size: 16px;
  }
}
.cooling-staff__item:not(:last-child) {
  margin-bottom: 16px;
}

.trouble {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1288px) {
  .trouble {
    flex-direction: column;
  }
}
.trouble__zero {
  padding: 0 32px;
  width: 40%;
}
@media screen and (max-width: 1288px) {
  .trouble__zero {
    width: 100%;
    padding: 32px;
  }
}
.trouble__zero-image {
  width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .trouble__zero-image {
    max-width: 400px;
  }
}
.trouble__body {
  background-color: #fff;
  width: 60%;
}
@media screen and (max-width: 1288px) {
  .trouble__body {
    width: 100%;
  }
}
.trouble__inner {
  padding: 0 96px;
}
@media screen and (max-width: 1288px) {
  .trouble__inner {
    padding: 32px 64px;
  }
}
@media screen and (max-width: 599px) {
  .trouble__inner {
    padding: 24px;
  }
}
.trouble__title {
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 24px auto;
  font-size: 24px;
  display: flex;
  align-items: flex-end;
}
.trouble__title:before {
  content: "";
  background: url(images/converted_images/bubble-left.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .trouble__title:before {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.trouble__title:after {
  content: "";
  background: url(images/converted_images/bubble-right.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-left: 8px;
}
@media screen and (max-width: 599px) {
  .trouble__title:after {
    width: 0.9425em;
    height: 1.22635em;
  }
}
@media screen and (max-width: 599px) {
  .trouble__title {
    font-size: 16px;
    margin: 0 auto 24px auto;
  }
}
.trouble__title-span {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .trouble__title-span {
    display: block;
    font-size: 24px;
    margin-top: 8px;
  }
}
.trouble__description {
  line-height: 1.5;
  margin-bottom: 24px;
}
.trouble__link {
  background: linear-gradient(30deg, #004092, #246ED3);
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-weight: bold;
  padding: 24px 48px;
  border-radius: 8px;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.trouble__link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
.trouble__link:hover:before {
  background: linear-gradient(180deg, #004092, #004092 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #004092, #004092 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #fff;
}
@media screen and (max-width: 599px) {
  .trouble__link {
    padding: 16px 32px;
    width: 100%;
    justify-content: center;
  }
}
.trouble__customer {
  background-color: #F3FAFF;
  padding: 24px;
  position: relative;
  margin-top: 64px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .trouble__customer {
    padding: 16px 16px 16px 111px;
    text-align: left;
    line-height: 1.2;
    margin-top: 24px;
  }
}
.trouble__customer:before {
  content: "";
  display: block;
  width: 278px;
  height: 139px;
  background: url("images/converted_images/irregular-man.webp") left/cover no-repeat;
  position: absolute;
  left: 32px;
  bottom: 0;
}
@media screen and (max-width: 599px) {
  .trouble__customer:before {
    width: 160px;
    height: 80px;
    left: 16px;
  }
}
.trouble__arm {
  background-color: #fffde0;
  padding: 24px;
  position: relative;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .trouble__arm {
    padding: 16px 111px 16px 16px;
    text-align: left;
    line-height: 1.2;
  }
}
.trouble__arm:before {
  content: "";
  display: block;
  width: 158px;
  height: 186px;
  background: url("images/converted_images/irregular-woman.webp") left/cover no-repeat;
  position: absolute;
  right: 32px;
  bottom: 0;
}
@media screen and (max-width: 599px) {
  .trouble__arm:before {
    width: 79px;
    height: 93px;
    right: 16px;
  }
}

.service-trust {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
  color: #004092;
}
@media screen and (max-width: 1288px) {
  .service-trust {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .service-trust {
    max-width: calc(100% - 48px);
  }
}
@media screen and (max-width: 599px) {
  .service-trust {
    width: 100%;
  }
}
.service-trust__tit {
  color: #004092;
}
.service-trust__subtit {
  display: block;
  font-size: 32px;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .service-trust__subtit {
    font-size: 16px;
  }
}
.service-trust__span {
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(90deg, #246ED3, #004092);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 64px;
}
@media screen and (max-width: 599px) {
  .service-trust__span {
    font-size: 32px;
  }
}
.service-trust__body {
  display: flex;
  align-items: center;
  margin-bottom: 64px;
  background: url(images/converted_images/circleline-blue-l.webp) bottom center/200px no-repeat;
}
@media screen and (max-width: 599px) {
  .service-trust__body {
    flex-direction: column;
  }
}
.service-trust__contents {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  order: 2;
  font-weight: bold;
}
.service-trust__p {
  line-height: 2;
}
.service-trust__p:first-child {
  margin-bottom: 24px;
}
@media screen and (max-width: 599px) {
  .service-trust__p {
    order: 2;
  }
}
.service-trust__img {
  display: block;
  width: 50%;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 16px;
}
@media screen and (max-width: 1584px) {
  .service-trust__img {
    width: 47%;
  }
}
@media screen and (max-width: 599px) {
  .service-trust__img {
    order: 1;
    margin-bottom: 32px;
    width: 100%;
  }
}
.service-trust__option__tit {
  background-color: #F3FAFF;
  border: 3px solid #004092;
  border-radius: 16px;
  text-align: center;
  padding: 32px 0;
  margin-bottom: 24px;
  font-size: 24px;
}
@media screen and (max-width: 599px) {
  .service-trust__option__tit {
    border-radius: 0;
    border: 0;
  }
}
.service-trust__option__container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1288px) {
  .service-trust__option__container {
    flex-direction: column;
  }
}
.service-trust__option__body {
  width: calc(50% - 32px);
}
@media screen and (max-width: 1584px) {
  .service-trust__option__body {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 599px) {
  .service-trust__option__body {
    width: 100%;
  }
}
.service-trust__option__p {
  width: 50%;
  line-height: 1.5;
  margin-bottom: 22px;
}
@media screen and (max-width: 1288px) {
  .service-trust__option__p {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .service-trust__option__p {
    margin-bottom: 32px;
    padding: 0 24px;
    text-align: justify;
  }
}
.service-trust__option__img {
  border-radius: 16px;
  width: 560px;
  height: 320px;
}
.service-trust__safety {
  margin: 48px auto;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.service-trust__safety__body {
  height: -moz-fit-content;
  height: fit-content;
}
.service-trust__safety__body:first-child {
  margin-right: 48px;
}
.service-trust__safety__dt {
  color: #004092;
}
.service-trust__safety__dd {
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(90deg, #246ED3, #004092);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 24px;
  margin: 0 auto;
}
.service-trust__safety__logo {
  display: block;
  margin: 0 auto;
  width: 48px;
  margin-top: 16px;
}
@media screen and (max-width: 599px) {
  .service-trust__safety {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .service-trust__safety__body:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.service-trust__safety__dt {
  text-align: center;
  line-height: 1.5;
}

.area {
  background: url("images/converted_images/earth.webp") left bottom/40% no-repeat, linear-gradient(-30deg, #1F2A44, #53708A);
}
@media screen and (max-width: 1288px) {
  .area {
    background: url("images/converted_images/earth.webp") left bottom/70% no-repeat, linear-gradient(-30deg, #1F2A44, #53708A);
  }
}
@media screen and (max-width: 599px) {
  .area {
    background: url("images/converted_images/earth.webp") left bottom/100% no-repeat, linear-gradient(-30deg, #1F2A44, #53708A);
  }
}
.area__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .area__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .area__inner {
    max-width: calc(100% - 48px);
  }
}
.area__inner--page {
  padding: 32px;
}
.area__title {
  font-size: 32px;
  color: #fff;
}
@media screen and (max-width: 599px) {
  .area__title {
    font-size: 24px;
  }
}
.area__title-small {
  font-size: calc(1em - 8px);
}
.area__title-p, .area__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .area__title-p, .area__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .area__title-p, .area__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.area__title mark {
  display: block;
  font-style: normal;
}
.area__title-span {
  color: #FFEB00;
}
.area__cities {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 32px;
  gap: 32px;
}
.area__link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.area__link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.area__link:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.area__description {
  color: #fff;
  line-height: 2;
  margin-bottom: 64px;
}
@media screen and (max-width: 599px) {
  .area__description {
    margin-bottom: 24px;
  }
}

.tokyo-forte__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .tokyo-forte__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .tokyo-forte__inner {
    max-width: calc(100% - 48px);
  }
}
.tokyo-forte__title {
  font-size: 32px;
  margin-top: 80px;
}
@media screen and (max-width: 599px) {
  .tokyo-forte__title {
    font-size: 24px;
  }
}
.tokyo-forte__title-small {
  font-size: calc(1em - 8px);
}
.tokyo-forte__title-p, .tokyo-forte__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .tokyo-forte__title-p, .tokyo-forte__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .tokyo-forte__title-p, .tokyo-forte__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.tokyo-forte__title mark {
  display: block;
  font-style: normal;
}
.tokyo-forte__copy {
  color: #004092;
  font-weight: bold;
  line-height: 1.5;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 64px;
}
.tokyo-forte__main {
  display: flex;
  justify-content: center;
  gap: 64px;
}
@media screen and (max-width: 599px) {
  .tokyo-forte__main {
    flex-direction: column;
    gap: 0;
  }
}
.tokyo-forte__map {
  width: 480px;
  min-width: 480px;
}
@media screen and (max-width: 1288px) {
  .tokyo-forte__map {
    width: 320px;
    min-width: 320px;
  }
}
@media screen and (max-width: 599px) {
  .tokyo-forte__map {
    width: 100%;
    min-width: 100%;
  }
}
.tokyo-forte__cost {
  margin-top: 80px;
}
@media screen and (max-width: 1288px) {
  .tokyo-forte__cost {
    margin-top: 0;
  }
}
@media screen and (max-width: 599px) {
  .tokyo-forte__cost {
    transform: translateY(-32px);
    width: calc(100% - 32px);
    margin: 0 0 0 auto;
    background-color: #fff;
    padding: 16px;
  }
}
.tokyo-forte__cust-title {
  color: #004092;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
  position: relative;
}
.tokyo-forte__cust-title::after {
  content: "";
  display: block;
  width: calc(100% - 15em - 32px);
  border-top: 1px dashed #004092;
  position: absolute;
  top: 50%;
  right: 0;
}
.tokyo-forte__nth {
  transform: translateY(-80px);
}
@media screen and (max-width: 1288px) {
  .tokyo-forte__nth {
    transform: translateY(0);
  }
}
.tokyo-forte__body {
  background: #FFFFFF;
  border: 1px solid #004092;
  padding: 32px;
  width: calc(100% - 80px);
}
.tokyo-forte__body:nth-child(1) {
  margin: 0 0 32px auto;
}
.tokyo-forte__body:nth-child(2) {
  margin-bottom: 32px;
}
.tokyo-forte__body:nth-child(3) {
  margin: 0 0 0 auto;
}
.tokyo-forte__subtitle {
  color: #004092;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
.tokyo-forte__description {
  line-height: 1.5;
}

.tokyo-eco__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .tokyo-eco__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .tokyo-eco__inner {
    max-width: calc(100% - 48px);
  }
}
.tokyo-eco__title {
  font-size: 32px;
  margin-top: 80px;
}
@media screen and (max-width: 599px) {
  .tokyo-eco__title {
    font-size: 24px;
  }
}
.tokyo-eco__title-small {
  font-size: calc(1em - 8px);
}
.tokyo-eco__title-p, .tokyo-eco__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .tokyo-eco__title-p, .tokyo-eco__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .tokyo-eco__title-p, .tokyo-eco__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.tokyo-eco__title mark {
  display: block;
  font-style: normal;
}
.tokyo-eco__copy {
  text-align: center;
  margin-bottom: 48px;
}
.tokyo-eco__box {
  display: flex;
  justify-content: center;
  gap: 64px;
}
.tokyo-eco__body {
  border: 1px solid #004092;
  padding: 32px;
  width: 40%;
  text-align: center;
  margin-bottom: 32px;
}
.tokyo-eco__name {
  color: #004092;
  font-weight: bold;
  margin-bottom: 24px;
  font-size: 24px;
}

.service-qa {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .service-qa {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .service-qa {
    max-width: calc(100% - 0px);
  }
}
.service-qa__tit {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .service-qa__tit {
    font-size: 24px;
  }
}
.service-qa__tit-small {
  font-size: calc(1em - 8px);
}
.service-qa__tit-p, .service-qa__tit mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .service-qa__tit-p, .service-qa__tit mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .service-qa__tit-p, .service-qa__tit mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.service-qa__tit mark {
  display: block;
  font-style: normal;
}
.service-qa__body {
  background-color: #F7f7f7;
}
.service-qa__body:not(:last-child) {
  margin-bottom: 16px;
}
.service-qa__dt {
  border-bottom: 1px solid #58B023;
  display: flex;
  align-items: flex-end;
  font-weight: bold;
  padding: 16px;
  font-size: 18px;
  align-items: flex-start;
  line-height: 1.5;
}
.service-qa__dt:before {
  content: "Q.";
  display: block;
  font: calc(1em + 4px) apertura, sans-serif;
  color: #58B023;
}
.service-qa__dd {
  padding: 16px;
  line-height: 1.5;
}

.company {
  color: #004092;
}
.company__body {
  display: flex;
}
.company__body:not(:last-child) {
  padding: 32px 0;
  border-bottom: 1px solid #DEEDFF;
}
.company__body:first-child {
  padding: 0 0 32px 0;
}
.company__body:last-child {
  padding-top: 32px;
}
.company__dt {
  width: 30%;
  font-weight: bold;
}
.company__dd {
  width: 70%;
}
.company__history__body {
  display: flex;
}
.company__history__dt {
  margin-right: 32px;
}
.company__base {
  display: flex;
}
.company__base__body:first-child {
  margin-right: 64px;
}
.company__base__dt {
  margin-bottom: 4px;
}
.company__li {
  display: flex;
  align-items: center;
}
.company__li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #004092;
  margin-right: 8px;
}
.company__number__dd {
  margin-left: 1em;
}

.page__hgroup {
  padding: 48px 96px;
  background: linear-gradient(30deg, #F3FDFF, #DBF0FF, #EBF7FF, #C6E8FF);
  display: flex;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 1288px) {
  .page__hgroup {
    padding: 32px 48px;
  }
}
@media screen and (max-width: 599px) {
  .page__hgroup {
    padding: 32px 24px;
    display: block;
  }
}
.page__title {
  font-size: 64px;
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1288px) {
  .page__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 599px) {
  .page__title {
    font-size: 24px;
    line-height: 1.2;
  }
}
.page__title--single {
  font-size: 32px;
  font-weight: bold;
  color: #004092;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 1288px) {
  .page__title--single {
    font-size: 24px;
  }
}
@media screen and (max-width: 599px) {
  .page__title--single {
    font-size: 18px;
    line-height: 1.2;
  }
}
.page__title-ico {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
}
.page__tagline {
  line-height: 1.5;
}
@media screen and (max-width: 599px) {
  .page__tagline {
    font-size: 14px;
  }
}

.page-contents {
  padding: 32px;
}

.page-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .page-nav__list {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .page-nav__list {
    max-width: calc(100% - 48px);
  }
}
@media screen and (max-width: 599px) {
  .page-nav__list {
    flex-direction: column;
    gap: 16px;
  }
}
.page-nav__item {
  width: calc(50% - 32px);
}
@media screen and (max-width: 599px) {
  .page-nav__item {
    width: 100%;
  }
}
.page-nav__link {
  background-color: #F3FAFF;
  border: 3px solid #004092;
  padding: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.page-nav__link:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #004092;
  border-top: 2px solid #004092;
  margin-left: 8px;
  transform: rotate(135deg);
}
@media screen and (max-width: 599px) {
  .page-nav__link {
    padding: 16px;
  }
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  background: #F3FAFF;
  padding: 16px 96px;
}
@media screen and (max-width: 1288px) {
  .breadcrumb {
    padding: 8px 48px;
  }
}
@media screen and (max-width: 599px) {
  .breadcrumb {
    padding: 16px 24px;
    font-size: 12px;
  }
}
.breadcrumb__li:not(:first-child) {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.breadcrumb__li:not(:first-child):before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #004092;
  border-top: 2px solid #004092;
  transform: rotate(45deg);
  margin-right: 8px;
}
.breadcrumb__li:last-child {
  font-weight: bold;
}

.example {
  counter-reset: number 0;
}
.example__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .example__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .example__inner {
    max-width: calc(100% - 48px);
  }
}
.example__section:not(:last-child) {
  margin-bottom: 64px;
}
.example__title {
  font-weight: bold;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
  flex-wrap: wrap;
  line-height: 1.2;
  font-family: "ab-tombo-bold", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .example__title {
    justify-content: center;
  }
}
.example__title-sub {
  font-size: 32px;
  display: block;
  margin-bottom: 8px;
}
@media screen and (max-width: 1288px) {
  .example__title-sub {
    font-size: 24px;
  }
}
@media screen and (max-width: 599px) {
  .example__title-sub {
    font-size: 16px;
  }
}
.example__title-blue {
  color: #004092;
  font-size: 64px;
  white-space: nowrap;
}
@media screen and (max-width: 1288px) {
  .example__title-blue {
    font-size: 48px;
  }
}
@media screen and (max-width: 599px) {
  .example__title-blue {
    font-size: 32px;
  }
}
.example__title-red {
  color: #E8122A;
  font-size: 64px;
  white-space: nowrap;
}
@media screen and (max-width: 1288px) {
  .example__title-red {
    font-size: 48px;
  }
}
@media screen and (max-width: 599px) {
  .example__title-red {
    font-size: 32px;
  }
}
.example__title-both {
  font-size: 48px;
}
@media screen and (max-width: 1288px) {
  .example__title-both {
    font-size: 32px;
  }
}
@media screen and (max-width: 599px) {
  .example__title-both {
    font-size: 24px;
  }
}
.example__title-price {
  font-size: 104px;
  color: #E8122A;
  position: relative;
  display: block;
}
.example__title-price::before {
  content: "超";
  display: block;
  width: calc(1em + 24px);
  height: calc(1em + 24px);
  background-color: #E8122A;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  right: calc(100% - 0.8em);
  bottom: calc(100% - 0.8em);
  font-size: 32px;
  padding: 8px;
  border: 4px solid #fff;
  font-weight: normal;
}
.example__title-image {
  width: 480px;
  margin: 0 0 -24px -32px;
  display: block;
}
@media screen and (max-width: 1288px) {
  .example__title-image {
    width: 320px;
  }
}
@media screen and (max-width: 599px) {
  .example__title-image {
    width: 240px;
    margin: 0 auto -16px auto;
  }
}
.example__image-1 {
  width: 463px;
}
@media screen and (max-width: 1288px) {
  .example__image-1 {
    margin: 0 0 0 auto;
    width: 310px;
  }
}
@media screen and (max-width: 599px) {
  .example__image-1 {
    margin: 0 0 0 auto;
    width: 231px;
  }
}
.example__header {
  counter-increment: number 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
}
@media screen and (max-width: 1288px) {
  .example__header {
    flex-direction: column-reverse;
    align-items: baseline;
    gap: 24px;
  }
}
.example__header-group {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 16px;
}
@media screen and (max-width: 599px) {
  .example__header-group {
    align-items: flex-start;
  }
}
.example__header-group::before {
  content: "事例" counter(number);
  background-color: #FFEB00;
  padding: 16px;
  font-size: 24px;
}
@media screen and (max-width: 599px) {
  .example__header-group::before {
    font-size: 16px;
    white-space: nowrap;
    padding: 8px;
  }
}
.example__header-copy {
  margin-bottom: 4px;
}
.example__header-title {
  font-size: 24px;
}
@media screen and (max-width: 599px) {
  .example__header-title {
    font-size: 18px;
    line-height: 1.2;
  }
}
.example__dl {
  display: flex;
  color: #004092;
  gap: 24px;
}
@media screen and (max-width: 1288px) {
  .example__dl {
    flex-direction: column;
    gap: 8px;
  }
}
.example__body {
  display: flex;
}
@media screen and (max-width: 599px) {
  .example__body {
    flex-direction: column;
    gap: 8px;
  }
}
.example__dt {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-right: 8px;
  white-space: nowrap;
}
.example__dt:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #004092;
  border-top: 2px solid #004092;
  margin-left: 8px;
  transform: rotate(45deg);
}
@media screen and (max-width: 599px) {
  .example__dt {
    display: flex;
    align-items: center;
  }
  .example__dt:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #004092;
    border-top: 2px solid #004092;
    margin-left: 8px;
    transform: rotate(135deg);
  }
}
@media screen and (max-width: 599px) {
  .example__dd {
    line-height: 1.2;
    font-size: 14px;
  }
}
.example__table {
  width: 100%;
  border-collapse: collapse;
}
.example__table-container {
  width: 100%;
  overflow-x: scroll;
}
.example__header-cell {
  text-align: left;
  padding: 8px;
  border-bottom: 2px solid #000;
}
.example__thead {
  font-size: 24px;
}
@media screen and (max-width: 1288px) {
  .example__thead {
    font-size: 16px;
  }
}
.example__tbody {
  background-color: #fff;
}
.example__tfoot {
  font-weight: bold;
  border-top: 3px solid #004092;
}
.example__cell, .example__header-cell {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: right;
}
.example__logo {
  width: 200px;
}
@media screen and (max-width: 1288px) {
  .example__logo {
    width: 120px;
  }
}
.example__cell {
  padding: 32px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (max-width: 1288px) {
  .example__cell {
    padding: 16px;
  }
}
@media screen and (max-width: 599px) {
  .example__cell {
    font-size: 14px;
  }
}
.example__cell--header {
  background-color: #F3FAFF;
  vertical-align: middle;
}
.example__cell--arm {
  background-color: #FFEB00;
  outline: 3px solid #FFEB00;
  border: 6px solid #FFEB00;
}
.example__cell--total {
  border-bottom: 6px solid #FFEB00;
  font-size: 24px;
}
.example__cell--highlight {
  background-color: #fffde0;
  color: #E8122A;
  border-color: #FFEB00;
  border-left: 6px solid #FFEB00;
  border-right: 6px solid #FFEB00;
  font-weight: bold;
}
.example__cell--left {
  background-color: #f1f1f1;
}

.office-cace__dt {
  border-bottom: 3px solid #333333;
  padding: 0 64px 16px 0;
  position: relative;
}
@media screen and (max-width: 599px) {
  .office-cace__dt {
    border-bottom: 0;
    border-left: 3px solid #333333;
    padding: 0 0 16px 16px;
  }
}
.office-cace__dt:before {
  font: 16px apertura, sans-serif;
  content: attr(title);
  display: block;
  margin-bottom: 8px;
}
.office-cace__dt::after {
  content: "";
  display: block;
  width: 12px;
  height: 16px;
  background: url(images/converted_images/allow.webp) left/contain no-repeat;
  position: absolute;
  right: -3px;
  bottom: -9.5px;
}
@media screen and (max-width: 599px) {
  .office-cace__dt::after {
    transform: rotate(90deg);
    left: -7.5px;
    right: 0;
    bottom: -12px;
  }
}

.office-price {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .office-price {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .office-price {
    max-width: calc(100% - 48px);
  }
}
.office-price__tit {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .office-price__tit {
    font-size: 24px;
  }
}
.office-price__tit-small {
  font-size: calc(1em - 8px);
}
.office-price__tit-p, .office-price__tit mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .office-price__tit-p, .office-price__tit mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .office-price__tit-p, .office-price__tit mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.office-price__tit mark {
  display: block;
  font-style: normal;
}
.office-price__tit-span {
  display: block;
  font-size: 16px;
}
.office-price__subtit {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 32px;
  background: url("images/converted_images/check.webp") left top 4px/1em no-repeat;
  padding-left: calc(1em + 8px);
}
.office-price__bubble {
  display: block;
  font-size: 16px;
}
.office-price__point {
  counter-reset: num 0;
}
.office-price__point__body {
  display: flex;
  gap: 32px;
}
.office-price__point__body:not(:last-child) {
  margin-bottom: 32px;
}
.office-price__point__dt {
  counter-increment: num 1;
  font-weight: bold;
  color: #004092;
  min-width: 20%;
}
.office-price__point__dt:before {
  content: counter(num, decimal-leading-zero);
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #004092;
  margin-right: 4px;
  line-height: 1;
}

.office-cace {
  margin-top: 64px;
}
.office-cace__header {
  display: flex;
  gap: 32px;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media screen and (max-width: 599px) {
  .office-cace__header {
    flex-direction: column;
  }
}
.office-cace__status {
  color: #004092;
  display: flex;
  margin-top: 16px;
  gap: 32px;
}
.office-cace__status-list {
  display: flex;
  gap: 0 32px;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .office-cace__status-list {
    margin-top: 32px;
  }
}
.office-cace__status-tit {
  font-weight: bold;
  position: relative;
}
.office-cace__status-tit:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #004092;
  position: absolute;
  bottom: calc(50% - 6px);
  left: calc(100% + 12px);
  z-index: 2;
}
@media screen and (max-width: 599px) {
  .office-cace__status-tit:after {
    left: calc(100% + 4px);
  }
}
.office-cace__price-span {
  font-weight: bold;
}
.office-cace__compare {
  background-color: #F2F9FF;
  border-radius: 32px;
  padding: 32px 64px;
  display: flex;
  gap: 64px;
  margin-bottom: 32px;
}
@media screen and (max-width: 599px) {
  .office-cace__compare {
    flex-direction: column;
    padding: 24px;
  }
}
.office-cace__compare-tit {
  color: #004092;
  font-weight: bold;
  font-size: 24px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 16px;
}
.office-cace__body {
  width: calc((100% - 64px) / 2);
}
@media screen and (max-width: 599px) {
  .office-cace__body {
    width: 100%;
  }
}
.office-cace__body:last-child .office-cace__compare-tit {
  display: flex;
  align-items: flex-end;
}
.office-cace__body:last-child .office-cace__compare-tit:before {
  content: "";
  background: url(images/converted_images/bubble-left.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .office-cace__body:last-child .office-cace__compare-tit:before {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.office-cace__body:last-child .office-cace__compare-tit:after {
  content: "";
  background: url(images/converted_images/bubble-right.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-left: 8px;
}
@media screen and (max-width: 599px) {
  .office-cace__body:last-child .office-cace__compare-tit:after {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.office-cace__body:last-child .office-cace__blakedown-price__num {
  color: #E8122A;
}
.office-cace__blakedown {
  border-bottom: 1px dashed #333333;
  margin-bottom: 16px;
}
.office-cace__blakedown-tit {
  font-weight: bold;
  margin-bottom: 8px;
}
.office-cace__blakedown-body {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.office-cace__blakedown-price {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 0 auto;
}
.office-cace__blakedown-price__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
}
.office-cace__blakedown-dd {
  font-weight: bold;
}
.office-cace__excerpt {
  display: flex;
}
@media screen and (max-width: 599px) {
  .office-cace__excerpt {
    flex-direction: column;
  }
}
.office-cace__excerpt-p {
  width: 50%;
  padding: 0 64px;
}
@media screen and (max-width: 599px) {
  .office-cace__excerpt-p {
    width: 100%;
    padding: 0;
  }
}
.office-cace__excerpt-p:first-child {
  border-right: 1px solid #004092;
}
@media screen and (max-width: 599px) {
  .office-cace__excerpt-p:first-child {
    border: 0;
  }
}
.office-cace__pac {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
  z-index: 1;
}
.office-cace__pac:before {
  transform: skewX(-15deg);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #fff;
}
.office-cace__pac__price {
  font-size: 14px;
}
.office-cace__pac__yen {
  font-weight: bold;
  color: #E8122A;
}
.office-cace__pac__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #E8122A;
}
.office-cace__get {
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  white-space: nowrap;
}
.office-cace__get__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  text-shadow: 1px 1px 0px #5A0000;
  color: #E8122A;
  white-space: nowrap;
}
.office-cace__get__yen {
  color: #E8122A;
  font-size: 24px;
  font-weight: bold;
}
.office-cace__get__otoku {
  width: 64px;
}
@media screen and (max-width: 599px) {
  .office-cace__get {
    margin-top: 32px;
  }
}

.office-appeal {
  background: repeating-linear-gradient(135deg, #F2F9FF, #F2F9FF 8px, #FFF 8px, #FFF 24px);
}
.office-appeal__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .office-appeal__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .office-appeal__inner {
    max-width: calc(100% - 48px);
  }
}
.office-appeal__tit {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .office-appeal__tit {
    font-size: 24px;
  }
}
.office-appeal__tit-small {
  font-size: calc(1em - 8px);
}
.office-appeal__tit-p, .office-appeal__tit mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .office-appeal__tit-p, .office-appeal__tit mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .office-appeal__tit-p, .office-appeal__tit mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.office-appeal__tit mark {
  display: block;
  font-style: normal;
}
.office-appeal__ol {
  counter-reset: num 0;
}
.office-appeal__point {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .office-appeal__point {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.office-appeal__subtitle {
  counter-increment: num 1;
  font-size: 24px;
  position: relative;
  margin-bottom: 16px;
}
.office-appeal__subtitle:before {
  content: counter(num, decimal-leading-zero);
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  color: #004092;
  margin-right: 4px;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .office-appeal__subtitle {
    font-size: 16px;
    counter-increment: num 1;
    margin-left: 48px;
  }
  .office-appeal__subtitle:before {
    content: counter(num, decimal-leading-zero);
    font-family: "din-2014-narrow", sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    color: #004092;
    margin-right: 4px;
    line-height: 1;
  }
}
.office-appeal__subtitle::before {
  margin-right: 32px;
  position: absolute;
  right: 100%;
  bottom: 0;
}
@media screen and (max-width: 599px) {
  .office-appeal__subtitle::before {
    margin-right: 16px;
  }
}
.office-appeal__image {
  max-width: 20%;
  max-height: 160px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .office-appeal__image {
    margin: 0 0 16px 48px;
  }
}
.office-appeal__content {
  width: 60%;
  padding-left: 102px;
}
@media screen and (max-width: 599px) {
  .office-appeal__content {
    width: 100%;
    padding-left: 0;
  }
}
.office-appeal__content:not(:last-child) {
  margin-bottom: 64px;
}

.system__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .system__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .system__inner {
    max-width: calc(100% - 48px);
  }
}
.system__description {
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .system__description {
    font-size: 16px;
  }
}
.system p {
  line-height: 1.5;
}
.system li {
  line-height: 1.5;
}
.system dd {
  line-height: 1.5;
}

.system-bace__list {
  border: 1px solid #004092;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .system-bace__list {
    border-right: 0;
    border-left: 0;
    border-top: 2px solid #004092;
    border-bottom: 2px solid #004092;
  }
}
.system-bace__body {
  display: flex;
  padding: 16px;
  border-bottom: 1px solid #004092;
  width: 100%;
}
@media screen and (max-width: 599px) {
  .system-bace__body {
    flex-direction: column;
    border-bottom: 2px solid #004092;
  }
}
.system-bace__body--column {
  padding: 32px;
  width: calc((100% - 32px) / 3 + 16px);
}
@media screen and (max-width: 599px) {
  .system-bace__body--column {
    width: 100%;
    padding: 16px 24px;
  }
}
.system-bace__body--column:not(:last-child) {
  border-right: 1px solid #004092;
}
@media screen and (max-width: 599px) {
  .system-bace__body--column:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid #004092;
  }
}
.system-bace__body--column:nth-last-child(2) {
  width: calc(100% - ((100% - 32px) / 3 + 16px) * 2);
}
@media screen and (max-width: 599px) {
  .system-bace__body--column:nth-last-child(2) {
    width: 100%;
  }
}
.system-bace__header {
  border-right: 1px solid #004092;
  padding: 24px 24px 24px 16px;
  width: 33.3333333333%;
}
@media screen and (max-width: 599px) {
  .system-bace__header {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #004092;
    padding: 8px 8px 16px 8px;
  }
}
.system-bace__title {
  font-size: 24px;
  font-weight: bold;
  color: #004092;
  line-height: 1.2;
  margin-bottom: 16px;
}
@media screen and (max-width: 1288px) {
  .system-bace__title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.system-bace__description {
  line-height: 1.5;
}
.system-bace__subtitle {
  color: #004092;
  margin-bottom: 16px;
}
.system-bace__detail {
  padding: 24px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  width: 66.6666666667%;
}
@media screen and (max-width: 599px) {
  .system-bace__detail {
    width: 100%;
    padding: 16px 8px 8px 8px;
  }
}
.system-bace__detail-body {
  display: flex;
  align-items: center;
  gap: 8px;
}
.system-bace__detail-dt {
  font-weight: bold;
}
.system-bace__detail-cell {
  padding-left: 1em;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.system-bace__cars-list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.system-bace__cars-item {
  width: -moz-fit-content;
  width: fit-content;
}
.system-bace__cars-image {
  height: 96px;
  width: auto;
  margin-bottom: 8px;
}
@media screen and (max-width: 1288px) {
  .system-bace__cars-image {
    height: 64px;
  }
}
@media screen and (max-width: 599px) {
  .system-bace__cars-image {
    height: 32px;
  }
}
.system-bace__cars-name {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #004092;
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .system-bace__cars-name {
    font-size: 14px;
  }
}

.guideline__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .guideline__title {
    font-size: 24px;
  }
}
.guideline__title-small {
  font-size: calc(1em - 8px);
}
.guideline__title-p, .guideline__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .guideline__title-p, .guideline__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .guideline__title-p, .guideline__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.guideline__title mark {
  display: block;
  font-style: normal;
}
.guideline__list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .guideline__list {
    gap: 16px;
  }
}
.guideline__header {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  width: fit-content;
  max-width: calc((100% - 32px) / 2);
  align-items: flex-end;
  gap: 32px;
}
@media screen and (max-width: 599px) {
  .guideline__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: calc((100% - 16px) / 2);
  }
}
.guideline__header dt {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 599px) {
  .guideline__header dt {
    font-size: 16px;
  }
}

.compact-service {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .compact-service {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .compact-service {
    max-width: calc(100% - 48px);
  }
}
.compact-service .conversion {
  margin-top: 64px;
}
.compact-service__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .compact-service__title {
    font-size: 24px;
  }
}
.compact-service__title-small {
  font-size: calc(1em - 8px);
}
.compact-service__title-p, .compact-service__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .compact-service__title-p, .compact-service__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .compact-service__title-p, .compact-service__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.compact-service__title mark {
  display: block;
  font-style: normal;
}
.compact-service__description {
  line-height: 2;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 32px;
}
@media screen and (max-width: 599px) {
  .compact-service__description {
    font-size: 16px;
  }
}
.compact-service__lists {
  display: flex;
  gap: 64px;
  justify-content: center;
  margin-bottom: 32px;
}
@media screen and (max-width: 1288px) {
  .compact-service__lists {
    gap: 32px;
    flex-direction: column;
  }
}
@media screen and (max-width: 599px) {
  .compact-service__lists {
    gap: 16px;
  }
}
.compact-service__category {
  width: calc((100% - 128px) / 3);
}
@media screen and (max-width: 1288px) {
  .compact-service__category {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .compact-service__category {
    display: block;
  }
}
.compact-service__dt {
  border: 1px solid #004092;
  padding: 32px;
  margin-bottom: 16px;
  text-align: center;
  color: #004092;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
}
@media screen and (max-width: 1288px) {
  .compact-service__dt {
    width: calc(11em + 64px);
  }
}
@media screen and (max-width: 599px) {
  .compact-service__dt {
    width: 100%;
    padding: 16px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1288px) {
  .compact-service__dd {
    width: calc(100% - (11em + 64px));
  }
}
@media screen and (max-width: 599px) {
  .compact-service__dd {
    width: 100%;
  }
}
@media screen and (max-width: 1288px) {
  .compact-service__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
}
.compact-service__name {
  color: #004092;
}
.compact-service__name:not(:last-child) {
  margin-bottom: 8px;
}
.compact-service__copy {
  margin-bottom: 16px;
  color: #004092;
}
.compact-service__link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.compact-service__link:before {
  content: "";
  display: block;
  min-width: 18px;
  min-height: 18px;
  border-radius: 100%;
  transform: rotate(45deg);
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}
.compact-service__link:hover:before {
  background: linear-gradient(180deg, #fff, #fff 2px, transparent 2px) top 6px left 5px/7px no-repeat, linear-gradient(270deg, #fff, #fff 2px, transparent 2px) top 7px right 6px/4px 6px no-repeat, #004092;
}

.contact__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .contact__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .contact__inner {
    max-width: calc(100% - 48px);
  }
}
.contact__label {
  display: block;
}
.contact__label:not(:last-child) {
  margin-bottom: 16px;
}
.contact__name {
  font-weight: bold;
  color: #004092;
  margin-bottom: 8px;
}
.contact__required {
  background-color: #E8122A;
  color: #fff;
  font-size: 14px;
  padding: 2px 4px;
  margin-left: 8px;
}

.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email], .wpcf7-form-control-wrap input[type=tel] {
  width: 50%;
  border: 1px solid #246ED3;
  outline: 4px solid #F3FAFF;
  border-radius: 8px;
  line-height: 1.5;
  padding: 8px 16px;
  display: block;
  font-size: 16px;
}
.wpcf7-form-control-wrap textarea {
  width: 100%;
  border: 1px solid #004092;
  border-radius: 8px;
  line-height: 1.5;
  padding: 8px 16px;
  display: block;
  font-size: 16px;
}

.wpcf7-submit {
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  border-radius: 8px;
  padding: 8px 16px;
  display: block;
  background-color: #004092;
  padding: 16px 32px;
  font-weight: bold;
  letter-spacing: 0.1em;
  border: 0;
  margin: 0 auto;
}

.voice__article {
  border: 1px solid #004092;
  padding: 32px;
  background-color: #fff;
}
.voice__article:not(:last-child) {
  margin-bottom: 32px;
}
.voice__title {
  color: #004092;
  font-size: 24px;
  margin-bottom: 8px;
}
.voice__text {
  line-height: 1.5;
}

.low-price__title {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .low-price__title {
    font-size: 24px;
  }
}
.low-price__title-small {
  font-size: calc(1em - 8px);
}
.low-price__title-p, .low-price__title mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .low-price__title-p, .low-price__title mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .low-price__title-p, .low-price__title mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.low-price__title mark {
  display: block;
  font-style: normal;
}
.low-price__description {
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
}
@media screen and (max-width: 599px) {
  .low-price__description {
    font-size: 16px;
  }
}

.low-tokyo__reasons {
  counter-reset: num;
}
.low-tokyo__title {
  counter-increment: num 1;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  color: #004092;
  font-size: 24px;
}
.low-tokyo__title:before {
  content: counter(num, decimal-leading-zero);
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
  color: #004092;
  margin-right: 4px;
  line-height: 1;
}
@media screen and (max-width: 599px) {
  .low-tokyo__title {
    line-height: 1.2;
    font-size: 18px;
    align-items: center;
  }
}
.low-tokyo__reason:not(:last-child) {
  margin-bottom: 16px;
}
.low-tokyo__description {
  line-height: 1.5;
}
.service-rule {
  color: #004092;
}
.service-rule__copy {
  width: 646px;
  font-weight: bold;
  margin-bottom: 64px;
  line-height: 2;
}
@media screen and (max-width: 1288px) {
  .service-rule__copy {
    width: 100%;
  }
}
.service-rule__body {
  display: flex;
  padding: 0 48px;
  margin-top: 80px;
  background: linear-gradient(0deg, #004092 1px, transparent 1px, transparent) center/100% 16px;
  margin-bottom: 64px;
  gap: 32px;
}
@media screen and (max-width: 1584px) {
  .service-rule__body {
    margin-right: 0;
    padding: 0;
  }
}
@media screen and (max-width: 1288px) {
  .service-rule__body {
    flex-direction: column;
    background: none;
    gap: 32px;
    margin-top: 32px;
  }
}
.service-rule__contents {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.3137254902);
  border: 2px solid #004092;
  width: calc((100% - 32px) / 2);
}
@media screen and (max-width: 1288px) {
  .service-rule__contents {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .service-rule__contents {
    border: 0;
    box-shadow: none;
    padding: 24px;
  }
}
.service-rule__dt {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.service-rule__dt:before {
  padding-left: 16px;
  background: url(images/converted_images/leaf-blue.webp) left center/8px no-repeat;
  font: 16px apertura, sans-serif;
  content: attr(title);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.service-rule__excerpt {
  margin-bottom: 32px;
}
.service-rule__li {
  padding-left: 16px;
  background: url(images/converted_images/leaf-blue.webp) left center/8px no-repeat;
  margin-bottom: 8px;
}
.service-rule__itemlist {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  text-align: center;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 599px) {
  .service-rule__itemlist {
    gap: 24px;
    justify-content: center;
    align-items: flex-end;
  }
}
@media screen and (max-width: 1288px) {
  .service-rule__item {
    width: calc((100% - 48px) / 3);
  }
}
@media screen and (max-width: 599px) {
  .service-rule__item {
    width: auto;
  }
}
.service-rule__thumbnail {
  display: block;
  width: 120px;
  margin: 0 auto 8px auto;
}
@media screen and (max-width: 599px) {
  .service-rule__thumbnail {
    width: 100%;
  }
}
.service-rule__reuse {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 599px) {
  .service-rule__reuse__li {
    width: calc((100% - 32px) / 3);
  }
}
.service-rule__reuse-thumbnail {
  width: calc((100% - 32px) / 3);
}
.service-rule__area {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 599px) {
  .service-rule__area {
    display: block;
  }
}
.service-rule__area__tit {
  padding: 8px 24px;
  border-radius: 32px;
  font-weight: bold;
  line-height: 1;
  border: 1px solid;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .service-rule__area__tit {
    text-align: center;
  }
}
.service-rule__comment {
  font-weight: bold;
  border: 6px solid #c21500;
  -o-border-image: linear-gradient(90deg, #2280C2, #269ED9, #286DCE);
     border-image: linear-gradient(90deg, #2280C2, #269ED9, #286DCE);
  border-image-slice: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 24px 64px;
  line-height: 2;
}
@media screen and (max-width: 1584px) {
  .service-rule__comment {
    padding: 24px 32px;
  }
}
@media screen and (max-width: 599px) {
  .service-rule__comment {
    text-align: justify;
    padding: 16px;
    line-height: 1.5;
  }
}
.service-rule__reuse {
  margin-top: 22px;
}
.service-rule__reuse__li {
  margin: auto;
}

.fuyohin-price__list__body, .fuyohin-price__list__contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fuyohin-price__inner {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__inner {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-price__inner {
    max-width: calc(100% - 48px);
  }
}
.fuyohin-price__tit {
  font-size: 40px;
  text-align: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__tit {
    margin-bottom: 32px;
  }
}
.fuyohin-price__p {
  width: 60%;
  margin: 0 auto;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__p {
    width: 100%;
  }
}
.fuyohin-price__rule {
  display: flex;
  justify-content: space-between;
  gap: 88px;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule {
    display: block;
  }
}
.fuyohin-price__rule__body {
  background-color: #E2E2E2;
  border: 3px solid #333333;
  border-radius: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__body {
    width: 100%;
    display: block;
  }
}
.fuyohin-price__rule__tit {
  font-weight: bold;
  padding-left: 32px;
  white-space: nowrap;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__rule__tit {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__tit {
    padding: 24px 0 0 0;
    text-align: center;
    margin-bottom: 8px;
  }
}
.fuyohin-price__rule__base {
  padding: 32px;
  border-right: 1px solid #B7B7B7;
  white-space: nowrap;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__rule__base {
    padding: 24px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__base {
    padding: 0 0 16px 0;
    border-right: 0;
    border-bottom: 1px solid #B7B7B7;
    flex-direction: row;
    gap: 8px;
  }
}
.fuyohin-price__rule__item {
  padding: 32px;
  border-left: 1px solid #fff;
  position: relative;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__item {
    border-left: 0;
    border-top: 1px solid #fff;
    width: 100%;
  }
}
.fuyohin-price__rule__item:before {
  content: "+";
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  color: #fff;
  width: 24px;
  height: 24px;
  font-weight: bold;
  border-radius: 100%;
  line-height: 1;
  font-size: 24px;
  position: absolute;
  left: -12px;
  top: calc(50% - 12px);
  padding-bottom: 3px;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__item:before {
    top: -12px;
    left: calc(50% - 12px);
  }
}
.fuyohin-price__rule__price__span {
  font-family: "din-2014", sans-serif;
  font-weight: bold;
  font-size: 24px;
}
.fuyohin-price__rule__excerpt {
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__rule__excerpt {
    margin-bottom: 8px;
  }
}
.fuyohin-price__rule__reuse {
  background-color: #FFEB00;
  border: 3px solid #333333;
  border-radius: 16px;
  font-weight: bold;
  position: relative;
  box-shadow: 3px 3px 0px #FFF786;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  white-space: nowrap;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__reuse {
    width: 100%;
    margin-top: 56px;
    padding: 16px 0;
  }
}
.fuyohin-price__rule__reuse:before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: -64px;
  top: calc(50% - 16px);
  background: linear-gradient(180deg, #FFEB00 0%, #FFC400 100%);
  border: 3px solid #333333;
  border-radius: 100%;
  text-align: center;
  box-shadow: 3px 3px 0px #FFF786;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__reuse:before {
    left: calc(50% - 16px);
    top: -48px;
  }
}
.fuyohin-price__rule__reuse:after {
  content: "";
  width: 16px;
  height: 3px;
  display: block;
  position: absolute;
  left: -56px;
  top: calc(50% - 1.5px);
  background-color: #333333;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__rule__reuse:after {
    left: calc(50% - 8px);
    top: -34px;
  }
}
.fuyohin-price__hl {
  display: flex;
  font-weight: bold;
  margin-bottom: 24px;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__hl {
    display: block;
  }
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__hl__p {
    width: 646px;
    margin: 0 auto 32px auto;
  }
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__hl__p {
    width: 100%;
    text-align: justify;
  }
}
.fuyohin-price__hl__tit {
  font-size: 32px;
  margin-bottom: 32px;
  line-height: 1;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__hl__tit {
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-price__hl__tit {
    font-size: 24px;
  }
}
.fuyohin-price__hl__check {
  background-color: #fff;
  border-radius: 16px;
  padding: 32px;
  white-space: nowrap;
  margin-left: 32px;
  font-weight: 500;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__hl__check {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-price__hl__check {
    white-space: normal;
    border-radius: 0;
    padding: 24px;
  }
}
.fuyohin-price__hl__li {
  background: url("images/converted_images/check.webp") left top 4px/1em no-repeat;
  padding-left: calc(1em + 8px);
}
.fuyohin-price__hl__li:not(:last-child) {
  margin-bottom: 8px;
}
.fuyohin-price__hl__span {
  font-weight: normal;
  font-size: 16px;
}
.fuyohin-price__item {
  margin: 0 auto;
  max-width: 144px;
  max-height: 104px;
  display: block;
}
@media screen and (max-width: 1288px) {
  .fuyohin-price__item {
    max-width: 96px;
    max-height: 96px;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-price__item {
    max-width: 64px;
    max-height: 64px;
  }
}
.fuyohin-price__item-many {
  display: flex;
}
.fuyohin-price__list {
  border: 3px solid #FFEB00;
  border-radius: 16px;
  background-color: #fff;
  text-align: center;
}
.fuyohin-price__list__cell {
  display: flex;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__list__cell {
    display: block;
  }
}
.fuyohin-price__list__block {
  width: 50%;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__list__block {
    width: 100%;
  }
}
.fuyohin-price__list__block:not(:last-child) .fuyohin-price__list__dt {
  border-right: 3px solid #fff;
}
@media screen and (max-width: 1584px) {
  .fuyohin-price__list__block:not(:last-child) .fuyohin-price__list__dt {
    border-right: 0;
  }
}
.fuyohin-price__list__dt {
  font-size: 24px;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__dt {
    font-size: 16px;
  }
}
.fuyohin-price__list__dd {
  border-bottom: 3px solid #FFEB00;
  display: flex;
  align-items: center;
}
.fuyohin-price__list__dl {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 200px);
  border-right: 3px solid #FFEB00;
  height: 200px;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__dl {
    height: auto;
    width: 80%;
    border-left: 3px solid #FFEB00;
  }
}
.fuyohin-price__list__mat {
  width: calc(100% - 400px);
  margin: 0 0 0 auto;
  height: 200px;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__mat {
    height: auto;
    width: 80%;
    border-left: 3px solid #FFEB00;
  }
}
.fuyohin-price__list__contents {
  width: 50%;
  border-left: 3px solid #FFEB00;
  height: 50%;
}
.fuyohin-price__list__contents:not(:nth-child(n+3)) {
  border-bottom: 3px solid #FFEB00;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__contents:nth-child(n+3) {
    border-bottom: 3px solid #FFEB00;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__contents:last-child {
    border-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__contents {
    width: 100%;
    border-left: 0;
    padding: 16px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.fuyohin-price__list__price {
  font-size: 14px;
}
.fuyohin-price__list__span {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #E8122A;
}
.fuyohin-price__list__body {
  width: 100%;
  height: 50%;
  border-left: 3px solid #FFEB00;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__body {
    border-left: 0;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px;
  }
}
.fuyohin-price__list__body:nth-child(1) {
  border-bottom: 3px solid #FFEB00;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__excerpt {
    width: 100%;
  }
}
.fuyohin-price__list__single {
  display: flex;
  flex-wrap: wrap;
}
.fuyohin-price__list__single-item {
  width: 25%;
  height: 248px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 24px;
}
@media screen and (max-width: 599px) {
  .fuyohin-price__list__single-item {
    width: 50%;
    height: 160px;
    padding-bottom: 16px;
  }
}
.fuyohin-price__list__single-item:not(:nth-child(4n)) {
  border-right: 3px solid #FFEB00;
}
.fuyohin-price__list__single-item:not(:nth-child(4n)) .fuyohin-price__list__dt {
  border-right: 3px solid #fff;
}

.fuyohin-pac {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
@media screen and (max-width: 1288px) {
  .fuyohin-pac {
    display: block;
  }
}
.fuyohin-pac__tit {
  font-size: 32px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__tit {
    font-size: 24px;
  }
}
.fuyohin-pac__p {
  width: 646px;
  margin: 64px auto;
  font-weight: bold;
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__p {
    margin: 32px auto;
  }
}
@media screen and (max-width: 1288px) {
  .fuyohin-pac__p {
    width: 100%;
    text-align: justify;
  }
}
.fuyohin-pac__thumbnail {
  display: block;
  max-width: 96px;
  max-height: 96px;
  margin: 16px auto 0 auto;
}
.fuyohin-pac__thumbnail-long {
  display: block;
  max-width: 144px;
  max-height: 144px;
  margin: 16px 16px 0 0;
}
.fuyohin-pac__body {
  display: flex;
  flex-wrap: wrap;
  width: 844px;
  gap: 64px;
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__body {
    width: 580px;
    gap: 32px;
  }
}
@media screen and (max-width: 1288px) {
  .fuyohin-pac__body {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__body {
    width: 100%;
    gap: 64px;
    flex-direction: column;
  }
}
.fuyohin-pac__contents {
  font-weight: bold;
  border: 3px solid #333333;
  border-radius: 16px;
  background-color: #fff;
  padding: 24px 0;
  width: calc((100% - 192px) / 4);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__contents {
    width: calc((100% - 32px) / 2);
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__contents {
    width: 100%;
  }
}
.fuyohin-pac__contents:not(:first-child) {
  box-shadow: 5px 5px 0px #FFF786;
  position: relative;
}
.fuyohin-pac__contents:not(:first-child):before {
  content: "";
  display: block;
  width: 32px;
  height: 4px;
  background-color: #333333;
  position: absolute;
  left: -50px;
  top: calc(50% - 2px);
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__contents:not(:first-child):before {
    width: 24px;
    left: -32px;
  }
}
.fuyohin-pac__contents:not(:first-child):after {
  content: "";
  display: block;
  width: 4px;
  height: 32px;
  background-color: #333333;
  position: absolute;
  left: -36px;
  top: calc(50% - 16px);
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__contents:not(:first-child):after {
    height: 24px;
    left: -22px;
    top: calc(50% - 12px);
  }
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__contents:not(:first-child):before {
    content: none;
  }
  .fuyohin-pac__contents:not(:first-child):after {
    content: none;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__contents:not(:first-child):before {
    content: "";
    top: -36px;
    left: calc(50% - 12px);
  }
  .fuyohin-pac__contents:not(:first-child):after {
    content: "";
    top: -46px;
    left: calc(50% - 1.5px);
  }
}
.fuyohin-pac__contents-long {
  border: 3px solid #333333;
  border-radius: 16px;
  background-color: #fff;
  padding: 24px 0;
  width: calc(100% - (100% - 192px) / 4 - 64px);
  box-shadow: 5px 5px 0px #FFF786;
  display: flex;
  align-items: flex-start;
  padding: 32px;
  gap: 32px;
  position: relative;
}
.fuyohin-pac__contents-long:before {
  content: "";
  display: block;
  width: 32px;
  height: 4px;
  background-color: #333333;
  position: absolute;
  left: -50px;
  top: calc(50% - 2px);
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__contents-long:before {
    width: 24px;
    left: -32px;
  }
}
.fuyohin-pac__contents-long:after {
  content: "";
  display: block;
  width: 4px;
  height: 32px;
  background-color: #333333;
  position: absolute;
  left: -36px;
  top: calc(50% - 16px);
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__contents-long:after {
    height: 24px;
    left: -22px;
    top: calc(50% - 12px);
  }
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__contents-long {
    width: calc(100% - (100% - 96px) / 4 - 32px);
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__contents-long {
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .fuyohin-pac__contents-long:before {
    content: "";
    top: -36px;
    left: calc(50% - 12px);
  }
  .fuyohin-pac__contents-long:after {
    content: "";
    top: -46px;
    left: calc(50% - 1.5px);
  }
}
.fuyohin-pac__dt {
  font-weight: bold;
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__dt {
    margin-bottom: 8px;
  }
}
.fuyohin-pac__base-price {
  font-weight: bold;
  border: 3px solid #333333;
  border-radius: 16px;
  background-color: #fff;
  padding: 24px 0;
  width: calc((100% - 192px) / 4);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__base-price {
    width: calc((100% - 96px) / 4);
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__base-price {
    width: 100%;
  }
}
.fuyohin-pac__excerpt {
  display: block;
  font-size: 12px;
}
.fuyohin-pac__price-list {
  width: calc(100% - 844px - 64px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1584px) {
  .fuyohin-pac__price-list {
    width: calc(100% - 580px - 32px);
  }
}
@media screen and (max-width: 1288px) {
  .fuyohin-pac__price-list {
    width: 100%;
    margin-top: 32px;
  }
}
.fuyohin-pac__base {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
  z-index: 1;
  margin-bottom: 26px;
}
.fuyohin-pac__base:before {
  transform: skewX(-15deg);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #E2E2E2;
}
.fuyohin-pac__base__price {
  font-size: 14px;
}
.fuyohin-pac__base__yen {
  font-weight: bold;
  color: #333333;
}
.fuyohin-pac__base__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #333333;
}
.fuyohin-pac__base:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #FFEB00 transparent transparent transparent;
  position: absolute;
  bottom: -18px;
  left: calc(50% - 6px);
  z-index: 2;
}
.fuyohin-pac__pac {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
  z-index: 1;
}
.fuyohin-pac__pac:before {
  transform: skewX(-15deg);
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #fff;
}
.fuyohin-pac__pac__price {
  font-size: 14px;
}
.fuyohin-pac__pac__yen {
  font-weight: bold;
  color: #E8122A;
}
.fuyohin-pac__pac__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  color: #E8122A;
}
.fuyohin-pac__get {
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  white-space: nowrap;
}
.fuyohin-pac__get__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  text-shadow: 1px 1px 0px #5A0000;
  color: #E8122A;
  white-space: nowrap;
}
.fuyohin-pac__get__yen {
  color: #E8122A;
  font-size: 24px;
  font-weight: bold;
}
.fuyohin-pac__get__otoku {
  width: 64px;
}
@media screen and (max-width: 599px) {
  .fuyohin-pac__get {
    margin-top: 32px;
  }
}

.fuyohin-discount {
  display: flex;
}
@media screen and (max-width: 599px) {
  .fuyohin-discount {
    flex-direction: column;
    gap: 32px;
  }
}
.fuyohin-discount__body {
  width: calc(50% - 32px);
  background-color: #fff;
  border-radius: 16px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1584px) {
  .fuyohin-discount__body {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-discount__body {
    width: 100%;
  }
}
.fuyohin-discount__body:first-child {
  margin-right: 64px;
}
@media screen and (max-width: 1584px) {
  .fuyohin-discount__body:first-child {
    margin-right: 32px;
  }
}
.fuyohin-discount__dt {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
  text-align: center;
}
.fuyohin-discount__p {
  margin-bottom: 16px;
}
.fuyohin-discount__price {
  color: #E8122A;
  font-weight: bold;
  text-align: right;
}
.fuyohin-discount__span {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
}

.fuyohin-example {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.fuyohin-example__price {
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  white-space: nowrap;
  line-height: 1.2;
  text-align: center;
}
.fuyohin-example__price__num {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  text-shadow: 1px 1px 0px #5A0000;
  color: #E8122A;
  white-space: nowrap;
}
.fuyohin-example__price__yen {
  color: #E8122A;
  font-size: 24px;
  font-weight: bold;
}
.fuyohin-example__price__otoku {
  width: 64px;
}
.fuyohin-example__body {
  border-radius: 16px;
  border: 3px solid #FFEB00;
  background-color: #fff;
  width: calc((100% - 64px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 24px;
}
@media screen and (max-width: 1584px) {
  .fuyohin-example__body {
    width: calc((100% - 32px) / 2);
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-example__body {
    width: 100%;
  }
}
@media screen and (max-width: 1584px) {
  .fuyohin-example__body:last-child {
    width: 100%;
  }
}
.fuyohin-example__body__tit {
  background-color: #FFEB00;
  padding: 8px 0;
  font-weight: bold;
  text-align: center;
}
.fuyohin-example__ul {
  padding: 32px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0 16px;
}
.fuyohin-example__li {
  padding-left: 16px;
  background: url(images/converted_images/leaf-blue.webp) left center/8px no-repeat;
  margin-bottom: 8px;
}

.fuyohin-onestop__tit {
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .fuyohin-onestop__tit {
    font-size: 24px;
  }
}
.fuyohin-onestop__tit-small {
  font-size: calc(1em - 8px);
}
.fuyohin-onestop__tit-p, .fuyohin-onestop__tit mark {
  background-color: #FFEB00 !important;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  margin: 0 auto 24px auto;
  padding: 8px 16px;
  font-size: 16px;
}
@media screen and (max-width: 1584px) {
  .fuyohin-onestop__tit-p, .fuyohin-onestop__tit mark {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .fuyohin-onestop__tit-p, .fuyohin-onestop__tit mark {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.fuyohin-onestop__tit mark {
  display: block;
  font-style: normal;
}
.fuyohin-onestop__p {
  margin-bottom: 32px;
}
.fuyohin-onestop__btn {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  background-color: #FFFEEF;
  color: #58B023;
  border: 3px solid #58B023;
  border-radius: 8px;
  padding: 16px 40px 16px 60px;
  font-weight: bold;
  position: relative;
  box-shadow: 2px 2px 0px #368D00;
  line-height: 1;
  margin: 0 0 0 auto;
}
.fuyohin-onestop__btn:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #58B023;
  position: absolute;
  left: 40px;
  top: calc(50% - 6px);
}
.fuyohin-onestop__btn:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  left: 44.5px;
  top: calc(50% - 3px);
}

.fuyohin-public {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.fuyohin-public__tit {
  font-size: 32px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 599px) {
  .fuyohin-public__tit {
    font-size: 24px;
  }
}
.fuyohin-public__p {
  margin: 64px 0;
}
@media screen and (max-width: 1584px) {
  .fuyohin-public__p {
    margin: 32px 0;
  }
}
.fuyohin-public__thumbnail {
  display: block;
  width: 60%;
  margin: 0 auto;
}
.fuyohin-public__body {
  background-color: #fff;
  padding: 32px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 599px) {
  .fuyohin-public__body {
    flex-direction: column;
    gap: 32px;
  }
}
.fuyohin-public__contents {
  width: calc((100% - 64px) / 3);
}
@media screen and (max-width: 599px) {
  .fuyohin-public__contents {
    width: 100%;
  }
}
.fuyohin-public__dt {
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}
.fuyohin-public__hl {
  font-size: 24px;
  margin: 0 0 40px 0;
  font-weight: bold;
}
.fuyohin-public__attention {
  font-weight: bold;
}
.fuyohin-public__thumbnail {
  width: 60%;
  display: block;
  margin: 0 auto 16px auto;
}

.fuyohin-office {
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 599px) {
  .fuyohin-office {
    gap: 16px;
  }
}
.fuyohin-office-tit {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: 32px;
}
@media screen and (max-width: 599px) {
  .fuyohin-office-tit {
    font-size: 24px;
  }
}
.fuyohin-office-p {
  width: 60%;
  margin: 64px auto;
}
@media screen and (max-width: 599px) {
  .fuyohin-office-p {
    width: 100%;
    margin: 32px auto;
  }
}
.fuyohin-office__li {
  width: calc((100% - 128px) / 3);
}
@media screen and (max-width: 599px) {
  .fuyohin-office__li {
    width: calc((100% - 32px) / 3);
  }
}
.fuyohin-office__figure {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 32px;
}
.fuyohin-office__img {
  width: 60%;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 599px) {
  .fuyohin-office__img {
    width: 100%;
  }
}
.fuyohin-office__cap {
  background-color: #fff;
  padding: 8px 0;
  text-align: center;
  border: 1px solid #004092;
}

.sheet-header {
  background-color: #DEF0FE;
  color: #004092;
  padding: 64px;
  overflow: hidden;
}
.sheet-header__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.sheet-header__inner:before {
  content: "";
  display: block;
  width: 40%;
  height: 140%;
  background: linear-gradient(-45deg, #E5E5E5, #fff);
  box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.0862745098);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  z-index: -1;
}
.sheet-header__copy {
  order: 1;
}
.sheet-header__tit {
  order: 2;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(90deg, #246ED3, #004092);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin: 160px auto;
  font-size: 64px;
}
.sheet-header__excerpt {
  order: 3;
  margin: 0 0 0 auto;
  width: 50%;
}
.sheet-header__strong {
  font-size: 32px;
  font-weight: bold;
}

.sheet {
  width: 1200px;
  max-width: calc(100% - 64px);
  margin: 0 auto;
}
@media screen and (max-width: 1288px) {
  .sheet {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  .sheet {
    max-width: calc(100% - 48px);
  }
}
.sheet__tit {
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(90deg, #246ED3, #004092);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin: 0 auto 64px auto;
  font-size: 32px;
}
.sheet__graph {
  width: 80%;
  display: block;
  margin: 0 auto 64px auto;
}
.sheet__comments-tit {
  color: #004092;
  font-weight: bold;
  margin-bottom: 16px;
}
.sheet__comments-item {
  border-bottom: 1px dashed #ccc;
  padding: 16px 0;
}
.sheet__comments-item:first-child {
  border-top: 1px dashed #ccc;
}
.sheet__result {
  background-color: #F3FAFF;
  color: #004092;
  font-weight: bold;
  padding: 16px;
  position: relative;
  margin-top: 64px;
}
.sheet__result::before {
  content: "result";
  display: block;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
}

.service-option {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .service-option {
    flex-direction: column;
    gap: 32px;
  }
}
.service-option__bubble {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  margin-bottom: 8px;
}
.service-option__bubble:before {
  content: "";
  background: url(images/converted_images/bubble-left.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-right: 8px;
}
@media screen and (max-width: 599px) {
  .service-option__bubble:before {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.service-option__bubble:after {
  content: "";
  background: url(images/converted_images/bubble-right.webp) center/cover no-repeat;
  display: block;
  width: 1.25em;
  height: 1.625em;
  margin-left: 8px;
}
@media screen and (max-width: 599px) {
  .service-option__bubble:after {
    width: 0.9425em;
    height: 1.22635em;
  }
}
.service-option__body {
  width: calc(50% - 32px);
}
@media screen and (max-width: 1584px) {
  .service-option__body {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 599px) {
  .service-option__body {
    width: 100%;
  }
}
.service-option__dt {
  padding: 32px 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background-color: #FFEB00;
  border-radius: 16px;
  margin-bottom: 16px;
}
.service-option__span {
  font-weight: normal;
  font-size: 16px;
  display: block;
}/*# sourceMappingURL=style.css.map */