/*--------------------------
    service タイトル背景
--------------------------*/
.page-head.service {
  align-items: center;
  display: flex;
  height: 390px;
  justify-content: center;
  padding: 0;
  width: 100%;
}

.page-head.service .index-title {
  margin: 152px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.page-head.service .index-title .title-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 10px auto 0;
  width: fit-content;
}

.page-head.service .index-title .ja {
  box-sizing: border-box;
  font-size: 24px;
  margin-top: 0;
  width: fit-content;
}

.page-head.service .index-title .ja.sub {
  font-size: 18px;
  margin-top: 3px;
}

.page-head.service .l-sm {
  display: none !important;
}

@media screen and (max-width:1240px) {
  .page-head.service .index-title {
    margin: 130px 0 0;
  }
}

@media screen and (max-width:767px) {
  .page-head.service {
    height: 240px;
    margin-top: 60px;
  }

  .page-head.service .l-sm {
    display: block !important;
  }

  .page-head.service .index-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: unset;
    top: unset;
  }

  .page-head.service .index-title .title-box {
    padding: 0 20px;
  }

  .page-head.service .index-title .ja {
    font-size: 20px;
    line-height: 1.5;
    padding: 0;
  }
}

/*--------------------------
  service レイアウト
--------------------------*/
.p-service {
  display: block;
}

.p-service .l-lg {
  display: block !important;
}

.p-service .l-sm {
  display: none !important;
}

.p-service__head .l-lg {
  display: block !important;
}

.p-service__head .l-sm {
  display: none !important;
}

.p-service .l-wrapper {
  margin: 0 auto;
  max-width: 1200px;
  width: 80%;
}

.p-service .text {
  line-height: 1.8;
}

.p-service p .center {
  text-align: center;
}

/*--------------------------
  ページの冒頭
--------------------------*/
.p-service .contents-intro {
  display: block;
  font-feature-settings: "palt";
  letter-spacing: 0.25px;
  margin-top: 3.5em;
  width: 100%;
}

.p-service .contents-intro .intro-head {
  display: block;
}

.p-service .contents-intro .intro-head .title {
  font-size: 2.75em;
  font-weight: 900;
}

.p-service .contents-intro .intro-head .text {
  font-size: 1.05em;
  margin-top: 1.5em;
}

.p-service .contents-intro .intro-text,
.p-service .contents-intro .intro-image {
  display: block;
  margin: 3em auto 0;
}

.p-service .contents-intro .intro-image {
  height: auto;
  width: 100%;
}

.p-service .contents-intro .intro-image figure,
.p-service .contents-intro .intro-image figure .image {
  display: block;
  width: 100%;
}

.p-service .contents-intro .intro-image .text-box {
  margin: 1.5em auto 0;
}

.p-service .contents-intro .intro-text .title {
  font-size: 1.5em;
  font-weight: 700;
}

.p-service .contents-intro .intro-text .text-box {
  display: block;
  margin-top: 10px;
}

.p-service .contents-intro .intro-text .text-box .text {
  line-height: 1.8;
}

.p-service .contents-intro .intro-other {
  display: block;
  margin-top: 5em;
  width: 100%;
}

.p-service .contents-intro .intro-other .title {
  font-size: 1.8em;
  font-weight: 800;
  color: #0061b4;
  line-height: 1.5;
}

.p-service .contents-intro .intro-other .title {
  font-size: 1.8em;
  font-weight: 800;
  color: #0061b4;
  line-height: 1.5;
}

.p-service .contents-intro .intro-other .text-box {
  display: block;
  margin-top: 1rem;
}

.p-service .contents-intro .intro-other .text-box .text {
  font-size: 1em;
  font-weight: 400;
}

.p-service .contents-intro .intro-other .text-box .text.bold {
  display: block;
  font-weight: 600;
  margin-top: 30px;
}

.p-service .contents-intro .intro-other .image-box {
  display: block;
  margin: 2em auto 0;
  width: 70%;
}

.p-service .contents-intro .intro-other .image-box .image {
  display: block;
  width: 100%;
}

@media screen and (max-width:768px) {
  .p-service .contents-intro .intro-head .title {
    font-size: 1.5em;
  }

  .p-service .contents-intro .intro-head .text {
    font-size: 1em;
  }

  .p-service .contents-intro .intro-other .image-box {
    width: 100%;
  }

  .p-service .contents-intro .intro-other .title {
    font-size: 1.3em;
  }
}

