@charset "UTF-8";
/****************************************
*page
****************************************/
@media (min-width: 768px) {
  #contents .breadcrumb__inner {
    width: var(--ep-one-col-content-width);
    margin: auto;
  }
}
@media (max-width: 767px) {
  #contents .breadcrumb__inner {
    padding-left: calc(8px * 3);
    padding-right: calc(8px * 3);
  }
}
#contents > .l-content {
  width: 100%;
}
#contents .l-content__inner {
  margin-bottom: 0 !important;
}
#contents .l-content__main {
  width: 100% !important;
}
#contents .article-body {
  padding: 0;
}
@media (min-width: 768px) {
  #contents .article-body > section {
    width: 100%;
    margin: auto;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .sec_inner {
    padding: calc(8px * 8) calc(50% - 513px);
  }
}
@media (max-width: 767px) {
  .sec_inner {
    padding-top: calc(8px * 4);
    padding-border: calc(8px * 4);
  }
}
.sec_header, .sec_content {
  width: 100%;
  max-width: var(--ep-one-col-content-width);
  margin: auto;
  padding-left: calc(8px * 2);
  padding-right: calc(8px * 2);
}
dd p {
  margin-bottom: 0;
}

.presentation h3 {
  margin-bottom: calc(8px * 3);
  text-align: center;
  color: #0074d4;
  font-size: 20px;
}
.presentation .bg {
  position: relative;
}
.presentation .bg .ncList {
  margin: 0 !important;
}
.presentation .bg .ncList li {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #727272;
  padding-left: 0;
}
.presentation .bg .ncList li::before {
  position: static;
  width: 1.5em;
  height: 1em;
  background-image: url("/wp-content/site-parts/img/icon-check.svg");
  background-repeat: no-repeat;
  background-size: 1em auto;
  background-position: center;
  border-radius: 0;
  background-color: transparent;
  content: "";
}
.presentation .bg .ncList li p {
  width: calc(100% - 1.5em);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .presentation .bg::before {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 440px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    content: "";
  }
  .presentation .bg .ncList {
    position: absolute;
    right: 145px;
    width: 460px;
  }
}
@media (max-width: 767px) {
  .presentation .bg .ncList {
    background-color: #f4f4f4;
    padding: calc(8px * 2);
  }
  .presentation .bg::before, .presentation .bg::after {
    display: block;
    width: 100%;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
  }
  .presentation .bg::before {
    top: 0;
    aspect-ratio: 4/1;
    background-image: url("/wp-content/site-parts/img/presentation-bg-sp.svg");
    background-position: center bottom;
  }
  .presentation .bg::after {
    bottom: 0;
    aspect-ratio: 34/25;
    background-position: center top;
  }
}

.top-arrow {
  position: relative;
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 100px !important;
  background-color: #e3f3f3;
}
.top-arrow::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100vw;
  margin: auto;
  border-style: solid;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
  border-top: 100px solid #ffffff;
  border-bottom: 0;
  content: "";
}
@media (min-width: 768px) {
  .top-arrow::before {
    height: 100px;
  }
}
@media (max-width: 767px) {
  .top-arrow::before {
    height: 10vw;
  }
}

