/** spacing in multiple of 8 **/
/** negative **/
/** mixin **/
/** reset **/
* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

video, audio, canvas {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #141821;
  background-color: #F2F4F5;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 375px) {
  br.sp {
    display: none;
  }
}

br.tabS {
  display: block;
}

@media screen and (min-width: 768px) {
  br.tabS {
    display: none;
  }
}

br.tabSOnly {
  display: none;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  br.tabSOnly {
    display: block;
  }
}

br.tabL {
  display: block;
}

@media screen and (min-width: 1024px) {
  br.tabL {
    display: none;
  }
}

br.tabL-none {
  display: block;
}

@media screen and (min-width: 1024px) {
  br.tabL-none {
    display: none;
  }
}

br.tabS-none {
  display: none;
}

@media screen and (min-width: 768px) {
  br.tabS-none {
    display: block;
  }
}

span.br-point {
  display: inline-block;
}

span.br-point.-spNone {
  display: inline;
}

@media screen and (min-width: 768px) {
  span.br-point.-spNone {
    display: inline-block;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
}

hr {
  color: inherit;
  height: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}

li {
  list-style: none;
}

a:hover {
  outline: 0;
}

strong, b {
  font-weight: bold;
}

small {
  font-size: 0.83em;
}

q {
  quotes: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

code, samp, kbd {
  font-family: monospace, sans-serif;
}

mark {
  color: black;
  background-color: yellow;
}

sub, sup {
  font-size: 0.5em;
  line-height: 0;
}

sub {
  vertical-align: 0px;
}

sup {
  vertical-align: 0.8em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  text-align: left;
}

th, td {
  text-align: left;
  vertical-align: baseline;
}

fieldset {
  border: 0;
}

legend {
  border: 0;
  *margin-left: -7px;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: 1em;
  color: inherit;
}

input, button {
  line-height: normal;
  vertical-align: inherit;
  *vertical-align: middle;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

select {
  background-color: inherit;
  line-height: normal;
}

textarea {
  vertical-align: top;
  overflow: auto;
  *font-family: sans-serif;
}

/* ActionArea */
.ActionArea {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0px;
}

@media screen and (min-width: 768px) {
  .ActionArea {
    padding: 80px 8px;
  }
}

.ActionArea.-pcNone {
  display: block;
}

@media screen and (min-width: 1024px) {
  .ActionArea.-pcNone {
    display: none;
  }
}

.PageSection .ActionArea {
  margin-top: 0px;
}

.SwitchArea__item .ActionArea {
  padding: 40px 0px;
}

@media screen and (min-width: 768px) {
  .SwitchArea__item .ActionArea {
    padding: 104px 8px 40px;
  }
}

.HeroArea .ActionArea {
  padding: 40px 16px;
}

@media screen and (min-width: 768px) {
  .HeroArea .ActionArea {
    padding: 80px 16px;
  }
}

.ActionArea__heading {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .ActionArea__heading {
    font-size: 2.8rem;
  }
}

.ActionArea__lead {
  padding: 16px 0px 0px;
}

@media screen and (min-width: 768px) {
  .ActionArea__lead {
    padding: 16px 0px;
  }
}

.ActionArea__lead.-spNone {
  display: none;
}

@media screen and (min-width: 768px) {
  .ActionArea__lead.-spNone {
    display: block;
  }
}

.PageHeader .ActionArea {
  width: calc(100% - 32px);
  margin: 0px auto;
}

.PageHeader .ActionArea__buttonOuter {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px;
}

.PageHeader .ActionArea__foot {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.PageHeader .ActionArea__footHeading {
  margin: 0px;
}

.ActionArea__buttonOuter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px auto 16px;
  padding: 0px;
  gap: 16px;
  max-width: 375px;
}

@media screen and (min-width: 768px) {
  .ActionArea__buttonOuter {
    max-width: 480px;
    padding: 0px 8px;
    margin: 24px auto 16px;
  }
}

@media screen and (min-width: 1024px) {
  .ActionArea__buttonOuter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 768px;
    margin: 40px auto 16px;
    gap: 8px;
  }
}

.ActionArea__foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 1024px) {
  .ActionArea__foot {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.ActionArea__foot.-single {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ActionArea__foot.-single .ActionArea__footHeading {
  margin: 0px;
}

.ActionArea__footHeading {
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .ActionArea__footHeading {
    margin: 8px 16px 0px 0px;
  }
}

@media screen and (min-width: 1024px) {
  .Banner {
    position: fixed;
    z-index: 10;
    right: 0px;
    bottom: 80px;
    -webkit-transition: -webkit-transform ease-out .2s;
    transition: -webkit-transform ease-out .2s;
    transition: transform ease-out .2s;
    transition: transform ease-out .2s, -webkit-transform ease-out .2s;
    -webkit-transform: translateX(calc(100% - 80px));
            transform: translateX(calc(100% - 80px));
    width: 450px;
  }
}

@media screen and (min-width: 1024px) {
  .Banner:hover {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

.FloatBanner__link {
  display: block;
}

/* BannerList */
.BannerList {
  background-color: #EBEEF1;
  padding: 16px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .BannerList {
    padding: 40px;
  }
}

.BannerList > * + * {
  margin-top: 16px;
}

.PageSection__contentHeading + .BannerList {
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .PageSection__contentHeading + .BannerList {
    margin-top: 40px;
  }
}

.BannerList__item {
  font-size: 1.8rem;
  background-color: #ffffff;
  padding: 16px;
}

.BannerList__item > * {
  margin-top: 16px;
}

/* BoxList */
.BoxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .BoxList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 1024px) {
  .BoxList {
    gap: 16px;
  }
}

.BoxList.-level .BoxList__item {
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .BoxList.-level .BoxList__item {
    width: 20%;
    padding: 12px;
  }
}

@media screen and (min-width: 1024px) {
  .BoxList.-level .BoxList__item {
    padding: 24px;
  }
}

.BoxList__item {
  position: relative;
  width: 100%;
  padding: 12px 12px 12px 72px;
  border: #D1D4D7 solid 1px;
}

@media screen and (min-width: 768px) {
  .BoxList__item {
    width: 20%;
    padding: 12px;
  }
}

@media screen and (min-width: 1024px) {
  .BoxList__item {
    padding: 24px;
  }
}

.BoxList__icon {
  width: 40px;
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .BoxList__icon {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}

.BoxList__levelUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
}

@media screen and (min-width: 768px) {
  .BoxList__levelUnit {
    display: block;
  }
}

.BoxList__level {
  font-size: 1.8rem;
  color: #0087D2;
}

@media screen and (min-width: 768px) {
  .BoxList__level {
    font-size: 2.08vw;
  }
}

@media screen and (min-width: 1024px) {
  .BoxList__level {
    font-size: 1.8rem;
  }
}

.BoxList__title {
  position: relative;
  font-size: 1.7rem;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .BoxList__title {
    margin-top: 16px;
    padding-bottom: 16px;
    display: block;
  }
}

.BoxList__title::after {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  left: 0px;
  bottom: 0px;
  width: 24px;
  height: 2px;
  background-color: #0087D2;
}

@media screen and (min-width: 768px) {
  .BoxList__title::after {
    display: block;
  }
}

.BoxList__desc {
  font-size: 1.3rem;
  font-weight: normal;
  margin-top: 4px;
}

@media screen and (min-width: 768px) {
  .BoxList__desc {
    margin-top: 16px;
  }
}

/* BreadcrumbList */
.BreadcrumbList {
  display: none;
  font-size: 1.4rem;
  font-weight: normal;
}

@media screen and (min-width: 1024px) {
  .BreadcrumbList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.PageFooter .BreadcrumbList {
  display: block;
  padding: 10.5px 16px;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .PageFooter .BreadcrumbList {
    display: none;
  }
}

.BreadcrumbList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.BreadcrumbList__item + .BreadcrumbList__item::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  vertical-align: -0.4em;
}

@media screen and (min-width: 1024px) {
  .BreadcrumbList__item + .BreadcrumbList__item::before {
    vertical-align: baseline;
  }
}

.PageFooter .BreadcrumbList__item {
  display: inline;
}

.BreadcrumbList__link {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.BreadcrumbList__link:hover {
  opacity: .8;
}

/* ChildSection */
.ChildSection {
  padding-left: 16px;
  border-left: #0087D2 solid 2px;
}

@media screen and (min-width: 768px) {
  .ChildSection {
    border-left: #0087D2 solid 4px;
    margin-left: 0px;
    padding-left: 24px;
  }
}

@media screen and (min-width: 1024px) {
  .ChildSection {
    margin-left: 40px;
    padding-left: 36px;
  }
}

.ChildSection > * + * {
  margin-top: 24px;
}

.ChildSection + .ChildSection {
  margin-top: 64px;
}

.ChildSection__heading {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ChildSection__heading {
    text-align: left;
    font-size: 1.9rem;
    margin-top: 64px;
  }
}

.ChildSection__heading.-pcNone {
  display: block;
}

@media screen and (min-width: 768px) {
  .ChildSection__heading.-pcNone {
    display: none;
  }
}

.ChildSection__heading.-spNone {
  display: none;
}

@media screen and (min-width: 768px) {
  .ChildSection__heading.-spNone {
    display: block;
  }
}

/* ColumnArea */
.ColumnArea {
  border: #D1D4D7 solid 1px;
  padding: 24px 24px 40px;
}

@media screen and (min-width: 768px) {
  .ColumnArea {
    padding: 40px;
  }
}

.ColumnArea > * + * {
  margin-top: 16px;
}

.ColumnArea.-rounded {
  background-color: #ffffff;
  border-radius: 4px;
  border: none;
}

.ColumnArea.-plan {
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .ColumnArea.-plan {
    padding: 24px 0px 0px;
  }
}

@media screen and (min-width: 1024px) {
  .ColumnArea.-plan {
    padding: 40px;
  }
}

.ColumnArea.-hasAction {
  padding: 16px 16px 0px;
}

@media screen and (min-width: 768px) {
  .ColumnArea.-hasAction {
    padding: 40px 40px 0px;
  }
}

.ColumnArea__heading {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.ColumnArea__head.-grid {
  display: grid;
  justify-content: space-between;
  margin-bottom: 24px;
  column-gap: 24px;
}

.-bluebar::after {
    content: "";
    display: block;
    position: relative;
    margin-top: 24px;
    width: 40px;
    height: 2px;
    background-color: #0087D2;
}

@media screen and (min-width: 768px){
  .ColumnArea__head.-grid {
    grid-template-columns: auto auto;
    margin-bottom: 40px;
  }

  .-bluebar::after {
    margin-top: 42px;
  }
}

.noto-sans {
  font-family: "Noto Sans JP", sans-serif;
}

.-pink {
  color: #D03086;
}

.-box-shadow {
  box-shadow: 0px 0px 6px #00000029;
}

@media screen and (min-width: 768px) {
  .ColumnArea__heading {
    font-size: 2.8rem;
  }
}

.ColumnArea__heading.-blue {
  color: #0087D2;
}

.ColumnArea__heading.-small {
  font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
  .ColumnArea__heading.-small {
    font-size: 2.4rem;
  }
}

.ColumnArea__button {
  margin-top: 24px;
}

.ColumnArea__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 24px;
  margin-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .ColumnArea__layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.ColumnArea__layout.-harf {
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .ColumnArea__layout.-harf {
    gap: 40px;
  }
}

.ColumnArea__layout.-harf .ColumnArea__box {
  width: 100%;
}

.ColumnArea__layout > .ColumnArea__box > * + * {
  margin-top: 16px;
}

.ColumnArea__box.-spNone {
  display: block;
}

@media screen and (min-width: 768px) {
  .ColumnArea__box.-spNone {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .ColumnArea__box.-spNone {
    display: block;
  }
}

.ColumnArea__badge {
  width: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.ColumnArea__badge.-pcNone {
  display: block;
  margin: 24px auto 0px;
}

@media screen and (min-width: 768px) {
  .ColumnArea__badge.-pcNone {
    display: none;
  }
}

.ColumnArea__badge.-spNone {
  display: none;
}

@media screen and (min-width: 768px) {
  .ColumnArea__badge.-spNone {
    display: block;
  }
}

.ColumnArea__imageOuter.-hasBadge {
  display: none;
  position: relative;
}

@media screen and (min-width: 768px) {
  .ColumnArea__imageOuter.-hasBadge {
    display: block;
  }
}

.ColumnArea__imageOuter.-hasBadge .ColumnArea__badge {
  position: absolute;
  z-index: 0;
  top: 0px;
  right: 0px;
}

.ColumnArea__imageOuter.-hasBadge .ColumnArea__figure {
  position: relative;
  z-index: 1;
  padding-top: 140px;
}

@media screen and (min-width: 768px) {
  .ColumnArea__imageOuter.-hasBadge .ColumnArea__figure {
    padding-top: 180px;
  }
}

.ColumnArea__figure.-float {
  float: right;
  padding: 0px 0px 40px;
  display: none;
  width: 50%;
}

@media screen and (min-width: 768px) {
  .ColumnArea__figure.-float {
    display: inline;
  }
}

@media screen and (min-width: 1024px) {
  .ColumnArea__figure.-float {
    display: none;
  }
}

.ColumnArea__figure.-pcNone {
  display: block;
}

@media screen and (min-width: 768px) {
  .ColumnArea__figure.-pcNone {
    display: none;
  }
}

/* CommonButton */
.CommonButton {
  display: inline-block;
  position: relative;
  line-height: 1;
  border-radius: 8px;
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

.CommonButton:hover {
  opacity: .8;
}

.CommonButton.-outline {
  color: #0087D2;
  border: #0087D2 solid 1px;
  padding: 11px 8px;
  background-color: #ffffff;
}

.CommonButton.-cv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 480px;
  height: 56px;
  font-weight: bold;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .CommonButton.-cv {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1280px) {
  .CommonButton.-cv {
    height: 80px;
  }
}

.CommonButton.-primary {
  background-color: #FFED56;
  -webkit-box-shadow: 0 4px 0 #F9BF3B;
          box-shadow: 0 4px 0 #F9BF3B;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (min-width: 1024px) {
  .CommonButton.-primary {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.CommonButton.-secondary {
  background-color: #0087D2;
  -webkit-box-shadow: 0 4px 0 #006eac;
          box-shadow: 0 4px 0 #006eac;
  color: #ffffff;
  max-width: 480px;
}

@media screen and (min-width: 1024px) {
  .CommonButton.-secondary {
    max-width: 264px;
  }
}

.CommonButton.-secondary.-single {
  max-width: 480px;
  height: 56px;
}

@media screen and (min-width: 1280px) {
  .CommonButton.-secondary.-single {
    height: 80px;
  }
}

.CommonButton.-secondary.-spIcon {
  display: none;
  max-width: 64px;
}

@media screen and (min-width: 375px) {
  .CommonButton.-secondary.-spIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  .CommonButton.-secondary.-spIcon {
    width: 100%;
    max-width: 264px;
  }
}

.CommonButton.-hasTag {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 16px 0px 16px;
}

@media screen and (min-width: 768px) {
  .CommonButton.-hasTag {
    padding: 0px 16px 0px 64px;
  }
}

.CommonButton.-hasTag .CommonButton__link {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.CommonButton.-hasImage {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 0px 0px 24px;
}

@media screen and (min-width: 768px) {
  .CommonButton.-hasImage {
    /*padding: 0px 0px 0px 40px;*/
    padding: 0px 0px 0px 30px;
  }
}

.CommonButton#more {
  width: 100%;
  max-width: 200px;
  text-align: center;
}

.CommonButton#view_details_pc {
  height: 40px;
  font-size: 1.6rem;
  display: none;
}

.CommonButton#view_details_sp {
  display: none;
}

.CommonButton#view_details_sp.display-button  {
  display: block;
  margin: 16px auto 0;
}

.CommonButton#corp_customers_btn {
  display: block;
  margin: 0 auto;
  width: 192px;
  border-radius: 0px;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .CommonButton#view_details_pc {
    display: block;
  }

  .CommonButton#view_details_sp {
    display: none !important;
  }
}

.PageHeader .CommonButton.-cv {
  width: 100%;
  max-width: 480px;
}

.PageHeader .CommonButton.-primary .CommonButton__labelText {
  width: 100%;
  max-width: 160px;
  margin-left: 10px;
}

@media screen and (min-width: 768px) {
  .PageHeader .CommonButton.-primary .CommonButton__labelText {
    max-width: 280px;
    margin-left: 24px;
  }
}

.PageHeader .CommonButton.-secondary {
  max-width: 480px;
}

.PageHeader .CommonButton.-hasImage {
  padding-left: 24px;
}


.ActionArea.-float .CommonButton.-cv {
  font-size: 1.6rem;
  height: 56px;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float .CommonButton.-cv {
    font-size: 2rem;
  }
}

.ActionArea.-float .CommonButton.-primary {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float .CommonButton.-primary {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.ActionArea.-float .CommonButton.-hasImage {
  padding: 0px 0px 0px 8px;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float .CommonButton.-hasImage {
    padding: 0px 0px 0px 24px;
  }
}

.ActionArea.-float .CommonButton__labelText {
  margin-left: 0px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float .CommonButton__labelText {
    margin-left: 24px;
  }
}


.CommonButton__labelImage {
  display: block;
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .CommonButton__labelImage {
    width: 120px;
  }
}

.CommonButton__labelText {
  display: block;
  margin-left: 8px;
  text-align: center;
  width: auto;
}

@media screen and (min-width: 768px) {
  .CommonButton__labelText {
    width: 100%;
    max-width: 280px;
    /*margin-left: 24px;*/
  }
}

.CommonButton__text.-spNone {
  display: none;
}

@media screen and (min-width: 768px) {
  .CommonButton__text.-spNone {
    display: block;
  }
}

.CommonButton__wrapLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.CommonButton__wrapLink::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.CommonButton__link {
  display: inline-block;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  border-radius: 8px;
}

.CommonButton__link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.CommonButton__link.-spNone {
  display: none;
}

@media screen and (min-width: 768px) {
  .CommonButton__link.-spNone {
    display: inline-block;
  }
}

.CommonButton__link.-spNone::after {
  content: none;
}

@media screen and (min-width: 768px) {
  .CommonButton__link.-spNone::after {
    content: "";
  }
}

.CommonButton__labelTag {
  display: inline-block;
  font-size: 1.4rem;
  color: #ffffff;
  background-color: #404040;
  border-radius: 4px;
  margin-left: auto;
  padding: 4px 6px;
  white-space: nowrap;
}

.CommonButton__telIcon, .CommonButton__telLabel {
  display: block;
}

.CommonButton__telIcon {
  width: 24px;
}

.CommonButton__telLabel {
  font-size: 10px;
  margin-top: 4px;
}

.CommonButton__telLink {
  display: block;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .CommonButton__telLink {
    display: none;
  }
}

/* CommonCard */
.CommonCard.-col2 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .CommonCard.-col2 {
    width: calc(50% - 8px);
  }
}

@media screen and (min-width: 1024px) {
  .CommonCard.-col2 {
    width: calc(50% - 12px);
  }
}

@media screen and (min-width: 1280px) {
  .CommonCard.-col2 {
    width: calc(50% - 18px);
  }
}

.CommonCard.-col2.-small {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .CommonCard.-col2.-small {
    width: calc(50% - 12px);
  }
}

.CommonCard.-col3 {
  width: calc(33.33% - 27px);
}

.CommonCard.-col3.-small {
  width: calc(33.33% - 16px);
}

.CommonCard.-col3.-xs {
  width: calc(33.33% - 11px);
}

.CommonCard.-col4.-small {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .CommonCard.-col4.-small {
    width: calc(50% - 12px);
  }
}

@media screen and (min-width: 1024px) {
  .CommonCard.-col4.-small {
    width: calc(25% - 18px);
  }
}

.CommonCard.-cell {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .CommonCard.-cell {
    width: calc(33.33% - 16px);
  }
}

.CommonCard.-cell.-large {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .CommonCard.-cell.-large {
    width: calc(50% - 12px);
  }
}

.CommonCard.-hasBorder .CommonCard__body {
  background-color: #ffffff;
  border: #D1D4D7 solid 1px;
}

.CommonCard.-pdS .CommonCard__body {
  padding: 16px;
}

@media screen and (min-width: 1024px) {
  .CommonCard.-tabLpdS .CommonCard__body {
    padding: 24px 8px;
  }
}

.CommonCard.-small .CommonCard__body > * + * {
  margin-top: 16px;
}

.CommonCard.-alignH .CommonCard__body {
  height: 100%;
}

.CommonCard.-alignH .CommonCard__lead {
  margin-top: 0px;
}

.CommonCard.-support {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .CommonCard.-support {
    width: calc(50% - 8px);
  }
}

@media screen and (min-width: 1024px) {
  .CommonCard.-support {
    width: calc(33.33% - 16px);
  }
}

.CommonCard.-support .CommonCard__imageText {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px) {
  .CommonCard.-support .CommonCard__imageText {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.CommonCard.-support .CommonCard__icon {
  margin: 0px;
  width: 100px;
}

@media screen and (min-width: 768px) {
  .CommonCard.-support .CommonCard__icon {
    width: 120px;
  }
}

.CommonCard.-support .CommonCard__body {
  height: 100%;
}

.CommonCard.-support .CommonCard__lead {
  margin-top: 0px;
}

.CommonCard__body {
  position: relative;
  background-color: #F2F4F5;
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .CommonCard__body {
    padding: 24px;
  }
}

.CommonCard__body > * + * {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .CommonCard__body > * + * {
    margin-top: 24px;
  }
}

.CommonCard__body.-ptNone {
  padding: 0px 24px 24px;
}

@media screen and (min-width: 1024px) {
  .CommonCard__body.-ptNone {
    padding: 0px 8px 24px;
  }
}

.CommonCard__body.-pxLarge {
  padding: 40px 16px;
}

.CommonCard__body.-small {
  padding: 16px;
}

.CommonCard__imageText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@media screen and (min-width: 1024px) {
  .CommonCard__imageText {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

@media screen and (min-width: 1280px) {
  .CommonCard__imageText {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.CommonCard__imageText.-spHorizontal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 768px) {
  .CommonCard__imageText.-spHorizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 1024px) {
  .CommonCard__imageText.-spHorizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.CommonCard__imageText.-spHorizontal .CommonCard__image {
  margin: 0px;
}

.CommonCard__imageText.-spHorizontal .CommonCard__badge {
  width: 80px;
  right: 8px;
  bottom: 8px;
}

@media screen and (min-width: 1024px) {
  .CommonCard__imageText.-spHorizontal .CommonCard__badge {
    width: 120px;
  }
}

.CommonCard__imageText.-spHorizontal .CommonCard__mv, .CommonCard__imageText.-spHorizontal .MainContent__listBox {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .CommonCard__imageText.-spHorizontal .CommonCard__mv, .CommonCard__imageText.-spHorizontal .MainContent__listBox {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .CommonCard__imageText.-spHorizontal .CommonCard__mv, .CommonCard__imageText.-spHorizontal .MainContent__listBox {
    width: 100%;
  }
}

.CommonCard__imageText.-alignC {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 1280px) {
  .CommonCard__imageText.-alignC {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.CommonCard__imageText.-hasIcon {
  gap: unset;
}

@media screen and (min-width: 1024px) {
  .CommonCard__imageText.-hasIcon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.CommonCard__imageText .CommonCard__logo {
  width: 160px;
  margin: 0px auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (min-width: 1024px) {
  .CommonCard__imageText .CommonCard__logo {
    width: 200px;
  }
}

@media screen and (min-width: 1280px) {
  .CommonCard__imageText .CommonCard__logo {
    width: 236px;
  }
}

.CommonCard__imageText .CommonCard__logo.-small {
  width: 74px;
  margin: 0px;
}

.CommonCard__imageText .CommonCard__text {
  margin-top: 0px;
}

.CommonCard__imageText .CommonCard__text > * + * {
  margin-top: 8px;
}

.CommonCard__corpName {
  font-weight: bold;
  font-size: 1.8rem;
}

.CommonCard__corpName.-small {
  font-size: 1.6rem;
}

.CommonCard__desc {
  font-weight: bold;
}

.CommonCard__desc.-blue {
  color: #0087D2;
}

.CommonCard__desc.-center {
  text-align: center;
}

.CommonCard__heading {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .CommonCard__heading {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 768px) {
  .CommonCard__heading.-hasNum {
    font-size: 2.2rem;
  }
}

.CommonCard__heading.-hasNum::before {
  content: attr(data-num);
  display: block;
  font-size: 4rem;
  font-weight: 500;
  color: #0087D2;
  margin-bottom: 8px;
}

.CommonCard__lead {
  font-size: 1.5rem;
  margin-top: 8px;
}

.CommonCard__lead.-center {
  text-align: center;
}

.CommonCard__image {
  margin-top: 24px;
}

.CommonCard__icon {
  max-width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0px auto;
}

@media screen and (min-width: 768px) {
  .CommonCard__icon {
    max-width: none;
    width: 100%;
  }
}

.CommonCard__descUnit {
  text-align: center;
}

.CommonCard__mv {
  position: relative;
}

.CommonCard__badge {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 120px;
}

/* CommonList */
.CommonList {
  font-size: 1.6rem;
  font-weight: normal;
}

.CommonList.-small {
  font-size: 1.4rem;
}

.CommonList > * + * {
  margin-top: 8px;
}

.CommonList.-check .CommonList__item::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon_check.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-color: transparent;
}

.CommonList__item {
  position: relative;
  padding-left: 24px;
}

.CommonList__item::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0.75em;
  left: 8px;
  width: 8px;
  height: 1px;
  background-color: #0087D2;
}

.CommonList__item.-hasIcon {
  padding-right: 32px;
}

.CommonList__textBox {
  margin-top: 8px;
}

.CommonList__textBox > * {
  margin-top: 12px;
}

.CommonList__iconLink {
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 0px;
  bottom: 0px;
  width: 24px;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media screen and (min-width: 1024px) {
  .CommonList__iconLink:hover {
    opacity: .8;
  }
}

/* CommonTable */
.CommonTable {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
}

@media screen and (min-width: 1024px) {
  .CommonTable {
    font-size: 2rem;
  }
}

.CommonTable.-equal {
  table-layout: fixed;
}

.CommonTable.-equal .CommonTable__cell {
  width: 100%;
}

.CommonTable.-overflow {
  min-width: 608px;
}

.CommonTable.-pcNone {
  display: table;
}

@media screen and (min-width: 768px) {
  .CommonTable.-pcNone {
    display: none;
  }
}

.CommonTable.-spNone {
  display: none;
}

@media screen and (min-width: 768px) {
  .CommonTable.-spNone {
    display: table;
  }
}

.CommonTable__cell {
  text-align: center;
  border: #F2F4F5 solid 1px;
  padding: 12px 0px;
}

@media screen and (min-width: 1024px) {
  .CommonTable__cell {
    padding: 24px 0px;
  }
}

.CommonTable__cell:empty {
  border: none;
}

.CommonTable__cell strong {
  font-size: 2rem;
  font-weight: 500;
  color: #D03086;
}

@media screen and (min-width: 1024px) {
  .CommonTable__cell strong {
    font-size: 3.2rem;
  }
}

.CommonTable__small {
  font-size: 1.2rem;
}

@media screen and (min-width: 1024px) {
  .CommonTable__small {
    font-size: 1.6rem;
  }
}

.CommonTable__heading {
  background-color: #F2F4F5;
  font-weight: 500;
}

.CommonTable__heading.-large {
  font-size: 1.6rem;
}

@media screen and (min-width: 1024px) {
  .CommonTable__heading.-large {
    font-size: 2.4rem;
  }
}

.CommonTable__heading.-normal {
  border: #ffffff solid 1px;
}

.CommonTable__heading.-typeA {
  color: #0087D2;
  background-color: #E7F3FA;
  border: #E7F3FA solid 1px;
}

.CommonTable__heading.-typeB {
  color: #D03086;
  background-color: #F9E4EB;
  border: #F9E4EB solid 1px;
}

.CommonTable__heading.-typeC {
  background-color: #E7F3FA;
}

/* CommonTag */

/* DLBanner */
.DLBanner {
  background-color: #ffffff;
  max-width: 768px;
  margin: 0px auto;
  padding: 24px;
  border: #D1D4D7 solid 1px;
}

.DLBanner__imageText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .DLBanner__imageText {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
  }
}

.DLBanner__image {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .DLBanner__image {
    width: 240px;
  }
}

.DLBanner__title {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #0087D2;
}

@media screen and (min-width: 768px) {
  .DLBanner__title {
    font-size: 2rem;
  }
}

.DLBanner__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.DLBanner__text > * + * {
  margin-top: 16px;
}

/* FlowList */
.FlowList__item {
  position: relative;
  padding: 0px 0px 32px 24px;
}

@media screen and (min-width: 768px) {
  .FlowList__item {
    padding: 0px 0px 16px 24px;
  }
}

.FlowList__item::before, .FlowList__item:after {
  content: "";
  display: block;
  position: absolute;
}

.FlowList__item::before {
  z-index: 1;
  top: 0.5em;
  left: 0px;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border: #0087D2 solid 1px;
  border-radius: 50px;
}

.FlowList__item:after {
  top: 0.5em;
  left: 3px;
  width: 4px;
  height: 100%;
  background-color: #EBEEF1;
}

.FlowList__item:last-child {
  padding: 0px 0px 0px 24px;
}

.FlowList__item:last-child::before {
  background-color: #0087D2;
}

.FlowList__item:last-child:after {
  content: none;
}

.FlowList__title {
  font-size: 1.7rem;
  font-weight: bold;
  color: #0087D2;
}

/* HeroArea */
.HeroArea {
  background-color: #ffffff;
  overflow: hidden;
}

.HeroArea__body {
  position: relative;
}

.HeroArea__visual {
  position: relative;
  max-height: none;
}

@media screen and (min-width: 768px) {
  .HeroArea__visual.-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-height: 380px;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px and max-width: 440px) {
  .HeroArea__visual.-case {
    max-height: 580px;
  }
}

@media screen and (min-width: 768px) {
  .HeroArea__visual.-case {
    max-height: 620px;
  }
}

.HeroArea__title {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 2.8rem;
}

@media screen and (min-width: 768px) {
  .HeroArea__title {
    font-size: 4rem;
  }
}

.HeroArea__desc {
  text-align: center;
  margin-top: 24px;
}

.HeroArea__desc + * {
  margin-top: 40px;
}

.HeroArea__unit {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  margin-top: 40px;
}

.HeroArea__unit .HeroArea__title {
  position: static;
  -webkit-transform: none;
          transform: none;
}

.HeroArea__breadcrumb {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 24px;
}

.HeroArea__breadcrumb.-case {
  position: static;
  height: 40px;
  padding-left: 24px;
}

.HeroArea__notes {
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .HeroArea__notes {
    padding: 24px 48px;
  }
}

.HeroArea__infoBanner {
  margin-top: 24px;
}

/* HiddenArea */
.HiddenArea {
  position: relative;
  height: 112px;
  overflow: hidden;
  -webkit-transition: height .4s;
  transition: height .4s;
}

@media screen and (min-width: 1024px) {
  .HiddenArea {
    height: 78px;
  }
}

.HiddenArea::before, .HiddenArea::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
}

.HiddenArea::before {
  z-index: 10;
  bottom: 0px;
  width: 100%;
  height: 58px;
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), color-stop(51%, #FFFFFFE6), color-stop(77%, #FFFFFF99), to(#FFFFFF00)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #FFFFFF 0%, #FFFFFFE6 51%, #FFFFFF99 77%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
  height: 112px;
}

@media screen and (min-width: 1024px) {
  .HiddenArea::before {
    height: 58px;
  }
}

.HiddenArea.-opened::before {
  content: none;
}

.HiddenArea__button {
  position: absolute;
  z-index: 20;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 200px;
}

/* InfoBanner */
.InfoBanner {
  display: block;
  padding: 16px;
  text-align: center;
  width: calc(100% - 32px);
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  border: #D1D4D7 solid 1px;
  border-radius: 4px;
}

@media screen and (min-width: 1024px) {
  .InfoBanner {
    max-width: 944px;
  }
}

@media screen and (min-width: 768px) {
  .InfoBanner {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 40px;
    width: calc(100% - 80px);
  }
}

.InfoBanner__heading {
  display: block;
  padding: 16px 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  font-weight: 500;
  color: #0087D2;
}

@media screen and (min-width: 768px) {
  .InfoBanner__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 44px;
  }
}

.InfoBanner__heading::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 40px;
  height: 4px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #0087D2;
}

@media screen and (min-width: 768px) {
  .InfoBanner__heading::after {
    top: 0px;
    left: auto;
    right: 0px;
    bottom: auto;
    width: 4px;
    height: 100%;
    -webkit-transform: none;
            transform: none;
  }
}

.InfoBanner__body {
  margin: 24px 0px 0px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .InfoBanner__body {
    margin: 0px 24px 0px 40px;
  }
}

.InfoBanner__body > * + * {
  margin-top: 8px;
}

.InfoBanner__date {
  color: #D03086;
}

.InfoBanner__button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 16px 0px 8px;
}

@media screen and (min-width: 768px) {
  .InfoBanner__button {
    margin: 0px 0px 0px auto;
  }
}

/* LogoSlider */
.LogoSlider {
  padding: 16px;
}
/* 20240702 */
.LogoSlider02 {
  padding: 16px;
}


.LogoSlider__wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .LogoSlider__wrapper {
    gap: 24px;
  }
}

/* MainContent */
.MainContent {
  margin-top: 56px;
}

@media screen and (min-width: 1024px) {
  .MainContent {
    margin-top: 112px;
  }
}

.MainContent__body {
  padding: 40px 0px;
}

.MainContent__body.-detail {
  padding: 0px 0px 40px;
}

@media screen and (min-width: 768px) {
  .MainContent__body.-detail {
    padding: 40px 0px;
  }
}

.MainContent__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}

.MainContent__layout.-col2 {
  gap: 16px;
}

@media screen and (min-width: 1024px) {
  .MainContent__layout.-col2 {
    gap: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .MainContent__layout.-col2 {
    gap: 36px;
  }
}

.MainContent__layout.-col2.-small {
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-col2.-small {
    gap: 24px;
  }
}

.MainContent__layout.-col3 {
  gap: 24px;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-col3 {
    gap: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .MainContent__layout.-col3 {
    gap: 40px;
  }
}

.MainContent__layout.-col3.-medium {
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-col3.-medium {
    gap: 24px;
  }
}

@media screen and (min-width: 1280px) {
  .MainContent__layout.-col3.-medium {
    gap: 36px;
  }
}

.MainContent__layout.-col3.-small {
  gap: 24px;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-col3.-xs {
    gap: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .MainContent__layout.-col3.-xs {
    gap: 24px;
  }
}

.MainContent__layout.-col4 {
  gap: 40px;
}

.MainContent__layout.-col4.-small {
  gap: 16px;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-col4.-small {
    gap: 24px;
  }
}

.MainContent__layout.-grid {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px 24px;
  }
}

.MainContent__layout.-jsCenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.MainContent__layout.-jsLeft {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.MainContent__buttonOuter {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 80px;
}

.MainContent__cardOuter {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .MainContent__cardOuter {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1024px) {
  .MainContent__cardOuter {
    margin-top: 40px;
  }
}

.MainContent__sectionLead + .MainContent__cardOuter {
  margin-top: 24px;
}

.MainContent__notes {
  color: #7F8288;
  font-size: 10px;
  margin-top: 8px;
}

.MainContent__notes.-large {
  font-size: 1.4rem;
}

.MainContent__notes.-inBg {
  color: #141821;
  margin-top: 16px;
}

.MainContent__sectionTitle {
  position: relative;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: 24px;
  padding: 24px 0px 40px;
}

@media screen and (min-width: 768px) {
  .MainContent__sectionTitle {
    font-size: 3.2rem;
    margin-top: 0px;
    padding: 24px 0px;
  }
}

.MainContent__sectionTitle::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background-color: #0087D2;
}

.MainContent__sectionTitle.-hasNum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  padding: 32px 0px 40px;
}

@media screen and (min-width: 768px) {
  .MainContent__sectionTitle.-hasNum {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 0px 40px;
  }
}

.MainContent__sectionTitle.-hasNum::before {
  content: attr(data-num);
  display: block;
  font-size: 4.8rem;
  font-weight: 500;
  color: #0087D2;
  margin-right: 16px;
  line-height: 1;
  margin-top: -0.15em;
}

@media screen and (min-width: 768px) {
  .MainContent__sectionTitle.-hasNum::before {
    margin-top: 0px;
    line-height: 1.5;
    font-size: 6.4rem;
  }
}

.MainContent__sectionTitle.-hasNum::after {
  left: 0px;
  -webkit-transform: none;
          transform: none;
}

.MainContent__sectionHeading {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .MainContent__sectionHeading {
    font-size: 2.8rem;
  }
}

.MainContent__sectionHeading.-center {
  text-align: center;
}

.MainContent__sectionSubHeading {
  position: relative;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  padding-left: 18px;
}

@media screen and (min-width: 768px) {
  .MainContent__sectionSubHeading {
    font-size: 2.4rem;
  }
}

.MainContent__sectionSubHeading::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 8px;
  height: 100%;
  background-color: #F2F4F5;
}

.SwitchArea .MainContent__sectionSubHeading + * {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .SwitchArea .MainContent__sectionSubHeading + * {
    margin-top: 40px;
  }
}

.MainContent__innerHeading {
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .MainContent__innerHeading {
    font-size: 2rem;
  }
}

.MainContent__point {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.MainContent__pointNum {
  display: inline-block;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  color: #0087D2;
}

.MainContent__pointNum::before {
  content: "Point";
  display: block;
  font-size: 1.6rem;
  color: #141821;
}

.MainContent__pointCopy {
  display: block;
  color: #141821;
  margin-top: 16px;
}

.MainContent__normalHeading.-typeA {
  font-weight: bold;
  color: #0087D2;
  position: relative;
  padding-left: 24px;
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .MainContent__normalHeading.-typeA {
    margin-top: 40px;
  }
}

.MainContent__normalHeading.-typeA::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0.75em;
  left: 0px;
  width: 16px;
  height: 2px;
  background-color: #0087D2;
}

.MainContent__normalHeading.-typeB {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: 64px;
}

@media screen and (min-width: 768px) {
  .MainContent__normalHeading.-typeB {
    font-size: 2.4rem;
  }
}

.MainContent__normalHeading.-typeB strong {
  color: #0087D2;
  font-weight: 500;
}

.ColumnArea.-plan .MainContent__normalHeading.-typeB {
  padding: 0px;
}

@media screen and (min-width: 768px) {
  .ColumnArea.-plan .MainContent__normalHeading.-typeB {
    padding: 0px 24px;
  }
}

@media screen and (min-width: 1024px) {
  .ColumnArea.-plan .MainContent__normalHeading.-typeB {
    padding: 0px;
  }
}

.ColumnArea__imageOuter + .MainContent__normalHeading {
  margin-top: 16px;
}

.MainContent__desc {
  margin-top: 8px;
}

.MainContent__sectionLead {
  margin-top: 24px;
}

.ProgramArea .MainContent__listBox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.MainContent__listBox {
  padding: 16px 8px;
  background-color: #DEEEF7;
}

.MainContent__listBox.-onBg {
  background-color: #ffffff;
}

.MainContent__decoBox {
  position: relative;
  border-top: #0087D2 solid 8px;
}

.MainContent__decoBox::before, .MainContent__decoBox::after {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: 0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  pointer-events: none;
}

.MainContent__decoBox::before {
  z-index: 2;
  border-width: 24px 16px 0 0;
  border-color: #0087D2 transparent transparent transparent;
}

.MainContent__decoBox::after {
  z-index: 1;
  border-width: 24px 24px 0 0;
  border-color: #DEEEF7 transparent transparent transparent;
}

.MainContent__decoBox.-large::before {
  z-index: 2;
  border-width: 24px 16px 0 0;
  border-color: #0087D2 transparent transparent transparent;
}

@media screen and (min-width: 768px) {
  .MainContent__decoBox.-large::before {
    border-width: 60px 40px 0 0;
  }
}

.MainContent__decoBox.-large::after {
  z-index: 1;
  border-width: 24px 24px 0 0;
  border-color: #DEEEF7 transparent transparent transparent;
}

@media screen and (min-width: 768px) {
  .MainContent__decoBox.-large::after {
    border-width: 60px 56px 0 0;
  }
}

/* ModalContent */
.ModalContent.-hideMinSP {
  display: none;
}

@media screen and (min-width: 768px) {
  .ModalContent.-hideMinSP {
    display: block;
  }
}

.ModalContent__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .ModalContent__unit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
    margin-top: 64px;
  }
}

.ModalContent__thumbnail {
  width: 100%;
  max-width: 510px;
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

@media screen and (min-width: 1024px) {
  .ModalContent__thumbnail:hover {
    opacity: .8;
  }
}

.ModalContent__textButton {
  display: inline-block;
  color: #0087D2;
  text-decoration: underline;
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

@media screen and (min-width: 1024px) {
  .ModalContent__textButton:hover {
    opacity: .8;
  }
}

.ModalContent__textButton::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon_window.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  vertical-align: -0.125em;
  margin-left: 8px;
}

.ModalContent__trigger {
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.ModalContent__text {
  font-weight: 500;
  width: auto;
}

@media screen and (min-width: 768px) {
  .ModalContent__text {
    width: 370px;
  }
}

.ModalContent__window {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.ModalContent__imageOuter {
  position: relative;
  margin-top: 56px;
  margin-bottom: 40px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 100%;
  max-width: none;
  padding: 0px;
}

@media screen and (min-width: 1024px) {
  .ModalContent__imageOuter {
    width: auto;
    height: 90vh;
    margin: auto;
    padding-right: 48px;
  }
}

.ModalContent__image {
  width: inherit;
  height: inherit;
}

.ModalContent__image img {
  width: inherit;
  height: inherit;
}

.ModalContent__overlay {
  position: fixed;
  z-index: -1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #141821;
  opacity: .6;
}

.ModalContent__close {
  position: absolute;
  top: -64px;
  right: 24px;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
}

@media screen and (min-width: 1024px) {
  .ModalContent__close {
    top: 0px;
    right: 0px;
  }
}

/* NavCard */
.NavCard {
  width: 100%;
  border-radius: 0px 0px 4px 4px;
  -webkit-box-shadow: 0 0 6px rgba(127, 130, 136, 0.5);
          box-shadow: 0 0 6px rgba(127, 130, 136, 0.5);
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

@media screen and (min-width: 1024px) {
  .NavCard:hover {
    opacity: .8;
  }
}

@media screen and (min-width: 768px) {
  .NavCard {
    width: calc(50% - 12px);
  }
}

@media screen and (min-width: 1024px) {
  .NavCard {
    width: calc(25% - 18px);
  }
}

.NavCard__title {
  display: block;
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
  .NavCard__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin-top: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .NavCard__title {
    display: block;
    text-align: center;
    margin-top: 0px;
  }
}

.NavCard__title::before {
  content: attr(data-num);
  display: block;
  font-size: 4.8rem;
  font-weight: 500;
  color: #0087D2;
  margin-right: 16px;
}

@media screen and (min-width: 1024px) {
  .NavCard__title::before {
    margin-right: 0px;
  }
}

.NavCard__title br {
  display: block;
}

@media screen and (min-width: 768px) {
  .NavCard__title br {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .NavCard__title br {
    display: block;
  }
}

.NavCard__titleInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 3em;
}

.NavCard__desc {
  margin-bottom: 24px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .NavCard__desc {
    margin-bottom: 40px;
    text-align: left;
  }
}

@media screen and (min-width: 1024px) {
  .NavCard__desc {
    text-align: left;
    margin-bottom: 16px;
  }
}

.NavCard__wrapLink {
  display: block;
  padding: 0px 16px 32px;
}

.NavCard__wrapLink::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.NavCard__wrapLink::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 16px;
  width: 24px;
  height: 24px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

/* NumberGroup */
.NumberGroup__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0087D2;
  font-size: 2rem;
  font-weight: bold;
}

.NumberGroup__number.-large {
  font-size: 2.6rem;
}

.NumberGroup__icon {
  display: inline-block;
  width: 24px;
  margin-right: 8px;
  line-height: 1;
}

.NumberGroup__info {
  color: #7F8288;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 4px 0px 0px 0px;
}

.NumberGroup__info.-hasBorder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  margin: 0px 0px 0px 8px;
  color: #141821;
}

.NumberGroup__info.-hasBorder::before, .NumberGroup__info.-hasBorder::after {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #D1D4D7;
}

.NumberGroup__info.-hasBorder::before {
  margin-right: 8px;
}

.NumberGroup__info.-hasBorder::after {
  margin-left: 8px;
}

.NumberGroup__telLink {
  pointer-events: auto;
}

@media screen and (min-width: 768px) {
  .NumberGroup__telLink {
    pointer-events: none;
    cursor: default;
  }
}

/* PageFooter */
.PageFooter {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
}

.PageFooter__wrapper {
  padding: 40px 40px 104px;
  color: #ffffff;
  background-color: #0B4368;
}

@media screen and (min-width: 768px) {
  .PageFooter__wrapper {
    padding: 40px 40px 80px;
  }
}

@media screen and (min-width: 1024px) {
  .PageFooter__wrapper {
    padding: 64px 80px 100px;
  }
}

.PageFooter__logoUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

@media screen and (min-width: 1024px) {
  .PageFooter__logoUnit {
    gap: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.PageFooter__logo img {
  width: auto;
}

.PageFooter__logoLink {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media screen and (min-width: 1024px) {
  .PageFooter__logoLink:hover {
    opacity: .8;
  }
}

.PageFooter__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 48px;
  margin-top: 40px;
}

@media screen and (min-width: 1024px) {
  .PageFooter__menu {
    margin-top: 64px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.PageFooter__menuList {
  padding: 24px 0px 0px 0px;
  border-top: #ffffff solid 1px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .PageFooter__menuList {
    padding: 8px 0px 0px 32px;
    border-top: none;
    border-left: #ffffff solid 1px;
    width: 25%;
    padding: 8px 0px 0px 64px;
  }
}

.PageFooter__menuItem + .PageFooter__menuItem {
  margin-top: 24px;
}

@media screen and (min-width: 1024px) {
  .PageFooter__menuItem + .PageFooter__menuItem {
    margin-top: 32px;
  }
}

.PageFooter__subMenu {
  margin-top: 80px;
}

.PageFooter__copyright {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 64px;
}

@media screen and (min-width: 1024px) {
  .PageFooter__copyright {
    margin-top: 32px;
  }
}

.PageFooter__menuLink {
  position: relative;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media screen and (min-width: 1024px) {
  .PageFooter__menuLink:hover {
    opacity: .8;
  }
}

.PageFooter__menuLink.-external::after {
  content: "";
  display: inline-block;
  margin: 2px 0px 0px 8px;
  width: 16px;
  height: 16px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-window.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

/* PageHeader */
.PageHeader {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .PageHeader {
    border-bottom: #D1D4D7 solid 1px;
  }
}

.PageHeader.-opened .PageHeader__menu {
  display: block;
}

.PageHeader.-opened .PageHeader_buttonBar {
  background-color: transparent;
}

.PageHeader.-opened .PageHeader_buttonBar:before, .PageHeader.-opened .PageHeader_buttonBar:after {
  border-radius: 4px;
  width: 11px;
  height: 2px;
  top: 0px;
  left: 50%;
  background-color: #0087D2;
}

.PageHeader.-opened .PageHeader_buttonBar:before {
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

.PageHeader.-opened .PageHeader_buttonBar:after {
  bottom: auto;
  -webkit-transform: translateX(-50%) rotate(-45deg);
          transform: translateX(-50%) rotate(-45deg);
}

.PageHeader.-opened .PageHeader__NumberGroup {
  display: none;
}

@media screen and (min-width: 1024px) {
  .PageHeader.-opened .PageHeader__NumberGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.PageHeader.-opened .PageHeader__button {
  display: none;
}

@media screen and (min-width: 1024px) {
  .PageHeader.-opened .PageHeader__button {
    display: block;
  }
}

.PageHeader__primaryUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 56px;
}

.PageHeader__primaryUnit::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 2px;
  background-color: #0087D2;
  pointer-events: none;
}

.PageHeader__logo {
  margin-left: 24px;
}

/* 20240806 */
p.PageHeader__logoTxt{
  display: none;
}
.PageHeader__logo {
  width:134px;
}
@media screen and (min-width: 860px) {
  .PageHeader__logo {
    width:240px;
    line-height: 1;
  }
  .PageHeader__logo img {
    width:110px;
    margin-right:10px;
  }
  .PageHeader__logo a {
    margin:0;
    padding: 0;
  }
  p.PageHeader__logoTxt{
    display: inline-block;
    font-size: 1.4rem;
  }
}


.PageHeader__logoLink {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media screen and (min-width: 1024px) {
  .PageHeader__logoLink:hover {
    opacity: .8;
  }
}

.PageHeader__NumberGroup {
  display: none;
}

@media screen and (min-width: 768px) {
  .PageHeader__NumberGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.PageHeader__infoUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.PageHeader__button {
  font-weight: 500;
  line-height: 50px;
  height: 56px;
  width: 160px;
  margin-left: 16px;
  background-color: #0087D2;
  color: #ffffff;
  text-align: center;
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

@media screen and (min-width: 1024px) {
  .PageHeader__button:hover {
    opacity: .8;
  }
}

@media screen and (min-width: 768px) {
  .PageHeader__button {
    width: 200px;
  }
}

.PageHeader__buttonLink {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.PageHeader__menu {
  font-weight: 500;
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  text-align: left;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menu {
    display: block;
    position: static;
    text-align: center;
    height: auto;
  }
}

.PageHeader__menuList {
  display: block;
  max-width: 1280px;
  margin: 0px auto;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.PageHeader__menuItem {
  position: relative;
  height: auto;
  line-height: 1.5;
  border-bottom: #EBEEF1 solid 1px;
  width: 100%;
  max-width: none;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menuItem {
    width: 20%;
    max-width: 256px;
    height: 55px;
    line-height: 51px;
    border-bottom: none;
  }
}

.PageHeader__menuItem.-current .PageHeader__menuLink::after {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

.PageHeader__menuItem::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-arrow.svg");
  background-size: 24px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menuItem::after {
    display: none;
  }
}

.PageHeader__menuLink {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: color .2s;
  transition: color .2s;
  padding: 16px 16px 16px 36px;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menuLink {
    padding: 0px;
  }
}

.PageHeader__menuLink::before, .PageHeader__menuLink::after {
  content: "";
  position: absolute;
  left: 0px;
}

.PageHeader__menuLink::before {
  display: none;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menuLink::before {
    display: block;
  }
}

.PageHeader__menuLink::after {
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  bottom: auto;
  width: 4px;
  height: 24px;
  background-color: #EBEEF1;
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menuLink::after {
    top: auto;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background-color: #0087D2;
    opacity: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
}

.PageHeader__menuLink:hover {
  color: #0087D2;
}

.PageHeader__menuLink:hover::after {
  opacity: 1;
}

.PageHeader__menuButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  background-color: transparent;
  border: none;
  text-align: center;
  font-size: 0px;
}

@media screen and (min-width: 1024px) {
  .PageHeader__menuButton {
    display: none;
  }
}

.PageHeader_buttonBar {
  display: block;
  position: relative;
  width: 28px;
  height: 2px;
  background-color: #141821;
}

.PageHeader_buttonBar:before, .PageHeader_buttonBar:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 28px;
  height: 2px;
  background-color: #141821;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.PageHeader_buttonBar:before {
  top: -8px;
  left: 0px;
}

.PageHeader_buttonBar:after {
  left: 0px;
  bottom: -8px;
}

/* PageSection */
.PageSection {
  max-width: 1280px;
  margin: 0px auto;
  background-color: #ffffff;
  padding: 16px 16px;
}

.PageSection#seminar_information p{
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .PageSection {
    padding: 40px 40px;
  }
}

.PageSection + .PageSection {
  margin-top: 40px;
}

.PageSection.-hasAction {
  padding: 16px 16px 0px;
}

@media screen and (min-width: 768px) {
  .PageSection.-hasAction {
    padding: 40px 40px 0px;
  }
}

.PageSection > * + * {
  margin-top: 40px;
}

.PageSection__box.-spNone {
  display: none;
}

@media screen and (min-width: 1024px) {
  .PageSection__box.-spNone {
    display: block;
  }
}

.PageSection__box.-pcNone {
  display: block;
}

@media screen and (min-width: 1024px) {
  .PageSection__box.-pcNone {
    display: none;
  }
}

.PageSection__item {
  margin-top: 40px;
}

.PageSection__content {
  margin-top: 40px;
}

.PageSection__content + .PageSection__content {
  margin-top: 40px;
}

.PageSection__content.-hasBorder {
  padding-left: 36px;
  border-left: #0087D2 solid 4px;
}

.PageSection__content > * + * {
  margin-top: 40px;
}

@media screen and (min-width: 768px) {
  .PageSection__content > * + * {
    margin-top: 24px;
  }
}

.PageSection__head {
  background-color: #0087D2;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 16px 40px;
}

.PageSection__head + * {
  margin-top: 0px;
}

.PageSection__contentHeading {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  padding: 24px 0px 0px;
}

@media screen and (min-width: 768px) {
  .PageSection__contentHeading {
    font-size: 2.4rem;
  }
}

.PageSection__contentHeading.-hasBorder {
  position: relative;
  padding: 24px 0px 40px;
}

.PageSection__contentHeading.-hasBorder::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background-color: #0087D2;
}

.ActionArea + .PageSection__content {
  margin-top: 0px;
}

/* PageTop */
.PageTop {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .PageTop {
    text-align: right;
  }
}

.PageTop img {
  width: auto;
}

.PageTop__link {
  display: inline-block;
  margin-bottom: 40px;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media screen and (min-width: 1024px) {
  .PageTop__link:hover {
    opacity: .8;
  }
}

@media screen and (min-width: 768px) {
  .PageTop__link {
    margin-right: 16px;
  }
}

/* FlowFigure */
.FlowFigure > * + * {
  margin-top: 8px;
}

@media screen and (min-width: 768px) {
  .FlowFigure.-bpTabL .FlowFigure__heading {
    width: auto;
    text-align: left;
    text-orientation: upright;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}

@media screen and (min-width: 1024px) {
  .FlowFigure.-bpTabL .FlowFigure__heading {
    width: 132px;
    text-align: center;
    text-orientation: mixed;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
}

@media screen and (min-width: 768px) {
  .FlowFigure.-bpTabL .FlowFigure__listTitle + .FlowFigure__list {
    padding-left: 0px;
  }
}

@media screen and (min-width: 1024px) {
  .FlowFigure.-bpTabL .FlowFigure__listTitle + .FlowFigure__list {
    padding-left: 24px;
  }
}

@media screen and (min-width: 768px) {
  .FlowFigure.-bpTabL .FlowFigure__item:last-child .FlowFigure__body {
    padding: 16px 0px 0px 24px;
  }
}

@media screen and (min-width: 1024px) {
  .FlowFigure.-bpTabL .FlowFigure__item:last-child .FlowFigure__body {
    padding: 24px 0px 0px 24px;
  }
}

@media screen and (min-width: 768px) {
  .FlowFigure.-bpTabL .FlowFigure__body {
    padding: 16px 0px 16px 24px;
  }
}

@media screen and (min-width: 1024px) {
  .FlowFigure.-bpTabL .FlowFigure__body {
    padding: 24px 0px 32px 24px;
  }
}

@media screen and (min-width: 768px) {
  .FlowFigure.-bpTabL .FlowFigure__body::before {
    top: calc(0.5em + 16px);
  }
}

@media screen and (min-width: 1024px) {
  .FlowFigure.-bpTabL .FlowFigure__body::before {
    top: calc(0.5em + 24px);
  }
}

@media screen and (min-width: 768px) {
  .FlowFigure.-bpTabL .FlowFigure__heading:after {
    top: calc(0.5em + 24px);
  }
}

@media screen and (min-width: 1024px) {
  .FlowFigure.-bpTabL .FlowFigure__heading:after {
    top: calc(0.5em + 32px);
  }
}

.FlowFigure__inner {
  width: 100%;
}

.ColumnArea.-plan .FlowFigure {
  padding: 0px;
}

.ColumnArea#seminar_details {
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .ColumnArea.-plan .FlowFigure {
    padding: 0px 24px;
  }

  .ColumnArea#seminar_details {
    padding: 40px;
  }
  
}

@media screen and (min-width: 1024px) {
  .ColumnArea.-plan .FlowFigure {
    padding: 0px;
  }
}

.FlowFigure__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.FlowFigure__item:last-child .FlowFigure__body {
  padding: 16px 0px 0px 24px;
}

@media screen and (min-width: 768px) {
  .FlowFigure__item:last-child .FlowFigure__body {
    padding: 24px 0px 0px 24px;
  }
}

.FlowFigure__item:last-child .FlowFigure__body::before {
  background-color: #0087D2;
}

.FlowFigure__item:last-child .FlowFigure__body:after {
  content: none;
}

.FlowFigure__item:last-child .FlowFigure__heading:after {
  content: none;
}

.FlowFigure__heading {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #EBEEF1;
  padding: 16px;
  font-weight: 500;
  width: auto;
  text-align: left;
  text-orientation: upright;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

@media screen and (min-width: 768px) {
  .FlowFigure__heading {
    width: 132px;
    text-align: center;
    text-orientation: mixed;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
}

.FlowFigure__heading.-typeA {
  color: #0087D2;
  background-color: #DEEEF7;
}

.FlowFigure__heading:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(0.5em + 24px);
  right: -31px;
  width: 4px;
  height: 100%;
  background-color: #EBEEF1;
}

@media screen and (min-width: 768px) {
  .FlowFigure__heading:after {
    top: calc(0.5em + 32px);
  }
}

.FlowFigure__list {
  margin-top: 12px;
}

.FlowFigure__list.-column {
  -webkit-column-count: auto;
          column-count: auto;
}

@media screen and (min-width: 768px) {
  .FlowFigure__list.-column {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 1024px) {
  .FlowFigure__list.-column {
    -webkit-column-count: 3;
            column-count: 3;
  }
}

.FlowFigure__listTitle {
  position: relative;
  font-weight: bold;
  margin-top: 24px;
  padding-left: 24px;
}

.FlowFigure__listTitle::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0.2em;
  width: 16px;
  height: 16px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
}

.FlowFigure__listTitle + .FlowFigure__list {
  padding-left: 24px;
}

.FlowFigure__body {
  position: relative;
  margin-left: 24px;
  padding: 16px 0px 16px 24px;
}

@media screen and (min-width: 768px) {
  .FlowFigure__body {
    padding: 24px 0px 32px 24px;
  }
}

.FlowFigure__body > * + * {
  margin-top: 12px;
}

.FlowFigure__body::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: calc(0.5em + 16px);
  left: 0px;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border: #0087D2 solid 1px;
  border-radius: 50px;
}

@media screen and (min-width: 768px) {
  .FlowFigure__body::before {
    top: calc(0.5em + 24px);
  }
}

.FlowFigure__title {
  font-weight: bold;
  color: #0087D2;
}

/* PointBox */
.PointBox {
  padding: 16px;
  background-color: #DEEEF7;
}

.PointBox__title {
  font-size: 1.7rem;
  font-weight: bold;
  color: #0087D2;
}

.PointBox__text {
  margin-top: 8px;
  padding-left: 0px;
}

@media screen and (min-width: 1280px) {
  .PointBox__text {
    padding-left: 16px;
  }
}

/* PointLabel */
.PointLabel {
  font-weight: bold;
}

.PointLabel.-typeA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border: #0087D2 solid 1px;
  width: 100%;
  max-width: 192px;
  height: 46px;
  color: #0087D2;
}

.PointLabel.-typeA::before, .PointLabel.-typeA::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  pointer-events: none;
}

.PointLabel.-typeA::before {
  z-index: 2;
  border-width: 24px 16px 0 0;
  border-color: #0087D2 transparent transparent transparent;
}

.PointLabel.-typeA::after {
  z-index: 1;
  border-width: 24px 24px 0 0;
  border-color: #DEEEF7 transparent transparent transparent;
}

.PointLabel.-typeB {
  display: inline-block;
  font-size: 2.4rem;
  background-color: #FFED56;
  font-family: "Noto Sans JP", sans-serif;
  margin-left: 0px;
  padding: 0px 8px;
}

@media screen and (min-width: 768px) {
  .PointLabel.-typeB {
    font-size: 2.8rem;
    margin-left: 8px;
  }
}

/* ProgramArea */
.ProgramArea {
  position: relative;
  border: none;
  margin-top: 24px;
  padding: 24px 0px 0px;
}

@media screen and (min-width: 768px) {
  .ProgramArea {
    border: #EBEEF1 solid 2px;
    padding: 24px 24px 40px;
  }
}

@media screen and (min-width: 1024px) {
  .ProgramArea {
    padding: 40px;
  }
}

.ProgramArea::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  height: 4px;
  background-color: #EBEEF1;
}

@media screen and (min-width: 768px) {
  .ProgramArea::before {
    display: none;
  }
}

.ProgramArea__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

@media screen and (min-width: 1024px) {
  .ProgramArea__head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
  }
}

.ProgramArea__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 0px;
}

@media screen and (min-width: 1024px) {
  .ProgramArea__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
    margin-top: 48px;
  }
}

.ProgramArea__figure {
  border: #D1D4D7 solid 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .ProgramArea__figure {
    width: 600px;
  }
}

.ProgramArea__content {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .ProgramArea__content {
    width: 428px;
  }
}

.ProgramArea__content > * + * {
  margin-top: 16px;
}

.ProgramArea__titleUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 16px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ProgramArea__titleUnit {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 1024px) {
  .ProgramArea__titleUnit {
    width: 428px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.ProgramArea__icon {
  width: 130px;
}

.ProgramArea__title {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.ProgramArea__subTitle {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 4px;
}

.ProgramArea__lessonHead.-pcNone {
  display: block;
}

@media screen and (min-width: 1024px) {
  .ProgramArea__lessonHead.-pcNone {
    display: none;
  }
}

.ProgramArea__lessonHead.-spNone {
  display: none;
}

@media screen and (min-width: 1024px) {
  .ProgramArea__lessonHead.-spNone {
    display: block;
  }
}

.ProgramArea__lesson {
  font-weight: bold;
  font-size: 1.8rem;
  color: #7F8288;
  margin: 16px 0px 4px;
}

.ProgramArea__heading {
  margin-top: 0px;
  padding: 8px;
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #0087D2;
}

.ProgramArea__subHeading {
  font-weight: bold;
  font-size: 1.9rem;
  margin-top: 16px;
}

/* QAList */
.QAList {
  margin-top: 40px;
}

.QAList__item + .QAList__item {
  margin-top: 16px;
}

.QAList__item.-opened .QAList__questText {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px 4px 0px 0px;
}

.QAList__item.-opened .QAList__questText::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.QAList__questText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  position: relative;
  width: 100%;
  padding: 16px 56px 16px 16px;
  border-radius: 4px;
  border: #D1D4D7 solid 1px;
  background-color: #ffffff;
  -webkit-transition: opacity .2s , -webkit-box-shadow .3s;
  transition: opacity .2s , -webkit-box-shadow .3s;
  transition: box-shadow .3s , opacity .2s;
  transition: box-shadow .3s , opacity .2s , -webkit-box-shadow .3s;
  font-weight: bold;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .QAList__questText:hover {
    opacity: .8;
  }
}

.QAList__questText::before, .QAList__questText::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}

.QAList__questText::before {
  background-image: url("https://www.bizmates.jp/corp/common/image/faq_question.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.QAList__questText::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 18px;
  bottom: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  -webkit-transition: -webkit-transform ease .3s;
  transition: -webkit-transform ease .3s;
  transition: transform ease .3s;
  transition: transform ease .3s, -webkit-transform ease .3s;
}

.QAList__answerContent {
  overflow: hidden;
  height: 0;
  border-radius: 0px 0px 4px 4px;
  background-color: #EBEEF1;
  margin: -1px 0px 0px;
  -webkit-transition: margin .3s;
  transition: margin .3s;
}

.QAList__answerInner {
  padding: 24px;
}

.QAList__answerInner > * + * {
  margin-top: 40px;
}

@media screen and (min-width: 1024px) {
  .QAList__answerInner {
    padding: 40px;
  }
}

.QAList__answerBody {
  padding: 24px;
}

@media screen and (min-width: 768px) {
  .QAList__answerBody {
    padding: 24px 40px 40px;
  }
}

.QAList__answerText {
  position: relative;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  padding: 0px 0px 40px;
}

@media screen and (min-width: 768px) {
  .QAList__answerText {
    font-size: 2.4rem;
  }
}

.QAList__answerText::before, .QAList__answerText::after {
  content: "";
  display: block;
}

.QAList__answerText::before {
  width: 48px;
  height: 48px;
  background-image: url("https://www.bizmates.jp/corp/common/image/faq_answer.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0px auto 24px;
}

.QAList__answerText::after {
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background-color: #0087D2;
}

/* SectionHeader */
.SectionHeader {
  margin-top: 40px;
}

.SectionHeader__content {
  background-color: #DEEEF7;
  padding: 16px 16px 24px;
}

@media screen and (min-width: 768px) {
  .SectionHeader__content {
    padding: 40px;
  }
}

.SectionHeader__mvText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
  .SectionHeader__mvText {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 40px;
  }
}

.SectionHeader__mvText.-hasBg {
  background-color: #0087D2;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 1024px) {
  .SectionHeader__mvText.-hasBg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 40px;
  }
}

.SectionHeader__mvText.-hasBg .SectionHeader__text {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (min-width: 1024px) {
  .SectionHeader__mvText.-hasBg .SectionHeader__text {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.SectionHeader__mvText.-hasBg .SectionHeader__text, .SectionHeader__mvText.-hasBg .SectionHeader__mv {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .SectionHeader__mvText.-hasBg .SectionHeader__text, .SectionHeader__mvText.-hasBg .SectionHeader__mv {
    width: 50%;
  }
}

.SectionHeader__text, .SectionHeader__mv {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .SectionHeader__text, .SectionHeader__mv {
    width: 50%;
  }
}

.SectionHeader__mv.-hasBadge {
  position: relative;
}

.SectionHeader__mv.-flexH .SectionHeader__image {
  height: 100%;
}

.SectionHeader__mv.-flexH img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.SectionHeader__text.-alignC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 1024px) {
  .SectionHeader__text.-alignC {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.SectionHeader__text.-alignC > * {
  margin: 0px 16px 24px;
}

@media screen and (min-width: 768px) {
  .SectionHeader__text.-alignC > * {
    margin: 40px 40px 40px 0px;
  }
}

.SectionHeader__badge {
  position: absolute;
  z-index: 1;
  width: 86px;
  right: -8px;
  bottom: -8px;
}

@media screen and (min-width: 768px) {
  .SectionHeader__badge {
    right: -24px;
    top: 110px;
    bottom: auto;
  }
}

@media screen and (min-width: 1024px) {
  .SectionHeader__badge {
    right: -24px;
    top: auto;
    bottom: -24px;
    width: 152px;
  }
}

.SectionHeader__list {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .SectionHeader__list {
    margin-top: 20px;
  }
}

.SectionHeader__figure {
  max-width: 822px;
  margin: 40px auto 0px;
}

/* Slider */
.Slider {
  width: 100%;
  padding:20px 160px;
  max-width:1280px;
  background-color:rgb(0 0 0 / 15%);
}
@media screen and (max-width: 768px) {
  .Slider {
    padding:20px;
  }
}

.Slider__item {
  max-height: 380px;
}


.Slider__item img {
  width: 100%;
  height: auto;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  width: 100%;
  height: 8px;
  text-align: center;
  margin-top: 24px;
}

.swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #aaa;
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background-color: #7F8288;
}

.Slider__link {
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

.Slider__link:hover {
  opacity: .8;
}

/* Filter */
.Filter__heading {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 16px 0px;
  color: #ffffff;
  background-color: #0087D2;
}

.Filter__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  background-color: #DEEEF7;
}

.Filter__footnotes {
  grid-area: FilterFootnotes;
  color:#141821;
  font-size:10px;
  text-align: right;
  margin-top: 8px;
}

.Filter__footnotes.-spNone {
  display: none;
}

.Filter__footnotes.-pcNone {
  display: block;
  margin-top: 0;
}

.CommonNotes {
  font-size: 1rem;
  font-weight: 400;
  color: #7F8288;
  line-height: 1.8;
}

@media screen and (min-width: 768px) {
  .Filter__body {
    column-gap: 24px;
    row-gap: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: grid;
    grid-template-areas:
      "FilterTitle FilterButtons"
      "FilterTitle FilterFootnotes";
  }

  .Filter__footnotes.-spNone {
    display: block;
  }

  .Filter__footnotes.-pcNone {
    display: none;
  }
}

.Filter__body + .Filter__body {
  margin-top: 0px;
  padding-top: 0px;
}

@media screen and (min-width: 768px) {
  .Filter__body + .Filter__body {
    margin-top: 8px;
    padding-top: 24px;
  }
}

.Filter__body.-typeB {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

@media screen and (min-width: 768px) {
  .Filter__body.-typeB {
    gap: 64px;
  }
}

.Filter__body.-spNone {
  display: none;
}

@media screen and (min-width: 768px) {
  .Filter__body.-spNone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
  }
}

.Filter__body.-hidden {
  display: none;
}

@media screen and (min-width: 768px) {
  .Filter__body.-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.Filter__title {
  font-size: 2rem;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  grid-area: FilterTitle
}

@media screen and (min-width: 768px) {
  .Filter__title {
    font-size: 2.2rem;
  }
}

.Filter__title br {
  display: none;
}

@media screen and (min-width: 768px) {
  .Filter__title br {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .Filter__title br {
    display: none;
  }
}

.Filter__buttons {
  display: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 4px;
  grid-area: FilterButtons;
}

@media screen and (min-width: 768px) {
  .Filter__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.Filter__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 8px;
}

@media screen and (min-width: 768px) {
  .Filter__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
  }
}

.Filter__radio {
  display: none;
}

.Filter__radio:checked + .Filter__button {
  color: #ffffff;
  background-color: #0087D2;
}

.Filter__buttonUnit {
  width: calc(50% - 4px);
}

@media screen and (min-width: 768px) {
  .Filter__buttonUnit {
    width: calc(33.33% - 4px);
  }
}

@media screen and (min-width: 1024px) {
  .Filter__buttonUnit {
    width: calc(25% - 4px);
  }
}

.Filter__button {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  height: 100%;
  color: #0087D2;
  padding: 8px;
  background-color: #ffffff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: opacity ease .2s;
  transition: opacity ease .2s;
}

.Filter__button:hover {
  opacity: .8;
}

.Filter__button.-reset {
  text-align: right;
  border: #0087D2 solid 1px;
  width: 100%;
  max-width: 240px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-bottom: 9px;
  padding-right: 84px;
  vertical-align: middle;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-reset.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 60px center;
}

@media screen and (min-width: 768px) {
  .Filter__button.-reset {
    margin-right: 0px;
    max-width: 256px;
  }
}

.Filter__button.-hidden {
  display: none;
}

@media screen and (min-width: 768px) {
  .Filter__button.-hidden {
    display: block;
  }
}

.Filter__pulldown {
  position: relative;
  width: 100%;
  max-width: 240px;
}

@media screen and (min-width: 768px) {
  .Filter__pulldown {
    min-width: 200px;
    width: calc(50% - 24px);
  }
}

.Filter__pulldown::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-pulldown.svg");
  background-size: 24px;
  pointer-events: none;
}

.Filter__pulldown select {
  padding: 16px 24px;
  background-color: #ffffff;
  border: #0087D2 solid 1px;
  border-radius: 999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1;
  width: 100%;
  cursor: pointer;
}

.Filter__pulldown.-pcNone {
  display: block;
}

@media screen and (min-width: 768px) {
  .Filter__pulldown.-pcNone {
    display: none;
  }
}

.Filter__more {
  border: none;
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .Filter__more {
    display: none;
  }
}

/* SwitchArea */
.SwitchArea__body {
  position: relative;
}

.SwitchArea__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.SwitchArea__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .SwitchArea__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 2.8rem;
  }
}

.SwitchArea__trigger {
  display: none;
  z-index: 1;
  width: 100%;
  border: none;
  border-top: #7F8288 solid 4px;
  color: #7F8288;
  padding: 16px 0px;
  font-size: 2rem;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .SwitchArea__trigger {
    display: block;
  }
}

.SwitchArea__trigger.-active {
  border-top: #0087D2 solid 4px;
  color: #0087D2;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 20px #00000026;
          box-shadow: 0px 3px 20px #00000026;
}

.SwitchArea__anchor {
  display: block;
  z-index: 1;
  width: 100%;
  border: none;
  border-top: #0087D2 solid 4px;
  color: #0087D2;
  padding: 16px 0px;
  font-size: 1.5rem;
  font-weight: 500;
  -webkit-box-shadow: 0px 3px 20px #00000026;
          box-shadow: 0px 3px 20px #00000026;
  text-align: center;
}

.SwitchArea__anchor::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("https://www.bizmates.jp/corp/common/image/icon-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .SwitchArea__anchor {
    display: none;
  }
}

.SwitchArea__figure {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  .SwitchArea__figure {
    max-width: none;
  }
}

.SwitchArea__figureFoot {
  text-align: right;
  margin-top: 16px;
}

.SwitchArea__figureFoot > * + * {
  margin-top: 8px;
}

.SwitchArea__figureFoot.-hideMinSP {
  display: none;
}

@media screen and (min-width: 768px) {
  .SwitchArea__figureFoot.-hideMinSP {
    display: block;
  }
}

.SwitchArea__panel {
  display: block;
  margin-top: 16px;
  padding: 16px 16px 40px;
  border-top: #0087D2 solid 4px;
  -webkit-box-shadow: 0px 3px 20px #00000026;
          box-shadow: 0px 3px 20px #00000026;
}

@media screen and (min-width: 768px) {
  .SwitchArea__panel {
    display: none;
    padding: 40px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: none;
    margin-top: 0px;
  }
}

.SwitchArea__panel.-show {
  display: block;
  position: relative;
  -webkit-box-shadow: 0px 3px 20px #00000026;
          box-shadow: 0px 3px 20px #00000026;
}

.SwitchArea__panel.-show::after {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 20px;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  .SwitchArea__panel.-show::after {
    display: block;
  }
}

.SwitchArea__panel.-hasAction {
  padding: 16px 16px 0px;
}

@media screen and (min-width: 768px) {
  .SwitchArea__panel.-hasAction {
    padding: 40px 40px 0px;
  }
}

.SwitchArea__panel > * + * {
  margin-top: 40px;
}

/* TableBox */
.TableBox {
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  padding-bottom: 16px;
  max-width: 832px;
}

@media screen and (min-width: 768px) {
  .TableBox {
    margin-top: 40px;
  }
}

.TableBox.-large {
  max-width: 1000px;
}

.TableBox__notes {
  margin-top: 16px;
}

/* TextCard */
.TextCard {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .TextCard {
    width: calc(33.33% - 24px);
  }
}

.TextCard__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  background-color: #ffffff;
  border: #D1D4D7 solid 1px;
  padding: 24px 8px;
}

@media screen and (min-width: 768px) {
  .TextCard__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 1024px) {
  .TextCard__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    padding: 40px 16px;
  }
}

.TextCard__descUnit {
  text-align: center;
  width: 388px;
  margin-top: 0px;
}

@media screen and (min-width: 1024px) {
  .TextCard__descUnit {
    width: auto;
    margin-top: auto;
  }
}

.TextCard__subTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.TextCard__subTitle br {
  display: block;
}

@media screen and (min-width: 768px) {
  .TextCard__subTitle br {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .TextCard__subTitle br {
    display: block;
  }
}

.TextCard__title {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  text-align: center;
}

.TextCard__thumbLogo {
  display: inline-block;
  max-width: 200px;
  margin-top: 4px;
}

.TextCard__thumb {
  width: 100%;
  margin: 24px auto 0px;
  max-width: 140px;
}

@media screen and (min-width: 768px) {
  .TextCard__thumb {
    max-width: 216px;
  }
}

/* TrainerCard */
.TrainerCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 0px;
}

@media screen and (min-width: 768px) {
  .TrainerCard {
    margin-top: 40px;
  }
}

.TrainerCard.-col3 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .TrainerCard.-col3 {
    width: calc(50% - 12px);
  }
}

@media screen and (min-width: 1024px) {
  .TrainerCard.-col3 {
    width: calc(33.33% - 16px);
  }
}

@media screen and (min-width: 1280px) {
  .TrainerCard.-col3 {
    width: calc(33.33% - 24px);
  }
}

.TrainerCard__avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 142px;
}

@media screen and (min-width: 768px) {
  .TrainerCard__avatar {
    width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .TrainerCard__avatar {
    width: 128px;
  }
}

.TrainerCard__textUnit {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .TrainerCard__textUnit {
    width: 50%;
  }
}

@media screen and (min-width: 1280px) {
  .TrainerCard__textUnit {
    width: 100%;
  }
}

.TrainerCard__tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.TrainerCard__tagItem {
  display: inline-block;
  padding: 4px 8px;
  border: #0087D2 solid 1px;
}

.TrainerCard__tagItem.-fill {
  color: #ffffff;
  background-color: #0087D2;
}

.TrainerCard__tagItem.-outline {
  color: #0087D2;
  background-color: #ffffff;
}

.TrainerCard__desc {
  margin-top: 8px;
}

/* WhitePaper */
.WhitePaperCardContainer {
  margin-top: 56px;
  margin-bottom: 56px;
}

.WhitePaperCard {
  column-gap: 40px;
  display: flex;
  min-height: 247px;
  padding-bottom: 40px;
}

.WhitePaperCardContainer a .WhitePaperCard:first-child {
  margin-top: 40px;
  border-bottom: 1px solid #D1D4D7;
}

.WhitepaperCard__image {
  max-width: 300px;
  width: 100%;
}

.WhitepaperCard__details {
  align-self: center;
}

.WhitepaperCard__heading {
  color: #0087D2;
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 16px;
}

.WhitepaperCard__body {
  font-size: 1.6rem;
  margin-bottom: 16px;
}

.WhitePaperCardContainer .MainContent__sectionSubHeading:not(:first-child) {
  margin-top: 72px;
}

@media screen and (max-width: 767px){
  .WhitePaperCard {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  
  .WhitePaperCardContainer .MainContent__sectionSubHeading:not(:first-child) {
    margin-top: 56px;
  }

  .WhitepaperCard__body, .WhitepaperCard__heading {
    text-align: left;
  }
  
}

/* Inquiry-corp */
.ColumnArea#section_corp_details {
  width: 100%;

}

.MainContent__body.-detail#corp_body {
  padding: 0 0 40px;
}



.MainContent__body.-detail#corp_body .PageSection{
  padding: 40px 12px;
}

.MainContent__sectionTitle#section_corp_title{
  margin-top: 0;
}

.blue-tag {
  align-items: center;
  border: 1px solid #1287CD;
  color: #1287CD;
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  height: 46px;
  justify-content: center;
  letter-spacing: 0;
  margin: 0 auto;
  width: 192px;
}

@media screen and (min-width: 768px) {
  .MainContent__body.-detail#corp_body .PageSection{
    padding: 64px 40px 40px;
  }
}

@media screen and (min-width: 1024px) {
  .ColumnArea#section_corp_details {
    margin: 40px auto;
    max-width: 1060px;
    width: 100%;
  }

  .p-inquiry-form-area {
    min-height: 1375px;
  }

  .p-request-form-area {
    min-height: 1029px;
  }
  
  .p-quote-form-area {
    min-height: 1661px;
  }

  .MainContent__body.-detail#corp_body {
    padding: 40px 0;
  }

  .MainContent__body.-detail#corp_body .PageSection{
    padding: 40px 40px;
  }
}

@media screen and (max-width: 1023px) {
  .p-inquiry-form-area, .p-request-form-area, .p-quote-form-area {
    min-height: 78vh;
  }
}

/* Other Links Footer */
.other-links-container {
  background-color: #fff;
  border-top: 4px solid #0087D2;
  padding: 40px 16px;
}

.other-links-container .other-links-heading {
  font-size: 2.4rem;
  margin-bottom: 8px;
}

.other-links-subheading {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}

.other-links {
  margin-top: 40px;
  font-family: "Noto Sans JP", sans-serif;
}


.other-links .links-item {
  padding-bottom: 40px;
}

.other-links .links-item:not(:first-child) {
  padding-top: 40px;
}

.other-links .links-item:not(:last-child) {
  border-bottom: solid 1px #D1D4D7;
}

.other-links-image {
  width:343px;
  height: auto;
  margin: 0 auto 32px; 
  display: block;
}

.other-links-logo {
  display: block;
  margin: 0 auto 26px;
}

.other-links-logo.gtalent-logo {
  height: 36px;
}

.other-links-logo.gittap-logo {
  height: 42px;
}

.label-items {
  background-color: #EBEEF1;
  border-radius: 95px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 8px 12px;
  text-align: center;
  width: 100%;
}

.link-details--labeled .label-items:not(:last-child) {
  margin-bottom: 12px;
}

.link-details--labeled {
  margin: 0 auto 24px;
  max-width: 343px;
  width: 100%;
}

.link-details {
  font-weight: normal;
}

.link-details ul {
  position: relative;
}

.link-details ul li{
  margin-left: 24px;
}

.link-details ul li:not(:last-child){
  margin-bottom: 4px;
}


.link-details ul li::before{
  content: '';
  background: #0087D2 0% 0% no-repeat padding-box;
  height: 1px;
  left: 12px;
  margin-top: 12px;
  position: absolute;
  width: 8px;
}

.link-details .link-button {
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 32px auto 0;
  text-align: center;
  width: 200px;
}

@media screen and (min-width: 768px) {
  .other-links-container {
    padding: 64px 40px;
  }

  .other-links-container .other-links-heading {
    margin-bottom: 21px;
  }

  .other-links {
    margin-top: 24px;
  }

  .links-item {
    display: grid;
    grid-template-areas:
      "otherLinksIcon linkDetailsLabeled"
      "otherLinksImage linkDetails";
    column-gap: 40px;
    grid-template-columns: 1fr 405px;
    margin: 0 auto;
    row-gap: 24px;
    width: 701px;
  }

  .other-links-image {
    grid-area: otherLinksImage;
    margin: 24px auto 0;
    width: 243px;
  }

  .other-links-logo {
    align-self: flex-end;
    grid-area: otherLinksIcon;
    margin-bottom: 0;
    width: 126px;
  }

  .link-details--labeled {
    grid-area: linkDetailsLabeled;
    margin-bottom: 0;
  }

  .link-details {
    grid-area: linkDetails
  }

  .other-links-logo.gtalent-logo {
    width: 180px;
  } 

  .other-links-logo.gittap-logo {
    width: 138px;
  }

  .other-links .links-item:not(:first-child) {
    padding-top: 32px;
  }

  .other-links .links-item {
    padding-bottom: 32px;
  }
}

@media screen and (min-width: 1024px) {
  .other-links-container {
    padding: 0;
  }

  .other-lnks-wrapper {
    margin: 0 auto;
    width: 1024px;
    padding: 48px 24px 64px;
  }
  
  .other-links-container .other-links-heading {
    font-size: 2.8rem;
    margin-bottom: 16px;
  }

  .other-links {
    display: flex;
    margin-top: 40px;
  }

  .links-item {
    grid-template-areas:
      "otherLinksImage"
      "otherLinksIcon"
      "linkDetailsLabeled"
      "linkDetails";
    grid-template-columns: 1fr;
    grid-template-rows: 186.8px 108px 123px 1fr;
    row-gap: 0;
  }

  .other-links .links-item:not(:first-child) {
    padding-top: 0;
  }

  .other-links-image {
    margin-top: 0;
    width: 287px;
  }

  .links-item {
    padding: 0 28px;
  }

  .links-item:first-child {
    padding: 0 28px 0 0;
  }

  .links-item:last-child {
    padding: 0 0 0 28px;
  }

  .other-links .links-item:not(:last-child) {
    border-bottom: none;
    border-right: solid 1px #D1D4D7;
  }

  .other-links-logo {
   align-self: center;
  }

  .other-links .links-item {
    padding-bottom: 0;
  }

  .link-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 24px auto 0;
    width: 287px;
  }

  .link-details--labeled {
    margin: 0 auto;
    width: 287px;
  }
  
}

@media screen and (min-width: 1280px) {
  .other-lnks-wrapper {
    padding: 64px 40px;
    width: 1280px;
  }

  .other-links {
    min-height: 737px;
  }

  .other-links-image {
    width: 338px;
  }

  .links-item {
    grid-template-rows: 220px 108px 132px 1fr;
  }

  .label-items {
    font-size: 1.4rem;
  }

  .link-details, .link-details--labeled {
    width: 338px;
  }
}

@media screen and (max-width: 768px) {
  .JPX_logo_container_footer_sp {
    display: inline-block;
  }

  .JPX_logo_container_footer_pc {
    display: none;
  }
}

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

  .JPX_logo_container_footer_pc {
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: 100px;
    right: 68px;
    margin-top: 14px;
    margin-left: 14px;
  }
}

@media screen and (min-width: 1536px) {
  .JPX_logo_container_footer_pc {
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: 100px;
    right: 80px;
    margin-top: 14px;
    margin-left: 14px;
  }
}

.JPX_logo_footer_sp {
  margin-top: 40px;
  max-height: 56px;
  min-height: 56px;
}

.JPX_logo_footer_pc {
  max-height: 56px;
  min-height: 56px;
}


/* add Video Lesson 20240416 START */
.wide-view {
  display:block;
}
.narrow-view {
  display: none !important;
}
h5.corp-videoTitle{
  font-size:1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
ul.corp-videoFeatures{
  display:flex;
  margin:40px auto;
  justify-content: space-between;
}
ul.corp-videoFeatures li{
  width:100%;
  text-align:center;
  padding:10px 3%;
  font-size: 1.4rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  box-sizing: border-box;
}
ul.corp-videoFeatures li img{
  border:1px solid #D1D4D7;
}
ul.corp-videoFeatures li p{
  margin:5px 0 0;
}

@media screen and (max-width: 768px) {
  h5.corp-videoTitle{
    font-size:1.6rem;
  }
  ul.corp-videoFeatures{
    margin:20px auto 0;
    flex-wrap: wrap;
  }
  ul.corp-videoFeatures li{
    width:50%;
    padding:10px 2% 10px 0;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.6;
  }
  ul.corp-videoFeatures li:nth-of-type(2n){
    padding:10px 0 10px 2%;
  }
  ul.corp-videoFeatures li img{
    width:100%;
  }
  .narrow-view {
    display: block !important;
  }
  .wide-view {
    display: none !important;
  }

}
/* add Video Lesson 20240416 END */



/* add Self Development 20240502 START */
.corp-selfDevelopment-point{
  display: flex;
  justify-content: space-between;
}
.corp-selfDevelopment-pointIn{
  width:28%;
  background-color: #E7F3FA;
  padding:56px 0;
  text-align: center;
  position: relative;
}
.corp-selfDevelopment-pointIn{
  background-image: url("https://www.bizmates.jp/corp/common/image/self-development_point01.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
}
.corp-selfDevelopment-pointIn:nth-of-type(2){
  background-image: url("https://www.bizmates.jp/corp/common/image/self-development_point02.svg");
}
.corp-selfDevelopment-pointIn:nth-of-type(3){
  background-image: url("https://www.bizmates.jp/corp/common/image/self-development_point03.svg");
}
.corp-selfDevelopment-pointIn p:nth-of-type(1){
  /*font-family: "Cormorant Infant", serif;*/
  font-family: "Noto Sans JP", sans-serif;
  color: #0087D2;
  font-size: 20px;
  font-weight: 300;
  position: absolute;
  top:-26px;
  left: 10px;
}
.corp-selfDevelopment-pointIn p:nth-of-type(1) span{
  font-size: 32px;
}
.corp-selfDevelopment-pointIn p:nth-of-type(2){
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
  font-size: 1.13em;
}
.corp-selfDevelopment-pointIn p:nth-of-type(2) strong{
  background-color: #FFED56;
}

@media screen and (max-width: 1000px) {
  .corp-selfDevelopment-pointIn{
    width:32%;
  }
}

@media screen and (max-width: 768px) {
  .corp-selfDevelopment-point{
    display: block;
  }
  .corp-selfDevelopment-pointIn{
    width:100%;
    margin-top:30px;
  }
}


h5.corp-selfDevelopment__sectionSubHeading{
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2em;
}
.corp-selfDevelopment-flowTtl-pc{
  display: flex;
  justify-content: space-between;
}
.corp-selfDevelopment-flowTtl-pc div{
  width: 38%;
  text-align: center;
  font-size: 0.875em;
  background-color: #99CFED;
  padding:10px 0;
  line-height: 1;
  border-radius: 4px;
}
.corp-selfDevelopment-flowTtl-pc div:nth-of-type(2){
  width: 58%;
  background-color: #E7F3FA;
}
.corp-selfDevelopment-flow-pc{
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 80px;
}
.corp-selfDevelopment-flow-pc div{
  width: 18%;
  text-align: center;
  position: relative;
}
.corp-selfDevelopment-flow-pc div:after{
  content: '';
  display: inline-block;
  width: 8px;
  height: 16px;
  background-image: url("https://www.bizmates.jp/corp/common/image/self-development_flow-arrow.svg");
  position: absolute;
  top: 30%;
  right: -18px;
  background-repeat: no-repeat;
}
.corp-selfDevelopment-flow-pc div:nth-of-type(5):after{
  background: none;
}
.corp-selfDevelopment-flow-pc div p:nth-of-type(1){
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.13em;
  margin-top: 24px;
  margin-bottom: 35px;
  display: inline-block;
  position: relative;
}
.corp-selfDevelopment-flow-pc div p:nth-of-type(1):before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 37px;
  height: 2px;
  transform: translate(-50%);
  background-color: #0087D2;
}
.corp-selfDevelopment-flow-pc div p:nth-of-type(2){
  font-weight: 400;
  font-size: 0.875em;
}
.corp-selfDevelopment-flow-pc div p:nth-of-type(2) strong{
  font-weight: 700;
  color: #0087D2;
}

@media screen and (max-width: 1100px) {
  .corp-selfDevelopment-flow-pc div:after{
    top: 25%;
    right: -18px;
  }
}

@media screen and (max-width: 1000px) {
  .corp-selfDevelopment-flow-pc div:after{
    top: 20%;
    right: -14px;
  }
}

@media screen and (min-width: 767px) {
  .corp-selfDevelopment-flowTtl-sp{
    display: none;
  }
  .corp-selfDevelopment-flow-sp{
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .corp-selfDevelopment-flow-pc{
    display: none;
  }
  .corp-selfDevelopment-flowTtl-pc{
    display: none;
  }
  div.corp-selfDevelopment-flowTtl-sp{
    width: 90%;
    text-align: center;
    font-size: 1em;
    background-color: #99CFED;
    padding:5px 0;
    line-height: 1;
    border-radius: 4px;
    margin:0 auto 10px;
  }
  div.corp-selfDevelopment-flowTtl-sp02{
    width: 90%;
    text-align: center;
    font-size: 1em;
    background-color: #E7F3FA;
    padding:5px 0;
    line-height: 1;
    border-radius: 4px;
    margin:0 auto 15px;
  }

  .corp-selfDevelopment-flow-sp{
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    margin-bottom: 80px;
  }
  .corp-selfDevelopment-flow-sp div{
    text-align: center;
    position: relative;
  }
  .corp-selfDevelopment-flow-sp div.swiper-slide:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 16px;
    background-image: url("https://www.bizmates.jp/corp/common/image/self-development_flow-arrow.svg");
    position: absolute;
    top: 35%;
    right: -8px;
    background-repeat: no-repeat;
  }
  .corp-selfDevelopment-flow-sp div.swiper-slide:nth-of-type(5):after{
    background: none;
  }
  .corp-selfDevelopment-flow-sp div p:nth-of-type(1){
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.3em;
    margin-top: 24px;
    margin-bottom: 35px;
    display: inline-block;
    position: relative;
  }
  .corp-selfDevelopment-flow-sp div p:nth-of-type(1):before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    display: inline-block;
    width: 37px;
    height: 2px;
    transform: translate(-50%);
    background-color: #0087D2;
  }
  .corp-selfDevelopment-flow-sp div p:nth-of-type(2){
    font-weight: 400;
    font-size: 1em;
  }
  .corp-selfDevelopment-flow-sp div p:nth-of-type(2) strong{
    font-weight: 700;
    color: #0087D2;
  }
  .swiper{
    display: block !important;
  }
  .corp-selfDevelopment-flow-sp .swiper-pagination{
    width:100% !important;
    height:20px;
  }
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}
.corp-selfDevelopment-flow-sp .swiper-slide{width:95%;}
.corp-selfDevelopment-flow-sp .swiper-slide img {
  height: auto;
  width: 90%;
  vertical-align: middle;
}


.corp-selfDevelopment-cover{
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.corp-selfDevelopment-coverBox{
  width: 30%;
}
.corp-selfDevelopment-coverBox p{
  font-size: 0.875em;
  margin-top: 10px;
}
.corp-selfDevelopment-coverIn{
  background-color: #E7F3FA;
  display: flex;
  padding: 20px 20px;
  justify-content: space-between;
  align-items: center;
}
.corp-selfDevelopment-coverIn p{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1em;
  margin-top: 0;
}
.corp-selfDevelopment-coverIn img{
  width: 36%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .corp-selfDevelopment-cover{
    display:block;
  }
  .corp-selfDevelopment-coverBox{
    width: 100%;
    margin-top:30px;
  }
}


.corp-selfDevelopment-costperformance{
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.corp-selfDevelopment-costperformance h5{
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2em;
}
.corp-selfDevelopment-costperformance h5 strong{
  font-weight: 700;
  color: #0087D2;
}
.corp-selfDevelopment-costperformance-discount{
  width: 48%;
  margin-right: 2%;
}
.corp-selfDevelopment-costperformance-discountIn{
  margin-top: 10px;
}
.corp-selfDevelopment-costperformance-time{
  width: 48%;
  margin-left: 2%;
  height: 100%;
}
.corp-selfDevelopment-costperformance-timeIn{
  margin-top: 10px;
  display: flex;
  background-color: #EBEEF1;
  padding: 20px;
  justify-content: space-between;
}
.corp-selfDevelopment-costperformance-timeIn-boxInside{
  background-color: #fff;
  width:48%;
  text-align: center;
  padding:20px 0;
}
.corp-selfDevelopment-costperformance-timeIn-boxInside img{
  width: 50%;
  height: auto;
}
.corp-selfDevelopment-costperformance-timeIn-boxInside p{
  color: #0087D2;
  margin-top:10px;
  font-weight: 500;
}

@media screen and (max-width: 1150px) {
  .corp-selfDevelopment-costperformance{
    display: block;
  }
  .corp-selfDevelopment-costperformance-discount{
    width: 48%;
    margin: auto;
  }
  .corp-selfDevelopment-costperformance-time{
    width: 48%;
    margin: 30px auto 0;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .corp-selfDevelopment-costperformance{
    display: block;
  }
  .corp-selfDevelopment-costperformance-discount{
    width: 100%;
    margin-right: 0;
  }
  .corp-selfDevelopment-costperformance-time{
    width: 100%;
    margin-left: 0;
    height: auto;
    margin-top: 30px;
  }
  .corp-selfDevelopment-costperformance-timeIn{
    padding: 10px;
  }
}

@media screen and (min-width: 767px) {
  .corp-selfDevelopment-costperformance-time br{
    display:none;
  }
}

.corp-selfDevelopment__notes{
  font-size: 14px;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .corp-selfDevelopment__notes{
    font-size: 12px;
  }
}
/* add Self Development 20240502 END */




/* ------------------------------------------------ Top Renewal 202408 START ------------------------------------------------ */
.LogoSlideArea{text-align: center;margin:auto;}
.LogoSlide_button{margin:10px auto 30px;}
span.blue-txt{color:#0087D2;}


@media screen and (max-width: 660px) {
  .FVArea__visual{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_fv-bg375.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    padding:12px 0 0;
  }
  .FVArea__txt{
    width:74%;
    margin:auto;
  }
  .FVArea__btn{
    text-align: center;
  }
  .FVArea__btn img{
    width:90%;
    height: auto;
    margin:120px auto 10px;
  }
}

@media screen and (min-width: 661px) {
  .FVArea__visual{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_fv-bg1024.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding:60px 2% 30px 8%;
    position: relative;
  }
  .FVArea__txt{
    width:44%;
    padding-bottom:20px;
  }
  .FVArea__btn{
    /*width:38%;*/
    width:48%;
    text-align: right;
    position: absolute;
    bottom:2%;
    /*right:6%;*/
    right:1%;
  }
  .FVArea__btn img{
    width:34%;
    height: auto;
  }
  .FVArea__btn a:hover img{
    opacity: 0.8;
  }
  /*.FVArea__btn{display:none;}*/
}


@media screen and (min-width: 1024px){
  .FVArea__visual{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_fv-bg1024.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding:60px 2% 20px 10%;
    position: relative;
  }
  .FVArea__txt{
    width:30%;
    padding-bottom:20px;
  }
  .FVArea__btn{
    /*width:14%;*/
    width:18%;
    text-align: right;
    position: absolute;
    bottom:2%;
    /*right:4%;*/
    right:1%;
  }
  .FVArea__btn img{
    width:100%;
    height: auto;
  }
  .FVArea__btn a:hover img{
    opacity: 0.8;
  }
}


@media screen and (min-width: 1536px) {
  .FVArea__visual{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_fv-bg1600.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding:60px 2% 40px 10%;
    position: relative;
  }
  .FVArea__txt{
    width:40%;
  }
  .FVArea__btn{
    /*width:40%;*/
    width:50%;
    text-align: right;
    position: absolute;
    bottom:2%;
    /*right:4%;*/
    right:1%;
  }
  .FVArea__btn img{
    width:26%;
    height: auto;
  }
  .FVArea__btn a:hover img{
    opacity: 0.8;
  }
}


.CommonCard__body__r {
  position: relative;
  background-color: #fff;
  padding: 16px;
  border-radius:10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .CommonCard__body__r {
    padding: 24px;
  }
}

.CommonCard__body__r > * + * {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .CommonCard__body__r > * + * {
    margin-top: 24px;
  }
}

.CommonCard__heading__r {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.CommonCard__heading__r span{
  background-color: #ffed56;
}

@media screen and (min-width: 1024px) {
  .CommonCard__heading__r {
    font-size: 2.0rem;
  }
}

.CommonCard__body__r.-col3 {
  width: calc(33.33% - 27px);
}
.CommonCard__image__r {
  margin-top: 0;
}
.worryCard__concTxt{
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .worryCard__concTxt{
    font-size: 2.0rem;
  }
}

.worryCard__concTxt span{
  background-color: #ffed56;
}

@media screen and (max-width: 768px) {
  .worryCard__concImg{
    text-align:center;
  }
 .worryCard__concImg img{
    width:30%;
    height:auto;
  }
}

.Case__list{
  display: block;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .Case__list{
    display: flex;
    flex-direction: row-reverse;
    gap:0 3.5%;
    padding-bottom: 60px;
  }
}

.Case__list{
  margin-bottom:60px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 60px;
  margin-top:80px;
}
.Case__list:last-of-type{
  border-bottom: none;
}
.Case__list__box-ph{
  flex-basis: 35%;
}
.Case__list__box-txt{
  flex-basis: 61.5%;
}
.Case__list__image{
  width:100%;
}
.Case__list__heading{
  font-size: 2.0rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin: 10px 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Case__list__heading{
    font-size: 2.0rem;
    margin:0 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .Case__list__heading{
    font-size: 2.8rem;
    margin:0 0 40px;
  }
}

.Case__list__box-prof{
  display: flex;
  gap:0 3%;
  align-items: center;
}
.Case__list__logo{
  flex-basis:27%;
}
@media screen and (min-width: 768px) {
  .Case__list__logo{
    flex-basis:24.5%;
  }
}
.Case__list__logo img{
  border:1px solid #ccc;
}
.Case__list__txt{
  flex-basis:70%;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 1024px) {
  .Case__list__txt{
    flex-basis:72.5%;
    font-size: 2.2rem;
    margin-bottom:20px;
  }
}
.Case__list__txt p{
  margin-bottom:10px;
}
.Case__list__txt a{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px solid #0087D2;
  border-radius: 8px;
  padding: 8px 2em;
  color:#0087D2;
  display: inline-block;
  text-align: center;
}
.Case__list__txt a:hover{
  opacity: .8;
}
@media screen and (min-width: 768px) {
  .Case__list__txt p{
    margin-bottom:20px;
  }
  .Case__list__txt a{
    font-size: 1.6rem;
    padding: 10px 2em;
  }
}

.Case__list__box-prof .LogoSlide_button{
  margin:0;
  text-align: center;
  padding:10px 3em;
}


.Principles__busen{
  margin-left:2%;
  margin-right:2%;
  display: block;
}
.Principles__busen__box-txt img{
  display:inline-block;
  width:38%;
  height:auto;
  vertical-align: baseline;
  margin-right:4px;
}
.Principles__busen__box-txt p:nth-of-type(1){
  font-size: 2.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom:20px;
  margin-top:20px;
  line-height: 1.8;
}
.Principles__busen__box-txt p:nth-of-type(1) span{
  background-color: #ffed56;
}
.Principles__busen__box-txt p:nth-of-type(2){
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .Principles__busen{
    display: flex;
    gap:0 2%;
    margin-left:2%;
    margin-right:2%;
    align-items: center;
    flex-direction: row-reverse;
  }
  .Principles__busen__image{
    /*flex-basis: 45%;*/
    flex-basis: 57%;
  }
  .Principles__busen__box-txt{
    /*flex-basis:51%;*/
    flex-basis:41%;
  }
  .Principles__busen__box-txt p:nth-of-type(1){
    font-size: 2.4rem;
    margin-bottom:40px;
    line-height: 2;
    margin-top:0;
  }
  .Principles__busen__box-txt p:nth-of-type(2){
    font-size: 1.8rem;
  }
}



.NavBox {
  border-bottom:1px solid #d9d9d9;
  padding:10px 10px 60px;
  text-align: center;
  position: relative;
}
.NavBox::after{
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: calc(50% + 12px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10px;
  width: 18px;
  height: 18px;
  background-image: url("https://www.bizmates.jp/corp/common/image/t_navbox_tri.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}
@media screen and (min-width: 768px) {
  .NavBoxOut{
    display: flex;
  }
  .NavBox {
    border-left:1px solid #d9d9d9;
    padding:10px 10px 60px;
    text-align: center;
    position: relative;
    flex-basis: calc(50% - 12px);
    border-bottom: none;
  }
  .NavBox:last-of-type {
    border-right:1px solid #d9d9d9;
    padding-right: 15px;
    border-bottom:none;
  }
}
@media screen and (min-width: 1024px) {
  .NavBox {
    flex-basis: 25%;
  }
  .NavBox:hover {
    background-color:#E7F3FA;
  }
}

.NavBox p:nth-of-type(1){
  font-family: "Noto Sans JP", sans-serif;
  font-size:2.2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  color:#0087D2;
}
.NavBox p:nth-of-type(1) span{
  font-size:3.2rem;
}
.NavBox p:nth-of-type(2){
  font-family: "Noto Sans JP", sans-serif;
  font-size:2.0rem;
  font-weight: 400;
  margin-top: 10px;
}

@media screen and (max-width: 1050px) {
  .NavBox br{
    display: none;
  }
}

.PageSection.-hasBorder{
  border-top: 2px solid #0087D2;
}

.PageSection.-hasBorder h3{
  font-size: 2.4rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.MainContent__sectionHeading.-pointno1{
  background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p01-no.svg?20240920");
  background-repeat: no-repeat;
  background-size: 52px auto;
  background-position: 10px 6px;
  padding:0 0 20px 80px;
  min-height: 100px;
}
.MainContent__sectionHeading.-pointno1 span{
  background-color: #ffed56;
}
.SectionHeader__content-p01{
  width:100%;
  margin:10px auto;
}
.SectionHeader__content-p01 p{
  margin-top:10px;
}

@media screen and (min-width: 768px) {
  .SectionHeader__content-p01{
    width:46%;
    margin:10px auto;
  }
  .MainContent__sectionHeading.-pointno1{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p01-no.svg?20240920");
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: 20px 6px;
    padding:20px 0 40px 120px;
    min-height: 100px;
    font-size:2.4rem;
  }
}

.SectionHeader__content-p01_beg{
  width:96%;
  margin:60px auto 10px;
  padding:30px 20px;
  background-color: #E7F3FA;
  /*display: flex;
  gap: 40px;*/
}
.SectionHeader__content-p01_beg p{
  margin-top:20px;
}
.SectionHeader__content-p01_beg h3{
  position: relative;
  padding-left:34px;
}
.SectionHeader__content-p01_beg h3:before{
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 0px;
  width: 24px;
  height: 30px;
  background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p01-icon01.svg");
  background-repeat: no-repeat;
  background-size: 24px 30px;
  background-position: center;
  background-color: transparent;
}
.SectionHeader__content-p01_beg div:nth-of-type(1) p span{
  font-weight: bold;
}
.SectionHeader__content-p01_beg div:nth-of-type(2){
  margin:20px auto 0;
  text-align: center;
}
.SectionHeader__content-p01_beg div:nth-of-type(2) img{
  width:180px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .SectionHeader__content-p01_beg{
    width:86%;
    margin:60px auto 10px;
    padding:36px 50px;
    display: flex;
    gap: 40px;
  }
  .SectionHeader__content-p01_beg div:nth-of-type(2){
    margin:0;
  }
  .SectionHeader__content-p01_beg p{
    line-height: 1.8;
  }
}



/*お悩み*/
.Content__cardBox-p01{
  display: block;
}
@media screen and (min-width: 768px) {
  .Content__cardBox-p01{
    display: flex;
    flex-wrap: wrap;
    gap:40px 4%;
  }
}

.Content__card-p01{
  padding:10px 2% 30px;
  border-radius:10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin:30px 0;
}
@media screen and (min-width: 768px) {
  .Content__card-p01{
    flex-basis: 30%;
    padding:10px 1% 30px;
    border-radius:10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  }
}

.Content__card-p01 p{
  line-height: 1.8;
}
.Content__card-p01 p span{
  background-color: #ffed56;
  font-weight: bold;
}
.Content__card-p01.-cardno1 p{
  margin-top:15px;
  text-align: center;
}
.Content__card-p01.-cardno2 p{
  margin-top:15px;
  text-align: center;
}
.Content__card-p01.-cardno3 p{
  margin-top:15px;
  text-align: center;
}

@media screen and (min-width: 900px) {
  p.worryCard__concTxt br{display:none;}
}



.MainContent__sectionHeading.-pointno2{
  background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p02-no.svg?20240920");
  background-repeat: no-repeat;
  background-size: 52px auto;
  background-position: 10px 6px;
  padding:0 0 20px 80px;
  min-height: 100px;
}
.MainContent__sectionHeading.-pointno2 span{
  background-color: #ffed56;
}
.SectionHeader__content-p02{
  margin:10px auto 40px;
  text-align: center;
}
.SectionHeader__content-p02 img{
  width:80%;
  text-align: center;
}
.SectionHeader__content-p02 p{
  margin-top:10px;
}
.SectionHeader__content-p02 h3{
  margin-top:100px;
  font-size: 2.0rem !important;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
.SectionHeader__content-p02 h3 span{
  color:#0087D2;
  font-size:1.8rem !important;
}

@media screen and (max-width: 767px) {
  .pcImg{
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .MainContent__sectionHeading.-pointno2{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p02-no.svg?20240920");
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: 20px 6px;
    /*padding:20px 0 40px 120px;*/
    padding:30px 0 30px 120px;
    min-height: 100px;
    font-size:2.4rem;
  }
  .SectionHeader__content-p02{
    margin:10px auto 40px;
    text-align: center;
  }
  .SectionHeader__content-p02 img{
    width:66%;
    text-align: center;
  }
  .SectionHeader__content-p02 p{
    margin-top:10px;
  }
  .SectionHeader__content-p02 h3{
    margin-top:100px;
    font-size: 2.4rem !important;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
  }
  .SectionHeader__content-p02 h3 span{
    font-size:2.0rem !important;
  }
  .spImg{
    display: none;
  }
}

.Content__cardBox-p02{
  display: block;
}
@media screen and (min-width: 768px) {
  .Content__cardBox-p02{
    display: flex;
    flex-wrap: wrap;
    gap:40px 4%;
    margin:60px;
  }
}

.Content__card-p02{
  padding:30px 4%;
  border-radius:10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin:30px 0;
  font-size: 1.6rem;
  position:relative;
}
.Content__card-p02:hover{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
  .Content__card-p02{
    flex-basis: 48%;
    /*padding:30px 4%;*/
    padding:30px 3% 20px;
    border-radius:10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    margin:0;
    position:relative;
  }
}

.Content__card-p02 p{
  line-height: 1.8;
  margin-top:25px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .Content__card-p02 p{
    margin-top:45px;
  }
}

.Content__card-p02 p span{
  background-color: #ffed56;
  font-weight: bold;
  position:absolute;
  right:16px;
  bottom:12px;
}
.Content__card-p02 img{
  vertical-align: middle;
}
.Content__card-p02.-cardno1 img{
  display: inline-block;
}
.Content__card-p02.-cardno1 img.cardLogo{
  width: 60%;
  height: auto;
  margin-right: 2%;
}
.Content__card-p02.-cardno1 img.cardIcon{
  width: 13%;
  height: auto;
}

.Content__card-p02.-cardno2 img{
  display: inline-block;
}
.Content__card-p02.-cardno2 img.cardLogo{
  width: 48%;
  height: auto;
  margin-right: 2%;
}
.Content__card-p02.-cardno2 img.cardIcon{
  width: 13%;
  height: auto;
}

.Content__card-p02.-cardno3 img{
  display: inline-block;
}
.Content__card-p02.-cardno3 img.cardLogo{
  width: 35.5%;
  height: auto;
  margin-right: 2%;
}
.Content__card-p02.-cardno3 img.cardIcon{
  width: 17.5%;
  height: auto;
}

.Content__card-p02.-cardno4 img{
  display: inline-block;
}
.Content__card-p02.-cardno4 img.cardLogo{
  width: 57%;
  height: auto;
  margin-right: 2%;
}
.Content__card-p02.-cardno4 img.cardIcon{
  width: 17.5%;
  height: auto;
}

.Content__card-p02.-cardno5 img{
  display: inline-block;
}
.Content__card-p02.-cardno5 img.cardLogo{
  width: 68%;
  height: auto;
  margin-right: 2%;
}
.Content__card-p02.-cardno5 img.cardIcon{
  width: 17.5%;
  height: auto;
}

.Content__card-p02.-cardno6 img{
  display: inline-block;
}
.Content__card-p02.-cardno6 img.cardLogo{
  width: 17.5%;
  height: auto;
}
.Content__card-p02.-cardno6 h4{
  font-size: 2.8rem;
  font-weight: 700;
}

.Content__card-p02.-cardno7 img{
  display: inline-block;
}
.Content__card-p02.-cardno7 img.cardIcon{
  width: 17.5%;
  height: auto;
  margin-left: 2%;
  margin-bottom: 6px;
}
.Content__card-p02.-cardno7 h4{
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .Content__card-p02.-cardno7 h4{
    font-size: 2.8rem;
  }
}

.Content__card-p02.-cardno8 img{
  display: inline-block;
}
.Content__card-p02.-cardno8 img.cardLogo{
  width: 45%;
  height: auto;
  margin-right: 2%;
}
.Content__card-p02.-cardno8 img.cardIcon{
  width: 13%;
  height: auto;
}


h3.Content__pack-p02-ttl{
  font-weight: 400 !important;
}

.Content__pack-p02{
  margin:20px auto;
}
.Content__pack-p02 img{
  width:100%;
  height:auto;
}
@media screen and (min-width: 1024px) {
  .Content__pack-p02{
    margin:20px auto;
  }
  .Content__pack-p02 img{
    width:62%;
    height:auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .Content__pack-p02 img{
    width:80%;
    height:auto;
  }
}

.Content__packBox-p02{
  background-color: #F2F4F5;
  padding:20px 2%;
}
.Content__packBoxIn-p02{
  display: flex;
  align-items: center;
  margin-top:40px;
}
.Content__packCard01-p02{
  background-color: #fff;
  border: 1px solid #141821;
  flex-basis: 54%;
  display: flex;
  padding:20px 2.5%;
  position: relative;
  align-items: center;
  gap:1%;
}
.Content__packCard01-p02 img.Content__pack-icon01{
  width:60px;
  height:auto;
  position: absolute;
  top:-20px;
  left:-10px;
}
.Content__packCard01txt-p02{
  flex-basis: 70%;
  text-align: left;
}

.Content__packCard01txt-p02 ul.SectionHeader__list{
  margin-top:20px;
}
@media screen and (max-width: 768px) {
  .Content__packCard01txt-p02 ul.SectionHeader__list{
    margin-top:20px;
  }
}

.Content__packCard01txt-p02 p{
  font-size: 2.6rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  margin:10px 0 0;
}
.Content__packCard01txt-p02 p span{
  font-size: 3.2rem;
  color:#0087D2;
}
.Content__packCard01img-p02{
  flex-basis: 29%;
}
.Content__packCard01-p02 img{
  width: 100%;
  height: auto;
}

.Content__packCard-p02{
  flex-basis: 8%;
}
.Content__packCard-p02 img{
  width: 100%;
  height: auto;
}

.Content__packCard02-p02{
  background-color: #E7F3FA;
  border: 1px solid #0087D2;
  flex-basis: 54%;
  display: flex;
  padding:20px 2.5%;
  position: relative;
  align-items: center;
  gap:1%;
}
.Content__packCard02-p02 img.Content__pack-icon02{
  width:60px;
  height:auto;
  position: absolute;
  top:-20px;
  left:-10px;
}

.Content__packCard02txt-p02{
  flex-basis: 70%;
  text-align: left;
}
.Content__packCard02txt-p02 ul.SectionHeader__list{
  margin-top:20px;
}
@media screen and (max-width: 768px) {
  .Content__packCard02txt-p02 ul.SectionHeader__list{
    margin-top:20px;
  }
}

.Content__packCard02txt-p02 p{
  font-size: 2.6rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  margin:10px 0 0;
}
.Content__packCard02txt-p02 p span{
  font-size: 3.2rem;
  color:#0087D2;
}
.Content__packCard02img-p02{
  flex-basis: 29%;
}
.Content__packCard02-p02 img{
  width: 100%;
  height: auto;
}



.MainContent__sectionHeading.-pointno3{
  background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p03-no.svg?20240920");
  background-repeat: no-repeat;
  background-size: 52px auto;
  background-position: 10px 6px;
  padding:0 0 20px 80px;
  min-height: 100px;
}
.MainContent__sectionHeading.-pointno3 span{
  background-color: #ffed56;
}
.SectionHeader__content-p03{
  margin:10px auto 40px;
  text-align: center;
}
.SectionHeader__content-p03 img{
  width:66%;
  text-align: center;
}
.SectionHeader__content-p03 p{
  margin-top:10px;
}
.SectionHeader__content-p03 h3{
  font-size: 1.8rem !important;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
.SectionHeader__content-p03 h3:nth-of-type(2){
  margin:80px auto 40px;
}

@media screen and (min-width: 768px) {
  .MainContent__sectionHeading.-pointno3{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p03-no.svg?20240920");
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: 20px 6px;
    padding:20px 0 40px 120px;
    min-height: 100px;
    font-size:2.4rem;
  }
  .SectionHeader__content-p03{
    margin:10px auto 40px;
    text-align: center;
  }
  .SectionHeader__content-p03 img{
    width:66%;
    text-align: center;
  }
  .SectionHeader__content-p03 p{
    margin-top:10px;
  }
  .SectionHeader__content-p03 h3{
    font-size: 2.4rem !important;
  }
  .SectionHeader__content-p03 h3:nth-of-type(2){
    margin:80px auto 40px;
  }
}



.Content__ordermadeBoxIn-p03{
  display: block;
  margin-top:60px;
}
@media screen and (min-width: 768px) {
  .Content__ordermadeBoxIn-p03{
    display: flex;
    margin-top:60px;
    gap:4%;
  }
}
.Content__ordermadeCard01-p03{
  flex-basis: 52%;
}

.Content__ordermadeCard01txt-p03{
  background-color: #E7F3FA;
  padding:20px 2.5% 40px 5%;
  border-radius: 10px;
  margin-bottom:50px;
  display: flex;
  align-items: flex-end;
}

.Content__ordermadeCard01txt-p03 img.Content__ordermade-icon01{
  width:36px;
  height:auto;
  margin-right:8px;
  margin-bottom:4px;
}
@media screen and (max-width: 930px) and (min-width: 768px) {
  .Content__ordermadeCard01txt-p03 img.Content__ordermade-icon01{
    /*top:-30px;*/
  }
}

@media screen and (max-width: 410px) {
  .Content__ordermadeCard01txt-p03 img.Content__ordermade-icon01{
    width:32px;
    height:auto;
    margin-bottom:2px;
  }
}

.Content__ordermadeCard01txt-p03 p{
  font-size: 2.0rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  text-align:left;
}
.Content__ordermadeCard01txt-p03 p span{
  font-size: 2.6rem;
  color:#0087D2;
  background: linear-gradient(transparent 60%, #ffed56 60%);
}

@media screen and (min-width: 768px) {
  .Content__ordermadeCard01txt-p03 p{
    font-size: 2.4rem;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
  }
  .Content__ordermadeCard01txt-p03 p span{
    font-size: 3.2rem;
    color:#0087D2;
    background: linear-gradient(transparent 60%, #ffed56 60%);
  }
}

@media screen and (max-width: 1169px) {
  .Content__ordermadeCard01txt-p03{
    align-items: flex-start;
  }
  .Content__ordermadeCard01txt-p03 img.Content__ordermade-icon01{
    margin-top: 20px;
  }
}


.Content__ordermadeCard01img-p03{
  flex-basis: 44%;
}
.Content__ordermadeCard01img-p03 img{
  width: 100%;
  height: auto;
}
.MainContent__notes.-right {
  text-align: right;
}
.MainContent__notes.-left {
  text-align: left;
}

.Content__ordermadeSam-p03{
  display: block;
}
.Content__ordermadeCard02-p03{
  display: flex;
  flex-basis: 48%;
  background-color: #F2F4F5;
  padding:30px 2%;
  gap:4%;
  margin:30px 2%;
}
@media screen and (min-width: 768px) {
  .Content__ordermadeSam-p03{
    display: flex;
    gap:4%;
  }
  .Content__ordermadeCard02-p03{
    display: flex;
    flex-basis: 48%;
    background-color: #F2F4F5;
    padding:30px 2%;
    gap:4%;
  }
}

@media screen and (min-width: 1170px) {
  .brsp540{display:none;}
}
@media screen and (max-width: 767px) and (min-width: 550px) {
  .brsp540{display:none;}
}

.Content__ordermadeSamlogo-p03{
  flex-basis: 32%;
}
.Content__ordermadeSamlogo-p03 img{
  width: 100%;
  height: auto;
}
.Content__ordermadeSamtxt-p03{
  text-align: left;
  flex-basis: 64%;
}
.Content__ordermadeSamtxt-p03 p:nth-of-type(1){
  font-size: 1.8rem;
  font-weight: 700;
  margin-top:0;
}
.Content__ordermadeSamtxt-p03 p:nth-of-type(2){
  font-size: 1.6rem;
}



.MainContent__sectionHeading.-pointno4{
  background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p04-no.svg?20240920");
  background-repeat: no-repeat;
  background-size: 52px auto;
  background-position: 10px 6px;
  padding:0 0 20px 80px;
  min-height: 100px;
}
.MainContent__sectionHeading.-pointno4 span{
  background-color: #ffed56;
}
.SectionHeader__content-p04{
  margin:10px auto 40px;
  text-align: center;
}
.SectionHeader__content-p04 img{
  width:66%;
  text-align: center;
}
.SectionHeader__content-p04 p{
  text-align: left;
}
.SectionHeader__content-p04 h3{
  font-size: 2.4rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
.SectionHeader__content-p04 h3:nth-of-type(2){
  margin:80px auto 40px;
}

@media screen and (min-width: 768px) {
  .MainContent__sectionHeading.-pointno4{
    background-image: url("https://www.bizmates.jp/corp/common/image/t_feature-p04-no.svg?20240920");
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: 20px 6px;
    /*padding:20px 0 40px 120px;*/
    padding:30px 0 30px 120px;
    min-height: 100px;
    font-size:2.4rem;
  }
  .SectionHeader__content-p04{
    margin:10px auto 40px;
    text-align: center;
  }
  .SectionHeader__content-p04 img{
    width:66%;
    text-align: center;
  }
  .SectionHeader__content-p04 p{
    text-align: left;
  }
  .SectionHeader__content-p04 h3{
    font-size: 2.4rem;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
  }
  .SectionHeader__content-p04 h3:nth-of-type(2){
    margin:80px auto 40px;
  }
}


.Content__supportIntro-p04{
  display: block;
  padding:0 4% 60px;
}
@media screen and (min-width: 768px) {
  .Content__supportIntro-p04{
    display: flex;
    gap:4%;
    padding:40px 4% 60px;
  }
}

.Content__supportIntroimg-p04{
  flex-basis:40%;
}
.Content__supportIntroimg-p04 img{
  width:100%;
  height: auto;
}
.Content__supportIntrotxt-p04{
  flex-basis:56%;
  text-align: left;
}
.Content__supportIntrotxt-p04 p{
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 768px) {
  .Content__supportIntrotxt-p04 p{
    font-size: 2.4rem;
  }
}

.Content__supportIntrotxt-p04 ul.SectionHeader__list{
  margin-top:20px;
}
@media screen and (max-width: 768px) {
  .Content__supportIntrotxt-p04 ul.SectionHeader__list{
    margin-top:20px;
  }
}

.Content__supportBox-p04{
  display: block;
  background-color: #F2F4F5;
  padding: 20px 3.3%;
}
@media screen and (min-width: 768px) {
  .Content__supportBox-p04{
    display: flex;
    background-color: #F2F4F5;
    flex-wrap: wrap;
    gap:40px 3.3%;
    padding: 40px 3.3%;
  }
}

.Content__supportBoxIn-p04{
  background-color: #fff;
  text-align: left;
  padding:20px 2%;
  position: relative;
  margin:20px 0;
}
@media screen and (min-width: 768px) {
  .Content__supportBoxIn-p04{
    flex-basis: 48%;
    background-color: #fff;
    text-align: left;
    padding:20px 2%;
    position: relative;
    margin:0;
  }
}

.Content__supportBoxIn-p04 img{
  width:100%;
  height: auto;
}
.Content__supportBoxIn-p04 ul.SectionHeader__list{
  margin-top:20px;
}
@media screen and (max-width: 768px) {
  .Content__supportBoxIn-p04 ul.SectionHeader__list{
    margin-top:20px;
  }
}
.Content__supportBoxIn-p04 h3{
  min-height: 3.5em;
  margin-right:3em;
}
.Content__supportBoxIn-p04 p.MainContent__notes.-left{
  padding-top:20px;
}
.Content__supportBoxIn-p04 p.Content__supportBox-no01{
  background-color: #0087D2;
  position: absolute;
  top:0;
  right:0;
  font-size: 4.0rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  padding:4px 10px 8px;
  line-height: 1;
  color: #fff;
}


.CommonCard__body__rbBox{
  display: block;
}
.CommonCard__body__rb {
  background-color: #E7F3FA;
  padding: 0;
  border-radius:10px;
  margin-top: 20px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .CommonCard__body__rbBox{
    display: flex;
    gap:3.5%;
  }
  .CommonCard__body__rb {
  flex-basis: 31%;
  }
}

.CommonCard__body__rb > * + * {

}

@media screen and (min-width: 768px) {
  .CommonCard__body__rb > * + * {

  }
}

.CommonCard__body__rb p:nth-of-type(1){
  font-size: 4.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  line-height: 1;
  color: #0087D2;
  padding:10px 10px;
  margin:0 10px;
  border-bottom: 1px solid #0087D2;
}
.CommonCard__body__rb p.CommonCard__heading__rb{
  margin:20px 20px 40px;
  font-size: 2.0rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: left;
  line-height: 1.8;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .CommonCard__body__rb p:nth-of-type(1){
    font-size: 5.0rem;
    padding:20px 10px;
    margin:0 10px;
  }
  .CommonCard__body__rb p.CommonCard__heading__rb{
    margin:30px 20px 20px;
    font-size: 2.0rem;
    line-height: 1.8;
    padding-bottom: 20px;
  }
}

.CommonCard__body__rb p.CommonCard__heading__rb span.blue-txtB{
  color: #0087D2;
  font-size: 2.6rem;
  background: linear-gradient(transparent 60%, #ffed56 60%);
}
.CommonCard__body__rb p.CommonCard__heading__rb span.blue-txt{
  color: #0087D2;
  background: linear-gradient(transparent 60%, #ffed56 60%);
}
@media screen and (min-width: 1024px) {
  .CommonCard__body__rb p.CommonCard__heading__rb{
    margin:30px 20px 20px;
    font-size: 2.2rem;
  }
  .CommonCard__body__rb p.CommonCard__heading__rb span.blue-txtB{
    font-size: 3.0rem;
  }
}

.CommonCard__body__rb p.txtLink{
  text-align: right;
  color: #0087D2;
  text-decoration: underline;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.CommonCard__body__rb p.txtLink span.txtLinkicon{
  width:10px;
  height: auto;
  display:inline-block;
  background:none !important;
  margin-left:5px;
}
.CommonCard__body__rb p.txtLink span.txtLinkicon img{
  width:100% !important;
  height: auto;
  vertical-align: middle;
}


.CommonCard__image__rb {
  position: relative;
}
.CommonCard__image__rb img{
  position: absolute;
  top:-20px;
  right:20px;
  width:26%;
  height: auto;
}
.CommonCard__heading__rb {
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.CommonCard__heading__rb span{
  background-color: #ffed56;
}


@media screen and (min-width: 768px) {
  .CommonCard__image__rb img{
    top:-20px;
    right:16px;
    width:33%;
    height: auto;
  }
  .CommonCard__heading__rb {
    font-size: 2.0rem;
  }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
  .CommonCard__image__rb img{
    top:-20px;
    right:16px;
    width:20%;
    height: auto;
  }
}


/* TOP-QAList */
.Content__FAQ .QAList {
  margin-top: 40px;
}

.Content__FAQ .QAList__item + .QAList__item {
  margin-top: 16px;
}

.Content__FAQ .QAList__item.-opened .QAList__questText {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.Content__FAQ .QAList__item.-opened .QAList__questText::after {
  background-image: url("https://www.bizmates.jp/corp/common/image/t_qa-open.svg");
}

.Content__FAQ .QAList__questText {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.0rem;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  text-align: left;
  position: relative;
  width: 100%;
  padding: 16px 56px 26px 16px;
  border: none;
  border-bottom: #D9D9D9 solid 1px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 0;
  background-color: #fff;
  -webkit-transition: opacity .2s , -webkit-box-shadow .3s;
  transition: opacity .2s , -webkit-box-shadow .3s;
  transition: box-shadow .3s , opacity .2s;
  transition: box-shadow .3s , opacity .2s , -webkit-box-shadow .3s;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .Content__FAQ .QAList__questText:hover {
    opacity: .8;
  }
}

.Content__FAQ .QAList__questText::before, .Content__FAQ .QAList__questText::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}

.Content__FAQ .QAList__questText::before {
  background-image: url("https://www.bizmates.jp/corp/common/image/t_icon-q.svg?20240920");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.Content__FAQ .QAList__questText::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 18px;
  bottom: 16px;
  background-image: url("https://www.bizmates.jp/corp/common/image/t_qa-close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: none;
}

.Content__FAQ .QAList__answerContent {
  overflow: hidden;
  height: 0;
  background-color: #fff;
  border-radius: 0;
  margin:0;
  border: none !important;
}

p.Content__FAQ__text{
  margin:20px 20px 40px;
  font-size: 1.6rem;
}


/* float CTA */

.ActionArea.-float.-topCTA .ActionArea__foot{
  line-height: 1;
  margin: 10px 0 0;
}
@media screen and (max-width: 768px) {
  .ActionArea.-float.-topCTA .ActionArea__foot{
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .ActionArea.-float.-topCTA .ActionArea__foot .ActionArea__footHeading{
    display: none;
  }
}




p.txtLink{
  text-align: right;
  margin-top:20px;
  color: #0087D2;
  text-decoration: underline;
}
span.txtLinkicon{
  width:10px;
  height: auto;
  display:inline-block;
  background:none !important;
  margin-left:5px;
}
span.txtLinkicon img{
  width:100% !important;
  height: auto;
}


@media screen and (min-width: 431px) and (max-width: 767px) {
  .Content__card-p01{
    margin-left:10%;
    margin-right:10%;
  }
  .Case__list{
    margin-left:10%;
    margin-right:10%;
  }
  .SectionHeader__content-p02 img{
    width:60%;
  }
  .Content__card-p02{
    margin-left:10%;
    margin-right:10%;
  }
  .Content__ordermadeCard02-p03{
    margin-left:10%;
    margin-right:10%;
  }
  .Content__supportBox-p04{
    padding-left:5%;
    padding-right:5%;
    margin-left:6%;
    margin-right:6%;
  }
  .CommonCard__body__rb{
    margin-top: 40px;
    margin-left: 6%;
    margin-right: 6%;
  }
}

.LogoSlider02{
  margin-left:-80px;
}

/* ------------------------------------------------ Top Renewal 202408 END ------------------------------------------------ */



/* ------------------------------------------------ CasesTop Renewal 20240902 START ------------------------------------------------ */
.caseIntvCard_pc{
  display: none;
}
.caseIntvCard_sp{
  width:96%;
  margin: 40px 2% 20px;
}
@media screen and (min-width: 1024px) {
  .caseIntvCard_pc{
    width:60%;
    max-width: 980px;
    margin: 40px auto 20px;
  }
}

@media screen and (min-width: 768px) {
  .caseIntvCard_pc{
    display: block;
    width:100%;
    margin: 40px auto 20px;
  }
  .caseIntvCard_pc a:hover{
    opacity: 0.7;
  }
  .caseIntvCard_sp{
    display: none;
  }
}
.CommonTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin:30px 5%;
}
.CommonTag__item {
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: normal;
  color: #141821;
  padding: 5px 12px;
  background-color: #D9EEFA;
  border-radius: 999px;
}

/* CaseCard */
.CaseCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding:0;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
  .CaseCard {
    width: calc(50% - (24px / 2));
  }
}

@media screen and (min-width: 1280px) {
  .CaseCard {
    width: calc(33.33% - ((40px / 3)* 2));
  }
}

.CaseCard > * + * {
  margin-top: 30px;
}

.CaseCard.-hidden {
  display: none;
}

.CaseCard.-more {
  display: none;
}

.CaseCard__deco {
  position: relative;
  width: 40px;
  height: 80px;
  margin: auto auto 0px;
  padding-top: 40px;
}

.CaseCard__deco::after {
  position: absolute;
  top: calc(50% + 20px);
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #0087D2;
}

.CaseCard__img {
  width:100%;
  margin: 0px auto;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.CaseCard__img img{
  -o-object-fit: cover;
  -o-object-position: top center;
     object-fit: cover;
     object-position: top center;
  transition: transform 0.4s ease-out;
}
@media (hover: hover) {
  .CaseCard a.Cases__link:hover{
    opacity: 0.7;
  }
  .CaseCard a.Cases__link:hover .CaseCard__img img{
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .CaseCard a.Cases__link:active .CaseCard__img img{
    transform: scale(1.1);
  }
}


.CaseCard__logo {
  width:90%;
  margin: 10px 5% 0;
}

.CaseCard__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
  margin: 10px 5% 0;
}

.CaseCard__desc {
  font-weight: bold;
  margin: 20px 5% 0;
}

.CaseCard__listUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.CaseCard__listTilte {
  font-size: 1rem;
  color: #0087D2;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.CaseCard__buttonOuter {
  margin-top: auto;
  padding-top: 40px;
  text-align: center;
}

.CaseCard__buttonOuter .CommonButton {
  width: 100%;
  max-width: 200px;
}

.MainContent__layout.-col3.-case a{
  height: 100%;
}

.MainContent__layout.-col3.-case {
  gap: 30px 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-col3.-case {
    gap: 40px 24px;
  }
}
@media screen and (min-width: 1280px) {
  .MainContent__layout.-col3.-case {
    gap: 40px 40px;
    margin-left:40px;
    margin-right:40px;
  }
}
/* ------------------------------------------------ CasesTop Renewal 20240902 END ------------------------------------------------ */




/* ------------------------------------------------ Add Top InterviewLink 20240927 START ------------------------------------------------ */


.Case__list-int, .Case__list-int02{
  display: block;
  margin-bottom:60px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 60px;
  margin-top:80px;
}
@media screen and (min-width: 768px) {
  .Case__list-int{
    display: flex;
    flex-direction: row;
    gap:0 3.5%;
    padding-bottom: 60px;
  }
  .Case__list-int02{
    display: flex;
    flex-direction: row-reverse;
    gap:0 3.5%;
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 431px) and (max-width: 767px) {
  .Case__list-int{
    margin-left:10%;
    margin-right:10%;
  }
}

.Case__list-int__box-ph{
  flex-basis: 47%;
}
.Case__list-int__box-txt{
  flex-basis: 49.5%;
}
.Case__list-int__image{
  width:100%;
}
.Case__list-int__tag{
  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  background-color: #D9EEFA;
  line-height: 1;
  color: #141821;
  padding: 8px 12px;
  border-radius: 999px;
  display: block;
  text-align: center;
  width:13em;
  margin:10px 0 10px auto;
}
.Case__list-int__heading{
  font-size: 2.0rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin: 20px 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .Case__list-int__heading{
    font-size: 2.0rem;
    margin:30px 0 20px;
  }
  .Case__list-int__tag{
    font-size: 1.3rem;
    margin:0 0 10px auto;
  }
}
@media screen and (min-width: 1024px) {
  .Case__list-int__heading{
    font-size: 2.8rem;
    margin:30px 0 40px;
  }
  .Case__list-int__tag{
    font-size: 1.6rem;
    margin:0 0 10px auto;
  }
}

.Case__list-int__box-prof{
  display: flex;
  gap:0 3%;
  align-items: center;
}
.Case__list-int__logo{
  border-bottom: 1px solid #D1D4D7;
  padding-bottom:14px;
}
@media screen and (min-width: 768px) {
  .Case__list-int__logo{
  }
}
.Case__list-int__logo img{
  width: 31%;
  height: auto;
}
.Case__list-int__logo img.logo02{
  width: 36%;
  height: auto;
}
.Case__list-int__logo p{
  display: inline-block;
  font-size: 1.8rem;
  margin:0 0 12px 18px;
}
.Case__list-int__logo p.logo02{
  display: inline-block;
  font-size: 1.8rem;
  margin:20px 0 0 18px;
}
.Case__list-int__txt{
  flex-basis:70%;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 1024px) {
  .Case__list-int__txt{
    flex-basis:72.5%;
    font-size: 2.2rem;
    margin-bottom:20px;
  }
  .Case__list-int__logo p{
    font-size: 2.2rem;
  }
  .Case__list-int__logo p.logo02{
    font-size: 2.2rem;
  }
}
.Case__list-int__txt p{
  margin-bottom:10px;
}
.Case__list-int__txt a{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  border: 1px solid #0087D2;
  border-radius: 8px;
  padding: 8px 2em;
  color:#0087D2;
  display: inline-block;
  text-align: center;
}
.Case__list-int__txt a:hover{
  opacity: .8;
}
@media screen and (min-width: 768px) {
  .Case__list-int__txt p{
    margin-bottom:20px;
  }
  .Case__list-int__txt a{
    font-size: 1.6rem;
    padding: 10px 2em;
  }
}

.Case__list-int__box-prof .LogoSlide_button{
  margin:0;
  text-align: center;
  padding:10px 3em;
}

/* ------------------------------------------------ Add Top InterviewLink 20240927 END ------------------------------------------------ */


/* ------------------------------------------------ Add Top Information 20241024 START ------------------------------------------------ */
.PageSection__information{
  margin: 0 auto;
  width: 100%;
  padding: 0 4% 64px;
  font-size:1.6rem;
}
.PageSection__information a:hover{
  opacity:0.6;
}
.PageSection__information dl{
  margin-top:30px;
}
.PageSection__information dl dt{
  padding:16px 0 0;
  border-top:1px solid #f1f1f1;
  color:#0087D2;
}
.PageSection__information dl dt:nth-of-type(1){
  border-top:none;
}
.PageSection__information dl dd{
  padding:16px 0;
}
.PageSection__information dl dd:nth-of-type(1){
  border-top:none;
}
.PageSection__information dl dd span{
  display:inline-block;
  width:100%;
}

.PageSection__information h2{
  position: relative;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: left;
  margin-top: 24px;
  padding: 24px 0 10px;
  display: flex;
  border-bottom:1px solid #eee;
}

.PageSection__information h2::before{
  content: "";
  display: block;
  width: 36px;
  height: 36px;
}

.PageSection__information h2::before {
  background-image: url("https://www.bizmates.jp/corp/common/image/t_icon-info.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top:6px;
}



@media screen and (min-width: 1024px) {
  .PageSection__information{
    width: 1024px;
    padding: 48px 24px 64px;
  }

  .PageSection__information dl{
    display:flex;
    flex-wrap:wrap;
  }
  .PageSection__information dl dt{
    width:12%;
    padding:16px 2% 16px 0;
  }
  .PageSection__information dl dd{
    width:88%;
    padding:16px 0 16px 2%;
    border-top:1px solid #f1f1f1;
  }
}

@media screen and (min-width: 1280px) {
  .PageSection__information {
    padding: 64px 40px;
    width: 1280px;
  }
}

@media screen and (min-width: 768px) {
  .PageSection__information h2{
    font-size: 3.2rem;
    margin-top: 0;
    padding: 24px 0 10px;
  }
  .PageSection__information h2::before {
    margin-top:14px;
  }
}

/* ------------------------------------------------ Add Top Information 20241024 END ------------------------------------------------ */



/* ------------------------------------------------ Whitepaper Renewal 20241028 START ------------------------------------------------ */
.MainContent__layout.-col3.-whpaper a{
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.MainContent__layout.-col3.-whpaper {
  gap: 30px 24px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top:30px;
}

@media screen and (min-width: 768px) {
  .MainContent__layout.-col3.-whpaper {
    gap: 40px 24px;
  }
}
@media screen and (min-width: 1280px) {
  .MainContent__layout.-col3.-whpaper {
    gap: 40px 40px;
  }
}


.WhPaper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding:0;
  border-radius: 8px;
  width: 100%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .WhPaper {
    width: calc(50% - (24px / 2));
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (min-width: 1280px) {
  .WhPaper {
    width: calc(33.33% - ((40px / 3)* 2));
  }
}

.WhPaper > * + * {
  margin-top: 30px;
}

.WhPaper.-hidden {
  display: none;
}

.WhPaper.-more {
  display: none;
}


.WhPaper__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.0rem;
  font-weight: 500;
  text-align: left;
  margin: 10px 5%;
}
.WhPaper__img {
  width:100%;
  margin: 0px auto;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.WhPaper__img img{
  -o-object-fit: cover;
  -o-object-position: top center;
     object-fit: cover;
     object-position: top center;
  transition: transform 0.4s ease-out;
}
@media (hover: hover) {
  .WhPaper a.WhPaper__link:hover{
    opacity: 0.7;
  }
  .WhPaper a.WhPaper__link:hover .WhPaper__img img{
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .WhPaper a.WhPaper__link:active .WhPaper__img img{
    transform: scale(1.1);
  }
}
.WhPaper__btn{
  margin:20px auto;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.WhPaper__btn .CommonButton.-outline{
  margin-top:auto;
}


/* ------------------------------------------------ Whitepaper Renewal 20241028 END ------------------------------------------------ */





/* ------------------------------------------------ floatCTA Renewal 20241225 START ------------------------------------------------ */

/* topfloatCTA-right */
.TopFloat-CTA-Box{
  display: block;
  opacity: 0;
  pointer-events: none;
}
.TopFloat-CTA-Box.-active {
  opacity: 1;
  pointer-events: auto;
}


.TopFloat-CTA {
  display: block;
  position: fixed;
  z-index: 100;
  right: 0 !important;
  bottom: 0;
  margin: 0 auto;
  -webkit-transition: opacity ease .15s;
  transition: opacity ease .15s;
  width: 280px;
}
.TopFloat-CTA a:hover{opacity: 0.7;}
@media screen and (max-width: 660px) {
  .TopFloat-CTA {
    display: none;
  }
}

.TopFloat-CTA .ActionArea__button {
  width: 100%;
  margin: 0 auto;
  padding:6px;
  text-align: center;
}
.TopFloat-CTA .ActionArea__button .ActionArea__button-txt{
  margin-bottom:10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
.TopFloat-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(1){
  color: #0087D2;
  font-size: 24px;
}
.TopFloat-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(2){
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .TopFloat-CTA .ActionArea__button .ActionArea__button-txt{
    margin-bottom:10px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
  }
  .TopFloat-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(1){
    color: #0087D2;
    font-size: 28px;
  }
  .TopFloat-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(2){
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .TopFloat-CTA .ActionArea__button {
    margin: 0;
    width: 280px;
  }
}
.TopFloat-CTA.-active {
  opacity: 1;
  pointer-events: auto;
}
.TopFloat-CTA .CommonButton.-cv {
  font-size: 1.6rem;
  height: 56px;
  padding:0 20px;
}
@media screen and (min-width: 768px) {
  .TopFloat-CTA .CommonButton.-cv {
    font-size: 1.8rem;
  }
}
.TopFloat-CTA .CommonButton.-primary {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
@media screen and (min-width: 768px) {
  .TopFloat-CTA .CommonButton.-primary {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.TopFloat-CTA .CommonButton.-hasImage {
  padding: 0 0 0 8px;
}
@media screen and (min-width: 768px) {
  .TopFloat-CTA .CommonButton.-hasImage {
    padding: 0 10px;
  }
}
.TopFloat-CTA .CommonButton__labelText {
  margin-left: 0;
  width: 100%;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .TopFloat-CTA .CommonButton__labelText {
    margin-left: 10px;
    font-size: 1.8rem;
  }
}



/* float CTA TOP */
.ActionArea.-float.-topCTA {
  display: block;
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  padding: 10px;
  margin: 0 auto;
  -webkit-transition: opacity ease .15s;
  transition: opacity ease .15s;
  width: 100%;
  background-color: #fff;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 400px) {
  .ActionArea.-float.-topCTA {
    width: 100%;
  }
}
@media screen and (min-width: 661px) {
  .ActionArea.-float.-topCTA {
    display: none;
  }
}
.ActionArea.-float.-topCTA .ActionArea__buttonOuter {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  max-width: 375px;
  gap: 8px;
  margin: 0px auto;
}
.ActionArea.-float.-topCTA.-active {
  opacity: 1;
  pointer-events: auto;
}
.ActionArea.-float.-topCTA .CommonButton.-cv {
  font-size: 1.6rem;
  height: 56px;
  padding:0 20px;
}
.ActionArea.-float.-topCTA .CommonButton.-primary {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float.-topCTA .CommonButton.-primary {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.ActionArea.-float.-topCTA .CommonButton.-hasImage {
  padding: 0 0 0 2px;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float.-topCTA .CommonButton.-hasImage {
    padding: 0 10px;
  }
}

.ActionArea.-float.-topCTA .CommonButton__labelText {
  margin-left: 0;
  width: 100%;
  font-size: 1.6rem;
}
.ActionArea.-float.-topCTA .ActionArea__foot{
  line-height: 1;
  margin: 10px 0 0;
}
@media screen and (max-width: 1023px) {
  .ActionArea.-float.-topCTA .ActionArea__foot .ActionArea__footHeading{
    display: none;
  }
}

.topCTA__labelText {
  display: block;
  margin-left: 8px;
  text-align: left;
  width: auto;
}







/* floatCTA-right w/o toppage */
.Float-CTA {
  display: block;
  position: fixed;
  z-index: 100;
  right: 0 !important;
  bottom: 0;
  margin: 0 auto;
  -webkit-transition: opacity ease .15s;
  transition: opacity ease .15s;
  width: 280px;
}
.Float-CTA a:hover{opacity: 0.7;}
@media screen and (max-width: 767px) {
  .Float-CTA {
    display: none;
  }
}

.Float-CTA .ActionArea__button {
  width: 100%;
  margin: 0 auto;
  padding:6px;
  text-align: center;
}
.Float-CTA .ActionArea__button .ActionArea__button-txt{
  margin-bottom:10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
.Float-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(1){
  color: #0087D2;
  font-size: 24px;
}
.Float-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(2){
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .Float-CTA .ActionArea__button .ActionArea__button-txt{
    margin-bottom:10px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
  }
  .Float-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(1){
    color: #0087D2;
    font-size: 28px;
  }
  .Float-CTA .ActionArea__button .ActionArea__button-txt span:nth-of-type(2){
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .Float-CTA .ActionArea__button {
    margin: 0;
    width: 280px;
  }
}
.Float-CTA.-active {
  opacity: 1;
  pointer-events: auto;
}
.Float-CTA .CommonButton.-cv {
  font-size: 1.6rem;
  height: 56px;
  padding:0 20px;
}
@media screen and (min-width: 768px) {
  .Float-CTA .CommonButton.-cv {
    font-size: 1.8rem;
  }
}
.Float-CTA .CommonButton.-primary {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
@media screen and (min-width: 768px) {
  .Float-CTA .CommonButton.-primary {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.Float-CTA .CommonButton.-hasImage {
  padding: 0 0 0 8px;
}
@media screen and (min-width: 768px) {
  .Float-CTA .CommonButton.-hasImage {
    padding: 0 10px;
  }
}
.Float-CTA .CommonButton__labelText {
  margin-left: 0;
  width: 100%;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .Float-CTA .CommonButton__labelText {
    margin-left: 10px;
    font-size: 1.8rem;
  }
}


/* float CTA w/o toppage*/
.ActionArea.-float.-CTA {
  display: block;
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  padding: 10px;
  margin: 0 auto;
  -webkit-transition: opacity ease .15s;
  transition: opacity ease .15s;
  width: 100%;
  background-color: #fff;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 400px) {
  .ActionArea.-float.-CTA {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .ActionArea.-float.-CTA {
    display: none;
  }
}
.ActionArea.-float.-CTA .ActionArea__buttonOuter {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  max-width: 375px;
  gap: 8px;
  margin: 0px auto;
}
.ActionArea.-float.-CTA.-active {
  opacity: 1;
  pointer-events: auto;
}
.ActionArea.-float.-CTA .CommonButton.-cv {
  font-size: 1.6rem;
  height: 56px;
  padding:0 20px;
}
.ActionArea.-float.-CTA .CommonButton.-primary {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float.-CTA .CommonButton.-primary {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.ActionArea.-float.-CTA .CommonButton.-hasImage {
  padding: 0 0 0 8px;
}

@media screen and (min-width: 768px) {
  .ActionArea.-float.-CTA .CommonButton.-hasImage {
    padding: 0 10px;
  }
}
.ActionArea.-float.-CTA .CommonButton__labelText {
  margin-left: 0;
  width: 100%;
  font-size: 1.6rem;
}
.ActionArea.-float.-CTA .ActionArea__foot{
  line-height: 1;
  margin: 10px 0 0;
}
@media screen and (max-width: 1023px) {
  .ActionArea.-float.-CTA .ActionArea__foot .ActionArea__footHeading{
    display: none;
  }
}

/* ------------------------------------------------ floatCTA Renewal 20241225 END ------------------------------------------------ */




/* ------------------------------------------------ Add MEDIA INFO 20250127 START ------------------------------------------------ */

.PageSection__mediainfo{
  width:100%;
}
.PageSection__mediainfo .SliderBox{
  width:100%;
  height: auto;
  overflow: hidden;
  margin: 40px auto;
  padding:10px 0;
}

div.swiper-wrapper {
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  box-sizing: content-box;
  align-items: stretch;
}
#media-slider .swiper-slide{
  width:auto;
  flex-shrink: 0;
  position: relative;
}
.MediaCard{
  position:relative;
  max-width:300px;
  box-shadow:4px 4px 20px 0px rgba(20,24,33,.1);
  border-radius:8px;
  transition:opacity .3s !important;
}
.MediaCard.Banner01{
  bottom:0;
  left:0;
  display: inline-block;
}
.MediaCard.Banner01.-hoverBg::before {
    border-radius: 8px;
}
.Banner01.-hoverBg{
  position: relative;
}
.MediaCard__thumbnail {
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
}
.MediaCard__thumbnail img {
  width:100%;
  height: auto;
}
.MediaCard__content{
  height: 6em;
}
.MediaCard__content p.Text.-small.-bold{
  padding:10px;
  font-weight:700;
  line-height:1.6;
  font-size:1.4rem;
}
a.MediaCard__link:hover{
  opacity: 0.7;
}

/* ------------------------------------------------ Add MEDIA INFO 20250127 END ------------------------------------------------ */



/* ------------------------------------------------ Add InformationPage 20250129 START ------------------------------------------------ */
.PageSection__infoDetail{
  margin: 0 auto;
  width: 100%;
  padding: 0 4% 64px;
  font-size:1.6rem;
}
.PageSection__infoDetail a:hover{
  opacity:0.6;
}
.PageSection__infoDetail dl{
  margin-top:30px;
}
.PageSection__infoDetail dl dt{
  padding:16px 0 0;
  border-top:1px solid #f1f1f1;
  color:#0087D2;
}
.PageSection__infoDetail dl dt:nth-of-type(1){
  border-top:none;
}
.PageSection__infoDetail dl dd{
  padding:16px 0 32px;
}
.PageSection__infoDetail dl dd:nth-of-type(1){
  border-top:none;
}
.PageSection__infoDetail dl dd span{
  display:inline-block;
  width:100%;
}
.PageSection__infoDetail h2{
  position: relative;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: left;
  margin-top: 24px;
  padding: 24px 0 10px;
  display: flex;
  border-bottom:1px solid #eee;
}
.PageSection__infoDetail h2::before{
  content: "";
  display: block;
  width: 36px;
  height: 36px;
}
.PageSection__infoDetail h2::before {
  background-image: url("https://www.bizmates.jp/corp/common/image/t_icon-info.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top:6px;
}
.Case__list__txt.Info_button{
  margin:40px auto 20px;
  text-align:center;
}

@media screen and (min-width: 1024px) {
  .PageSection__infoDetail{
    width: 1024px;
    padding: 48px 24px 64px;
  }
  .PageSection__infoDetail dl{
    display:flex;
    flex-wrap:wrap;
  }
  .PageSection__infoDetail dl dt{
    width:12%;
    padding:32px 2% 32px 0;
  }
  .PageSection__infoDetail dl dd{
    width:88%;
    padding:32px 0 32px 2%;
    border-top:1px solid #f1f1f1;
  }
}

@media screen and (min-width: 1280px) {
  .PageSection__infoDetail {
    padding: 20px 40px;
    width: 1200px;
  }
}

@media screen and (min-width: 768px) {
  .PageSection__infoDetail h2{
    font-size: 3.2rem;
    margin-top: 0;
    padding: 24px 0 10px;
  }
  .PageSection__infoDetail h2::before {
    margin-top:14px;
  }
}
/* ------------------------------------------------ Add InformationPage 20250129 END ------------------------------------------------ */


/* ------------------------------------------------ Add Movie_toppage 20250204 START ------------------------------------------------ */
p.topMovieTtl{
  text-align:center;
  font-size: 2.4rem;
  font-weight: 700;
  margin-top:60px;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
p.topMovieTtl::before, p.topMovieTtl::after {
  width: 1px;
  height: 2.6rem;
  content: "";
  background-color: #141821;
}
p.topMovieTtl::before {
  margin-right: 0.5em;
  transform: rotate(-30deg);
}
p.topMovieTtl::after {
  margin-left: 0.5em;
  transform: rotate(30deg);
}
.topMovie{
  width: 100%;
  aspect-ratio: 16 / 9;
  margin:20px auto 40px ;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .topMovie{
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .topMovie{
    width: 100%;
  }
}

.topMovie iframe{
  width: 100%;
  height: 100%;
}
/* ------------------------------------------------ Add Movie_toppage 20250204 END ------------------------------------------------ */



/* ------------------------------------------------ Add Modal_toppage 20250312 START ------------------------------------------------ */

@media screen and (min-width: 1024px) {
  .ModalContent__textCard:hover {
    opacity: .8;
  }
}
.ModalContent__window.-serviceCard {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ModalContent__window.-serviceCard .ModalContent__imageOuter {
  position: relative;
  margin-top: 56px;
  margin-bottom: 40px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 100%;
  max-width: none;
  padding: 0px;
}
@media screen and (min-width: 1024px) {
  .ModalContent__window.-serviceCard .ModalContent__imageOuter {
    width: auto;
    height: 90vh;
    margin: auto;
    padding-right: 48px;
  }
}
.ModalContent__window.-serviceCard .ModalContent__image {
  width: inherit;
  height: inherit;
}
.ModalContent__window.-serviceCard .ModalContent__image img {
  width: auto;
  height: 82vh;
}

.ModalContent__window.-serviceCard .ModalContent__image02 .ModalContent__image02-pc{
  display:none;
}
.ModalContent__window.-serviceCard .ModalContent__image02 .ModalContent__image02-sp{
  display:block;
}
@media screen and (min-width: 1028px) {
  .ModalContent__window.-serviceCard .ModalContent__image02 .ModalContent__image02-pc{
    display:block;
  }
  .ModalContent__window.-serviceCard .ModalContent__image02 .ModalContent__image02-sp{
    display:none;
  }
}

.ModalContent__window.-serviceCard .ModalContent__image02 {
  width: inherit;
  height: inherit;
}
.ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg01 {
  width: auto;
  height: 42.36667vh;
}
.ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg02 {
  width: auto;
  height: 11.61667vh;
}
.ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg03 {
  width: auto;
  height: 28.01667vh;
}

@media screen and (min-width: 1024px) {
  .ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg01 {
    width: auto;
    height: 39.84375vh;
  }
  .ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg02 {
    width: auto;
    height: 11.953125vh;
  }
  .ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg03 {
    width: auto;
    height: 33.203125vh;
  }
}

@media screen and (min-width: 1580px) {
  .ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg01 {
    width: auto;
    height: 37.5vh;
  }
  .ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg02 {
    width: auto;
    height: 11.25vh;
  }
  .ModalContent__window.-serviceCard .ModalContent__image02 img.coachingModalImg03 {
    width: auto;
    height: 31.25vh;
  }
}


.ModalContent__window.-serviceCard .ModalContent__overlay {
  position: fixed;
  z-index: -1;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #141821;
  opacity: .6;
}
.ModalContent__window.-serviceCard .ModalContent__close {
  position: absolute;
  top: -24px;
  right: 24px;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
}
.ModalContent__window.-serviceCard .ModalContent__close img {
  width:80%;
  height:auto;
  margin-right: 2% !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 1024px) {
  .ModalContent__window.-serviceCard .ModalContent__image img {
    width: auto;
    height: 85vh;
  }
  .ModalContent__window.-serviceCard .ModalContent__close {
    top: 0px;
    right: 0px;
  }
}
@media screen and (min-width: 1580px) {
  .ModalContent__window.-serviceCard .ModalContent__image img {
    width: auto;
    height: 80vh;
  }
}
span.txtLinkicon02{
  width:20px;
  height: auto;
  display:inline-block;
  background:none !important;
  margin-left:5px;
}
span.txtLinkicon02 img{
  width:100% !important;
  height: auto;
}
/* ------------------------------------------------ Add Modal_toppage 20250312 END ------------------------------------------------ */


/* ------------------------------------------------ Add Top Banner 20250603 START ------------------------------------------------ */
.PageSection__topBnr{
  width: 94%;
  margin: 50px auto 20px;
  padding: 0;
  background-color: #fff;
  /*box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);*/
  border: 4px solid rgb(228, 111, 96, 0.4);
}
.PageSection__topBnr a:hover{
  opacity:0.8;
}
@media screen and (min-width: 768px) {
  .PageSection__topBnr{
    width: 100%;
    max-width: 1280px;
    margin: 50px auto 30px;
    padding: 0;
    background-color: #fff;
  }
}
/* ------------------------------------------------ Add Top Banner 20250603 END ------------------------------------------------ */




/* ------------------------------------------------ Renewal Price 20250609 START ------------------------------------------------ */
.planArea_Box{
  display: block;
  margin-top: 0;
  padding: 0;
/*  border-top: #0087D2 solid 4px;
  -webkit-box-shadow: 0px 3px 20px #00000026;
          box-shadow: 0px 3px 20px #00000026;*/
}
@media screen and (min-width: 768px) {
  .planArea_Box {
    padding: 40px 40px 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-top: none;
    margin-top: 0;
  }
}


.planArea > * + * {
  margin-top: 40px;
}
.planArea .MainContent__sectionSubHeading + * {
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .planArea .MainContent__sectionSubHeading + * {
    margin-top: 40px;
  }
}



.planArea_LinkBox{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.planArea_LinkBox-corp{
  width: 44%;
  margin-right: 2%;
  margin-left: 4%;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding:0;
}
.planArea_LinkBox-sd{
  width: 44%;
  margin-left: 2%;
  margin-right: 4%;
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding:0;
}
/*.planArea_LinkBox-corp div, .planArea_LinkBox-sd div{
  text-align: center;
  position: relative;
  height: 100%;
}
.planArea_LinkBox-corp h3, .planArea_LinkBox-sd h3{
  font-size:28px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.planArea_LinkBox-corp h3::before, .planArea_LinkBox-sd h3::before,
.planArea_LinkBox-corp h3::after, .planArea_LinkBox-sd h3::after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #0087D2;
}
.planArea_LinkBox-corp h3::before, .planArea_LinkBox-sd h3::before{
  left: 0;
}
.planArea_LinkBox-corp h3::after, .planArea_LinkBox-sd h3::after{
  right: 0;
}
.planArea_LinkBox-corp img, .planArea_LinkBox-sd img{
  margin:0;
}*/
.planArea_LinkBox-corp img{
  width:100%;
}
.planArea_LinkBox-sd img{
  width:100%;
}
/*.planArea_LinkBox-corp p:nth-of-type(1), .planArea_LinkBox-sd p:nth-of-type(1){
  font-size: 14px;
  text-align: left;
}
.planArea_LinkBox-corp p:nth-of-type(2), .planArea_LinkBox-sd p:nth-of-type(2){
  font-size: 12px;
  text-align: left;
  margin-top:16px;
}*/

a:hover.planArea_LinkBox-corp img, a:hover.planArea_LinkBox-sd img{
  opacity: 0.8;
}

.planArea_LinkBnr-pc{
  display:block;
}
.planArea_LinkBnr-pc img{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.planArea_LinkBnr-pc  a:hover img{
  opacity: 0.8;
}
.planArea_LinkBnr-sp{
  display:none;
}

.planArea-priceBox{
  display: flex;
  justify-content: space-between;
}
.planArea-priceBox-in{
  width: 31%;
  background-color: #fff;
  border:1px solid #ccc;
  text-align: center;
}
.planArea-priceBox-inTtl{
  background-color: #E7F3FA;
  text-align: center;
  padding:25px 0;
}
.planArea-priceBox-inTtl img{
  height:auto;
  width: 39%;
  margin-top:20px;
}
.planArea-priceBox-inTtl.--box02 img{
  height:auto;
  width: 79%;
  margin-top:20px;
}
.planArea-priceBox-inTtl.--box03 img{
  height:auto;
  width: 59%;
  margin-top:20px;
}
.planArea-priceBox-inTxt{
  font-size: 20px;
  font-weight: bold;
  margin:20px auto;
  line-height: 1.4;
}
/*.planArea-priceBox-inTxt.--box03{
  margin:40px auto 20px;
  line-height: 1;
}*/
.planArea-priceBox-inTxt span{
  font-size: 42px;
}
.planArea-priceBox-inImg{
  width: 84%;
  height: auto;
  margin-bottom: 20px;
}

.planArea___notes-r {
  font-size: 10px;
  margin-top: 8px;
  text-align: left;
}
.planArea_txtB{
  font-size:20px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  margin:40px auto 60px;
}

/*.planArea_LinkBox-corp div::after, .planArea_LinkBox-sd div::after{
  content: "▼";
  color: #0087D2;
  font-size: 16px;
  vertical-align: middle;
  position: absolute;
  bottom:-16px;
  left:50%;
}*/
.planArea-service-pc{
  display:block;
}
.planArea-service-pc img.mt20{
  margin-top:20px;
}

.planArea-service-sp{
  display:none;
}

.ModalContent__image-price img {
  width: auto;
  height: 42vh;
}


@media screen and (max-width: 767px) {

  .planArea_LinkBox{
    display: block;
    margin-bottom: 20px;
  }
  .planArea_LinkBox-corp{
    width: 100%;
    margin-right: 0;
    margin-left:0;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 0;
    display: block;
  }
  .planArea_LinkBox-sd{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 100%;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 0;
    display: block;
    margin-top: 20px;
  }


  .planArea-priceBox{
    display: block;
  }
  .planArea-priceBox-inTtl.--rbox img{
    height:auto;
    width: 80%;
    margin-top:16px;
  }
  /*.planArea-priceBox-in02:nth-of-type(2) img{
    width: 60%;
  }*/
  /*.planArea-priceBox-inTtl:nth-of-type(2).--rbox img{
    width: 60%;
  }*/
  .planArea-priceBox-in{
    width: 100%;
    margin-top:20px;
  }
  .planArea-priceBox-in:nth-of-type(1){
    margin-top:0;
  }
  /*.planArea-priceBox-in02:nth-of-type(1){
    margin-top:20px;
  }*/
  .planArea-priceBox-inTxt.--box03{
    margin:20px auto;
  }


  .planArea___notes-r {
    text-align: left;
  }
  .planArea-service-pc{
    display:none;
  }
  .planArea-service-sp{
    display: block;
    margin-top: 0;
  }

  .planArea-service-sp img{
    margin-top:20px;
  }
  .planArea_LinkBnr-sp{
    display:block;
  }
  .planArea_LinkBnr-sp{
    margin-top:0;
  }
  .planArea_LinkBnr-pc{
    display:none;
  }

  .ModalContent__image-price{
    margin:auto;
    text-align: center;
  }
  .ModalContent__image-price img {
    width: 90%;
    height: auto;
  }


}

/* ------------------------------------------------ Renewal Price 20250609 END ------------------------------------------------ */




/*# sourceMappingURL=style.css.map */