/*--------------------------
  コンテンツ
--------------------------*/
.p-service .contents-detail {
  display: block;
  margin-top: 6em;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item {
  display: block;
  padding: 8em 0;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item.blue {
  background-color: #f5f8fa;
}

.p-service .contents-detail .contents-detail__item.gray {
  background-color: #f5f5f5;
}

.p-service .contents-detail .contents-detail__item .title {
  color: #0061b4;
  font-size: 2em;
  font-weight: 700;
}

.p-service .contents-detail .contents-detail__item .text-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item .text-box .text.center {
  text-align: center;
}

.p-service .contents-detail .contents-detail__item .other-box {
  display: block;
  margin-top: 3em;
}

.p-service .contents-detail .contents-detail__item .other-box.no-margin {
  margin-top: 0;
}

.p-service .contents-detail .contents-detail__item .other-box.no-margin .item-box {
  display: block;
  margin-top: 3em;
}

.p-service .contents-detail .contents-detail__item .other-box .item-box.color {
  background-color: #f0f8ff;
  padding: 4em 3em;
}

.p-service .contents-detail .contents-detail__item .item-introduction {
  display: flex;
  justify-content: space-between;
  margin-top: 3em;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item .item-introduction .image-box {
  display: block;
  width: 50%;
}

.p-service .contents-detail .contents-detail__item .item-introduction .item-detail {
  display: block;
  width: 46%;
}

.p-service .contents-detail .contents-detail__item .item-introduction .item-detail .title {
  font-size: 1.4em;
}

.p-service .contents-detail .contents-detail__item .item-introduction .item-detail .button-box {
  margin: 2em 0 0;
}

.p-service .contents-detail .contents-detail__item .item-introduction .item-detail .link-box .link {
  align-items: center;
  display: flex;
  margin-top: 1em;
  width: fit-content;
}

.p-service .contents-detail .contents-detail__item .item-introduction .item-detail .link-box .link .icon {
  display: block;
  height: 16px;
  margin-left: 8px;
  width: 16px;
}

.p-service .contents-detail .contents-detail__item .item-introduction .item-detail .link-box .link:hover {
  opacity: .7;
}


/* チェックリスト */
.p-service .check-list {
  display: block;
}

.p-service .check-list .check-list__item {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  position: relative;
  padding-left: 25px;
}

.p-service .check-list .check-list__item:not(:first-child) {
  margin-top: 1em;
}

.p-service .check-list .check-list__item:before {
  background-image: url("../../service/img/system_child_checkmark.png");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  width: 15px;
}

.p-service .check-list .check-list__item .text {
  font-size: 1.25em;
  font-weight: 700;
}

.p-service .check-list.flex {
  display: flex;
  flex-wrap: wrap;
}

.p-service .check-list.flex .check-list__item {
  display: block;
  width: calc(100% / 2.1);
}

.p-service .check-list.flex .check-list__item:not(:first-child) {
  margin-top: 0;
}

.p-service .check-list.flex .check-list__item:nth-child(2n) {
    margin-left: 1.75em;
}

.p-service .check-list.flex .check-list__item:nth-child(n+3) {
  margin-top: 2em;
}

.p-service .check-list.flex .check-list__item:before {
  top: 10px;
}

.p-service .flex-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-service .flex-item .flex-img {
  display: block;
  width: 50%;
}

.p-service .flex-item .flex-detail {
  display: block;
  width: 45%;
}

.p-service .flex-item .flex-detail .title {
  font-size: 1.6em;
}

.p-service .flex-item .flex-detail .text-box {
  display: block;
  margin-top: 1em;
}

.p-service .flex-item .button-box {
  margin: 2em 0 0;
}

.p-service .item-box.order .flex-item:nth-child(n+2) {
  margin-top: 6.5em;
}

.p-service .item-box.order .flex-item:nth-child(2n) .flex-img {
  order: 2;
}

.p-service .item-box.order .flex-item:nth-child(2n) .flex-detail {
  order: 1;
}

.p-service .flex-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-service .flex-list.no_text .flex-list__item .item-box {
  display: flex;
  flex-direction: column;
}

.p-service .flex-list.no_text .flex-list__item .item-box .item-box__title {
  order: 2;
  margin-top: 1.25em;
}

.p-service .flex-list.no_text .flex-list__item .item-box .item-box__image {
  order: 1;
  margin-top: 0;
}

.p-service .flex-list .flex-list__item {
  display: block;
  width: 100%;
}

.p-service .flex-list.two .flex-list__item {
  display: block;
  width: calc(100% / 2.08);
}

.p-service .flex-list.three .flex-list__item {
  display: block;
  width: calc(100% / 3.3);
}

.p-service .flex-list .flex-list__item .item-box {
  display: block;
  width: 100%;
}

.p-service .flex-list .flex-list__item .item-frame {
  display: block;
  width: 100%;
}

.p-service .flex-list .flex-list__item .item-frame .image-box {
  display: block;
  width: 100%;
}

.p-service .flex-list .flex-list__item .item-frame .title-box,
.p-service .flex-list .flex-list__item .item-frame .text-box {
  display: block;
  margin-top: .8em;
}

.p-service .flex-list .flex-list__item .item-frame .title-box .title {
  font-size: 1.3em;
}

.p-service .flex-list .flex-list__item .item-frame .button-box {
  margin-top: 2em;
}

.p-service .flex-list .flex-list__item .item-frame .cta-button {
  min-width: unset;
  width: 100%;
}

.p-service .flex-list > div {
  margin-top: 30px;
}

.p-service .flex-list.box {
  margin-top: 2em;
}

.p-service .flex-list.box .flex-list__item:nth-child(n+3) {
  margin-top: 20px;
}

.p-service .flex-list.box .flex-list__item .item-box {
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1em;
  width: 100%;
}

.p-service .flex-list.box .flex-list__item .item-box .item-box__image {
  margin: 0;
  width: 35%;
}

.p-service .flex-list.box .flex-list__item .item-box .item-box__detail {
  width: 64%;
}

.p-service .flex-list.box .flex-list__item .item-box .item-box__detail .title {
  font-size: 1.25em;
}

.p-service .flex-list.box .flex-list__item .item-box .item-box__detail .text-box {
  margin-top: 4px;
}

.p-service .flex-list.box .flex-list__item .item-box .item-box__detail .text-box .text {
  font-size: 0.9em;
}

.p-service .contents-detail .contents-detail__item .other-box .catch-box {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin: 4em 0;
  padding: 2em 0;
  position: relative;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item .other-box .catch-box:before,
.p-service .contents-detail .contents-detail__item .other-box .catch-box:after {
  content: "";
  position: absolute;
}

.p-service .contents-detail .contents-detail__item .other-box .catch-box:before {
  background: #000;
  height: 100%;
  top: 0;
  width: 2px;
}

.p-service .contents-detail .contents-detail__item .other-box .catch-box:after {
border-top: solid 2px #000;
border-right: solid 2px #000;
bottom: 0;
height: 10px;
transform: rotate(135deg);
width: 10px;
}

.p-service .contents-detail .contents-detail__item .other-box .catch-box .catch-box__frame {
  align-items: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  position: relative;
  width: 100%;
  z-index: 3;
}

.p-service .contents-detail .contents-detail__item .other-box .catch-box .text {
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
}

.p-service .flex-list .flex-list__item .item-box .item-box__title {
  display: block;
}

.p-service .flex-list .flex-list__item .item-box .item-box__title .title {
  color: #333;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.p-service .flex-list .flex-list__item .item-box .item-box__image {
  display: block;
  margin: 1em auto 0;
  width: 60%;
}

/* 要素横並びの場合 */
.p-service .flex-list.flex .flex-list__item .flex-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-service .flex-list.flex .flex-list__item:not(:first-child) {
  margin-top: 3.5em;
}

.p-service .flex-list.flex .flex-list__item .flex-img {
  display: block;
  width: 43%;
}

.p-service .flex-list.flex .flex-list__item .flex-text {
  display: block;
  width: 55%;
}

.p-service .flex-list.flex .flex-list__item .flex-text .title {
  color: #0061b4;
  font-size: 1.3em;
  font-weight: 600;
}

.p-service .flex-list.flex .flex-list__item .flex-text .text {
  font-size: 1em;
  line-height: 1.5;
  margin-top: 10px;
}

/* 番号付き */
.p-service .number-box {
  display: block;
  width: 100%;
}

.p-service .number-box .number-box__item {
  display: block;
}

.p-service .number-box .number-box__item:not(:first-child) {
  margin-top: 8em;
}

.p-service .number-box .number-box__item .title-box {
  display: block;
}

.p-service .number-box .number-box__item .title-box .title {
  align-items: baseline;
  box-sizing: border-box;
  color: #333;
  display: flex;
  justify-content: space-between;
  font-size: 1.8em;
  line-height: 1;
  width: 100%;
}

.p-service .number-box .number-box__item .title-box .title .number {
  color: #029642;
  height: fit-content;
  padding-left: 15px;
  position: relative;
  width: 7%;
}

.p-service .number-box .number-box__item .title-box .title .number:before {
  background-color: #029642;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 7px;
}

.p-service .number-box .number-box__item .title-box .text {
  line-height: 1.5;
  margin-top: -9px;
  width: 92%;
}

.p-service .number-box .number-box__item .item-box {
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}

.p-service .number-box .number-box__item .item-box .item-box__image {
  display: block;
  width: 50%;
}

.p-service .number-box .number-box__item .item-box .item-box__detail {
  display: block;
  width: 45%;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .detail-box {
  display: block;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .detail-box:not(:first-child) {
  margin-top: 1.5em;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .title {
  color: #333;
  font-size: 1.125em;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .text {
  font-size: 1em;
  margin-top: 0.5em;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .item-list {
  display: block;
  margin-top: 0.5em;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .item-list .item-list__item {
  display: flex;
  padding-left: 18px;
  position: relative;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .item-list .item-list__item:not(:first-child) {
  margin-top: 0.5em;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .item-list .item-list__item:before {
  background-color: #333;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 0;
  top: 10px;
  position: absolute;
  width: 6px;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .item-list .item-list__item .text {
  margin-top: 0;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .link-box {
  display: block;
  margin-top: 1em;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .link-box .link {
  color: #0061b4;
  font-weight: 500;
  text-decoration: underline;
}

.p-service .number-box .number-box__item .item-box .item-box__detail .link-box .link:hover {
  text-decoration: none;
}

.p-service .number-box.simple .title-box {
  border-bottom: 1px solid #0061b4;
  padding-bottom: 1em
}

.p-service .number-box.simple .number-box__item:not(:first-child) {
  margin-top: 5em;
}
.p-service .number-box.simple .title-box .title {
  font-size: 1.5em;
  justify-content: unset;
}

.p-service .number-box.simple .title-box .title .number {
  color: #0061b4;
  padding-left: 0;
  position: unset;
  width: fit-content;
}

.p-service .number-box.simple .title-box .title .number:before {
  position: unset;
}

.p-service .number-box.simple .title-box .text {
  margin-top: -7px;
  text-align: left;
  margin-left: 10px;
  width: fit-content;
}

.p-service .number-box.simple .number-box__item .item-box {
  flex-direction: column;
  margin-top: 1em;
}

.p-service .number-box.simple .number-box__item .item-box .item-box__detail {
  width: 100%;
}

.p-service .number-box.simple .number-box__item .item-box .text ~ div {
  margin-top: 1.5em;
}

.p-service .number-box .number-box__item.no_title .item-box {
  align-items: center;
}

.p-service .number-box .number-box__item.no_title .item-box .item-box__detail .detail-box {
  display: flex;
  justify-content: space-between;
}

.p-service .number-box .number-box__item.no_title .number-frame {
  align-items: center;
  background-color: #029642;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 3em;
  width: 3em;
}

.p-service .number-box .number-box__item.no_title .number-frame .number {
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1;
  margin: 0 auto;
}

.p-service .number-box .number-box__item.no_title .text {
  margin-top: 0 !important;
  width: 82%;
}

.p-service .number-box.box .item-head {
  align-items: anchor-center;
  display: flex;
  justify-content: space-between;
}

.p-service .number-box.box .item-head .number {
  align-items: center;
  background: #0061b4;
  color: #ffffff;
  display: flex;
  height: 54px;
  font-size: 1.6em;
  font-weight: 600;
  justify-content: center;
  line-height: 0;
  padding: 10px;
  width: 54px;
}

.p-service .number-box.box .item-head .title-box {
  display: block;
  width: calc(100% - 90px);
}

.p-service .number-box.box .item-head .title-box .sub {
  font-size: 1.2em;
  font-weight: 500;
}

.p-service .number-box.box .item-head .title-box .title {
  color: #0061b4;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 6px;
}

.p-service .number-box.box .item-box {
  margin-top: 3em;
}


.p-service .contents-detail .contents-detail__item .other-box .obi-box {
  border-bottom: 3px solid #0061b4;
  display: block;
  margin: 0 auto;
  padding: 0 1.2em .5em;
  width: fit-content;
}

.p-service .contents-detail .contents-detail__item .other-box .obi-box .text {
  color: #0061b4;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
}

.p-service .contents-detail .contents-detail__item .other-box .obi-box ~ ul {
  margin-top: 3em;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list {
  display: flex;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list .image-list__item {
  display: block;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list .image-list__item .image-box {
  display: block;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list .image-list__item .caption-box {
  display: block;
  margin-top: 1em;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list .image-list__item .caption-box .caption {
  color: #0061b4;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list .image-list__item .image-box img {
  display: block;
  width: 100%;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list.three {
  justify-content: space-between;
}

.p-service .contents-detail .contents-detail__item .other-box .image-list.three .image-list__item {
  width: calc(100% / 3.2);
}

.p-service .contents-detail .contents-detail__item .other-box .image-list ~ p {
  font-size: 1.2em;
  margin-top: 3.5em;
  text-align: center;
}

.p-service .flow-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-service .flow-list .flow-list__item {
  display: flex;
}

.p-service .flow-list .flow-list__item:first-child {
  width: calc(100% / 4.7);
}

.p-service .flow-list .flow-list__item:nth-child(n+2) {
  box-sizing: border-box;
  padding-left: 4.4%;
  position: relative;
  width: calc(100% / 3.9);
}

.p-service .flow-list .flow-list__item:nth-child(n+2):before {
  border-style: solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #0061b4;
  border-right: 0;
  content: "";
  height: 0;
  left: 5%;
  position: absolute;
  top: 40%;
  width: 0;
}

.p-service .flow-list .flow-list__item .item-box {
  display: flex;
  flex-direction: column;
  /* margin-left: .6em; */
  width: 100%;
}

.p-service .flow-list .flow-list__item .item-box .number {
  color: #0061b4;
  font-size: 1.25em;
  font-weight: 600;
  text-align: center;
}

.p-service .flow-list .flow-list__item .item-box .icon-box {
  display: block;
  margin: 0.5em auto 0;
  width: 70%;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .title {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 1.18em;
  font-weight: 600;
  justify-content: center;
  margin-top: .35em;
  min-height: 4em;
  text-align: center;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box {
  min-height: 5em;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .text {
  padding-left: 0.5em;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .text.no_padding {
  margin-top: 10px;
  padding-left: 0;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .text.margin {
  margin-top: 10px;
}

.p-service .contents-detail .contents-detail__item .other-box .guide-box {
  display: block;
  margin-top: 5em;
}

.p-service .contents-detail .contents-detail__item .other-box .guide-box .title {
  color: #333;
  font-size: 1.75em;
  text-align: center;
}

.p-service .contents-detail .contents-detail__item .other-box .guide-box .image-box {
  display: block;
  margin: 1.5em auto 0;
  width: 80%;
}

.p-service .contents-detail .contents-detail__item .other-box .guide-box .button-box {
  margin-top: 2.5em;
}

.p-service .contents-detail .contents-detail__item .other-box .l-title {
  color: #029642;
  font-size: 1.35em;
  font-weight: 600;
  margin-bottom: 1em;
}

/* ブラウザ可変、レスポンシブ */
@media screen and (max-width:1070px) {
  .p-service .l-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    width: 90%;
  }

  .p-service .flow-list .flow-list__item:nth-child(n+2):before {
    border-style: solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0061b4;
  }
}

@media screen and (max-width:1024px) {
  .p-service .number-box .number-box__item .title-box .title {
    font-size: 1.45em;
  }
}

@media screen and (max-width:767px) {
  .p-service .l-wrapper {
    width: 90%;
  }

  .p-service__head {
    height: 290px;
  }

  .p-service__head .item-box .item-box__title .jp-title {
    font-size: 22px;
  }

  .p-service__head .l-sm {
    display: block !important;
  }

  .p-service .check-list .check-list__item .text {
    font-size: 1em;
  }

  .p-service .check-list .check-list__item:not(:first-child) {
    margin-top: 0.7em;
  }

  .p-service .contents-detail .contents-detail__item {
    padding: 7em 0;
  }

  .p-service .contents-detail .contents-detail__item .title {
    font-size: 1.8em;
  }

  .p-service .contents-detail .contents-detail__item .other-box {
    margin-top: 2.5em;
  }

  .p-service .number-box .number-box__item:not(:first-child) {
    margin-top: 6em;
  }

  .p-service .number-box .number-box__item .title-box .title:before {
    width: 3px;
  }

  .p-service .number-box .number-box__item .title-box .title .number {
    padding-left: 15px;
    width: fit-content;
  }

  .p-service .number-box.simple .number-box__item .title-box .title {
    flex-direction: unset;
    justify-content: unset;
  }

  .p-service .number-box.simple .number-box__item .title-box .title .number {
    padding-left: 0;
    text-align: left;
    width: fit-content;
  }

  .p-service .number-box.simple .title-box .text {
    margin-top: -5px;
    margin-left: 10px;
  }

  .p-service .number-box.simple .number-box__item .item-box .item-box__detail {
    margin-top: 0;
  }

  .p-service .number-box.box .item-head {
    align-items: flex-start;
  }

  .p-service .number-box.box .item-head .title-box {
    width: calc(100% - 5em);
  }

  .p-service .number-box.box .item-head .title-box .title {
    line-height: 1.25;
  }

  .p-service .contents-detail .contents-detail__item .other-box .guide-box .image-box {
    width: 100%;
  }

  .p-service .number-box.box .item-box {
    margin-top: 2em;
  }
}

@media screen and (max-width:420px){
  .p-service .number-box .number-box__item .title-box .title {
    font-size: 1.35em;
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .p-service .l-lg {
    display: none !important;
  }

  .p-service .l-sm {
    display: block !important;
  }

  .p-service .flex-list .flex-list__item {
    width: 100% !important;
  }

  .p-service .flex-list.box .flex-list__item:not(:first-child) {
    border-top: none;
    padding-top: unset;
  }

  .p-service .number-box .number-box__item .item-box {
    flex-direction: column;
  }

  .p-service .number-box .number-box__item .item-box .item-box__detail {
    margin-top: 1.5em;
    width: 100%;
  }

  .p-service .number-box .number-box__item .item-box .item-box__image {
    margin: 0 auto;
    width: 100%;
  }

  .p-service .number-box .number-box__item .title-box .title {
    font-size: 1.5em;
    flex-direction: column;
  }

  .p-service .number-box .number-box__item .title-box .text {
    margin-top: 10px;
    text-align: left;
    width: unset;
  }

  .p-service .number-box .number-box__item .item-box .item-box__detail .text {
    width: 100%;
  }

  .p-service .flex-list.flex .flex-list__item .flex-item {
    flex-direction: column;
  }

  .p-service .flex-list.flex .flex-list__item:not(:first-child) {
    border-top: none;
    margin-top: 4em;
    padding-top: 0;
  }

  .p-service .flex-list.flex .flex-list__item .flex-img,
  .p-service .flex-list.flex .flex-list__item .flex-text {
    width: 100%;
  }

  .p-service .flex-list .flex-list__item:not(:first-child) {
    border-top: 1px solid #0061b4;
    margin-top: 2.5em;
    padding-top: 2.5em;
  }

  .p-service .flex-list.box .flex-list__item .item-box .item-box__detail {
    padding: 1em 0;
  }

  .p-service .contents-detail .contents-detail__item .other-box .image-list {
    flex-direction: column;
  }

  .p-service .contents-detail .contents-detail__item .other-box .image-list .image-list__item {
    width: 100% !important;
  }

  .p-service .contents-detail .contents-detail__item .other-box .image-list .image-list__item:nth-child(n+2) {
    margin-top: 3em;
  }

  .p-service .contents-detail .contents-detail__item .other-box .item-box.color {
    padding: 3em 2em;
  }

  .p-service .flow-list .flow-list__item .item-box {
    align-items: flex-start;
    flex-direction: unset;
    justify-content: space-between;
    margin-left: 0;
  }

  .p-service .flow-list .flow-list__item .item-box .item-box__head {
    display: block;
    margin-top: 5px;
    width: 33%;
  }

  .p-service .flow-list .flow-list__item .item-box .item-box__head .icon-box {
    margin: unset;
    width: 100%;
  }

  .p-service .flow-list .flow-list__item .item-box .item-box__detail {
    flex-grow: unset;
    margin-top: 0;
    width: 60%;
  }

  .p-service .flow-list .flow-list__item .item-box .number,
  .p-service .flow-list .flow-list__item .item-box .item-box__detail .title,
  .p-service .contents-detail .contents-detail__item .text-box .text {
    text-align: left;
  }

  .p-service .flow-list .flow-list__item .item-box .item-box__detail .title {
    justify-content: unset;
    margin-top: .35em;
    min-height: unset;
  }

  .p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box {
    margin-top: 0.75em;
  }

  .p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .text {
    padding-left: 0;
  }

  .p-service .contents-detail .contents-detail__item .text-box {
    align-items: unset;
    justify-content: unset;
    margin-top: .35em;
  }

  .p-service .flow-list {
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
  }

  .p-service .flow-list .flow-list__item:first-child,
  .p-service .flow-list .flow-list__item:nth-child(n+2) {
    width: 100%;
  }

  .p-service .flow-list .flow-list__item:nth-child(n+2) {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding-left: 0;
    padding-top: 50px;
  }

  .p-service .flow-list .flow-list__item:nth-child(n+2):before {
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 30px solid #0061b4;
    left: unset;
    top: 0;
  }

  .p-service .flex-item {
    flex-direction: column;
  }

  .p-service .flex-item .flex-img,
  .p-service .flex-item .flex-detail {
    width: 100%;
  }

  .p-service .flex-item .flex-detail {
    margin-top: 1em;
  }

  .p-service .flex-item .button-box {
    margin: 2em auto 0;
  }

  .p-service .item-box.order .flex-item:nth-child(2n) .flex-img {
    order: 1;
  }

  .p-service .item-box.order .flex-item:nth-child(2n) .flex-detail {
    order: 2;
  }

  .p-service .contents-detail .contents-detail__item .item-introduction {
    flex-direction: column;
    margin-top: 0;
  }

  .p-service .contents-detail .contents-detail__item .item-introduction .image-box,
  .p-service .contents-detail .contents-detail__item .item-introduction .item-detail {
    margin-top: 2em;
    width: 100%;
  }

  .p-service .contents-detail .contents-detail__item .item-introduction .item-detail .title {
    text-align: center;
  }

  .p-service .contents-detail .contents-detail__item .item-introduction .item-detail .button-box {
    margin: 2em auto 0;
  }

  .p-service .contents-detail .contents-detail__item .item-introduction .item-detail .link-box .link {
    margin: 2em auto 0;
  }
}

/* ページ内リンク */
.p-service .nav-box {
  display: block;
  margin-top: 8em;
  width: 100%;
}

.p-service .nav-box .nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.p-service .nav-box .nav-list.five .nav-list__item
{
  display: flex;
  width: calc(100% / 5.15);
}

.p-service .nav-box .nav-list.six .nav-list__item {
  display: flex;
  width: calc(100% / 6.2);
}

.p-service .nav-box .nav-list.seven{
  justify-content: space-evenly;
}

.p-service .nav-box .nav-list.seven .nav-list__item {
  display: flex;
  width: calc(100% / 4.15);
}

.p-service .nav-box .nav-list.seven .nav-list__item:nth-child(n+5) {
  margin-top: 0.55em;
}

.p-service .nav-box .nav-list .nav-list__item .button {
  background-color: #0061b4;
  border: 1px solid #0061b4;
  box-sizing: border-box;
  display: flex;
  padding: 10px 0;
  width: 100%;
}

.p-service .nav-box .nav-list .nav-list__item .button .text {
  color: #fff;
  display: block;
  font-weight: 600;
  margin: 0 auto;
  padding-bottom: 15px;
  position: relative;
  text-align: center;
}

.p-service .nav-box .nav-list .nav-list__item .button .text:before {
  bottom: 5px;
  content: '';
  width: 7px;
  height: 7px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  left: 50%;
  position: absolute;
  transform: rotate(135deg);
}

.p-service .nav-box .nav-list .nav-list__item .button:hover {
  background-color: #fff;
  cursor: pointer;
}

.p-service .nav-box .nav-list .nav-list__item .button:hover .text {
  color: #0061b4;
}

.p-service .nav-box .nav-list .nav-list__item .button:hover .text:before{
  border-top-color: #0061b4;
  border-right-color: #0061b4;
}

@media screen and (max-width:1069px) {
  .p-service .nav-box .nav-list .nav-list__item {
    width: calc(100% / 2.03) !important;
  }

  .p-service .nav-box .nav-list.seven {
    justify-content: space-between;
  }

  .p-service .nav-box .nav-list .nav-list__item:nth-child(n+3) {
    margin-top: .7em !important;
  }
}

@media screen and (max-width:767px) {
  .p-service .nav-box {
    margin-top: 3em;
  }
}

/*-------------------------
  下層ページ内お問い合わせボタン
  ベースデザイン
-------------------------*/
.p-service .button-box {
  display: block;
  margin: 5em auto 0;
  width: fit-content;
}

.p-service .button-box .cta-button {
  align-items: center;
  background-color: var(--accent-color);
  border: 1px solid var(--accent-color);
  box-sizing: border-box;
  display: flex;
  padding: .65em 2.3em .65em 1.5em;
  position: relative;
  min-width: 240px;
}

.p-service .button-box .cta-button:hover {
  cursor: pointer;
}

.p-service .button-box .cta-button.long {
  padding: .65em 2.5em .65em 1.7em;
  margin: 0 auto;
  width: fit-content;
}

.p-service .button-box .cta-button:before {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  content: "";
  height: 8px;
  margin-top: 1px;
  position: absolute;
  right: 5.5%;
  transform: rotate(45deg);
  width: 8px;
}

.p-service .button-box .cta-button .text {
  align-items: center;
  color: #fff;
  /* display: flex; */
  display: block;
  font-size: 1em;
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
}

.p-service .button-box .cta-button:hover {
  background-color: #fff;
}

.p-service .button-box .cta-button:hover:before {
  border-top-color: #0061b4;
  border-right-color: #0061b4;
}

.p-service .button-box .cta-button:hover .text {
  color: var(--accent-color);
}

.p-service .button-box .cta-button.blank {
  background-color: #0061b4;
  border: 1px solid #0061b4;
}

.p-service .button-box .cta-button.blank:hover {
  background-color: #fff;
  color: #0061b4;
}

.p-service .button-box .cta-button.blank:hover .text {
  color: #0061b4;
}

@media screen and (min-width:1450px) {
  .p-service .button-box .cta-button {
    min-width: 270px;
  }
}

@media screen and (max-width:768px) {
  .p-service .button-box .cta-button {
    text-align: center;
  }
}

/*-------------------------
  下層ページの固定要素レイアウト
  お問い合わせ、お悩み解決
-------------------------*/
.p-service .contents-parts {
  display: block;
  width: 100%;
}

.p-service .contents-parts .parts-contact {
  background-color: #f5f8fa;
  display: block;
  padding: 10em 0;
  width: 100%;
}

.p-service .contents-parts .parts-contact .parts-contact__box {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 20px;
  width: 80%;
}

.p-service .contents-parts .parts-contact .parts-contact__box .item-head {
  color: #0061b4;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  width: fit-content;
}

.p-service .contents-parts .parts-contact .parts-contact__box .item-head .comment {
  font-size: 1.2em;
}

.p-service .contents-parts .parts-contact .parts-contact__box .item-head .title {
  font-size: 2em;
  margin-top: 0.8em;
}

.p-service .contents-parts .parts-contact .parts-contact__box .button-box {
  margin-top: 3em;
}

.p-service .contents-parts .parts-contact .parts-contact__box .button-box .cta-button,
.p-service .contents-parts .parts-service .button-box .cta-button {
  padding: .65em 3em;
}

.p-service .contents-parts .parts-service {
  display: block;
  padding: 10em 0;
}

.p-service .contents-parts .parts-service .title {
  color: #0061b4;
  font-size: 2em;
  font-weight: 700;
}

.p-service .contents-parts .parts-service .service-list {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin-top: 5em;
  width: 100%;
}

.p-service .contents-parts .parts-service .service-list .service-list__item {
  display: block;
  height: auto;
  width: calc(100% / 3.2);
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  width: 100%;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .image-box {
  display: block;
  margin: 0 auto;
  width: 80%;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .detail-box {
  display: block;
  margin: 1em 0 3.5em;
  width: 100%;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .detail-box .title {
  color: #333;
  font-size: 1.125em;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .detail-box .text {
  font-size: 1em;
  margin-top: 0.5em;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .button-box {
  margin-top: auto;
  width: 80%;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .cta-button {
  margin: 0 auto;
  padding: .65em .9em;
  width: 100%;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .cta-button .text {
  font-size: 0.9em;
  width: fit-content;
}

.p-service .contents-parts .parts-service .service-list .service-list__item .item-box .cta-button:hover .text:before {
  border-top-color: var(--accent-color);
  border-right-color: var(--accent-color);
}

@media screen and (max-width:1120px) {
  .p-service .contents-parts .parts-service .service-list .service-list__item .item-box .button-box {
    width: 100%;
  }
}

@media screen and (max-width:940px) {
  .p-service .contents-parts .parts-service .service-list .service-list__item {
    width: calc(100% / 3.15);
  }

  .p-service .contents-parts .parts-service .service-list .service-list__item .item-box .cta-button {
    min-width: unset;
    padding: .65em .6em;
    width: 100%;
  }

  .p-service .contents-parts .parts-service .service-list .service-list__item .item-box .cta-button .text {
    font-size: 0.8em;
  }
}

@media screen and (max-width:768px) {
  .p-service .contents-parts .parts-contact,
  .p-service .contents-parts .parts-service {
    padding: 5em 0;
  }

  .p-service .contents-parts .parts-service .service-list .service-list__item .item-box .button-box {
    width: 75%;
  }

  .p-service .contents-parts .parts-contact .parts-contact__box .button-box .cta-button,
  .p-service .contents-parts .parts-service .button-box .cta-button {
    padding: 0.85em 2em;
  }

  .p-service .contents-parts .parts-service .title {
    font-size: 1.8em;
    text-align: center;
  }

  .p-service .button-box {
    margin-top: 3em;
  }

  .p-service .contents-parts .parts-contact .parts-contact__box {
    max-width: unset;
    padding: unset;
    width: 90%;
  }

  .p-service .contents-parts .parts-contact .parts-contact__box .item-head .comment {
    font-size: 1em;
  }

  .p-service .contents-parts .parts-contact .parts-contact__box .item-head .title {
    font-size: 1.8em;
    margin-top: 0.6em;
  }

  .p-service .contents-parts .parts-service .service-list {
    flex-direction: column;
    margin-top: 3em;
  }

  .p-service .contents-parts .parts-service .service-list .service-list__item {
    width: 100%;
  }

  .p-service .contents-parts .parts-service .service-list .service-list__item:not(:first-child) {
    border-top: 1px solid #0061b4;
    margin-top: 3em;
    padding-top: 3em;
  }

  .p-service .contents-parts .parts-service .service-list .service-list__item .item-box .cta-button .text {
    font-size: 1em;
  }

  .p-service .flex-list.three .flex-list__item {
    width: calc(100% / 2.1) !important;
  }

  .p-service .flex-list.three .flex-list__item:nth-child(n+2) {
    border-top: none;
    margin-top: unset;
    padding-top: unset;
  }

  .p-service .flex-list.three .flex-list__item:nth-child(n+3) {
    margin-top: 3.5em;
  }

  .p-service .check-list.flex {
    flex-direction: column;
  }

  .p-service .check-list.flex .check-list__item {
    width: 100%;
  }

  .p-service .check-list.flex .check-list__item:nth-child(2n) {
    margin-left: 0;
  }

  .p-service .check-list.flex .check-list__item:nth-child(n+3) {
    margin-top: 0;
  }

  .p-service .check-list.flex .check-list__item:nth-child(n+2) {
    margin-top: 2em;
  }

  .p-service .check-list.flex .check-list__item:before {
    top: 3px;
  }
}

@media screen and (max-width:500px) {
  .p-service .flex-list.three .flex-list__item {
    width: 100% !important;
  }

  .p-service .flex-list.three .flex-list__item:nth-child(n+2) {
    margin-top: 3.5em;
  }
}

/*--------------------------------
  引用ブロック
--------------------------------*/
.p-service .quotation-box {
  background-color: #f3f3f3;
  box-sizing: border-box;
  display: block;
  padding: 1.8em;
  width: 100%;
}

.p-service .quotation-box .quotation-box__item {
  display: block;
  padding-left: 3em;
  position: relative;
  width: 100%;
}

.p-service .quotation-box .quotation-box__item:before {
  background-image:url("../../service/img/icon_double-quotes.png");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 2em;
  left: 0;
  position: absolute;
  width: 2em;
}

.p-service .quotation-box .quotation-box__item .text {
  font-size: 1.5em;
  font-weight: 600;
}

.p-service .quotation-box .quotation-box__detail {
  display: block;
  margin-top: 1.5em;
}

@media screen and (max-width:767px) {
  .p-service .quotation-box .quotation-box__item {
    padding-left: 1.8em;
  }

  .p-service .quotation-box .quotation-box__item:before {
    height: 1.25em;
    width: 1.25em;
  }
}

/*--------------------------------
  ポイントブロック
--------------------------------*/


/*--------------------------------
  section部分：英文混じってるタイトル
--------------------------------*/
.p-service .contents-detail .contents-detail__item .title .en {
  font-family: 'Michroma', sans-serif;
}

.p-service .contents-detail .contents-detail__item .title.border {
  align-items: center;
  color: #000;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative;
  width: fit-content;
}

.p-service .contents-detail .contents-detail__item .title.border:before {
  background-color: #0061b4;
  bottom: 0;
  content: "";
  height: 6px;
  position: absolute;
  width: 50px;
}

/*----------------
  サービス一覧ページ
----------------*/
.p-service.p-detail .contents-intro {
  margin-top: 0;
}

.p-service.p-detail .contents-intro .bg-box {
  background: url(../img/business/digitalcreation-bg.jpg);
  background-repeat: no-repeat;
  display: block;
  padding: 5em 0;
}

.p-service.p-detail .contents-intro .bg-box .title-box {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: fit-content;
}

.p-service.p-detail .contents-intro .bg-box .title-box .title.en {
  color: #0061b4;
  font-family: 'Michroma', sans-serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
}

.p-service.p-detail .contents-intro .bg-box .title-box .jp {
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  margin-top: 1em;
}

.p-service.p-detail .contents-intro .bg-box .text-box {
  display: block;
  margin-top: 1.2em;
  text-align: center;
}

.p-service.p-detail .contents-intro .bg-box .text-box .blue {
  color: #0061b4;
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.p-service.p-detail .contents-intro .bg-box .other-box {
  margin-top: 3em;
}

.p-service.p-detail .nav-box {
  margin-top: 6em;
}

.p-service.p-detail .p-service .flex-list .flex-list__item {
  width: calc(100% / 2.2);
}

/*----------------
  建築CGパース用
----------------*/
.p-service.p-perspective .contents-detail .contents-detail__item.white {
  padding: 0 0 8em;
}

.p-service.p-perspective .contents-intro .intro-head .title {
  font-size: 1.67em;
}

.p-service.p-perspective .contents-detail .contents-detail__item .title {
  font-size: 1.7em;
}

.p-service.p-perspective .flex-box .title-box .title {
  font-size: 1.5em;
}

.p-service.p-perspective .contents-detail {
  margin-top: 10em;
}

.p-service.p-perspective .contents-detail__item .other-box .number-box.sample {
  background: #f5f8fa;
  box-sizing: border-box;
  margin-top: 5em;
  padding: 60px;
  width: 100%;
}

.p-service.p-perspective .other-box.sample .sample-frame {
  display: block;
}

.p-service.p-perspective .other-box.sample .sample-frame:not(:first-child) {
  margin-top: 6.5em;
}

.p-service.p-perspective .other-box.sample .comparison-box {
  background-color: #F4F7FA;
  box-sizing: border-box;
  display: block;
  margin: 4em auto 0;
  padding: 3em;
  width: 95%;
}

.p-service.p-perspective .other-box.sample .comparison-box .title {
  font-size: 1.18em;
}

.p-service.p-perspective .other-box.sample .comparison-box .comparison-detail {
  align-items: stretch;
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
  position: relative;
}

.p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .image-box {
  display: block;
  position: relative;
  width: 47%;
  z-index: 1;
}

.p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .image-box figure {
  display: block;
  height: 100%;
  width: 100%;
}

.p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .image-box .image {
  display: block;
  height: 100%;
  width: 100%;
}

.p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .image-box:last-of-type {
  border: 5px solid #2D6FB9;
  box-sizing: border-box;
  margin-left: 6%;
}

.p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .arrow {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 5em;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  width: 5em;
  z-index: 10;
}

.p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .arrow .icon {
  display: block;
  width: 90%;
}

.p-service.p-perspective .other-box .other-box__flow {
  display: block;
  margin-top: 8em;
}

.p-service.p-perspective .other-box .other-box__flow .title {
  text-align: center;
}

.p-service.p-perspective .other-box .other-box__flow .flow-list {
  margin-top: 3.5em;
}

.p-service.p-perspective .other-box .other-box__flow .caption-box {
  display: block;
  margin-top: 1.5em;
}

.p-service.p-perspective .other-box .other-box__flow .caption-box .text {
  font-size: .8em;
}

.p-service.p-perspective .other-box .other-box__item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-service.p-perspective .other-box .other-box__item .image-box {
  display: block;
  margin-top: 0;
  width: 50%;
}

.p-service.p-perspective .other-box .other-box__item .item-box {
  display: block;
  margin-top: 0 !important;
  width: 46%;
}

.p-service.p-perspective .other-box .other-box__item .item-box > .button-box {
  margin: 2em 0 0;
}

.p-service.p-perspective .contents-detail .contents-detail__item.blue .other-box {
  margin-top: 0;
}

.p-service.p-perspective .contents-detail .contents-detail__item.blue .other-box.no-margin .title {
  font-size: 1.4em;
}

.p-service.p-perspective .contents-detail .contents-detail__item.blue .other-box.no-margin .text-box {
  margin-top: 1em;
}

.p-service.p-perspective .flex-list.order .flex-list__item .item-box .item-box__image {
  margin-top: 0;
}

.p-service.p-perspective .flex-list.order .flex-list__item .item-box .item-box__title {
  margin-top: 1em;
}

.p-service.p-perspective + .l-footer .l-footer__contact {
  display: none;
}

.p-service.p-perspective .contents-contact {
  align-items: center;
  background-color: #2D6FB9;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.p-service.p-perspective .contents-contact .contents-contact__item {
  display: block;
  width: fit-content;
}

.p-service.p-perspective .contents-contact .contents-contact__item .link {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2em 0 5em;
  position: relative;
}

.p-service.p-perspective .contents-contact .contents-contact__item .link:before {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  bottom: 16%;
  content: "";
  height: 10px;
  position: absolute;
  transform: rotate(135deg);
  width: 10px;
}

.p-service.p-perspective .contents-contact .contents-contact__item .link:hover {
  opacity: .7;
}

.p-service.p-perspective .contents-contact .contents-contact__item .text {
  color: #fff;
  font-weight: 700;
  margin-top: 1em;
  text-align: center;
}

.p-service.p-perspective .contents-contact .contents-contact__item .link .icon-box {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.p-service.p-perspective .contents-contact .contents-contact__item .link .icon-box .icon {
  width: 80px;
}

.p-service.p-perspective .contents-contact .contents-contact__item .link .icon-box .text {
  font-size: 1.3em;
  margin-top: 0;
}

.p-service.p-perspective .other-box .other-box__item .item-box .button-box.link-box .link {
  align-items: center;
  display: flex;
  margin-top: 1em;
  position: relative;
  width: fit-content;
}

.p-service.p-perspective .other-box .other-box__item .item-box .button-box.link-box .link .icon {
  display: block;
  height: 20px;
  margin-left: 8px;
  width: 20px;
}

.p-service.p-perspective .other-box .other-box__item .item-box .button-box.link-box .link .text {
  font-size: 0.95em;
}

.p-service.p-perspective .other-box .other-box__item .item-box .button-box.link-box .link:hover {
  opacity: .7;
}

@media screen and (min-width:320px)  and (max-width:768px) {
  .p-service.p-perspective .contents-detail {
    margin-top: 3em;
  }

  .p-service.p-perspective .contents-intro .intro-head .title {
    font-size: 1.45em;
  }

  .p-service.p-perspective .contents-intro .intro-text .title,
  .p-service.p-perspective .contents-detail .contents-detail__item .title {
    font-size: 1.4em;
  }

  .p-service.p-perspective .contents-detail .contents-detail__item.white {
    padding-top: 2em;
  }

  .p-service.p-perspective .other-box .other-box__item .item-box > .button-box {
    margin: 2em auto 0;
  }

  .p-service.p-perspective .other-box.sample .comparison-box {
    padding: 2em;
    width: 100%;
  }

  .p-service.p-perspective .other-box.sample .sample-frame:not(:first-child) {
    border-top: 1px solid #0061b4;
    margin-top: 3.5em;
    padding-top: 3.5em;
  }

  .p-service.p-perspective .flex-list .flex-list__item:not(:first-child) {
    border-top: none;
    margin-top: 3.5em;
    padding-top: 0em;
  }

  .p-service.p-perspective .other-box .other-box__item .item-box .button-box.link-box .link {
    font-size: 1.25em;
    margin: 1.5em auto 0;
  }

  .p-service.p-perspective .contents-contact .contents-contact__item .link .icon-box .icon {
    width: 50px;
  }

  .p-service.p-perspective .other-box .other-box__flow {
    margin-top: 5em;
  }

  .p-service.p-perspective .contents-detail .contents-detail__item.blue .other-box .text-box .text {
    text-align: left;
  }

  .p-service.p-perspective .other-box.sample .comparison-box .title {
    font-size: 1.18em;
  }

  .p-service.p-perspective .other-box .other-box__flow .caption-box {
    margin-top: 2em;
  }

  .p-service.p-perspective .flex-list.two .flex-list__item .button-box .link-list {
    justify-content: space-around;
  }
}

@media screen and (max-width:767px) {
  .p-service.p-perspective .other-box .other-box__flow .flow-list {
    margin-top: 2em;
  }

  .p-service.p-perspective .other-box.sample .comparison-box{
    padding: 2em 1.5em;
  }

  .p-service.p-perspective .other-box.sample .comparison-box .comparison-detail {
    align-items: center;
    flex-direction: column;
  }

  .p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .image-box {
    width: 100%;
  }

  .p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .arrow {
    height: 4em;
    left: unset;
    width: 4em;
  }

  .p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .arrow .icon {
    transform: rotate(90deg);
  }

  .p-service.p-perspective .other-box.sample .comparison-box .comparison-detail .image-box:last-of-type {
    margin-left: 0;
    margin-top: 3em;
  }
}

.p-service.p-perspective .flex-box {
  display: block;
  width: 100%;
}

.p-service.p-perspective .flex-box:not(:first-of-type) {
  margin-top: 6.5em;
}

.p-service.p-perspective .flex-box .image-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-service.p-perspective .flex-box .image-box figure {
  display: block;
  width: calc(50% - 1rem);
}

.p-service.p-perspective .flex-box .image-box img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.p-service.p-perspective .flex-box .title-box {
  display: block;
  margin-top: 1em;
}

.p-service.p-perspective .flex-box .title-box .title {
  color: #333;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
}

.p-service.p-perspective .flex-box .text-box {
  align-items: unset !important;
  justify-content: unset !important;
  margin-top: 1em;
}

.p-service.p-perspective .flex-box .text-box .text:nth-child(n+2) {
  display: block;
  margin-top: 1.3em;
}

.p-service.p-perspective .flex-box.movie {
  display: block;
  width: 100%;
}

.p-service.p-perspective .flex-box.movie .movie-box {
  display: block;
  margin: 0 auto;
}

.p-service.p-perspective .flex-box.movie .movie-box .link-movie {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  justify-content: center;
  position: relative;
  width: 65%;
}

.p-service.p-perspective .flex-box.movie .movie-box .link-movie:hover {
  cursor: pointer;
  opacity: .7;
}

.p-service.p-perspective .flex-box .image-box.movie-box .link-movie .item-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.p-service.p-perspective .flex-box .image-box.movie-box .link-movie .item-box:before {
  background-color: rgba(0,0,0,.3);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.p-service.p-perspective .flex-box .image-box.movie-box .link-movie .item-box .item-box__frame {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.p-service.p-perspective .flex-box .image-box.movie-box .link-movie .item-box .icon {
  display: block;
  height: 100px;
  width: 100px;
}

.p-service.p-perspective .flex-box .image-box.movie-box .link-movie .item-box .text {
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 10px;
  text-align: center;
}

.p-service.p-perspective .flex-box.movie .image-box figure {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1;
}

.p-service.p-perspective .flex-box .button-box {
  margin: 2em auto 0;
  width: 100%;
}

.p-service.p-perspective .flex-box .button-box .link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}

.p-service.p-perspective .flex-box .button-box .link-list__item {
  display: block;
  width: fit-content;
}

.p-service.p-perspective .flex-box .button-box .link-list__item:nth-child(n+3) {
  margin-top: 1em;
}

.p-service.p-perspective .flex-box.movie .option-item {
  display: flex;
  justify-content: center;
  margin: 2.5em auto 0;
  width: 100%;
}

.p-service.p-perspective .flex-box.movie .option-item .button-box {
  margin: unset;
  width: fit-content;
}

.p-service.p-perspective .flex-box.movie .option-item .button-box .cta-button {
  margin: unset;
}

.p-service.p-perspective .flex-box.movie .option-item .qr-box {
  align-items: center;
  background: #D9E6F4;
  box-sizing: border-box;
  display: flex;
  margin-left: 2em;
  min-width: 38.8%;
  padding: 1em;
  width: 50%;
}

.p-service.p-perspective .flex-box.movie .option-item .qr-box .qr-frame {
  display: block;
  height: auto;
  width: 5.5em;
}

.p-service.p-perspective .flex-box.movie .option-item .qr-box .qr-frame .qr {
  display: block;
  height: 100%;
  width: 100%;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box {
  display: block;
  margin-left: 15px;
  width: fit-content;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .detail-item {
  align-items: center;
  display: flex;
  width: fit-content;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .icon {
  display: block;
  height: 28px;
  width: 28px;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .text {
  display: block;
  font-weight: 700;
  line-height: 1;
  margin-left: 5px;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .caption-box {
  display: block;
  margin-top: 10px;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .caption {
  display: flex;
  font-size: .7em;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .caption span {
  margin-right: 3px;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .caption .link {
  color: #3178D4;
  text-decoration: underline;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box .caption .link:hover {
  text-decoration: none;
}

.p-service.p-perspective .flex-box.movie .option-item .detail-box.other .detail-item {
  align-items: center;
  display: flex;
}

.p-service.p-perspective .flex-box.movie .option-item + .button-box {
  margin-top: 2.8em;
}

@media screen and (min-width:320px) and (max-width:768px) {
  .p-service.p-perspective .flex-box:not(:first-of-type) {
    margin-top: 5em;
  }

  .p-service.p-perspective .flex-box__item {
    width: 100%;
  }

  .p-service.p-perspective .flex-box__item:nth-child(n+2) {
    margin-top: 2em;
  }

  .p-service.p-perspective .contents-detail .contents-detail__item .text-box .text {
    text-align: left;
  }

  .p-service.p-perspective .flex-box .image-box figure {
    width: calc(50% - .5rem);
  }

  .p-service.p-perspective .flex-box.movie .movie-box .link-movie {
    width: 100%;
  }

  .p-service.p-perspective .flex-box .image-box.movie-box .link-movie .item-box .icon {
    height: auto;
    width: 30%;
  }

  .p-service.p-perspective .flex-box .button-box {
    margin: 3em auto 0;
  }

  .p-service.p-perspective .flex-box .button-box .link-list {
    flex-direction: column;
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .p-service.p-perspective .flex-box.movie .option-item .qr-box {
    flex-direction: column;
    justify-content: center;
    margin: 2em auto 0;
    padding: 1.65em 1.3em 1.5em;
    width: 100%;
  }

  .p-service.p-perspective .flex-box.movie .option-item .qr-box .qr-frame {
    height: auto;
    width: 30%;
  }

  .p-service.p-perspective .flex-box.movie .option-item .detail-box {
    justify-content: center;
    margin: 1em auto 0;
  }

  .p-service.p-perspective .flex-box.movie .option-item .detail-box .detail-item {
    margin: 0 auto;
  }

  .p-service.p-perspective .flex-box.movie .option-item .detail-box .text {
    margin: 0 auto;
  }

  .p-service.p-perspective .flex-box.movie .option-item .detail-box.other .detail-item {
    margin: 0 auto;
    width: fit-content;
  }

  .p-service.p-perspective .flex-box.movie .option-item .button-box {
    margin: 0 auto;
  }

  .p-service.p-perspective .other-box .other-box__flow .flow-list {
    margin-top: 2em;
  }

  .p-service.p-perspective .other-box .other-box__item {
    flex-direction: column;
  }

  .p-service.p-perspective .other-box .other-box__item .image-box,
  .p-service.p-perspective .other-box .other-box__item .item-box {
    width: 100%;
  }

  .p-service.p-perspective .other-box .other-box__item .item-box {
    margin-top: 1em !important;
  }

  .p-service.p-perspective .contents-detail .contents-detail__item.blue .other-box.no-margin .title {
    text-align: center;
  }

  .p-service.p-perspective .flex-box.movie .option-item {
    flex-direction: column;
  }
}

.p-service.p-perspective .flow-list .flow-list__item .item-box .item-box__detail .text-box {
  min-height: 5em;
}

@media screen and (max-width:767px) {
  .p-service.p-perspective .flow-list .flow-list__item .item-box .item-box__detail .text-box {
    min-height: unset;
  }
}

/*------------------
  改修：設備合成プレゼンシステム、
  住宅合成プレゼンシステム
------------------*/
.p-service.p-tablet .contents-intro .intro-image,
.p-service.p-jyutakugosei .contents-intro .intro-image {
  margin: 3em auto 0;
  width: 80%;
}

.p-service.p-jyutakugosei .check-box {
  display: block;
  margin-top: 3em;
}

.p-service.p-jyutakugosei .check-list {
  margin-top: 1em;
}

.p-service.p-tablet .flex-list.flex .flex-list__item:not(:first-child),
.p-service.p-jyutakugosei .flex-list.flex .flex-list__item:not(:first-child) {
    border-top: 1px solid #ccc;
    margin-top: 5.5em;
    padding-top: 5.5em;
}

.p-service.p-tablet .button-box .cta-button,
.p-service.p-jyutakugosei .button-box .cta-button {
  min-width: 260px;
}

@media screen and (max-width:767px) {
  .p-service.p-tablet .contents-intro .intro-image,
  .p-service.p-jyutakugosei .contents-intro .intro-image {
    width: 100%;
  }

  .p-service.p-tablet .flex-list.flex .flex-list__item:not(:first-child),
  .p-service.p-jyutakugosei .flex-list.flex .flex-list__item:not(:first-child) {
    margin-top: 4em;
  }
}

/*------------------
改修：名入れシミュレーション
----------------------*/
.p-naire .movie-box {
  display: block;
  position: relative;
  width: 100%;
}

.p-service.p-naire .flex-list .flex-list__item .item-box .item-box__image {
  height: 200px;
}

/*------------------
改修：ハウジングVR　流れ
他の要素の改修は専用ファイルにあり
----------------------*/
.p-service.p-housingvr .palt {
  font-feature-settings: "palt";
  font-size: .75em;
}

@media screen and (max-width:767px) {
  .p-service.p-housingvr .palt {
    font-size: .7em;
  }
}

.p-service.p-housingvr .contents-intro .intro-head .copy {
  font-size: 1.2em;
  font-weight: 700;
}

.p-service.p-housingvr .contents-intro .intro-head .title {
  color: #0061b4;
  margin-top: 10px;
}

.p-service.p-housingvr .contents-intro .intro-head .title .small {
  font-size: 0.6em;
  margin-left: 10px;
}

.p-service.p-housingvr .contents-intro .button-box {
  margin-top: 3.5em;
}

.p-service.p-housingvr .contents-intro .intro-other {
  margin-top: 6em;
}

.p-service.p-housingvr .contents-intro .intro-other .title.border {
  color: #000;
  text-align: center;
}

.p-service.p-housingvr .contents-intro .intro-other .text-box {
  margin-top: 2.5em;
  text-align: center;
}

.p-service.p-housingvr .contents-intro .intro-other .text-box .text {
  font-size: 1.5em;
  font-weight: 600;
}

.p-service.p-housingvr .other-box.movie {
  margin-top: 5em;
}

.p-service.p-housingvr .wish-box {
  display: block;
  margin-top: 3em;
}

.p-service.p-housingvr .wish-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.p-service.p-housingvr .wish-list .wish-list__item {
  display: block;
  width: calc(100% / 4.2);
}

.p-service.p-housingvr .wish-list .wish-list__item .item-frame {
  align-items: center;
  background-color: #d1ecdc;
  border: 1px solid #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5em 1em;
}

.p-service.p-housingvr .wish-list .wish-list__item .item-frame .text {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

.p-service.p-housingvr .wish-list .wish-list__item .item-frame .text span {
  font-size: 1.5em;
  font-weight: 600;
}

.p-service.p-housingvr .wish-box .text-box {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 3.5em !important;
  padding-top: 7em;
  position: relative;
}

.p-service.p-housingvr .wish-box .text-box:before,
.p-service.p-housingvr .wish-box .text-box:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 30px solid #bfe9d0;
  border-bottom: 0;
}

.p-service.p-housingvr .wish-box .text-box:before {
  top: 0;
}

.p-service.p-housingvr .wish-box .text-box:after {
  top: 3em;
}

@media screen and (max-width:860px) {
  .p-service.p-housingvr .wish-list {
    flex-wrap: wrap;
  }

  .p-service.p-housingvr .wish-list .wish-list__item {
    width: calc(100% / 2.08);
  }

  .p-service.p-housingvr .wish-list .wish-list__item:nth-child(n+3) {
    margin-top: 2em;
  }
}

@media screen and (max-width:767px) {
  .p-service.p-housingvr .contents-intro .intro-other .text-box .text {
    font-size: 1.2em;
  }

  .p-service.p-housingvr .wish-list .wish-list__item:nth-child(n+3) {
    margin-top: 1.5em;
  }
}

.p-service.p-housingvr .button-box .cta-button:before {
  right: 3.5%;
}

.p-service.p-housingvr .button-box.text .text {
  text-align: center;
}

.p-service.p-housingvr .button-box.text .cta-button {
  margin-top: 1em;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .text-box.margin {
  margin-top: 2em;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .text-box .text-link {
  color: #0061b4;
  font-weight: 600;
  text-decoration: underline;
  width: fit-content;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .text-box .text-link:hover {
  text-decoration: none;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .l-title {
  color: #000;
  font-weight: 700;
  text-align: center;
}

.p-service.p-housingvr .img-scene {
  display: block;
  width: 100%;
}

.p-service.p-housingvr .img-scene .image {
  width: 100%;
}

.p-service.p-housingvr .other-box.sample-image {
  display: block;
  margin-top: 8em;
}

.p-service.p-housingvr .other-box.sample-image .title {
  color: #000;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}

.p-service.p-housingvr .other-box.sample-image .image-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2em;
  width: 100%;
}

.p-service.p-housingvr .other-box.sample-image .image-box .image-box__item {
  display: block;
  width: 48.5%;
}

.p-service.p-housingvr .other-box.sample-image .image-box .image-box__item:nth-child(n+3) {
  margin-top: 2em;
}

.p-service .contents-detail .contents-detail__item.function .text-box .text.center {
  font-size: 1.3em;
  font-weight: 600;
}

.p-service .contents-detail .contents-detail__item.function .text-box .text.center .under-green {
  font-size: 1.6em;
  letter-spacing: 1.5px;
}

@media screen and (max-width:767px) {
  .p-service.p-housingvr .other-box.sample-image {
    margin-top: 5.5em;
  }

  .p-service.p-housingvr .other-box.sample-image .title {
    font-size: 1.25em;
  }

  .p-service.p-housingvr .other-box.sample-image .image-box {
      flex-direction: column;
      margin-top: 1.5em;
  }

  .p-service.p-housingvr .other-box.sample-image .image-box .image-box__item {
      width: 100%;
  }

  .p-service.p-housingvr .other-box.sample-image .image-box .image-box__item:nth-child(n+2) {
      margin: 2em 0 0 !important;
  }
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list {
  justify-content: space-between;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list .image-list__item {
  background-color: #fff;
  box-sizing: border-box;
  padding: 1.75em 1.75em 1.9em;
  width: 49%;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list .image-list__item .image-box {
  display: flex;
  height: 17em;
  justify-content: center;
  margin: 0 auto;
  width: 80%;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list .image-list__item .image-box .image {
  height: 100%;
  width: auto;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list .image-list__item:first-child .image-box .image {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list .image-list__item .detail-box {
  margin-top: 1.5em;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list .image-list__item .detail-box .title {
  border-bottom: 5px solid #d1eaed;
  color: #000;
  font-size: 1.34em;
  margin: 0 auto;
  padding-bottom: 2px;
  text-align: center;
  width: fit-content;
}

.p-service.p-housingvr .contents-detail .contents-detail__item .other-box .image-list .image-list__item .detail-box .text {
  margin: 1em auto 0;
  text-align: center;
  width: 90%;
}

.p-service.p-housingvr .other-box.arrow {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 5em;
  padding-top: 10em;
  position: relative;
}

.p-service.p-housingvr .other-box.arrow:before,
.p-service.p-housingvr .other-box.arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 30px solid #0061b4;
  border-bottom: 0;
}

.p-service.p-housingvr .other-box.arrow:before {
  top: 0;
}

.p-service.p-housingvr .other-box.arrow:after {
  top: 60px;
}

.p-service.p-housingvr .flex-list {
  position: relative;
}

.p-service.p-housingvr .flex-list .flex-list__item {
  position: relative;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-item {
  flex-direction: column;
  position: relative;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-img {
  height: 11.85em;
  position: relative;
  max-width: 400px;
  z-index: 2;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text {
  background: aliceblue;
  border: 1px solid #86accd;
  padding: 2em 2em 2em 3em;
  position: relative;
  margin-left: auto;
  margin-top: -5%;
  width: 69.5%;
  /* max-width: calc(100% - 400px); */
  z-index: 1;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .title-box {
  align-items: center;
  display: flex;
  margin-top: 10px;
  width: 100%;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .text {
  margin-top: 10px;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .link-box {
  margin-top: 10px;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .link-box .link {
  color: #0061b4;
  font-weight: 500;
  text-decoration: underline;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .link-box .link:hover {
  text-decoration: none;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item:last-child .flex-text {
  margin-top: 0;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .title-box .number {
  align-items: center;
  background-color: #0061b4;
  border-radius: 20px;
  color: #fff;
  display: flex;
  font-size: 1em;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  padding: 8px 30px;
}

.p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .title-box .title {
  margin-left: 20px;
}

@media screen and (max-width:1320px) {
  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-img {
    max-width: unset;
    width: 44%;
  }

  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text {
    max-width: unset;
    width: 58%;
  }
}

@media screen and (max-width:920px) {
  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .title-box {
    flex-direction: column;
  }

  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .title-box .title {
    margin-left: 0;
    margin-top: 10px;
  }
}

@media screen and (max-width:767px) {
  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-item {
    justify-content: unset;
  }
  .p-service.p-housingvr .flex-list.flex .flex-list__item:not(:first-child) {
    margin-top: 3em;
  }
  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-img {
    height: auto;
    margin: 0 auto;
    width: 70%;
  }

  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text {
    margin-top: -2%;
    width: 100%;
  }

  .p-service.p-housingvr .flex-list.flex .flex-list__item:last-child .flex-text {
    margin-top: -4%;
  }

  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .title-box {
    flex-direction: column;
  }

  .p-service.p-housingvr .flex-list.flex .flex-list__item .flex-text .title-box .title {
    margin: 10px auto 0;
  }
}

.p-service.p-housingvr .flow-list {
  margin-top: 3em;
}

.p-service.p-housingvr .flow-list .flow-list__item .item-box .item-box__detail .text-box .text-link {
  display: block;
  margin: 15px auto 0;
  text-decoration: underline;
  width: fit-content;
}

.p-service.p-housingvr .flow-list .flow-list__item .item-box .item-box__detail .text-box .text-link:hover {
  text-decoration: none;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .text-box__item {
  background-color: #f5fcfd;
  box-sizing: border-box;
  display: block;
  padding: 1.3em;
  width: 100%;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .detail-list {
  display: block;
  width: 100%;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .detail-list .detail-list__item {
  box-sizing: border-box;
  color: #0061b4;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  justify-content: center;
  padding-left: 15px;
  position: relative;
  width: 100%;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .detail-list .detail-list__item:before {
  background: #0061b4;
  content: "";
  left: 0;
  position: absolute;
  height: 5px;
  width: 5px;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .detail-list .detail-list__item:nth-child(n+2) {
  margin-top: 0.5em;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .detail-list .detail-list__item.mark:before  {
  top: 10px;
}

.p-service .flow-list .flow-list__item .item-box .item-box__detail .text-box .detail-list .detail-list__item .small {
  font-size: 13px;
}

@media screen and (max-width:767px) {
  .p-service.p-housingvr .button-box {
    width: 100%;
  }

  .p-service.p-housingvr .button-box .cta-button {
    min-width: unset;
    width: 100%;
  }

  .p-service.p-housingvr .flow-list .flow-list__item .item-box .item-box__detail .text-box .text-link {
    margin: 10px 0 0;
    text-align: none;
  }

  .p-service.p-housingvr .flow-list .flow-list__item .item-box .number {
    margin: unset;
  }
}

.p-service.p-housingvr .contents-parts .parts-contact {
  background-color: #fff;
}

.p-service.p-housingvr .contents-parts .parts-service {
  background-color: #f5f5f5;
}


.p-service.p-housingvr .under-green {
  font-feature-settings: "palt";
}

/*------------------
p-service共通：マーカー風あしらい
----------------------*/
.p-service .under-blue,
.p-service .under-green {
  font-weight: 700;
  padding-bottom: 4px;
}

.p-service .under-blue {
  background: linear-gradient(transparent 66%, rgba(45, 114, 190, .47) 40%);
}

.p-service .under-green {
  background: linear-gradient(transparent 66%, rgba(183, 225, 200, .5) 40%);
}

/*------------------
p-service共通：モーダルの指定
使用するページのクラス名を追加すること
----------------------*/
.modal-on {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  justify-content: center;
  position: relative;
}

.movie-box .link-movie {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.modal-container {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.modal-container.active {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.modal-body {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 1020px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.modal-container.active .modal-body {
  opacity: 1;
  transform: translateY(0);
}

.modal-off {
  margin-left: auto;
  position: relative;
  font-size: 1.5rem;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 5;
  width: fit-content;
}

.modal-content {
  display: block;
}

@media screen and (max-width:1100px) {
  .modal-body {
    width: 90%;
  }
}