.reason .ncColumns {
  margin: 0;
}
.reason .ncColumns_panel {
  position: relative;
  padding-top: calc(8px * 5);
  margin-bottom: calc(8px * 3);
}
.reason .ncColumns_panel::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: calc(8px * 10);
  height: calc(8px * 10);
  margin: auto;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  content: "";
}
.reason .ncColumns_panel:nth-of-type(1)::before {
  background-image: url("/wp-content/site-parts/img/reason_num1.svg");
}
.reason .ncColumns_panel:nth-of-type(2)::before {
  background-image: url("/wp-content/site-parts/img/reason_num2.svg");
}
.reason .ncColumns_panel:nth-of-type(3)::before {
  background-image: url("/wp-content/site-parts/img/reason_num3.svg");
}
.reason .ncColumns_panel:nth-of-type(4)::before {
  background-image: url("/wp-content/site-parts/img/reason_num4.svg");
}
.reason .ncColumns_panel:nth-of-type(5)::before {
  background-image: url("/wp-content/site-parts/img/reason_num5.svg");
}
.reason .ncColumns_panel:nth-of-type(6)::before {
  background-image: url("/wp-content/site-parts/img/reason_num6.svg");
}
.reason .ncRows {
  background-color: #fff;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}
.reason .ncRows_title {
  color: #0074d4;
}
@media (min-width: 960px) {
  .reason .ncRows {
    padding: calc(8px * 10) calc(8px * 3) calc(8px * 3);
  }
  .reason .ncRows_title {
    min-height: 3em;
  }
  .reason .ncRows_text {
    min-height: 11em;
  }
}
@media (max-width: 767px) {
  .reason .ncRows {
    padding: calc(8px * 3);
  }
  .reason .ncRows_title {
    min-height: 3em;
  }
  .reason .ncRows_text {
    min-height: 11em;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .reason .ncColumns {
    display: block;
  }
  .reason .ncColumns_panel {
    width: 100% !important;
    padding-top: 0;
  }
  .reason .ncColumns_panel::before {
    top: calc(calc(8px * 2) * -1);
    left: calc(calc(8px * 2) * -1);
    right: auto !important;
  }
  .reason .ncRows {
    flex-direction: row;
    align-items: center;
    padding: calc(8px * 3);
  }
  .reason .ncRows_image {
    width: 30%;
    margin: 0;
  }
  .reason .ncRows_image + div {
    width: 70%;
  }
  .reason .ncRows_title {
    text-align: justify;
  }
}

.ncFrame.-count-set .ncFrame_panel {
  padding-top: calc(8px * 3);
  padding-bottom: calc(8px * 3);
}
.ncFrame.-count-set .ncFrame_panel::before {
  color: #727272;
  font-size: 14px;
  font-weight: bold;
}
.ncFrame.-count-set .ncFrame_title {
  display: flex;
  align-items: center;
}
.ncFrame.-count-set .ncFrame_content p {
  margin-bottom: 0;
}

.icon {
  margin-right: 1em;
}

.box-shadow {
  background-color: #fff;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}

.comment-bubble {
  margin-top: calc(8px * 6);
}
.comment-bubble_item {
  position: relative;
}
.comment-bubble_icon {
  position: absolute;
  top: calc(-1 * 7em / 2);
  left: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 7em;
  height: calc(7em / 2);
  margin: auto;
  background: #ffffff;
  border: 2px solid #38c6f6;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  color: #38c6f6;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}
.comment-bubble_icon::after, .comment-bubble_icon::before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: "";
  pointer-events: none;
}
.comment-bubble_icon::before {
  margin-left: calc(-1 * 7px);
  border-left-width: 7px;
  border-right-width: 7px;
  border-bottom-width: 15px;
  border-top-width: 15px;
  border-top-color: #38c6f6;
}
.comment-bubble_icon::after {
  margin-left: calc(-1 * 4px);
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 11px;
  border-top-width: 11px;
  border-top-color: #ffffff;
}

.faq-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 5/1;
  width: 100% !important;
  background: linear-gradient(90deg, #0074d4, #38c6f6);
}
.faq-link::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/site-parts/common/img/faqlink-bg.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 35% auto;
  content: "";
}
.faq-link .ncButton.-arrow .ncButton_btn {
  width: auto !important;
  padding-right: 100px;
  background-image: url("/wp-content/site-parts/common/img/long-arrow.svg");
  background-position: right 8px center !important;
  background-size: 45px;
}
.faq-link .ncButton.-arrow .ncButton_btn:hover {
  background-position: right center !important;
}
.faq-link .ncButton.-arrow .ncButton_btn span {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.service-link {
  width: 100% !important;
}
.service-link .sub-title {
  font-size: 24px;
  color: #000;
}
.service-link .ncColumns_panel {
  background-color: #fff;
  border: solid 2px #84cee5;
  margin-bottom: calc(8px * 3);
}
.service-link .ncColumns_panel:hover {
  transform: translateY(4px);
}
.service-link .ncRows {
  padding: calc(8px * 3);
}
.service-link .ncRows_title {
  order: 2;
  margin-bottom: 0;
}
.service-link .ncRows_image {
  order: 1;
}
.service-link .ncRows_image figure,
.service-link .ncRows_image picture {
  width: 50%;
  min-width: 250px;
  margin: auto;
}

/*******************
*一覧
*******************/
#index a {
  padding: calc(8px * 2);
  border: solid 1px #f4f4f4;
}
#index a:hover {
  transform: translateY(4px);
}
#index a::after {
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask-image: url("/wp-content/site-parts/common/icon/chevron-down.svg");
          mask-image: url("/wp-content/site-parts/common/icon/chevron-down.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #0074d4;
  content: "";
}
#index .ncColumns_panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#index .ncColumns_panel figure,
#index .ncColumns_panel picture {
  width: 70%;
}
#index .ncColumns_panel p {
  font-weight: bold;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #index .ncColumns_panel {
    position: relative;
    width: 48%;
    padding: 0;
    margin-top: calc(8px * 2);
  }
  #index .ncColumns_panel:nth-of-type(1), #index .ncColumns_panel:nth-of-type(2) {
    margin-top: 0;
  }
  #index .ncColumns_panel figure,
  #index .ncColumns_panel picture {
    opacity: 0.4;
  }
  #index .ncColumns_panel figure img,
  #index .ncColumns_panel picture img {
    width: 90%;
  }
  #index .ncColumns_panel p {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
}

