/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./node_modules/import-glob-loader/index.js!./src/assets/styles/app.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*,
:after,
:before {
  background-repeat: no-repeat;
  box-sizing: border-box;
}
:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}
:where(:root) {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  tab-size: 4;
}
:where(body) {
  margin: 0;
}
:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}
:where(hr) {
  color: inherit;
  height: 0;
}
:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}
:where(nav li):before {
  content: "​";
  float: left;
}
:where(pre) {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
}
:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
:where(b, strong) {
  font-weight: bolder;
}
:where(code, kbd, samp) {
  font-family: monospace, monospace;
  font-size: 1em;
}
:where(small) {
  font-size: 80%;
}
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}
:where(iframe) {
  border-style: none;
}
:where(svg:not([fill])) {
  fill: currentColor;
}
:where(table) {
  border-collapse: collapse;
  border-color: currentColor;
  text-indent: 0;
}
:where(button, input, select) {
  margin: 0;
}
:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
}
:where(fieldset) {
  border: 1px solid #a0a0a0;
}
:where(progress) {
  vertical-align: initial;
}
:where(textarea) {
  margin: 0;
  resize: vertical;
}
:where([type="search" i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
:where(dialog) {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}
:where(dialog:not([open])) {
  display: none;
}
:where(details > summary:first-of-type) {
  display: list-item;
}
:where([aria-busy="true" i]) {
  cursor: progress;
}
:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
}
:where([aria-hidden="false" i][hidden]) {
  display: initial;
}
:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
@keyframes upFadeIn {
  0% {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
*,
:after,
:before {
  margin: 0;
}
:where(html) {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  height: 100%;
  width: 100%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:where(body) {
  color: #222;
  font-family: Noto Sans Japanese, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  min-height: 100%;
  padding: 0;
  width: 100%;
  word-break: break-all;
}
:where(body).is-fixed {
  height: 100%;
  position: fixed;
  width: 100%;
}
:where(h1, h2, h3, h4, h5, h6) {
  font-size: 1em;
  font-weight: inherit;
}
:where(i, cite, em, address, dfn) {
  font-style: normal;
}
:where(a) {
  color: inherit;
  text-decoration: none;
}
:where(ul, ol) {
  list-style: none;
  padding: 0;
}
:where(iframe, img, input, video, select, textarea) {
  height: auto;
  max-width: 100%;
}
:where(small) {
  font-size: 100%;
}
:where(input, select, textarea) {
  background-color: initial;
  border: 1px solid WindowFrame;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  padding: 0.25em 0.5em;
}
:where(select) {
  appearance: none;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E")
    no-repeat 100%/1em;
  border-radius: 0;
  padding-right: 1em;
}
:where(select[multiple]) {
  background-image: none;
}
:where(input[type="text"]) {
  line-height: normal;
}
:where([type="text"]::-ms-clear) {
  visibility: hidden;
}
:where([type="password"]::-ms-reveal) {
  visibility: hidden;
}
:where([type="number"]::-webkit-inner-spin-button),
:where([type="number"]::-webkit-outer-spin-button) {
  appearance: none;
}
:where(fieldset) {
  border: 0;
  min-width: auto;
  padding: 0;
}
:where(legend) {
  display: block;
}
:where([type="color" i], [type="range" i]) {
  border-width: 0;
  padding: 0;
}
:where(button, input[type="submit"]) {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
}
:where([aria-disabled="true"]),
:where([disabled]) {
  cursor: not-allowed;
}
.l-main {
  padding-top: 74px;
}
.l-main--subPage {
  padding-top: 119px;
}
.l-header {
  align-items: center;
  background-image: url(../images/bg-header_sp.svg);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  height: 74px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5000;
}
.l-footer,
.l-header {
  background-color: #080808;
}
.l-footer {
  padding: 80px 0 90px;
}
.l-container {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}
.c-button {
  align-items: center;
  border-radius: 107px;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 500;
  height: 50px;
  line-height: 100%;
  padding-bottom: 2px;
  padding-left: 17px;
  transition: background-color 0.2s cubic-bezier(0.17, 0.3, 0.43, 1.01),
    color 0.2s cubic-bezier(0.17, 0.3, 0.43, 1.01);
  white-space: nowrap;
  width: 210px;
}
.c-button--largeSize {
  font-size: 0.8125rem;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
}
.c-button--exLargeSize {
  font-size: 0.9375rem;
  height: 50px;
  padding-left: 24px;
  padding-right: 24px;
}
.c-button--borderType {
  border: 1px solid #fff;
}
.c-button--black {
  background-color: #080808;
  color: #01bfd7;
}
.c-button--primary {
  background-color: #01bfd7;
  border: 1px solid #01bfd7;
  color: #fff;
}
.c-button--primaryTxt {
  color: #01bfd7;
}
.c-button--download,
.c-button--exLink,
.c-button--file,
.c-button--more {
  position: relative;
}
.c-button--download:after,
.c-button--exLink:after,
.c-button--file:after,
.c-button--more:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
  width: 16px;
}
.c-button--more:after {
  background-image: url(../images/icon/icon-arrow_primary.svg);
}
.c-button--exLink:after {
  background-image: url(../images/icon/icon-exLink.svg);
}
.c-button--download:after {
  background-image: url(../images/icon/icon-download.svg);
}
.c-button--contact {
  color: #fff;
  justify-content: center;
}
.c-button--file:after {
  background-image: url(../images/icon/icon-file.svg);
  right: 15px;
  top: 50%;
}
[class*=" c-picIcon"],
[class^="c-picIcon"] {
  display: inline-flex;
  height: 1em;
  width: 1em;
}
[class*=" c-picIcon"]:after,
[class*=" c-picIcon"]:before,
[class^="c-picIcon"]:after,
[class^="c-picIcon"]:before {
  content: "";
  display: inline-block;
  height: 1em;
  width: 1em;
}
[class*=" c-picIcon"]:after,
[class^="c-picIcon"]:after {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.c-category {
  position: relative;
  z-index: 1;
}
.c-category,
.c-category__box {
  display: flex;
  justify-content: center;
}
.c-category__item {
  align-items: center;
  border: 1px solid #080808;
  border-radius: 100px;
  color: #080808;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.0625rem;
  font-weight: 500;
  height: 45px;
  justify-content: center;
  line-height: 100%;
  margin-left: 8px;
  transition: background-color 0.2s cubic-bezier(0.17, 0.3, 0.43, 1.01),
    color 0.2s cubic-bezier(0.17, 0.3, 0.43, 1.01);
  width: 112px;
}
.c-category__item:first-child {
  margin-left: 0;
}
.c-category__item--all {
  width: auto;
}
.c-category__item--all a {
  padding: 0 16px;
}
.c-category__item a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding-bottom: 4px;
  width: 100%;
}
.c-category__item.is-active {
  background-color: #080808;
  color: #01bfd7;
  pointer-events: none;
}
.c-card,
.c-card__vis {
  position: relative;
}
.c-card__vis {
  height: auto;
  overflow: hidden;
  width: 100%;
}
.c-card__vis:before {
  content: "";
  display: block;
  padding-top: 68.7666666667%;
}
.c-card__vis img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.42s cubic-bezier(0.09, 0.3, 0.62, 1.02);
  width: 100%;
  will-change: transform;
}
.c-card__meta {
  margin-top: 15px;
}
.c-card__tag {
  left: 0;
  position: absolute;
  top: 0;
}
.c-card__ttl {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #222;
  display: -webkit-box;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 180%;
  overflow: hidden;
}
.c-card__post {
  color: #8a8a8a;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  margin-top: 10px;
}
.c-tag {
  align-items: center;
  background-color: #080808;
  color: #01bfd7;
  display: inline-flex;
  font-size: 13px;
  font-weight: 400;
  height: 28px;
  line-height: 100%;
  padding: 0 11px;
  width: auto;
}
.c-ankerLink {
  width: 100%;
}
.c-ankerLink__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -14px;
}
.c-ankerLink__item {
  border: 1px solid #080808;
  border-radius: 90px;
  color: #080808;
  font-size: 0.9375rem;
  font-weight: 500;
  height: 45px;
  letter-spacing: -0.03em;
  line-height: 100%;
  margin-top: 14px;
  position: relative;
  transition: background-color 0.2s cubic-bezier(0.17, 0.3, 0.43, 1.01),
    color 0.2s cubic-bezier(0.17, 0.3, 0.43, 1.01);
  width: calc(50% - 4px);
}
.c-ankerLink__item:before {
  background-image: url(../images/icon/icon-anker.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 15px;
  pointer-events: none;
  position: absolute;
  right: 13px;
  top: 14px;
  width: 15px;
}
.c-ankerLink__item:last-child {
  margin-right: 0;
}
.c-ankerLink__item a {
  align-items: center;
  display: inline-flex;
  height: 100%;
  padding-bottom: 3px;
  padding-left: 16px;
  width: 100%;
}
.c-ankerLink__item--exLink {
  background-color: #01bfd7;
  border: 1px solid #01bfd7;
  color: #fff;
}
.c-ankerLink__item--exLink:before {
  display: none;
}
.c-ankerLink__item--exLink:after {
  background-image: url(../images/icon/icon-exLink.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  pointer-events: none;
  position: absolute;
  right: 13px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  transition: 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
  width: 15px;
}
.c-fadeInUp--box {
  opacity: 0;
}
.c-fadeInUp--box.is-inView {
  animation-delay: 0.08s;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: upFadeIn;
}
.c-headline__ttl {
  color: #222;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}
.c-headline__ttl--smallType {
  font-size: 1.0625rem;
  line-height: 26px;
}
.c-headline__ttl--smallType + .c-headline__subTtl {
  margin-top: 16px;
}
.c-headline__sideTtl {
  color: #222;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
}
.c-headline__sideTtl--borderType {
  border-bottom: 1px solid #c9c9c9;
  line-height: 30px;
  margin-bottom: 19px;
  padding-bottom: 29px;
}
.c-headline__subTtl {
  color: #01bfd7;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 170%;
  margin-top: 16px;
  text-align: center;
}
.c-headline__subTtl--spTxt {
  margin-top: 20px;
  text-align: center;
}
.c-headline__dtl {
  color: #222;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 15px;
  padding: 0 15px;
  text-align: left;
  width: 100%;
}
.c-headline span {
  color: #01bfd7;
  display: block;
  margin-top: 6px;
  text-align: center;
}
.c-contact {
  position: relative;
  width: 100%;
}
.c-contact__wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.c-contact__ttl {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 19px;
  margin-right: 7px;
}
.c-contact__close {
  border-radius: 50%;
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: 0.14s cubic-bezier(0.46, -0.09, 0.58, 1.09);
  width: 20px;
}
.c-contact__close span {
  background-color: #8a8a8a;
  display: inline-block;
  height: 1px;
  position: absolute;
  right: 3px;
  top: 10px;
  transform: translate(-50%, -50%);
  width: 13px;
  z-index: 1;
}
.c-contact__close span:first-of-type {
  transform: translateY(0) rotate(-45deg);
}
.c-contact__close span:nth-of-type(2) {
  transform: translateY(0) rotate(45deg);
}
.c-contact__btn {
  align-items: center;
  display: flex;
  width: 100%;
}
.c-contact__btn .c-button {
  border: 0;
  font-size: 0.75rem;
  height: 50px;
  padding: 0 15px;
  white-space: nowrap;
  width: 100%;
}
.c-contact__btn .c-button + .c-button {
  margin-left: 6px;
}
.c-contact__btn .c-button:after {
  display: none;
}
.c-contact__btn .c-button--contact {
  background-color: #080808;
  width: 100%;
}
.c-contact__btn .c-button--contact:after {
  display: none;
}
.c-contact__btn .c-button--download {
  justify-content: center;
}
.c-contact__btn .c-button--download:after {
  display: none;
}
.c-logo__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px;
}
.c-logo__head {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}
.c-logo__head:after {
  content: "";
  display: none;
}
.c-logo__head + .c-logo__wrap {
  margin-top: 34px;
}
@font-face {
  font-family: Noto Sans Japanese;
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSansCJKjp-Light.woff2) format("woff2"),
    url(../fonts/NotoSansCJKjp-Light.woff) format("woff"),
    url(../fonts/NotoSansCJKjp-Light.ttf) format("truetype"),
    url(../fonts/NotoSansCJKjp-Light.eot) format("embedded-opentype");
}
@font-face {
  font-family: Noto Sans Japanese;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansCJKjp-DemiLight.woff2) format("woff2"),
    url(../fonts/NotoSansCJKjp-DemiLight.woff) format("woff"),
    url(../fonts/NotoSansCJKjp-DemiLight.ttf) format("truetype"),
    url(../fonts/NotoSansCJKjp-DemiLight.eot) format("embedded-opentype");
}
@font-face {
  font-family: Noto Sans Japanese;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansCJKjp-Regular.woff2) format("woff2"),
    url(../fonts/NotoSansCJKjp-Regular.woff) format("woff"),
    url(../fonts/NotoSansCJKjp-Regular.ttf) format("truetype"),
    url(../fonts/NotoSansCJKjp-Regular.eot) format("embedded-opentype");
}
@font-face {
  font-family: Noto Sans Japanese;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansCJKjp-Medium.woff2) format("woff2"),
    url(../fonts/NotoSansCJKjp-Medium.woff) format("woff"),
    url(../fonts/NotoSansCJKjp-Medium.ttf) format("truetype"),
    url(../fonts/NotoSansCJKjp-Medium.eot) format("embedded-opentype");
}
@font-face {
  font-family: Noto Sans Japanese;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansCJKjp-Bold.woff2) format("woff2"),
    url(../fonts/NotoSansCJKjp-Bold.woff) format("woff"),
    url(../fonts/NotoSansCJKjp-Bold.ttf) format("truetype"),
    url(../fonts/NotoSansCJKjp-Bold.eot) format("embedded-opentype");
}
.p-header:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity 0.62s ease, visibility 0.62s ease;
  visibility: hidden;
  width: calc(100% - 30px);
  z-index: 11;
}
.p-header.is-trans:before {
  opacity: 1;
  visibility: visible;
}
.p-header.is-trans .p-header__inner {
  background-color: #080808;
}
.p-header__inner {
  height: 100%;
  padding: 0 24.39px 0 14.17px;
  position: relative;
  width: 100%;
  z-index: 10;
}
.p-header__logo {
  height: 26.84px;
  margin-top: -3px;
  width: 217.97px;
}
.p-header__logo--noActive {
  pointer-events: none;
}
.p-header__cont {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 10;
}
.p-header__contNavi {
  display: none;
}
.p-header__naviBox,
.p-header__naviItem {
  align-items: center;
  display: flex;
}
.p-header__naviItem {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 100%;
  margin-left: 20px;
  position: relative;
}
.p-header__naviItem:first-child {
  margin-left: 0;
}
.p-header__naviItem:after {
  background-color: #01bfd7;
  border-radius: 50%;
  content: "";
  display: none;
  height: 5px;
  position: absolute;
  right: -9px;
  top: 1px;
  width: 5px;
}
.p-header__naviItem--mypage:before {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 19px;
  margin-right: 20px;
  width: 1px;
}
.p-header__naviItem a {
  position: relative;
  transition: 0.2s cubic-bezier(0.53, 0, 0.39, 0.97);
}
.p-header__naviItem a:before {
  background-color: #01bfd7;
  bottom: -8px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: 0.2s ease;
  width: 0;
}
.p-header__naviItem.is-active:after {
  display: block;
}
.p-header__external {
  display: none;
  margin-left: 56px;
}
.p-header__externalBox {
  align-items: center;
  display: flex;
}
.p-header__externalItem {
  margin-left: 10px;
}
.p-header__externalItem:first-child {
  margin-left: 0;
}
.p-header__externalItem .c-button {
  font-size: 0.8125rem;
  font-weight: 500;
  height: 31px;
  padding-top: 2px;
  width: auto;
}
.p-header__externalItem .c-button--contact {
  padding-left: 11px;
  padding-right: 12px;
}
.p-header__externalItem .c-button--download {
  color: #01bfd7;
  padding-left: 14px;
  padding-right: 14px;
  width: 154px;
}
.p-header__externalItem .c-button--download:after {
  background-image: url(../images/icon/icon-download_primary.svg);
  right: 13px;
}
.p-header__switch {
  margin-left: 34px;
}
.p-header__switchBox {
  align-items: center;
  display: flex;
}
.p-header__switchBox span {
  padding: 0 4px;
}
.p-header__switchBox span,
.p-header__switchItem {
  color: #fff;
  font-family: Roboto, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
}
.p-header__switchItem {
  letter-spacing: 0.04em;
}
.p-header__switchItem a {
  letter-spacing: 0.04em !important;
  position: relative;
  transition: 0.2s cubic-bezier(0.53, 0, 0.39, 0.97);
}
.p-header__switchItem a:before {
  background-color: #01bfd7;
  bottom: -3px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: 0.2s cubic-bezier(0.53, 0, 0.39, 0.97);
  width: 0;
  z-index: 1;
}
.p-header__switchItem.is-active {
  position: relative;
}
.p-header__switchItem.is-active:after {
  background-color: #fff;
  bottom: -4px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.p-header__hum {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 15px;
  margin-top: 3px;
  position: relative;
  width: 42px;
}
.p-header__hum span {
  background-color: #fff;
  display: inline-block;
  height: 1px;
  position: absolute;
  right: 0;
  transition: transform 0.42s cubic-bezier(0, 0.69, 0.61, 1.18);
  width: 100%;
}
.p-header__hum span:first-child {
  top: 0;
}
.p-header__hum span:nth-child(2) {
  opacity: 1;
  top: 7px;
}
.p-header__hum span:nth-child(3) {
  bottom: 0;
  width: 50%;
}
.p-header__hum.is-active span {
  will-change: unset;
}
.p-header__hum.is-active span:first-of-type {
  transform: translateY(6px) rotate(-30deg);
}
.p-header__hum.is-active span:nth-of-type(2) {
  opacity: 0;
}
.p-header__hum.is-active span:nth-of-type(3) {
  transform: translateY(-7px) rotate(30deg);
  width: 100%;
}
.p-gnavi {
  bottom: 0;
  color: #fff;
  height: 100vh;
  opacity: 0;
  overflow-x: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.62s ease, visibility 0.62s ease;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.p-gnavi.is-open {
  opacity: 1;
  transition-delay: 0.24s;
  visibility: visible;
}
.p-gnavi.is-open .p-gnavi__cont {
  top: 0;
  transition-delay: 0.24s;
}
.p-gnavi__cont {
  overflow: hidden;
  padding-top: 74px;
  position: relative;
  top: -6px;
  transition: top 0.22s ease;
  z-index: 2;
}
.p-gnavi__cont:before {
  background-image: url(../images/bg-gnavi.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(var(--vw) * 86.15385);
  position: absolute;
  right: 0;
  top: calc(50% - 80px);
  transform: translateY(-50%);
  width: calc(var(--vw) * 57.94872);
}
.p-gnavi__inner {
  margin-top: 22px;
  padding: 0 15px 180px;
}
.p-gnavi__switchBox {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.p-gnavi__switchBox span {
  padding: 0 4px;
}
.p-gnavi__switchBox span,
.p-gnavi__switchItem {
  color: #fff;
  font-family: Roboto, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
}
.p-gnavi__switchItem {
  letter-spacing: 0.04em;
}
.p-gnavi__switchItem a {
  position: relative;
}
.p-gnavi__switchItem a:before {
  background-color: #fff;
  bottom: -2.5px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  letter-spacing: 0.04em;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: 0.2s cubic-bezier(0.53, 0, 0.39, 0.97);
  width: 0;
}
.p-gnavi__switchItem.is-active {
  position: relative;
}
.p-gnavi__switchItem.is-active:after {
  background-color: #fff;
  bottom: -4px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.p-gnavi__logo {
  margin-top: 19px;
  max-width: 238.13px;
  width: 100%;
}
.p-gnavi__menu {
  margin-top: 49px;
}
.p-gnavi__menuItem {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
  margin-top: 15px;
  position: relative;
}
.p-gnavi__menuItem:first-child {
  margin-top: 0;
}
.p-gnavi__menuItemTxt {
  display: inline-block;
  position: relative;
}
.p-gnavi__menuItemTxt:after {
  background-color: #01bfd7;
  border-radius: 50%;
  content: "";
  display: none;
  height: 4px;
  position: absolute;
  right: -10px;
  top: 6px;
  width: 4px;
}
.p-gnavi__menuItem.is-active .p-gnavi__menuItemTxt:after {
  display: block;
}
.p-gnavi__menuItem--mypage {
  line-height: 18px;
  margin-top: 35px;
}
.p-gnavi__menuItem a {
  position: relative;
}
.p-gnavi__menuItem a:before {
  background-color: #fff;
  bottom: -8px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: 0.2s cubic-bezier(0.53, 0, 0.39, 0.97);
  width: 0;
}
.p-gnavi__external {
  border-top: 1px solid #8a8a8a;
  margin-top: 54px;
}
.p-gnavi__externalHead {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  margin-top: 20px;
}
.p-gnavi__externalBtn {
  margin-top: 18px;
  max-width: 360px;
  width: 100%;
}
.p-gnavi__externalBox {
  display: flex;
}
.p-gnavi__externalItem {
  margin-left: 10px;
  width: 50%;
}
.p-gnavi__externalItem:first-child {
  margin-left: 0;
}
.p-gnavi__externalItem .c-button {
  font-size: 0.75rem;
  height: 50px;
  max-width: 176px;
  padding: 0 15px;
  width: 100%;
}
.p-gnavi__externalItem .c-button--contact {
  font-size: 0.8125rem;
  justify-content: center;
}
.p-gnavi__externalItem .c-button--download {
  justify-content: center;
}
.p-gnavi__externalItem .c-button--download:after {
  display: none;
}
.p-gnaviBg {
  background-color: #080808;
  bottom: 0;
  height: 100%;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.44s ease, visibility 0.44s ease;
  visibility: hidden;
  width: 100%;
}
.p-gnaviBg.is-open {
  opacity: 1;
  visibility: visible;
}
.p-footer__inner {
  text-align: center;
}
.p-footer__btn .c-button {
  border: 1px solid #fff;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 400;
  height: 37px;
  padding-left: 16px;
  width: 162px;
}
.p-footer__navi {
  margin-top: 41px;
}
.p-footer__naviBox {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -26px;
}
.p-footer__naviItem {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 100%;
  margin-left: 0;
  margin-top: 26px;
}
.p-footer__naviItem:before {
  background-color: #fff;
  content: "";
  display: none;
  height: 18px;
  margin-right: 0;
  width: 1px;
}
.p-footer__naviItem:first-child {
  margin-left: 0;
}
.p-footer__naviItem:first-child:before {
  display: none;
}
.p-footer__naviItem a {
  position: relative;
  transition: 0.28s cubic-bezier(0.53, 0, 0.39, 0.97);
}
.p-footer__naviItem a:before {
  background-color: #01bfd7;
  bottom: -8px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: 0.28s cubic-bezier(0.53, 0, 0.39, 0.97);
  width: 0;
}
.p-footer__copyright {
  background-image: url(../images/img-copyright.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 22px;
  margin: 55px auto 0;
  width: 172.8px;
}
.p-pageHeader {
  display: flex;
  justify-content: center;
}
.p-pageCases {
  margin-bottom: 90px;
}
.p-pageFaq,
.p-pagePrice {
  margin-bottom: 80px;
}
.p-pageCasesArticle {
  margin-top: 21px;
}
.p-cases__category {
  margin-top: 24px;
}
.p-cases__category + .p-cases__list {
  margin-top: 39px;
}
.p-cases__list {
  width: 100%;
}
.p-cases__listBox {
  display: flex;
  flex-wrap: wrap;
}
.p-cases__listItem {
  margin-top: 40px;
  width: 100%;
}
.p-cases__listItem:first-child {
  margin-top: 0;
}
.p-cases__btn {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.p-casesArticle {
  margin-bottom: 80px;
}
.p-casesArticle__head + .p-casesArticle__meta {
  margin-top: 30px;
}
.p-casesArticle__meta {
  display: flex;
}
.p-casesArticle__metaLogo {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-top: 8px;
  width: 24.1666666667%;
}
.p-casesArticle__metaLogo img {
  max-width: 59.74px;
}
.p-casesArticle__metaTxt {
  align-items: center;
  display: flex;
  padding: 4px 0;
  width: 76.1111111111%;
}
.p-casesArticle__metaTxtContWrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  width: 100%;
}
.p-casesArticle__metaTxt:before {
  background-color: #c9c9c9;
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: 24px;
  width: 1px;
}
.p-casesArticle__metaTxtTtl {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 22px;
}
.p-casesArticle__metaTxtTtl span {
  font-size: 0.75em;
}
.p-casesArticle__metaTxtDtl {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 14px;
}
.p-casesArticle__cont {
  margin-top: 50px;
}
.p-casesArticle__tag + .p-casesArticle__ttl {
  margin-top: 14px;
}
.p-casesArticle__ttl + .p-casesArticle__hero {
  margin-top: 16px;
}
.p-casesArticle__ttl + .p-casesArticle__hero picture {
  display: block;
  margin: auto;
  width: fit-content;
  max-width: 100%;
}
.p-casesArticle__ttl {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 180%;
}
article > :first-child {
  margin-top: 0 !important;
}
article > :last-child {
  margin-bottom: 0 !important;
}
article h2 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 60px;
}
article h2 + h3,
article h3 {
  margin-top: 20px;
}
article h3 {
  color: #8a8a8a;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 180%;
  position: relative;
  text-indent: 38px;
}
article h3:before {
  background-color: #8a8a8a;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  margin-right: 4px;
  position: absolute;
  top: 15px;
  width: 30px;
}
article p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 20px;
}
article p + h3 {
  margin-top: 40px;
}
article picture {
  display: block;
  margin: 40px auto;
  max-width: 682px;
  width: 100%;
}
article figure picture {
  margin-bottom: 0;
}
article picture + h2,
article picture + h3,
article picture + p {
  margin-top: 0;
}
.p-brand {
  background-image: url(../images/bg-brand_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 596px;
  position: relative;
  width: 100%;
}
.p-brand__cont {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.p-brand__contBox {
  margin: 0 auto;
  max-width: 360px;
  padding: 0 15px;
}
.p-brand__contWrap {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 26px;
}
.p-brand__contTtl {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 23px;
  text-align: center;
}
.p-brand__contMeta {
  padding: 0 20px;
}
.p-brand__contMetaLogo {
  background-image: url(../images/logo/img-service-logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
  padding-top: 26.9158878505%;
  width: 100%;
}
.p-brand__contMetaBtn {
  display: none;
}
.p-brand__contMetaBtn .c-button {
  padding: 0 15px;
  width: auto;
}
.p-brand__contMetaBtn .c-button:after {
  display: none;
}
.p-brand__contMetaBtn .c-button--download {
  margin-left: 6px;
}
.p-brand__contVis {
  margin-top: 44px;
}
.p-brand__contVisImgSup {
  display: none;
}
.p-brand__contSpBtn {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.p-brand__contSpBtn .c-button {
  padding: 0 15px;
  width: auto;
}
.p-brand__contSpBtn .c-button:after {
  display: none;
}
.p-brand__contSpBtn .c-button--download {
  margin-left: 6px;
}
.p-faq__category {
  margin-top: 24px;
}
.p-faq__categoryWrap {
  display: flex;
  justify-content: center;
}
.p-faq__cont {
  margin-top: 45px;
}
.p-faq__contTtl {
  border-bottom: 1px solid #c9c9c9;
  color: #222;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 30px;
  text-align: center;
}
.p-faq__contItem {
  margin-top: 60px;
}
.p-faq__contItem:first-child {
  margin-top: 0;
}
.p-faq__contBox {
  margin-top: 10px;
}
.p-faq__contBoxItem {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.p-faq__contBoxItem:last-child {
  margin-bottom: 0;
}
.p-faq__contBoxItemA,
.p-faq__contBoxItemQ {
  display: flex;
}
.p-faq__contBoxItemAIcon,
.p-faq__contBoxItemQIcon {
  min-width: 22px;
  width: 22px;
}
.p-faq__contBoxItemAIcon:before,
.p-faq__contBoxItemQIcon:before {
  color: #01bfd7;
  content: "Q.";
  display: block;
  font-family: Roboto, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 180%;
}
.p-faq__contBoxItemQ p {
  color: #222;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 180%;
  margin-left: 25px;
  margin-top: 7px;
}
.p-faq__contBoxItemA {
  margin-top: -2px;
}
.p-faq__contBoxItemAIcon:before {
  color: #8a8a8a;
  content: "A.";
  margin-left: 1px;
}
.p-faq__contBoxItemA p {
  color: #344;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-left: 25px;
  margin-top: 10px;
}
.p-faq__contBoxItemA p a {
  color: #01bfd7;
  position: relative;
}
.p-faq__contBoxItemA p a:before {
  background-color: #01bfd7;
  bottom: -3px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transition: 0.28s cubic-bezier(0.53, 0, 0.39, 0.97);
  width: 0;
}
.p-faq__contBtn {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  width: 100%;
}
.p-faq__contBtnItem + .p-faq__contBtnItem {
  margin-top: 20px;
}
.p-pageFaq .p-faq__contBtn {
  display: block;
}
.p-pageFaq .c-button {
  font-size: 0.9375rem;
  padding-left: 22px;
  padding-right: 47px;
  width: auto;
}
.p-pageFaq .c-button--exLink:after {
  background-image: url(../images/icon/icon-exLink_primary.svg);
  right: 20px;
  top: calc(50% - 1px);
}
.p-pageFaq .c-button--exLargeSize {
  height: 60px;
}
.p-pageFaq .c-button--exLargeSize.c-button--exLink:after {
  background-image: url(../images/icon/icon-exLink.svg);
}
.p-price__cont + .p-price__cont {
  margin-top: 80px;
}
.p-price__cont--flow + .p-price__cont {
  margin-top: 64px;
}
.p-price__cont--flow .c-headline__ttl {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 26px;
}
.p-price__cont--flow .c-headline__subTtl {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  margin-top: 30px;
}
.p-price__cont--faq .p-faq__contTtl {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 30px;
  text-align: center;
}
.p-price__cont--faq .p-faq__contBtn {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.p-price__cont--faq .p-faq__contBtn .c-button {
  font-size: 1rem;
  padding-left: 18px;
  padding-right: 18px;
}
.p-price__cont--faq .p-faq__contBtn .c-button--exLink {
  align-items: center;
  justify-content: flex-start;
}
.p-price__cont--faq .p-faq__contBtn .c-button--exLink:after {
  margin-left: -2px;
}
.p-price__cont--faq .p-faq__contBtnItem + .p-faq__contBtnItem {
  margin-left: 11px;
  margin-top: 20px;
}
.p-price__cont--faq .p-faq__contBtnItem + .p-faq__contBtnItem .c-button {
  width: 330px;
}
.p-price__cont--faq .p-faq__contBtnItem + .p-faq__contBtnItem .c-button span {
  font-size: 0.6875rem;
  margin-left: -5px;
  margin-top: 5px;
}
.p-price__cont + .p-price__cont--faq {
  margin-top: 80px;
}
.p-priceBox {
  width: 100%;
}
.p-priceBox__total {
  align-items: center;
  background-color: #080808;
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  height: 300px;
  margin-top: 40px;
  width: 100%;
}
.p-priceBox__totalInner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.p-priceBox__totalTtl {
  text-align: center;
}
.p-priceBox__totalTtlCap {
  display: block;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 150%;
  margin-top: 9px;
}
.p-priceBox__totalTtlTxt {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 36px;
}
.p-priceBox__totalCost {
  margin-top: 40px;
}
.p-priceBox__totalCostCap {
  display: block;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.p-priceBox__totalCostTxt {
  display: flex;
  flex-direction: column;
  margin: -4px auto 0;
  width: 100%;
}
.p-priceBox__totalCostTxt strong {
  color: #01bfd7;
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 59px;
}
.p-priceBox__totalCostTxt span {
  color: #01bfd7;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  margin-top: -6px;
  text-align: right;
}
.p-priceBox__list {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.p-priceBox__item {
  margin-top: 52px;
  position: relative;
  width: 100%;
}
.p-priceBox__item:first-child {
  margin-top: 0;
}
.p-priceBox__item:after,
.p-priceBox__item:before {
  background-color: #080808;
  bottom: -25px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.p-priceBox__item:after {
  height: 1px;
  width: 22px;
}
.p-priceBox__item:before {
  bottom: -36px;
  height: 22px;
  width: 1px;
}
.p-priceBox__item:last-child {
  width: 100%;
}
.p-priceBox__item:last-child:after,
.p-priceBox__item:last-child:before {
  display: none;
}
.p-priceBox__itemInner {
  border: 1px solid #080808;
  border-radius: 5px;
  height: 100%;
  padding: 30px 22px 29px;
  width: auto;
}
.p-priceBox__itemHead {
  text-align: center;
}
.p-priceBox__itemHeadTtl {
  color: #000;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 36px;
}
.p-priceBox__itemHead span {
  color: #01bfd7;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 160%;
  margin-top: 7px;
}
.p-priceBox__itemCost {
  align-items: baseline;
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.p-priceBox__itemCost strong {
  color: #000;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 58px;
}
.p-priceBox__itemCost span {
  color: #8a8a8a;
}
.p-priceBox__itemCost span,
.p-priceBox__itemCostNum {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
}
.p-priceBox__itemCostNum {
  color: #000;
  margin-left: 5px;
}
.p-priceBox__itemDtl {
  color: #8a8a8a;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 400;
  justify-content: center;
  line-height: 160%;
  margin-top: 19px;
  text-align: left;
}
.p-priceBox__itemList {
  margin-top: 25px;
}
.p-priceBox__itemListTxt {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.p-priceBox__itemListTxt:first-child {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 9px;
  padding-bottom: 15px;
}
.p-priceBox__itemListCost {
  align-items: center;
  display: flex;
  margin-left: 13px;
}
.p-priceBox__itemListCost strong {
  color: #000;
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 46px;
}
.p-priceBox__itemListLabel {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%;
}
.p-priceBox__itemListCap {
  display: flex;
  flex-direction: column;
  margin-left: 3px;
  margin-top: 6px;
}
.p-priceBox__itemListCap span {
  color: #8a8a8a;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 14px;
  margin-top: 1px;
}
.p-priceBox__itemListMon {
  color: #000;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 14px;
  padding-left: 8px;
}
.p-priceBox__dtl {
  color: #8a8a8a;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 160%;
  margin-top: 15px;
}
.p-priceFlow {
  margin-top: 20px;
  padding: 0 13px;
  width: 100%;
}
.p-priceFlow__list {
  height: 100%;
  width: 100%;
}
.p-priceFlow__listItem {
  margin-bottom: 37px;
  position: relative;
}
.p-priceFlow__listItem:after {
  background-image: url(../images/img-flow_sp.svg);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -22px;
  content: "";
  display: block;
  height: 7px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 29px;
}
.p-priceFlow__listItem:nth-child(4):after {
  background-image: url(../images/img-flow_primary_sp.svg);
}
.p-priceFlow__listItem:last-child {
  margin-bottom: 0;
}
.p-priceFlow__listItem:last-child:after {
  display: none;
}
.p-priceFlow__listItemInner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.p-priceFlow__listItemIcon {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 38px;
  margin-right: 27px;
  width: 11.2540192926%;
}
.p-priceFlow__listItemIcon--step1 {
  background-image: url(../images/icon/icon-step_01.svg);
}
.p-priceFlow__listItemIcon--step2 {
  background-image: url(../images/icon/icon-step_02.svg);
}
.p-priceFlow__listItemIcon--step3 {
  background-image: url(../images/icon/icon-step_03.svg);
}
.p-priceFlow__listItemIcon--step4 {
  background-image: url(../images/icon/icon-step_04.svg);
}
.p-priceFlow__listItemIcon--step5 {
  background-image: url(../images/icon/icon-step_05.svg);
}
.p-priceFlow__listItemIcon--step5 + .p-priceFlow__listItemTxt {
  color: #01bfd7;
}
.p-priceFlow__listItemTxt {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  width: 88.7459807074%;
}
.p-priceSupport {
  margin-top: 20px;
}
.p-priceSupport__listItem {
  background-color: #080808;
  border-radius: 5px;
  color: #fff;
  margin-top: 10px;
  width: 100%;
}
.p-priceSupport__listItem:first-child {
  margin-top: 0;
}
.p-priceSupport__listItemInner {
  align-items: center;
  display: flex;
  padding: 17px 8px 17px 13px;
}
.p-priceSupport__listItemIcon {
  display: block;
  height: auto;
  min-width: 85px;
  width: 85px;
}
.p-priceSupport__listItemTxt {
  margin-left: 10px;
}
.p-priceSupport__listItemTtl {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 27px;
}
.p-priceSupport__listItemDtl {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 180%;
  margin-top: 4px;
}
.p-priceSupport__dtl {
  color: #8a8a8a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 20px;
}
.p-price__head + .p-priceBox {
  margin-top: 60px;
}
.p-sect--bgGray {
  background-color: #f4f4f4;
}
.p-sect--bgImg {
  background-image: url(../images/bg-section_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 390px;
  position: relative;
  width: 100%;
}
.p-sect__cont {
  left: 50%;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.p-sect__contWrap {
  margin: 0 -16px;
}
.p-sect__contTtlTxt {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 170%;
  text-align: center;
  width: 100%;
}
.p-sect__contTtlBtn {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 12px;
}
.p-sect__contTtlBtn .c-button {
  padding: 0 15px;
  width: auto;
}
.p-sect__contTtlBtn .c-button:after {
  display: none;
}
.p-sect__contTtlBtn .c-button--download {
  margin-left: 6px;
}
.p-sect__columnBoxWrap {
  margin-top: 19px;
}
.p-sect__columnBoxHead {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 26px;
}
.p-sect__columnBoxTxt {
  padding: 0 15px;
}
.p-sect__columnBoxTtl {
  color: #01bfd7;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 170%;
}
.p-sect__columnBoxDtl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 16px;
}
.p-sect__columnBoxList {
  margin-top: 20px;
}
.p-sect__columnBoxListItem {
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 7px;
}
.p-sect__columnBoxListItem:first-child {
  margin-top: 0;
}
.p-sect__columnBoxListItem:before {
  background-image: url(../images/icon/icon-check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  margin-top: 2px;
  min-width: 18px;
  width: 18px;
}
.p-sect__columnBoxVis {
  height: 100%;
  margin-top: 47px;
  width: 100%;
}
.p-sect__columnBoxBtn {
  margin-top: 40px;
  text-align: center;
}
.p-sect__columnBoxBtn .c-button {
  width: 230px;
}
.p-mainVisual {
  height: calc(100vh - 61px);
  position: relative;
  width: 100%;
}
.p-mainVisual__vis {
  height: 100%;
  margin-top: -13px;
  width: 100%;
}
.p-mainVisual__vis img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.p-mainVisual__logo {
  left: 50%;
  max-width: 315.711px;
  position: absolute;
  top: calc(50% - 30px);
  transform: translate(-50%, -50%);
  width: 100%;
}
.p-mainVisual__logo img {
  height: 100%;
  width: 100%;
}
.p-mainVisual__contact {
  bottom: 36px;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 0 15px;
  position: absolute;
  transition: 0.56s ease-in-out;
  width: 100%;
}
.p-functions .c-headline__dtl {
  padding: 0;
}
.p-functions .c-headline__subTtl {
  text-align: left;
}
.p-functions__sect .p-sect__columnBox + .p-sect__columnBox,
.p-functions__sect + .p-functions__sect {
  margin-top: 80px;
}
.p-functions__sect .p-sect__columnBoxVis {
  margin-top: 28px;
  padding: 0;
}
.p-functions__sect .p-sect__columnBoxWrap {
  margin-top: 0;
}
.p-functions__sect .p-sect__columnBoxTxt {
  padding: 0;
}
.p-functions__columnBox + .p-functions__columnBox {
  margin-top: 80px;
}
.p-functions__columnBoxWrap {
  display: flex;
  flex-direction: column-reverse;
}
.p-functions__columnBoxHead {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 25px;
}
.p-functions__columnBoxTtl {
  color: #01bfd7;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 170%;
  margin-top: 20px;
}
.p-functions__columnBoxDtl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 19px;
}
.p-functions__columnBoxVis {
  height: 100%;
  margin-top: 29px;
  width: 100%;
}
.p-functions__contact {
  margin-top: 80px;
}
.p-functions__solution {
  padding-top: 80px;
}
.p-functions__technology {
  padding-top: 74px;
}
.p-sect__technology {
  padding: 80px 0;
}
.p-solution__sect,
.p-solution__sectItem {
  margin-top: 50px;
}
.p-solution__sectItem:first-child {
  margin-top: 0;
}
.p-solution__sectItem--technology .p-solution__sectItemHead:before {
  background-image: url(../images/icon/icon-technology.svg);
  height: 58.35px;
  width: 60px;
}
.p-solution__sectItem--usability .p-solution__sectItemHead:before {
  background-image: url(../images/icon/icon-usability.svg);
  height: 43px;
  width: 62px;
}
.p-solution__sectItem--multiDevice .p-solution__sectItemHead:before {
  background-image: url(../images/icon/icon-multiDevice.svg);
  height: 46px;
  width: 62px;
}
.p-solution__sectItemWrap {
  display: flex;
  flex-direction: column-reverse;
}
.p-solution__sectItemHead {
  align-items: center;
  color: #01bfd7;
  display: flex;
  font-family: Roboto, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 180%;
}
.p-solution__sectItemHead:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  margin-right: 12px;
}
.p-solution__sectItemTtl {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 15px;
}
.p-solution__sectItemDtl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 15px;
}
.p-solution__sectItemVis {
  margin-top: 15px;
  width: 100%;
}
.p-solution__sectBtn {
  margin-top: 50px;
  text-align: center;
}
.p-solution__card {
  margin-top: 50px;
}
.p-solution__cardList {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
.p-solution__cardItem {
  margin-top: 50px;
  width: 100%;
}
.p-solution__cardItem:first-child {
  margin-top: 0;
}
.p-solution__cardItemWrap {
  display: flex;
  flex-direction: column;
}
.p-solution__cardItemHead {
  align-items: center;
  color: #01bfd7;
  display: flex;
  font-size: 1.0625rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 180%;
}
.p-solution__cardItemHead:before {
  background-image: url(../images/icon/icon-display.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 31px;
  margin-right: 11px;
  margin-top: 3px;
  min-width: 38px;
  width: 38px;
}
.p-solution__cardItemVis {
  margin-top: 12px;
}
.p-solution__cardItemTxt {
  margin-top: 16px;
}
.p-solution__cardItemTtl {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 160%;
}
.p-solution__cardItemDtl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 12px;
}
.p-solution__cardItem:first-child .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_001.svg);
}
.p-solution__cardItem:nth-child(2) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_002.svg);
}
.p-solution__cardItem:nth-child(3) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_003.svg);
}
.p-solution__cardItem:nth-child(4) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_004.svg);
}
.p-solution__cardItem:nth-child(5) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_005.svg);
}
.p-solution__cardItem:nth-child(6) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_006.svg);
}
.p-solution__cardItem:nth-child(7) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_007.svg);
}
.p-solution__cardItem:nth-child(8) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_008.svg);
}
.p-solution__cardItem:nth-child(9) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_009.svg);
}
.p-solution__cardItem:nth-child(10) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_010.svg);
}
.p-solution__cardItem:nth-child(11) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_011.svg);
}
.p-solution__cardItem:nth-child(12) .p-solution__cardItemHead:before {
  background-image: url(../images/solution/icon-solution_012.svg);
}
.p-solution__voice {
  margin-top: 50px;
  padding: 60px 20px 68px;
}
.p-solution__voiceItem,
.p-solution__voiceList {
  margin-top: 40px;
}
.p-solution__voiceItem:first-child {
  margin-top: 0;
}
.p-solution__voiceItemVis {
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}
.p-solution__voiceItemVis img {
  width: 100%;
}
.p-solution__voiceItemVis--pc {
  display: none;
}
.p-solution__voiceItemVis--sp {
  display: block;
}
.p-technology__head .c-headline__ttl {
  display: block;
  font-size: 1.1875rem;
  letter-spacing: 0.02em;
  line-height: 22px;
}
.p-technology__head .c-headline__subTtl {
  font-size: 1.5rem;
  line-height: 170%;
  margin-top: 20px;
}
.p-technology__head .c-headline__dtl {
  font-size: 0.8125rem;
  line-height: 19px;
  margin-top: 11px;
  padding: 0;
  text-align: center;
}
.p-technology__device {
  margin-top: 40px;
}
.p-technology__deviceWrap {
  display: flex;
  flex-direction: column-reverse;
}
.p-technology__deviceVis {
  height: auto;
  mix-blend-mode: darken;
  width: 100%;
}
.p-technology__deviceTxt {
  margin-top: 19px;
}
.p-technology__deviceTxtWrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.p-technology__deviceTxtItem {
  margin-top: 49px;
}
.p-technology__deviceTxtItem:first-child {
  margin-top: 0;
}
.p-technology__deviceTxtIcon {
  height: auto;
  width: 21.6666666667%;
}
.p-technology__deviceTxtBox {
  width: 78.3333333333%;
}
.p-technology__deviceTxtBox .p-technology__deviceTxtDtl {
  display: none;
}
.p-technology__deviceTxtBox + .p-technology__deviceTxtDtl {
  display: block;
}
.p-technology__deviceTxtTtl {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 180%;
  padding-left: 18px;
}
.p-technology__deviceTxtDtl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 16px;
  width: 100%;
}
.p-technology__gallery {
  margin-top: 56px;
}
.p-technology__galleryWrap {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.p-technology__galleryItem {
  margin-top: 40px;
}
.p-technology__galleryItem:first-child {
  margin-top: 0;
}
.p-frontCont {
  margin-bottom: 80px;
  margin-top: 50px;
}
.p-frontCont__head .c-headline__subTtl {
  font-size: 1.1875rem;
  line-height: 160%;
  margin-top: 0;
}
.p-frontCont__headLogo {
  margin-top: 20px;
}
.p-frontCont__head + .p-frontCont__sect {
  margin-top: 64px;
}
.p-frontCont__head .c-logo__list {
  margin-top: -40px;
  padding: 0 14px;
}
.p-frontCont__head .c-logo__item {
  margin-top: 40px;
  padding: 0 10px;
  width: 50%;
}
.p-frontCont__sect .p-solution__sect {
  margin-top: 50px;
}
.p-frontCont__sect .p-sect__columnBoxHead {
  font-size: 1.0625rem;
  line-height: 25px;
  text-align: center;
}
.p-frontCont__sect .p-sect__columnBoxTtl {
  font-size: 1.5rem;
  line-height: 170%;
  margin-top: 20px;
  text-align: center;
}
.p-frontCont__sect + .p-frontCont__sect {
  margin-top: 80px;
}
.p-frontCont__sect + .p-frontCont__sect--adjacentSp {
  margin-top: 0;
}
.p-frontCont__sect + .p-frontCont__sect.p-sect--bgImg,
.p-frontCont__sect + .p-frontCont__sect.p-sect--bgImg + .p-frontCont__sect {
  margin-top: 80px;
}
.p-frontCont__sect + .p-frontCont__sect--graph,
.p-frontCont__sect--priceFlow + .p-frontCont__sect {
  margin-top: 64px;
}
.p-frontCont__sect + .p-frontCont__sect--faq {
  margin-top: 80px;
}
.p-frontCont__sect + .p-sect--bgGray + .p-frontCont__sect {
  margin-top: 64px;
}
.p-frontCont__sect--faq .p-faq__contTtl {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 30px;
  text-align: center;
}
.p-frontCont__sect--faq .p-faq__contBtn {
  margin-left: auto;
  margin-right: auto;
  max-width: 313px;
  width: 100%;
}
.p-frontCont__sect--faq .p-faq__contBtn .c-button {
  width: 268px;
}
.p-frontCont__sect--faq .p-faq__contBtnItem + .p-faq__contBtnItem {
  margin-top: 15px;
}
.p-frontCont__sect--graph + .p-frontCont__sect {
  margin-top: 80px;
}
.p-frontCont__movie {
  margin-top: 80px;
  width: 100%;
}
.p-frontCont__movieInner {
  margin: 0 -15px;
}
.p-frontCont__movie iframe {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}
.p-frontCont__movieTtl {
  margin-bottom: 30px;
  text-align: center;
}
.p-frontCont__theme {
  padding: 60px 0;
}
.p-frontCont__themeHead .c-headline__ttl {
  font-size: 1.0625rem;
  line-height: 180%;
}
.p-frontCont__themeHead .c-headline__subTtl {
  color: #222;
  font-size: 1.5rem;
  line-height: 180%;
  margin-top: 4px;
}
.p-frontCont__themeHead .c-headline__subTtl--primary {
  color: #01bfd7;
}
.p-frontCont__themeHead .c-headline__dtl {
  display: block;
  font-size: 0.9375rem;
  line-height: 180%;
  margin-top: 18px;
  text-align: center;
}
.p-frontCont__themeHead .c-headline__dtl--smallType {
  display: block;
  font-size: 0.8125rem;
  line-height: 19px;
  margin-top: 11px;
}
.p-frontCont__themeBox {
  margin-top: 16px;
}
.p-frontCont__themeItem {
  margin-top: 15px;
}
.p-frontCont__themeItem:first-child {
  margin-top: 0;
}
.p-frontCont__themeItemInner {
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  height: 100%;
  padding: 20px 16px;
  width: 100%;
}
.p-frontCont__themeItemIcon {
  background-repeat: no-repeat;
  background-size: contain;
  height: 62px;
  min-width: 85px;
  width: 85px;
}
.p-frontCont__themeItemIcon--chat {
  background-image: url(../images/icon/icon-theme-chat.svg);
}
.p-frontCont__themeItemIcon--hearing {
  background-image: url(../images/icon/icon-theme-hearing.svg);
}
.p-frontCont__themeItemIcon--meeting {
  background-image: url(../images/icon/icon-theme-meeting.svg);
}
.p-frontCont__themeItemIcon--share {
  background-image: url(../images/icon/icon-theme-share.svg);
}
.p-frontCont__themeItemTxt {
  padding-left: 16px;
}
.p-frontCont__themeItemTtl {
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
}
.p-frontCont__themeItemDtl {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 180%;
  margin-top: 4px;
}
.p-frontCont__themeInfo {
  background-color: #fff;
  border-radius: 5px;
  margin-top: 15px;
}
.p-frontCont__themeInfoInner {
  padding: 22px 20px 28px 25px;
}
.p-frontCont__themeInfoHead {
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
}
.p-frontCont__themeInfoTxt .p-frontCont__themeInfoHead {
  display: none;
}
.p-frontCont__themeInfoVis {
  margin-top: 9px;
  padding: 0 5px 0 4px;
}
.p-frontCont__themeInfoVis img {
  width: 100%;
}
.p-frontCont__themeInfoList {
  margin-top: 16px;
}
.p-frontCont__themeInfoItem {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 10px;
}
.p-frontCont__themeInfoItem:before {
  content: "・";
  display: inline-block;
  height: 1em;
  width: 1em;
}
.p-frontCont__themeInfoItem:first-child {
  margin-top: 0;
}
.p-frontCont__themeDtl {
  margin-top: 30px;
}
.p-frontCont__themeDtlList {
  padding: 0 25px;
}
.p-frontCont__themeDtlItem {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 160%;
  margin-top: 17px;
}
.p-frontCont__themeDtlItem span {
  color: #01bfd7;
}
.p-frontCont__themeDtlItem span:first-child {
  margin-top: 0;
}
.p-frontCont__technology {
  padding: 60px 0 80px;
}
.p-frontCont__technologyHead .c-headline {
  padding: 0 24px;
}
.p-frontCont__technologyHead .c-headline__ttl {
  font-size: 1.0625rem;
  line-height: 180%;
}
.p-frontCont__technologyHead .c-headline__subTtl {
  color: #222;
  font-size: 1.5rem;
  line-height: 180%;
  margin-top: 20px;
}
.p-frontCont__technologyHead .c-headline__subTtl--primary {
  color: #01bfd7;
  text-align: center;
}
.p-frontCont__technologyHead .c-headline__dtl {
  display: none;
}
.p-frontCont__technologyHead .c-headline__dtl--smallType {
  display: block;
  font-size: 0.8125rem;
  line-height: 19px;
  margin-top: 11px;
  padding: 0;
  text-align: center;
}
.p-frontCont__technologyVis {
  margin-top: 38px;
  mix-blend-mode: darken;
  width: 100%;
}
.p-frontCont__technologyVis img {
  width: 100%;
}
.p-frontCont__technologyList {
  margin-top: 40px;
  width: 100%;
}
.p-frontCont__technologyItem {
  margin-top: 30px;
}
.p-frontCont__technologyItemInner {
  align-items: center;
  display: flex;
}
.p-frontCont__technologyItemVis {
  height: auto;
  max-width: 84px;
  width: 100%;
}
.p-frontCont__technologyItemTxt {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  padding-left: 18px;
}
.p-frontCont__technologyItemDtl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 25px;
}
.p-frontCont__technologyBtn {
  margin-top: 40px;
  text-align: center;
}
.p-frontCont__technologyBtn .c-button {
  padding-left: 17px;
}
.p-frontCont__technologyBtn .c-button--more:after {
  right: 18px;
}
.p-frontCont__priceWrap {
  display: flex;
  flex-direction: column-reverse;
}
.p-frontCont__priceVis {
  padding: 0 30px;
}
.p-frontCont__priceVis img {
  width: 100%;
}
.p-frontCont__priceTxt {
  margin-top: 50px;
}
.p-frontCont__priceTxt .p-sect__columnBoxList {
  margin-top: 19px;
}
.p-frontCont__priceHead {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}
.p-frontCont__priceTtl {
  color: #01bfd7;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 170%;
  margin-top: 19px;
  text-align: left;
}
.p-frontCont__priceDtl {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 13px;
}
.p-frontCont__priceList {
  margin-top: 20px;
}
.p-frontCont__priceListDtl {
  color: #8a8a8a;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 20px;
}
.p-frontCont__priceItem {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.p-frontCont__priceItem--once {
  padding-bottom: 10px;
}
.p-frontCont__priceItemInner {
  display: flex;
  justify-content: space-between;
}
.p-frontCont__priceItemTxt strong {
  color: #01bfd7;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 59px;
}
.p-frontCont__priceItemTxt p,
.p-frontCont__priceItemTxt span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
}
.p-frontCont__priceItemTxt p {
  margin-top: 3px;
}
.p-frontCont__priceItemTxt .p-sect__columnBoxList {
  margin-top: 30px;
}
.p-frontCont__priceItemVis {
  display: flex;
  height: auto;
  justify-content: flex-end;
  min-width: 114px;
}
.p-frontCont__priceItemVis img {
  max-width: 52px;
  width: 100%;
}
.p-frontCont__priceItemVis img + img {
  margin-left: 10px;
}
.p-frontCont__priceBtn {
  margin-top: 34px;
  text-align: center;
}
.p-frontCont__priceLink {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px;
  text-align: center;
}
.p-frontCont__priceLink a {
  color: #01bfd7;
  margin-left: 1px;
  position: relative;
}
.p-frontCont__priceLink a:before {
  background-color: #01bfd7;
  bottom: -3px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: 0.2s cubic-bezier(0.53, 0, 0.39, 0.97);
  width: 0;
}
.p-frontCont__cases .c-headline__ttl {
  font-size: 1.0625rem;
  line-height: 26px;
}
.p-frontCont__cases .p-cases {
  margin-top: 30px;
}
.p-frontCont__cases .p-cases__btn {
  margin-top: 40px;
}
.p-frontCont__centerLogo {
  margin-top: 80px;
}
.p-frontCont__centerLogo .c-logo__list {
  margin-top: -40px;
}
.p-frontCont__centerLogo .c-logo__item {
  margin-top: 40px;
  padding: 0 8px;
  width: 33.3333333333%;
}
.p-frontCont__centerLogo .c-logo__wrap {
  margin-top: 32px;
}
.p-frontCont__graph {
  padding: 0 20px;
}
.p-frontCont__graph img {
  width: 100%;
}
.p-frontCont__voice {
  padding: 60px 20px;
}
.p-frontCont__voice .c-headline__dtl {
  text-align: center;
}
.p-frontCont__voiceVis {
  margin: 40px auto 0;
  max-width: 320px;
  width: 100%;
}
.p-frontCont__voiceVis img {
  width: 100%;
}
.p-frontCont__voiceVis--pc {
  display: none;
}
.p-frontCont__voiceVis--sp {
  display: block;
}
#play-button {
  background-color: #080808;
  border-radius: 50%;
  display: inline-block;
  left: 50%;
  pointer-events: none;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 0.8s ease, visibility 0.8s ease;
  z-index: 3;
}
#play-button,
#play-button:after {
  height: 57px;
  position: absolute;
  width: 57px;
}
#play-button:after {
  background-image: url(../images/icon/icon-play-circle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  left: 0;
  top: 0;
}
#play-button:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  left: 50%;
  transition: 0.3s cubic-bezier(0.17, 0.3, 0.43, 1.01);
}
#play-button span,
#play-button:before {
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
}
#play-button span {
  border-style: solid;
  border-bottom: 4px solid #0000;
  border-left: 9px solid #01bfd7;
  border-right: 0;
  border-top: 4px solid #0000;
  left: calc(50% + 2px);
}
.p-functions__columnBoxVis #play-button {
  height: 57px;
  width: 57px;
}
.p-functions__columnBoxVis #play-button:after {
  content: "";
  height: 57px;
  width: 57px;
}
.p-modalThumbnail {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.p-modalThumbnail img {
  transition: all 0.32s cubic-bezier(0.09, 0.3, 0.62, 1.02);
}
.p-modal {
  background-color: #080808f2;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.6s, visibility 0.6s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
.p-modal.is-show {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.p-modal.is-show .p-modal__cont {
  opacity: 1;
}
.p-modal__cont {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.6s;
  width: 100%;
}
.p-modal__cont:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.p-modal__body {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.p-modal__body iframe {
  height: 100%;
  width: 100%;
}
.p-modal__close {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 31px;
  justify-content: center;
  margin-left: auto;
  position: relative;
  right: 10px;
  top: 30px;
  width: 31px;
}
.p-modal__close span {
  background-color: #fff;
  display: inline-block;
  height: 1px;
  position: absolute;
  right: 0;
  transition: 0.4s ease;
  width: 100%;
}
.p-modal__close span:first-of-type {
  transform: translateY(0) rotate(-45deg);
}
.p-modal__close span:nth-of-type(2) {
  transform: translateY(-1px) rotate(45deg);
  width: 100%;
}
.p-voice {
  background-color: #f4f4f4;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}
.l-wrapper.is-en.is-en {
  font-family: Roboto, Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  letter-spacing: 0.02em;
  word-break: normal;
}
.l-wrapper.is-en a {
  letter-spacing: 0.02em;
}
.l-wrapper.is-en .c-headline__subTtl,
.l-wrapper.is-en .p-faq__contBoxItemQ p,
.l-wrapper.is-en .p-frontCont__priceTtl,
.l-wrapper.is-en .p-frontCont__sect .p-sect__columnBoxTtl,
.l-wrapper.is-en .p-frontCont__technologyItemTxt,
.l-wrapper.is-en .p-frontCont__themeHead .c-headline__subTtl,
.l-wrapper.is-en .p-frontCont__themeItemDtl,
.l-wrapper.is-en .p-frontCont__themeItemTtl,
.l-wrapper.is-en .p-sect__columnBoxTtl,
.l-wrapper.is-en .p-sect__contTtlTxt,
.l-wrapper.is-en .p-solution__cardItemHead,
.l-wrapper.is-en .p-solution__sectItemTtl {
  letter-spacing: 0.02em;
  line-height: 150%;
}
.l-wrapper.is-en .c-headline__subTtl p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 180%;
  margin-top: 12px;
}
.l-wrapper.is-en .p-footer__btn .c-button {
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  padding-top: 4px;
  width: 232px;
}
.l-wrapper.is-en .p-priceBox__tax {
  color: #8a8a8a;
  display: block;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 100%;
  margin-right: -8px;
  margin-top: -3px;
  text-align: right;
}
.l-wrapper.is-en .p-priceBox__itemEnWrap {
  display: flex;
  justify-content: center;
}
.l-wrapper.is-en .p-priceBox__item:first-child .p-priceBox__itemDtl {
  text-align: center;
}
.l-wrapper.is-en .p-priceBox__itemHeadTtl {
  font-size: 1.125rem;
  line-height: 140%;
}
.l-wrapper.is-en .p-priceBox__itemListEnDtl {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.l-wrapper.is-en .p-priceBox__itemListEnDtl + .p-priceBox__tax {
  margin-top: -3px;
}
.l-wrapper.is-en .p-priceBox__itemListCost {
  align-items: baseline;
  margin-top: -6px;
}
.l-wrapper.is-en .p-priceBox__itemListMon {
  padding-left: 2px;
}
.l-wrapper.is-en .p-priceBox__itemListTxt:first-child {
  margin-bottom: 16px;
}
.l-wrapper.is-en .p-priceBox__itemCost,
.l-wrapper.is-en .p-priceBox__itemListTxt {
  align-items: flex-end;
  flex-direction: column;
}
.l-wrapper.is-en .p-priceBox__itemCost {
  margin-top: 10px;
}
.l-wrapper.is-en .p-priceBox__itemList {
  margin-top: 16px;
}
.l-wrapper.is-en .p-priceBox__itemListCap {
  white-space: nowrap;
}
.l-wrapper.is-en .c-ankerLink__item {
  font-size: 0.75rem;
}
.l-wrapper.is-en .c-ankerLink__item:nth-child(2) a {
  letter-spacing: -0.03em;
}
.l-wrapper.is-en .p-faq__contBoxItemAIcon:before,
.l-wrapper.is-en .p-faq__contBoxItemQIcon:before {
  letter-spacing: 0;
}
.l-wrapper.is-en .c-button,
.l-wrapper.is-en .p-pageFaq .c-button,
.l-wrapper.is-en .p-price__cont--faq .p-faq__contBtn .c-button {
  font-size: 0.9375rem;
  padding-top: 2px;
}
.l-wrapper.is-en .p-brand__contMetaLogo {
  background-image: url(../images/logo/img-service-logo-en.svg);
}
.l-wrapper.is-en .p-frontCont__sect--faq .p-faq__contBtn .c-button {
  width: 165px;
}
.l-wrapper.is-en .p-sect__contTtlTxt {
  font-size: 1.375rem;
}
.l-wrapper.is-en .c-headline__subTtl,
.l-wrapper.is-en .p-frontCont__priceTtl,
.l-wrapper.is-en .p-frontCont__technologyHead .c-headline__subTtl {
  font-size: 1.25rem;
}
.l-wrapper.is-en .p-header__naviItem {
  font-size: 0.875rem;
}
.l-wrapper.is-en .c-headline span {
  line-height: 100%;
  margin-top: 23px;
}
.l-wrapper.is-en .p-header__externalItem .c-button--download {
  width: 180px;
}
.l-wrapper.is-en .c-ankerLink__item a {
  padding-bottom: 0;
}
.l-wrapper.is-en .p-frontCont__voice .c-headline__dtl,
.l-wrapper.is-en .p-solution__voice .c-headline__subTtl {
  width: 100%;
}
.l-wrapper.is-en .p-header__switchItem a:before {
  bottom: -2.5px;
}
.l-wrapper.is-en .p-solution__cardItemHead {
  height: 3em;
}
.l-wrapper.is-en .p-solution__cardItemHead:before {
  margin-top: 0;
}
.l-wrapper.is-en .p-solution__cardItem:nth-child(10) .p-solution__cardItemHead {
  height: 3em;
}
.u-forPC,
.u-forPCSM {
  display: none;
}
.u-txtHide {
  clip: rect(0 0 0 0);
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
@media screen and (min-width: 390px) {
  .c-contact__btn .c-button,
  .c-contact__ttl,
  .p-gnavi__externalItem .c-button {
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 576px) {
  .l-footer {
    padding: 80px 0;
  }
  .c-button--contact {
    justify-content: space-between;
  }
  .c-card__tag {
    left: 15px;
  }
  .c-contact {
    background-color: #080808;
    max-width: 184px;
  }
  .c-contact__wrap {
    flex-direction: column;
    justify-content: flex-start;
  }
  .c-contact__inner {
    padding: 16px 22px 19px;
  }
  .c-contact__ttl {
    font-size: 0.75rem;
    margin-right: 0;
    text-align: center;
  }
  .c-contact__close {
    display: block;
  }
  .c-contact__btn {
    flex-direction: column;
    margin-top: 9px;
    width: 140px;
  }
  .c-contact__btn .c-button {
    border: 1px solid #fff;
    font-size: 0.6875rem;
    height: 37px;
    padding-left: 15px;
    width: 100%;
  }
  .c-contact__btn .c-button + .c-button {
    margin-left: 0;
    margin-top: 5px;
  }
  .c-contact__btn .c-button:after {
    display: block;
  }
  .c-contact__btn .c-button--contact {
    background-color: #080808;
  }
  .c-contact__btn .c-button--contact:after {
    background-image: url(../images/icon/icon-arrow.svg);
    right: 12px;
  }
  .c-contact__btn .c-button--download {
    border: 1px solid #01bfd7;
    justify-content: flex-start;
  }
  .c-contact__btn .c-button--download:after {
    height: 19px;
    right: 12px;
    width: 19px;
  }
  .c-logo__head {
    font-size: 1.25rem;
    line-height: 29px;
  }
  .p-footer__navi {
    margin-top: 64px;
  }
  .p-footer__naviBox {
    flex-direction: row;
    margin-top: 0;
  }
  .p-footer__naviItem {
    margin-left: 26px;
    margin-top: 0;
  }
  .p-footer__naviItem:before {
    display: inline-block;
    margin-right: 26px;
  }
  .p-footer__copyright {
    margin-top: 58px;
  }
  .p-cases__listBox {
    margin: -64px -15px 0;
  }
  .p-cases__listItem {
    margin-top: 64px;
    padding: 0 15px;
    width: 50%;
  }
  .p-cases__listItem:first-child {
    margin-top: 64px;
  }
  .p-brand {
    height: 640px;
  }
  .p-brand__contBox {
    max-width: 440px;
    padding: 0;
  }
  .p-mainVisual__contact {
    bottom: calc(var(--vw) * 4.87179);
    left: auto;
    max-width: 100%;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    right: calc(var(--vw) * 4.61538);
    visibility: hidden;
    width: auto;
    z-index: 99;
  }
  .p-mainVisual__contact.is-show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
  .p-frontCont__head .c-logo__item {
    width: 33.3333333333%;
  }
  .p-frontCont__technologyList {
    margin-top: 27px;
  }
  .p-frontCont__technologyWrap {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 -15px;
  }
  .p-frontCont__technologyItem {
    margin-top: 0;
    padding: 0 16px;
    width: 33.3333333333%;
  }
  .p-frontCont__technologyItemInner {
    flex-direction: column;
  }
  .p-frontCont__technologyItemVis {
    max-width: 132px;
  }
  .p-frontCont__technologyItemTxt {
    font-size: 0.8125rem;
    margin-top: 16px;
    padding-left: 0;
    text-align: center;
  }
  .p-frontCont__technologyItemDtl {
    font-size: 0.8125rem;
    margin-top: 8px;
  }
  .l-wrapper.is-en .c-contact__btn .c-button {
    font-size: 0.75rem;
    padding-top: 0;
  }
  .u-forPCSM {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .l-main {
    padding-top: 100px;
  }
  .l-main--subPage {
    padding-top: 195px;
  }
  .l-header {
    background-image: url(../images/bg-header_pc.svg);
    height: 100px;
  }
  .l-container {
    max-width: 952px;
    padding: 0 40px;
  }
  .l-container--largeCont {
    max-width: 1310px;
  }
  .l-container--mediumCont {
    max-width: 1131px;
  }
  .l-container--technologyCont {
    max-width: 1333px;
  }
  .l-container--article {
    max-width: 974px;
  }
  .c-button {
    border-radius: 90px;
    font-size: 0.9375rem;
    padding-left: 22px;
    width: 192px;
  }
  .c-button--largeSize {
    font-size: 1.0625rem;
    height: 60px;
    padding-left: 21px;
    padding-right: 21px;
  }
  .c-button--exLargeSize {
    font-size: 0.9375rem;
    height: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .c-button--download:after,
  .c-button--exLink:after,
  .c-button--file:after,
  .c-button--more:after {
    right: 22px;
  }
  .c-button--file:after {
    right: 15px;
  }
  .c-category__item {
    height: 50px;
  }
  .c-ankerLink {
    margin: 0 auto;
    max-width: 720px;
  }
  .c-ankerLink__box {
    margin-top: -11px;
  }
  .c-ankerLink__item {
    font-size: 0.8125rem;
    height: 37px;
    letter-spacing: 0;
    margin-top: 11px;
    width: calc(25% - 4px);
  }
  .c-ankerLink__item:before {
    height: 13px;
    right: 13px;
    top: 12px;
    width: 13px;
  }
  .p-mainVisual__subPageTtl.c-fadeInUp--box.js-inView {
    animation-delay: 0.28s;
  }
  .p-mainVisual__mobile.c-fadeInUp--box.js-inView {
    animation-delay: 0.48s;
  }
  .p-functions__columnBoxTxt.c-fadeInUp--box.is-inView,
  .p-sect__columnBoxTxt.c-fadeInUp--box.is-inView {
    animation-delay: 0.28s;
  }
  .p-functions__columnBoxWrap--rowReverse
    .p-functions__columnBoxTxt.c-fadeInUp--box.is-inView {
    animation-delay: 0.08s;
    animation-delay: 0.28s;
  }
  .p-sect__contMobileImg.c-fadeInUp--box.is-inView {
    animation-delay: 0.28s;
  }
  .p-technology__deviceTxtItem.c-fadeInUp--box.is-inView:first-child {
    animation-delay: 0.18s;
  }
  .p-technology__deviceTxtItem.c-fadeInUp--box.is-inView:nth-child(2) {
    animation-delay: 0.28s;
  }
  .p-technology__deviceTxtItem.c-fadeInUp--box.is-inView:nth-child(3) {
    animation-delay: 0.38s;
  }
  .p-technology__deviceVis.c-fadeInUp--box.is-inView {
    animation-delay: 0.58s;
  }
  .p-frontCont__headLogo.c-logo.c-fadeInUp--box.js-inView {
    animation-delay: 0.28s;
  }
  .p-frontCont__themeInfo.c-fadeInUp--box.js-inView {
    animation-delay: 0.68s;
  }
  .p-brand__contMeta.c-fadeInUp--box.js-inView {
    animation-delay: 0.28s;
  }
  .c-headline__ttl {
    font-size: 1.5625rem;
    line-height: 60px;
  }
  .c-headline__ttl--smallType {
    font-size: 1.25rem;
    line-height: 60px;
  }
  .c-headline__ttl--smallType + .c-headline__subTtl {
    margin-top: 10px;
  }
  .c-headline__ttl--largeType {
    font-size: 2.125rem;
    line-height: 60px;
  }
  .c-headline__sideTtl {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 60px;
  }
  .c-headline__sideTtl--borderType {
    line-height: 60px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .c-headline__subTtl {
    font-size: 2.125rem;
    line-height: 160%;
    margin-top: 21px;
  }
  .c-headline__dtl {
    font-size: 1rem;
    margin: 20px auto 0;
    max-width: 874px;
    padding: 0;
  }
  .c-headline span {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 26px;
    margin-top: 20px;
  }
  .c-contact__close span:first-of-type {
    transform: translateY(0) rotate(-45deg);
  }
  .c-contact__close span:nth-of-type(2) {
    transform: translateY(0) rotate(45deg);
  }
  .c-logo__list {
    margin: 0 -11px;
  }
  .c-logo__head + .c-logo__wrap {
    margin-top: 54px;
  }
  .p-header__inner {
    padding: 0 30px 0 27.62px;
  }
  .p-header__logo {
    height: 36.01px;
    margin-top: 0;
    width: 251px;
  }
  .p-header__hum {
    height: 20px;
    width: 58px;
  }
  .p-header__hum span:nth-child(2) {
    top: 9px;
  }
  .p-header__hum.is-active span:first-of-type {
    transform: translateY(9px) rotate(-30deg);
  }
  .p-header__hum.is-active span:nth-of-type(3) {
    transform: translateY(-9px) rotate(30deg);
  }
  .p-gnavi__cont {
    padding-top: 100px;
  }
  .p-gnavi__externalItem .c-button--contact,
  .p-gnavi__externalItem .c-button--download {
    justify-content: center;
  }
  .p-pageCases,
  .p-pageFaq,
  .p-pagePrice {
    margin-bottom: 140px;
  }
  .p-cases__category {
    margin-top: 30px;
  }
  .p-cases__category + .p-cases__list {
    margin-top: 66px;
  }
  .p-cases__btn {
    margin-top: 72px;
  }
  .p-casesArticle {
    margin-bottom: 140px;
  }
  .p-casesArticle__head + .p-casesArticle__meta {
    margin-top: 40px;
  }
  .p-casesArticle__metaLogo {
    align-items: center;
    margin-top: 0;
    width: 30.9633027523%;
  }
  .p-casesArticle__metaLogo img {
    max-width: 100%;
  }
  .p-casesArticle__metaTxt {
    width: 69.2660550459%;
  }
  .p-casesArticle__metaTxt:before {
    margin-right: 44px;
  }
  .p-casesArticle__metaTxtTtl {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 29px;
  }
  .p-casesArticle__metaTxtDtl {
    font-size: 0.9375rem;
    margin-top: 15px;
  }
  .p-casesArticle__cont {
    margin-top: 80px;
  }
  .p-casesArticle__tag + .p-casesArticle__ttl {
    margin-top: 8px;
  }
  .p-casesArticle__ttl + .p-casesArticle__hero {
    margin-top: 24px;
  }
  .p-casesArticle__ttl {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 150%;
  }
  article h2 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 36px;
    margin-top: 80px;
  }
  article h2 + h3 {
    margin-top: 40px;
  }
  article h3 {
    font-size: 1.125rem;
  }
  article h3:before {
    width: 29px;
  }
  article p {
    font-size: 1rem;
    margin-top: 15px;
  }
  article p + h3 {
    margin-top: 40px;
  }
  article picture {
    margin-bottom: 80px;
    margin-top: 80px;
  }
  article picture + h2,
  article picture + h3,
  article picture + p {
    margin-top: 0;
  }
  .p-brand {
    background-image: url(../images/bg-brand_pc.jpg);
    height: 600px;
  }
  .p-brand__contBox {
    max-width: 100%;
  }
  .p-brand__contWrap {
    flex-direction: row;
  }
  .p-brand__contTtl {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
  }
  .p-brand__contMeta {
    padding: 32px 0 0 41px;
    width: 48.1300813008%;
  }
  .p-brand__contMetaBtn {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 31px;
  }
  .p-brand__contMetaBtn .c-button {
    font-size: 1.0625rem;
    height: 58px;
    padding: 0 24px;
  }
  .p-brand__contMetaBtn .c-button--download {
    margin-left: 0;
  }
  .p-brand__contMetaBtn .c-button--contact {
    color: #01bfd7;
    margin-left: 10px;
  }
  .p-brand__contVis {
    margin-top: 0;
    width: 51.8699186992%;
  }
  .p-brand__contVisImgSup {
    color: #fff;
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 150%;
    margin-top: -16px;
  }
  .p-brand__contSpCont {
    display: none;
  }
  .p-faq__category {
    margin-top: 30px;
  }
  .p-faq__categoryWrap {
    display: inline-block;
    width: 100%;
  }
  .p-faq__cont {
    margin-top: 80px;
  }
  .p-faq__contTtl {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 33px;
    padding-bottom: 20px;
    text-align: left;
  }
  .p-faq__contItem {
    margin-top: 100px;
  }
  .p-faq__contBox {
    margin-top: 20px;
  }
  .p-faq__contBoxItem {
    margin-bottom: 30px;
    padding-bottom: 32px;
    padding-left: 5px;
  }
  .p-faq__contBoxItemAIcon,
  .p-faq__contBoxItemQIcon {
    min-width: 25px;
    width: 25px;
  }
  .p-faq__contBoxItemAIcon:before,
  .p-faq__contBoxItemQIcon:before {
    font-size: 1.6875rem;
  }
  .p-faq__contBoxItemQ p {
    font-size: 1.375rem;
    margin-left: 31px;
    margin-top: 2px;
  }
  .p-faq__contBoxItemA {
    margin-top: -6px;
  }
  .p-faq__contBoxItemA p {
    font-size: 0.9375rem;
    font-weight: 400;
    margin-left: 34px;
    margin-top: 9px;
  }
  .p-pageFaq .c-button {
    padding-right: 51px;
  }
  .p-pageFaq .c-button--exLink:after {
    right: 22px;
  }
  .p-price__cont + .p-price__cont {
    margin-top: 120px;
  }
  .p-price__cont--flow + .p-price__cont {
    margin-top: 84px;
  }
  .p-price__cont--flow .c-headline__ttl {
    font-size: 1.5625rem;
    line-height: 60px;
  }
  .p-price__cont--flow .c-headline__subTtl {
    font-size: 2.375rem;
    line-height: 36px;
    margin-top: 21px;
  }
  .p-price__cont--faq .p-faq__contTtl {
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 60px;
    padding-bottom: 20px;
    text-align: center;
  }
  .p-price__cont--faq .p-faq__contBtn .c-button {
    font-size: 0.9375rem;
    padding-left: 23px;
    padding-right: 24px;
    width: 192px;
  }
  .p-price__cont--faq .p-faq__contBtn .c-button--exLink:after {
    height: 16px;
    margin-left: 11px;
    width: 16px;
  }
  .p-price__cont--faq .p-faq__contBtnItem + .p-faq__contBtnItem .c-button span {
    margin-left: -2px;
    margin-top: 2px;
  }
  .p-price__cont--faq .p-faq__contBtn {
    margin-top: 50px;
  }
  .p-price__cont + .p-price__cont--faq {
    margin-top: 166px;
  }
  .p-priceBox__total {
    height: 155px;
    margin-top: 36px;
  }
  .p-priceBox__totalInner {
    flex-direction: row;
    padding: 0 60px 0 34px;
  }
  .p-priceBox__totalTtl {
    text-align: left;
  }
  .p-priceBox__totalTtlCap {
    font-size: 0.875rem;
    line-height: 36px;
    margin-top: 0;
  }
  .p-priceBox__totalTtlTxt {
    font-size: 1.625rem;
  }
  .p-priceBox__totalCost {
    margin-top: 0;
  }
  .p-priceBox__totalCostCap {
    font-size: 0.875rem;
    line-height: 36px;
    padding-left: 5px;
    text-align: left;
  }
  .p-priceBox__totalCostTxt {
    align-items: baseline;
    flex-direction: row;
  }
  .p-priceBox__totalCostTxt strong {
    margin-top: 1px;
  }
  .p-priceBox__totalCostTxt span {
    margin-top: 0;
  }
  .p-priceBox__itemCost strong {
    font-size: 2rem;
    line-height: 42px;
  }
  .p-priceBox__dtl {
    font-size: 0.875rem;
    line-height: 24px;
    margin-top: 10px;
  }
  .p-priceFlow {
    margin: 40px 0 0;
    max-width: 100%;
    padding: 0;
  }
  .p-priceFlow__list {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
  }
  .p-priceFlow__listItem {
    margin-bottom: 0;
    padding-right: 16px;
  }
  .p-priceFlow__listItem:after {
    background-image: url(../images/img-flow_pc.svg);
    bottom: auto;
    height: 149px;
    left: auto;
    right: -13px;
    top: 0;
    transform: translateY(0);
    width: 34px;
  }
  .p-priceFlow__listItem:first-child {
    width: 18.1300813008%;
  }
  .p-priceFlow__listItem:nth-child(2),
  .p-priceFlow__listItem:nth-child(3),
  .p-priceFlow__listItem:nth-child(4),
  .p-priceFlow__listItem:nth-child(5) {
    width: 16.0162601626%;
  }
  .p-priceFlow__listItem:nth-child(4):after {
    background-image: url(../images/img-flow_primary_pc.svg);
  }
  .p-priceFlow__listItemInner {
    align-items: flex-start;
    flex-direction: column;
  }
  .p-priceFlow__listItemIcon {
    margin-left: 2px;
    margin-right: 0;
    width: 100%;
  }
  .p-priceFlow__listItemIcon--step5 + .p-priceFlow__listItemTxt {
    font-weight: 700;
  }
  .p-priceFlow__listItemTxt {
    font-size: 0.875rem;
    line-height: 20px;
    margin-top: 24px;
    width: 100%;
  }
  .p-priceSupport {
    margin-top: 0;
  }
  .p-priceSupport__list {
    display: flex;
  }
  .p-priceSupport__listItem {
    margin-top: 0;
  }
  .p-priceSupport__listItem:first-child {
    margin-right: 23px;
  }
  .p-priceSupport__listItemInner {
    padding: 32px 43px 29px 36px;
  }
  .p-priceSupport__listItemIcon {
    min-width: 85px;
    width: 85px;
  }
  .p-priceSupport__listItemTxt {
    margin-left: 17px;
  }
  .p-priceSupport__listItemTtl {
    font-size: 1.25rem;
    line-height: 30px;
  }
  .p-priceSupport__listItemDtl {
    font-size: 0.9375rem;
    margin-top: 5px;
  }
  .p-priceSupport__dtl {
    line-height: 24px;
    margin-top: 20px;
  }
  .p-price__head + .p-priceBox {
    margin-top: 65px;
  }
  .p-sect--bgImg {
    background-image: url(../images/bg-section_pc.jpg);
    height: 420px;
  }
  .p-sect__cont {
    padding: 0;
  }
  .p-sect__contWrap {
    margin: 0;
    position: relative;
  }
  .p-sect__contTtl {
    padding-left: 80px;
  }
  .p-sect__contTtlTxt {
    font-size: 2.5rem;
    line-height: 58px;
    text-align: left;
  }
  .p-sect__contTtlBtn {
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 31px;
  }
  .p-sect__contTtlBtn .c-button {
    font-size: 1.0625rem;
    height: 58px;
    padding: 0 24px;
  }
  .p-sect__contTtlBtn .c-button--download {
    margin-left: 0;
  }
  .p-sect__contTtlBtn .c-button--contact {
    color: #01bfd7;
    margin-left: 10px;
  }
  .p-sect__columnBoxHead {
    font-size: 1.25rem;
    line-height: 60px;
  }
  .p-sect__columnBoxTtl {
    font-size: 2.125rem;
    line-height: 49px;
  }
  .p-sect__columnBoxDtl {
    font-size: 1rem;
    margin-top: 17px;
  }
  .p-sect__columnBoxList {
    margin-top: 22px;
  }
  .p-sect__columnBoxListItem {
    font-size: 1rem;
    margin-top: 13px;
  }
  .p-sect__columnBoxListItem:before {
    height: 22px;
    margin-right: 7px;
    min-width: 22px;
    width: 22px;
  }
  .p-sect__columnBoxBtn .c-button {
    padding-left: 17px;
    width: 192px;
  }
  .p-sect__columnBoxBtn .c-button--more:after {
    right: 17px;
  }
  .c-headline + .p-sect__columnBox {
    margin-top: 48px;
  }
  .p-mainVisual {
    height: calc(100vh - 69px);
  }
  .p-mainVisual__vis {
    margin-top: -31px;
  }
  .p-mainVisual__logo {
    max-width: 598.35px;
    top: calc(50% - 5px);
  }
  .p-mainVisual__contact {
    bottom: calc(var(--vw) * 1.31944);
    right: calc(var(--vw) * 1.25);
  }
  .p-functions .c-headline__subTtl {
    text-align: center;
  }
  .p-functions__sect + .p-functions__sect {
    margin-top: 100px;
  }
  .p-functions__columnBox + .p-functions__columnBox {
    margin-top: 109px;
  }
  .p-functions__columnBoxHead {
    font-size: 1.25rem;
    line-height: 60px;
  }
  .p-functions__columnBoxTtl {
    font-size: 2.4375rem;
    line-height: 56px;
  }
  .p-functions__columnBoxDtl {
    font-size: 1rem;
    margin-top: 29px;
  }
  .p-functions__contact {
    margin-top: 140px;
  }
  .p-functions__solution {
    padding-top: 165px;
  }
  .p-functions__technology {
    padding-top: 100px;
  }
  .p-sect__technology {
    padding: 92px 0 192px;
  }
  .p-solution .c-headline__subTtl {
    font-size: 2.125rem;
    line-height: 180%;
  }
  .p-solution__sect {
    margin-top: 60px;
  }
  .p-solution__sectItem--technology .p-solution__sectItemVis {
    width: 48.7804878049%;
  }
  .p-solution__sectItem--technology .p-solution__sectItemTxt {
    padding-left: 40px;
    width: 51.2195121951%;
  }
  .p-solution__sectItem--usability {
    margin-top: 109px;
  }
  .p-solution__sectItem--usability .p-solution__sectItemHead:before {
    height: 51px;
    width: 74px;
  }
  .p-solution__sectItem--usability .p-solution__sectItemVis {
    width: 47.3983739837%;
  }
  .p-solution__sectItem--usability .p-solution__sectItemTxt {
    padding-right: 88px;
    width: 52.6016260163%;
  }
  .p-solution__sectItem--multiDevice {
    margin-top: 125px;
  }
  .p-solution__sectItem--multiDevice .p-solution__sectItemHead:before {
    height: 62px;
    width: 84px;
  }
  .p-solution__sectItem--multiDevice .p-solution__sectItemVis {
    width: 48.0487804878%;
  }
  .p-solution__sectItem--multiDevice .p-solution__sectItemTxt {
    padding-left: 53px;
    width: 51.9512195122%;
  }
  .p-solution__sectItemWrap {
    align-items: center;
    flex-direction: row;
  }
  .p-solution__sectItemWrap--rowReverse {
    flex-direction: row-reverse;
  }
  .p-solution__sectItemHead {
    font-size: 1rem;
  }
  .p-solution__sectItemHead:before {
    margin-right: 15px;
  }
  .p-solution__sectItemTtl {
    font-size: 1.5rem;
    margin-top: 10px;
  }
  .p-solution__sectItemDtl {
    font-size: 1rem;
    margin-top: 13px;
  }
  .p-solution__sectItemVis {
    margin-top: 0;
  }
  .p-solution__sectBtn {
    margin-top: 109px;
  }
  .p-solution__card {
    margin-top: 80px;
  }
  .p-solution__cardList {
    margin-left: -22px;
    margin-right: -22px;
    margin-top: -68px;
  }
  .p-solution__cardItem {
    margin-top: 68px;
    padding: 0 20px;
    width: 50%;
  }
  .p-solution__cardItem:first-child {
    margin-top: 68px;
  }
  .p-solution__cardItemHead:before {
    height: 23px;
    min-width: 28px;
    width: 28px;
  }
  .p-solution__cardItemVis {
    margin-top: 16px;
  }
  .p-solution__cardItemTxt {
    margin-top: 18px;
  }
  .p-solution__cardItemTtl {
    font-size: 1.25rem;
  }
  .p-solution__cardItemDtl {
    font-size: 1rem;
    margin-top: 10px;
  }
  .p-solution__voice {
    margin-top: 120px;
    padding: 80px 87px 90px;
  }
  .p-solution__voiceList {
    display: flex;
    margin: 45px -15px 0;
  }
  .p-solution__voiceItem {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding: 0 15px;
    width: 33.3333333333%;
  }
  .p-solution__voiceItemTxt {
    align-items: center;
    display: flex;
    font-size: 1.0625rem;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 180%;
    margin-top: 35px;
    text-align: center;
  }
  .p-solution__voiceItemVis--pc {
    display: block;
  }
  .p-solution__voiceItemVis--sp {
    display: none;
  }
  .p-technology__head .c-headline__ttl {
    font-size: 1.3125rem;
    line-height: 60px;
  }
  .p-technology__head .c-headline__subTtl {
    font-size: 2.125rem;
    line-height: 49px;
    margin-top: 0;
  }
  .p-technology__head .c-headline__dtl {
    font-size: 1rem;
    line-height: 29px;
    margin-top: 21px;
  }
  .p-technology__gallery {
    margin-top: 105px;
  }
  .p-technology__galleryWrap {
    padding: 0;
  }
  .p-technology__galleryList {
    display: flex;
    flex-wrap: wrap;
    margin: -60px -20px 0;
  }
  .p-technology__galleryItem {
    margin-top: 60px;
    padding: 0 20px;
    width: 50%;
  }
  .p-technology__galleryItem:first-child {
    margin-top: 60px;
  }
  .p-frontCont {
    margin-bottom: 140px;
    margin-top: 107px;
  }
  .p-frontCont__head .c-headline__subTtl {
    font-size: 1.5625rem;
    line-height: 60px;
  }
  .p-frontCont__headLogo {
    margin-top: 40px;
  }
  .p-frontCont__head + .p-frontCont__sect {
    margin-top: 120px;
  }
  .p-frontCont__head .c-logo__wrap {
    margin: 0 auto;
    max-width: 1098px;
  }
  .p-frontCont__head .c-logo__list {
    margin: -40px -21px 0;
    padding: 0;
  }
  .p-frontCont__sect .p-solution__sect {
    margin-top: 100px;
  }
  .p-frontCont__sect .p-sect__columnBoxHead {
    font-size: 1.25rem;
    line-height: 60px;
    text-align: left;
  }
  .p-frontCont__sect .p-sect__columnBoxTtl {
    font-size: 2.125rem;
    line-height: 49px;
    margin-top: 0;
    text-align: left;
  }
  .p-frontCont__sect + .p-frontCont__sect {
    margin-top: 120px;
  }
  .p-frontCont__sect + .p-frontCont__sect.p-sect--bgImg {
    margin-top: 204px;
  }
  .p-frontCont__sect + .p-frontCont__sect.p-sect--bgImg + .p-frontCont__sect {
    margin-top: 94px;
  }
  .p-frontCont__sect + .p-frontCont__sect--graph {
    margin-top: 92px;
  }
  .p-frontCont__sect--priceFlow + .p-frontCont__sect {
    margin-top: 84px;
  }
  .p-frontCont__sect + .p-frontCont__sect--faq {
    margin-top: 166px;
  }
  .p-frontCont__sect + .p-sect--bgGray + .p-frontCont__sect {
    margin-top: 130px;
  }
  .p-frontCont__sect--faq .p-faq__contTtl {
    font-size: 1.25rem;
    line-height: 60px;
    padding-bottom: 20px;
    text-align: center;
  }
  .p-frontCont__sect--faq .p-faq__contBtn {
    max-width: 307px;
    padding-left: 0;
    padding-right: 0;
  }
  .p-frontCont__sect--faq .p-faq__contBtn .c-button {
    width: 268px;
  }
  .p-frontCont__sect--faq .p-faq__contBtnItem + .p-faq__contBtnItem {
    margin-top: 20px;
  }
  .p-frontCont__sect--faq .p-faq__contBtn {
    margin-top: 50px;
  }
  .p-frontCont__sect--graph + .p-frontCont__sect {
    margin-top: 130px;
  }
  .p-frontCont__movie {
    margin-top: 120px;
  }
  .p-frontCont__movieInner {
    margin: 0;
  }
  .p-frontCont__theme {
    padding: 87px 0 122px;
  }
  .p-frontCont__themeHead .c-headline__ttl {
    font-size: 1.25rem;
    line-height: 60px;
  }
  .p-frontCont__themeHead .c-headline__subTtl {
    font-size: 2.125rem;
    line-height: 49px;
    margin-top: 0;
  }
  .p-frontCont__themeHead .c-headline__dtl {
    font-size: 1.125rem;
    margin-top: 28px;
  }
  .p-frontCont__themeHead .c-headline__dtl--smallType {
    font-size: 1rem;
    line-height: 28.9px;
    margin-top: 21px;
  }
  .p-frontCont__themeBox {
    margin-top: 30px;
  }
  .p-frontCont__themeItemIcon {
    height: 62px;
    min-width: 85px;
    width: 85px;
  }
  .p-frontCont__themeItemTtl {
    font-size: 1.125rem;
  }
  .p-frontCont__themeItemDtl {
    font-size: 1rem;
  }
  .p-frontCont__themeInfoHead {
    font-size: 1.125rem;
  }
  .p-frontCont__themeInfoItem {
    font-size: 1rem;
  }
  .p-frontCont__themeDtl {
    margin-top: 60px;
  }
  .p-frontCont__themeDtlItem {
    font-size: 1.5625rem;
    line-height: 180%;
    margin-top: 0;
    text-align: center;
  }
  .p-frontCont__technology {
    padding: 120px 0;
  }
  .p-frontCont__technologyHead .c-headline {
    padding: 0;
  }
  .p-frontCont__technologyHead .c-headline__ttl {
    font-size: 1.25rem;
    line-height: 60px;
  }
  .p-frontCont__technologyHead .c-headline__subTtl {
    font-size: 2.125rem;
    line-height: 49px;
    margin-top: 0;
  }
  .p-frontCont__technologyHead .c-headline__dtl {
    display: block;
    font-size: 1.125rem;
    line-height: 180%;
    margin-top: 28px;
    text-align: center;
  }
  .p-frontCont__technologyHead .c-headline__dtl--smallType {
    font-size: 1rem;
    line-height: 28.9px;
    margin-top: 21px;
  }
  .p-frontCont__technologyVis {
    margin-top: 56px;
    padding: 0;
  }
  .p-frontCont__technologyItemVis {
    max-width: 158px;
  }
  .p-frontCont__technologyItemTxt {
    font-size: 1rem;
    line-height: 29px;
    margin-top: 40px;
  }
  .p-frontCont__technologyItemDtl {
    font-size: 1rem;
    line-height: 29px;
    margin-top: 20px;
  }
  .p-frontCont__technologyBtn {
    margin-top: 60px;
  }
  .p-frontCont__technologyBtn .c-button {
    padding-left: 16px;
  }
  .p-frontCont__technologyBtn .c-button--more:after {
    right: 18px;
  }
  .p-frontCont__priceWrap {
    flex-direction: row;
  }
  .p-frontCont__priceVis {
    padding: 0;
    width: 39.0243902439%;
  }
  .p-frontCont__priceTxt {
    margin-top: 0;
    padding-right: 143px;
    width: 60.9756097561%;
  }
  .p-frontCont__priceTxt .p-sect__columnBoxList {
    margin-top: 28px;
  }
  .p-frontCont__priceHead {
    text-align: left;
  }
  .p-frontCont__priceDtl {
    font-size: 1rem;
    line-height: 160%;
    margin-top: 11px;
    padding-right: 4px;
  }
  .p-frontCont__priceItemTxt .p-sect__columnBoxList {
    margin-top: 30px;
  }
  .p-frontCont__priceBtn {
    margin-top: 23px;
    text-align: left;
  }
  .p-frontCont__priceBtn .c-button {
    padding-left: 17px;
  }
  .p-frontCont__priceBtn .c-button--more:after {
    right: 18px;
  }
  .p-frontCont__priceLink {
    font-size: 0.9375rem;
    line-height: 23px;
    text-align: left;
  }
  .p-frontCont__cases .c-headline__ttl {
    font-size: 1.25rem;
    line-height: 60px;
  }
  .p-frontCont__cases .p-cases__btn {
    margin-top: 30px;
  }
  .p-frontCont__centerLogo {
    margin-top: 157px;
  }
  .p-frontCont__graph {
    padding: 0 3px;
  }
  .p-frontCont__voice {
    padding: 59px 105px 112px;
  }
  .p-frontCont__voiceVis {
    margin-top: 28px;
    max-width: 956px;
  }
  .p-frontCont__voiceVis--pc {
    display: block;
  }
  .p-frontCont__voiceVis--sp {
    display: none;
  }
  #play-button,
  #play-button:after {
    height: 98px;
    width: 98px;
  }
  #play-button span {
    border-bottom: 7px solid #0000;
    border-left: 12px solid #01bfd7;
    border-top: 7px solid #0000;
  }
  .p-functions__columnBoxVis #play-button,
  .p-functions__columnBoxVis #play-button:after {
    height: 68px;
    width: 68px;
  }
  .p-functions__columnBoxVis #play-button span {
    border-bottom: 6px solid #0000;
    border-left: 12px solid #01bfd7;
    border-top: 6px solid #0000;
  }
  .p-modalThumbnail {
    border-radius: 5px;
  }
  .p-modal__cont {
    max-width: calc(var(--vw) * 90.97222);
  }
  .p-modal__cont:before {
    padding-top: calc(56.25% - 45px);
  }
  .p-modal__body {
    padding: 0 40px;
  }
  .p-modal__close {
    height: 40px;
    right: 30px;
    top: 30px;
    width: 40px;
  }
  .p-voice {
    max-width: 1224px;
  }
  .p-voice .c-headline__ttl {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 60px;
  }
  .p-voice .c-headline__subTtl {
    line-height: 160%;
    margin-top: 16px;
  }
  .l-wrapper.is-en .c-headline__subTtl,
  .l-wrapper.is-en .p-faq__contBoxItemQ p,
  .l-wrapper.is-en .p-frontCont__priceTtl,
  .l-wrapper.is-en .p-frontCont__sect .p-sect__columnBoxTtl,
  .l-wrapper.is-en .p-frontCont__technologyItemTxt,
  .l-wrapper.is-en .p-frontCont__themeHead .c-headline__subTtl,
  .l-wrapper.is-en .p-frontCont__themeItemDtl,
  .l-wrapper.is-en .p-frontCont__themeItemTtl,
  .l-wrapper.is-en .p-sect__columnBoxTtl,
  .l-wrapper.is-en .p-sect__contTtlTxt,
  .l-wrapper.is-en .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__sectItemTtl {
    letter-spacing: 0.02em;
    line-height: 150%;
  }
  .l-wrapper.is-en .c-headline__subTtl p {
    font-size: 1.125rem;
  }
  .l-wrapper.is-en .p-footer__btn .c-button {
    font-size: 0.9375rem;
    width: 259px;
  }
  .l-wrapper.is-en .c-contact {
    width: 184px;
  }
  .l-wrapper.is-en .c-contact__ttl {
    font-size: 0.875rem;
  }
  .l-wrapper.is-en
    .p-price__cont--faq
    .p-faq__contBtnItem
    + .p-faq__contBtnItem
    .c-button {
    width: 364px;
  }
  .l-wrapper.is-en .c-ankerLink__item {
    font-size: 0.8125rem;
  }
  .l-wrapper.is-en .c-ankerLink__item:nth-child(2) a {
    letter-spacing: -0.03em;
  }
  .l-wrapper.is-en .c-button,
  .l-wrapper.is-en .p-pageFaq .c-button,
  .l-wrapper.is-en .p-price__cont--faq .p-faq__contBtn .c-button {
    font-size: 0.9375rem;
  }
  .l-wrapper.is-en .p-sect__contTtlTxt {
    font-size: 2.5rem;
  }
  .l-wrapper.is-en .c-headline__subTtl,
  .l-wrapper.is-en .p-frontCont__priceTtl,
  .l-wrapper.is-en .p-frontCont__technologyHead .c-headline__subTtl {
    font-size: 2.125rem;
  }
  .l-wrapper.is-en .p-priceFlow {
    margin-top: 45px;
  }
  .l-wrapper.is-en .p-price__head .c-headline__subTtl {
    font-size: 2.375rem;
    line-height: 36px;
  }
  .l-wrapper.is-en .p-frontCont__priceDtl {
    line-height: 180%;
    margin-top: 14px;
  }
  .l-wrapper.is-en .p-sect__columnBoxTtl {
    padding-right: 7px;
  }
  .l-wrapper.is-en .p-header__externalItem .c-button {
    font-size: 0.8125rem;
    letter-spacing: 0.02em;
  }
  .l-wrapper.is-en .p-solution__voice .c-headline__subTtl {
    margin: 16px auto 0;
    max-width: 890px;
  }
  .l-wrapper.is-en .p-frontCont__voice .c-headline__dtl {
    margin: 20px auto 0;
    max-width: 720px;
  }
  .l-wrapper.is-en .p-solution__cardItem:first-child .p-solution__cardItemHead,
  .l-wrapper.is-en
    .p-solution__cardItem:nth-child(10)
    .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(2) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(3) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(4) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(5) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(6) .p-solution__cardItemHead,
  .l-wrapper.is-en
    .p-solution__cardItem:nth-child(9)
    .p-solution__cardItemHead {
    height: 2em;
  }
  .u-forSP {
    display: none;
  }
  .u-forPC {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .c-card__ttl {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 36px;
  }
  .c-card__post {
    font-size: 0.8125rem;
    line-height: 19px;
    margin-top: 12px;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:first-child {
    animation-delay: 0.18s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(2) {
    animation-delay: 0.28s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(3) {
    animation-delay: 0.38s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(4) {
    animation-delay: 0.48s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(5) {
    animation-delay: 0.58s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(6) {
    animation-delay: 0.68s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(7) {
    animation-delay: 0.78s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(8) {
    animation-delay: 0.88s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(9) {
    animation-delay: 0.98s;
  }
  .p-cases__listItem.c-card.c-fadeInUp--box.js-inView:nth-child(10) {
    animation-delay: 1.8s;
  }
  .p-frontCont__priceVis.c-fadeInUp--box.js-inView,
  .p-solution__sectItemTxt.c-fadeInUp--box.is-inView {
    animation-delay: 0.28s;
  }
  .p-solution__sectItemWrap--rowReverse
    .p-solution__sectItemTxt.c-fadeInUp--box.is-inView {
    animation-delay: 0.08s;
    animation-delay: 0.28s;
  }
  .p-frontCont__technologyItem.c-fadeInUp--box.js-inView:first-child {
    animation-delay: 0.18s;
  }
  .p-frontCont__technologyItem.c-fadeInUp--box.js-inView:nth-child(2) {
    animation-delay: 0.28s;
  }
  .p-frontCont__technologyItem.c-fadeInUp--box.js-inView:nth-child(3) {
    animation-delay: 0.38s;
  }
  .p-sect__columnBoxVis.c-fadeInUp--box.is-inView {
    animation-delay: 0.48s;
  }
  .p-sect__columnBoxBtn.c-fadeInUp--box.js-inView {
    animation-delay: 0.68s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:first-child {
    animation-delay: 0.18s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(2) {
    animation-delay: 0.28s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(3) {
    animation-delay: 0.38s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(4) {
    animation-delay: 0.48s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(5) {
    animation-delay: 0.58s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(6) {
    animation-delay: 0.68s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(7) {
    animation-delay: 0.78s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(8) {
    animation-delay: 0.88s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(9) {
    animation-delay: 0.98s;
  }
  .p-frontCont__themeItem.c-fadeInUp--box.js-inView:nth-child(10) {
    animation-delay: 1.8s;
  }
  .c-logo__head + .c-logo__wrap {
    margin-top: 34px;
  }
  .p-header__contNavi {
    align-items: center;
    display: flex;
  }
  .p-gnavi,
  .p-header__hum {
    display: none;
  }
  .p-gnaviBg {
    max-width: 420px;
    min-width: 420px;
    right: -50%;
  }
  .p-gnaviBg.is-open {
    right: 0;
  }
  .p-cases__listBox {
    margin-top: -80px;
  }
  .p-cases__listItem {
    margin-top: 80px;
    width: 33.3333333333%;
  }
  .p-cases__listItem:first-child {
    margin-top: 80px;
  }
  .p-price__cont--faq .p-faq__contBtn {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }
  .p-price__cont--faq .p-faq__contBtnItem + .p-faq__contBtnItem {
    margin-left: 20px;
    margin-top: 0;
  }
  .p-price__cont--faq .p-faq__contBtnItem + .p-faq__contBtnItem .c-button {
    width: 325px;
  }
  .p-priceBox__list {
    flex-direction: row;
    margin: 0 -23.5px;
  }
  .p-priceBox__item {
    margin-top: 0;
    padding: 0 23.5px;
    width: 33.3333333333%;
  }
  .p-priceBox__item:after,
  .p-priceBox__item:before {
    bottom: auto;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .p-priceBox__item:after {
    right: -11px;
  }
  .p-priceBox__item:before {
    right: -1px;
  }
  .p-priceBox__item:last-child {
    width: calc(33.33333% + 32px);
  }
  .p-priceBox__item:first-child .p-priceBox__itemInner {
    padding-right: 16px;
  }
  .p-priceBox__item:first-child .p-priceBox__itemDtl {
    padding-right: 8px;
  }
  .p-priceBox__itemInner {
    padding: 30px 24px 26px;
  }
  .p-priceBox__itemHeadTtl {
    font-size: 1rem;
    line-height: 28px;
  }
  .p-priceBox__itemHead span {
    font-size: 0.8125rem;
    margin-top: 4px;
  }
  .p-priceBox__itemCost {
    justify-content: flex-end;
    margin-top: 8px;
  }
  .p-priceBox__itemDtl {
    margin-top: 12px;
  }
  .p-priceBox__itemListTxt:first-child {
    margin-bottom: 5px;
    padding-bottom: 8px;
  }
  .p-priceBox__itemListCost strong {
    font-size: 1.375rem;
  }
  .p-priceBox__itemListLabel {
    font-size: 0.625rem;
  }
  .p-priceBox__itemListCap {
    margin-top: 0;
  }
  .p-priceFlow__listItem {
    margin-bottom: 0;
    padding-right: 0;
  }
  .p-priceFlow__listItem:after {
    right: -28px;
  }
  .p-sect--bgImg {
    height: 600px;
  }
  .p-sect__contTtl {
    padding-left: 124px;
  }
  .p-sect__columnBoxWrap {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
  }
  .p-sect__columnBoxTxt {
    padding: 0;
    width: 42.6016260163%;
  }
  .p-sect__columnBoxVis {
    margin-top: calc(var(--vw) * 0.83333);
    padding-left: 42px;
    width: 57.3983739837%;
  }
  .p-sect__columnBoxBtn {
    margin-top: 36px;
    text-align: left;
  }
  .p-functions__sect .p-sect__columnBox + .p-sect__columnBox {
    margin-top: 101px;
  }
  .p-functions__sect .p-sect__columnBoxVis {
    margin-top: 0;
    width: 50.8130081301%;
  }
  .p-functions__sect .p-sect__columnBoxWrap {
    align-items: center;
  }
  .p-functions__sect .p-sect__columnBoxTxt {
    padding-right: 80px;
    width: 49.1869918699%;
  }
  .p-functions__sect .p-sect__columnBox--reverseBox .p-sect__columnBoxWrap {
    flex-direction: row-reverse;
  }
  .p-functions__sect .p-sect__columnBox--reverseBox .p-sect__columnBoxTxt {
    padding-left: 85px;
    padding-right: 0;
  }
  .p-functions__columnBoxWrap {
    flex-direction: row;
  }
  .p-functions__columnBoxWrap--rowReverse {
    flex-direction: row-reverse;
  }
  .p-functions__columnBoxVis {
    margin-top: 0;
  }
  .p-functions__columnBox--micDevice .p-functions__columnBoxVis {
    width: 45.3658536585%;
  }
  .p-functions__columnBox--micDevice .p-functions__columnBoxTxt {
    margin-top: calc(var(--vw) * 6.875);
    padding-left: 44px;
    width: 54.6341463415%;
  }
  .p-functions__columnBox--micDevice .p-functions__columnBoxDtl {
    padding-right: 13px;
  }
  .p-functions__columnBox--situation {
    margin: 0 auto;
    max-width: 1213px;
  }
  .p-functions__columnBox--situation .p-functions__columnBoxVis {
    width: 54.2456718879%;
  }
  .p-functions__columnBox--situation
    .p-functions__columnBoxWrap--rowReverse
    .p-functions__columnBoxTxt {
    margin-top: -14px;
    padding-right: 39px;
    width: 45.7543281121%;
  }
  .p-solution__cardItem {
    width: 33.3333333333%;
  }
  .p-technology__device {
    margin-top: 64px;
  }
  .p-technology__deviceWrap {
    flex-direction: row;
  }
  .p-technology__deviceVis {
    margin-top: 13px;
    width: 50.5985634477%;
  }
  .p-technology__deviceTxt {
    margin-top: 0;
    padding-right: 14px;
    width: 49.4014365523%;
  }
  .p-technology__deviceTxtWrap {
    flex-wrap: nowrap;
  }
  .p-technology__deviceTxtItem {
    margin-top: 64px;
  }
  .p-technology__deviceTxtIcon {
    width: 27.6033057851%;
  }
  .p-technology__deviceTxtBox {
    padding-left: calc(var(--vw) * 2.98611);
    width: 72.3966942149%;
  }
  .p-technology__deviceTxtBox .p-technology__deviceTxtDtl {
    display: block;
  }
  .p-technology__deviceTxtBox + .p-technology__deviceTxtDtl {
    display: none;
  }
  .p-technology__deviceTxtTtl {
    font-size: 1.25rem;
    line-height: 29px;
    padding-left: 0;
  }
  .p-technology__deviceTxtDtl {
    font-size: 1rem;
    line-height: 29px;
    margin-top: 20px;
  }
  .p-frontCont__head .c-logo__list {
    margin-top: 0;
  }
  .p-frontCont__head .c-logo__item {
    margin-top: 0;
    padding: 0 21px;
    width: 20%;
  }
  .p-frontCont__sect .p-sect__columnBoxTxt {
    padding-right: 30px;
    width: 42.2764227642%;
  }
  .p-frontCont__sect .p-sect__columnBoxVis {
    padding-left: 0;
    width: 57.7235772358%;
  }
  .p-frontCont__themeBox {
    margin: 21px auto 0;
    max-width: 1051px;
  }
  .p-frontCont__themeList {
    display: flex;
    margin: 0 -10px;
  }
  .p-frontCont__themeItem {
    margin-top: 0;
    padding: 0 10px;
    width: 25%;
  }
  .p-frontCont__themeItemInner {
    flex-direction: column;
    padding: 41px 16px 34px;
  }
  .p-frontCont__themeItemIcon {
    height: 67px;
    min-width: 91px;
    width: 91px;
  }
  .p-frontCont__themeItemTxt {
    margin-top: 19px;
    padding-left: 0;
    text-align: center;
  }
  .p-frontCont__themeItemTtl {
    font-size: 1rem;
  }
  .p-frontCont__themeItemDtl {
    font-size: 0.875rem;
    margin-top: 16px;
  }
  .p-frontCont__themeInfo {
    margin-top: 20px;
  }
  .p-frontCont__themeInfoInner {
    align-items: center;
    display: flex;
    padding: 10px;
  }
  .p-frontCont__themeInfoHead {
    display: none;
    font-size: 1rem;
  }
  .p-frontCont__themeInfoTxt {
    padding-left: 14px;
  }
  .p-frontCont__themeInfoTxt .p-frontCont__themeInfoHead {
    display: block;
  }
  .p-frontCont__themeInfoVis {
    margin: 0;
    max-width: 240px;
    padding: 0;
    width: 100%;
  }
  .p-frontCont__themeInfoList {
    margin-top: 9px;
  }
  .p-frontCont__themeInfoItem {
    font-size: 0.875rem;
    margin-top: 0;
  }
  .p-frontCont__priceHead {
    font-size: 1.25rem;
    line-height: 60px;
  }
  .p-frontCont__priceTtl {
    font-size: 2.125rem;
    line-height: 160%;
    margin-top: 28px;
    text-align: left;
  }
  .p-frontCont__priceList {
    margin-top: 40px;
  }
  .p-frontCont__priceListDtl {
    line-height: 24px;
  }
  .p-frontCont__priceItem {
    margin-bottom: 19px;
    padding-bottom: 19px;
  }
  .p-frontCont__priceItem--once {
    margin-bottom: 19px;
    padding-bottom: 20px;
  }
  .p-frontCont__priceItemTxt {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    width: 100%;
  }
  .p-frontCont__priceItemTxt strong {
    font-size: 2.875rem;
    line-height: 69px;
  }
  .p-frontCont__priceItemTxt p,
  .p-frontCont__priceItemTxt span {
    font-size: 1rem;
    line-height: 29px;
  }
  .p-frontCont__priceItemVis {
    min-width: 163px;
  }
  .p-frontCont__priceItemVis img {
    max-width: 78px;
  }
  .p-frontCont__priceItemVis img + img {
    margin-left: 9px;
  }
  .p-frontCont__centerLogo .c-logo__list {
    margin-top: 0;
  }
  .p-frontCont__centerLogo .c-logo__item {
    margin-top: 0;
    padding: 0 16px;
    width: 16.6666666667%;
  }
  .p-frontCont__centerLogo .c-logo__wrap {
    margin-top: 32px;
  }
  .l-wrapper.is-en .p-priceBox__tax {
    margin-top: 0;
  }
  .l-wrapper.is-en .p-priceBox__itemCost {
    justify-content: center;
  }
  .l-wrapper.is-en .p-priceBox__itemCost--flex {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
  }
  .l-wrapper.is-en .p-priceBox__item:first-child .p-priceBox__itemDtl {
    padding-right: 0;
  }
  .l-wrapper.is-en .p-priceBox__itemHeadTtl {
    font-size: 1rem;
    line-height: 140%;
  }
  .l-wrapper.is-en .p-priceBox__itemInner {
    padding: 30px 16px 32px;
  }
  .l-wrapper.is-en .p-priceBox__itemListLabel {
    font-size: 0.75rem;
  }
  .l-wrapper.is-en .p-priceBox__itemListEnDtl + .p-priceBox__tax {
    margin-top: -8px;
  }
  .l-wrapper.is-en .p-priceBox__itemListTxt:first-child {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .l-wrapper.is-en .p-priceBox__totalInner {
    padding: 0 25px 0 34px;
  }
  .l-wrapper.is-en
    .p-price__cont--faq
    .p-faq__contBtnItem
    + .p-faq__contBtnItem
    .c-button {
    width: 370px;
  }
  .l-wrapper.is-en .p-frontCont__sect .p-sect__columnBoxTxt {
    width: 45.9349593496%;
  }
  .l-wrapper.is-en .p-frontCont__sect .p-sect__columnBoxVis {
    width: 54.0650406504%;
  }
  .l-wrapper.is-en .p-solution__cardItemHead {
    height: 4em;
  }
  .l-wrapper.is-en .p-solution__cardItem:first-child .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(2) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(3) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(7) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(8) .p-solution__cardItemHead,
  .l-wrapper.is-en
    .p-solution__cardItem:nth-child(9)
    .p-solution__cardItemHead {
    height: 3em;
  }
  .l-wrapper.is-en .p-solution__cardItem:nth-child(4) .p-solution__cardItemHead,
  .l-wrapper.is-en .p-solution__cardItem:nth-child(5) .p-solution__cardItemHead,
  .l-wrapper.is-en
    .p-solution__cardItem:nth-child(6)
    .p-solution__cardItemHead {
    height: 2em;
  }
  .l-wrapper.is-en
    .p-solution__cardItem:nth-child(10)
    .p-solution__cardItemHead {
    height: 4em;
  }
}
@media screen and (min-width: 1200px) {
  .c-logo--columnBox,
  .c-logo__head {
    align-items: center;
    display: flex;
  }
  .c-logo__head {
    font-size: 1rem;
    line-height: 60px;
    margin-right: 36px;
    white-space: nowrap;
  }
  .c-logo__head:after {
    background-color: #c9c9c9;
    display: inline-block;
    height: 53px;
    margin-left: 36px;
    width: 1px;
  }
  .c-logo__head + .c-logo__wrap {
    margin-top: 0;
  }
  .p-header__logo {
    height: 44.62px;
    width: 311.02px;
  }
  .p-header__naviItem {
    font-size: 0.8125rem;
    margin-left: 24px;
  }
  .p-header__naviItem--mypage:before {
    margin-right: 24px;
  }
  .p-header__switch {
    margin-left: 42px;
  }
  .p-header__switchBox span,
  .p-header__switchItem {
    font-size: 1rem;
  }
  .p-header__switchItem a:before {
    bottom: -2.5px;
  }
  .p-brand__contVisImgSup {
    line-height: 40px;
    margin-top: -33px;
  }
  .p-priceBox {
    margin-top: 65px;
    max-width: 1230px;
    padding: 0 90px;
  }
  .p-priceFlow__listItemTxt {
    font-size: 1.125rem;
    line-height: 27px;
    margin-top: 28px;
  }
  .p-solution__cardItemHead {
    font-size: 1.25rem;
  }
  .p-solution__cardItemHead:before {
    height: 35px;
    min-width: 42px;
    width: 42px;
  }
  .p-frontCont__priceItemTxt p {
    margin-top: 0;
  }
  .l-wrapper.is-en .p-header__naviItem {
    font-size: 0.875rem;
  }
  .l-wrapper.is-en .p-header__switchItem a:before {
    bottom: -2.5px;
  }
  .u-forSPXL {
    display: none;
  }
}
@media screen and (min-width: 1300px) {
  .p-priceBox__itemHeadTtl {
    font-size: 1.125rem;
    line-height: 36px;
  }
  .p-priceBox__itemHead span {
    font-size: 0.875rem;
    margin-top: 7px;
  }
  .p-priceBox__itemCost {
    margin-top: 16px;
  }
  .p-priceBox__itemCost strong {
    font-size: 2.5rem;
    line-height: 58px;
  }
  .p-priceBox__itemDtl {
    margin-top: 20px;
  }
  .p-priceBox__itemListTxt:first-child {
    margin-bottom: 9px;
    padding-bottom: 16px;
  }
  .p-priceBox__itemListCost strong {
    font-size: 2rem;
  }
  .p-priceBox__itemListLabel {
    font-size: 0.75rem;
  }
  .l-wrapper.is-en .p-priceBox__itemHeadTtl {
    font-size: 1.125rem;
    line-height: 140%;
  }
  .l-wrapper.is-en .p-priceBox__itemListTxt:first-child {
    margin-bottom: 16px;
  }
  .l-wrapper.is-en .p-priceBox__itemCost {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .p-header__external {
    display: block;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-button:hover {
    background-color: #01bfd7;
    color: #222;
  }
  .c-button--borderType:hover {
    border: 1px solid #01bfd7;
  }
  .c-button--black:hover {
    background-color: #01bfd7;
  }
  .c-button--primary:hover {
    background-color: #fff;
    color: #01bfd7;
  }
  .c-button--more:hover:after {
    background-image: url(../images/icon/icon-arrow_black.svg);
    transform: translate(6px, -50%);
  }
  .c-button--exLink:hover:after {
    background-image: url(../images/icon/icon-exLink_black.svg);
  }
  .c-button--download:hover:after,
  .c-button--file:hover:after {
    background-image: url(../images/icon/icon-download_black.svg);
  }
  .c-category__item:hover {
    background-color: #080808;
    border: 1px solid #080808;
    color: #01bfd7;
  }
  .c-card a:hover img {
    transform: scale(1.05);
  }
  .c-ankerLink__item:hover {
    background-color: #080808;
    border: 1px solid #080808;
    color: #01bfd7;
  }
  .c-ankerLink__item:hover:before {
    background-image: url(../images/icon/icon-anker_primary.svg);
  }
  .c-ankerLink__item--exLink:hover {
    background-color: #fff;
    border: 1px solid #01bfd7;
    color: #01bfd7;
  }
  .c-ankerLink__item--exLink:hover:after {
    background-image: url(../images/icon/icon-exLink_primary.svg);
  }
  .c-contact__close:hover {
    background-color: #fff;
  }
  .c-contact__close:hover span {
    background-color: #01bfd7;
  }
  .c-contact__btn .c-button--download:hover:after {
    background-image: url(../images/icon/icon-download_primary.svg);
  }
  .p-header__naviItem a:hover {
    color: #01bfd7;
  }
  .p-header__naviItem a:hover:before {
    width: 100%;
  }
  .p-header__switchItem a:hover {
    color: #01bfd7;
  }
  .p-gnavi__menuItem a:hover:before,
  .p-gnavi__switchItem a:hover:before,
  .p-header__switchItem a:hover:before {
    width: 100%;
  }
  .p-footer__naviItem a:hover {
    color: #01bfd7;
  }
  .p-faq__contBoxItemA p a:hover:before,
  .p-footer__naviItem a:hover:before {
    width: 100%;
  }
  .p-pageFaq .c-button--exLargeSize:hover:after,
  .p-price__cont--faq .p-faq__contBtn .c-button--exLink:hover:after {
    background-image: url(../images/icon/icon-exLink_primary.svg);
  }
  .p-frontCont__priceLink a:hover:before {
    width: 100%;
  }
  .p-modalThumbnail:hover img {
    transform: scale(1.03);
  }
  .p-modalThumbnail:hover #play-button:before {
    height: 100%;
    width: 100%;
  }
  .p-modal__close:hover span {
    background-color: #01bfd7;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  :after,
  :before {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: scroll !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}