.web-price.ncColumns.-three .ncColumns_panel {
  padding: 0 !important;
}
@media (min-width: 960px) {
  .web-price.ncColumns.-three .ncColumns_panel {
    width: calc((100% - calc(8px * 10)) / 3);
    min-width: 260px;
  }
}
@media (max-width: 959px) {
  .web-price.ncColumns.-three {
    display: block;
  }
  .web-price.ncColumns.-three .ncColumns_panel {
    width: auto;
    margin-bottom: calc(8px * 3);
  }
  .web-price.ncColumns.-three .ncRows_title {
    flex-direction: column;
  }
  .web-price.ncColumns.-three .ncRows_text {
    min-height: initial;
    text-align: center;
  }
  .web-price.ncColumns.-three .ncSticker.-left {
    padding: 1em 1em 1em calc(3em + 10px + 1em);
  }
  .web-price.ncColumns.-three .ncSticker.-left .ncSticker_item {
    top: calc(10px * -1);
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3em;
    height: 6em;
    writing-mode: vertical-rl;
  }
  .web-price.ncColumns.-three .ncSticker.-left .ncSticker_item:before {
    left: auto;
    right: calc(10px * -1);
    top: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0074d4;
  }
  .web-price.ncColumns.-three .ncSticker.-left .ncSticker_item:after {
    top: 100%;
    left: 0;
    height: 0;
    border: calc(3em / 2) solid #38c6f6;
    border-top-width: 0;
    border-bottom-width: 15px;
    border-bottom-color: transparent;
  }
}
.web-price .ncRows {
  padding: calc(8px * 3);
  background-color: #fff;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);
}
.web-price .ncRows_title {
  display: flex;
  justify-content: space-between;
  color: #333;
}
.web-price .ncRows_title span {
  color: #0074d4;
}
@media (min-width: 768px) {
  .web-price .ncRows_text {
    min-height: 6em;
  }
}
.web-price .ncRows_text p {
  margin-bottom: 0;
}

/*テーブルタイトル*/
h4.table-title {
  padding: calc(8px * 2);
  margin-top: 3cqw;
  background-color: #0074d4;
  color: #fff;
}
h4.table-title span {
  font-size: 70%;
}
@media (min-width: 768px) {
  h4.table-title span {
    margin-left: 1em;
  }
}
@media (max-width: 767px) {
  h4.table-title span {
    display: block;
    margin-top: calc(8px * 0.5);
  }
}

h3.hex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #0074d4;
  font-size: 22px;
  margin-bottom: calc(8px * 2);
}
h3.hex::before {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("/wp-content/site-parts/page/plan/img/hex.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
}/*# sourceMappingURL=style.css.map */