@charset "utf-8";
body {
  font-family: "Plus Jakarta Sans","游ゴシック体","YuGothic","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color: #000;
  line-height: 1.8;
  font-feature-settings: "pkna";
  font-optical-sizing: auto;
  font-variation-settings: "slnt" 0;
  font-optical-sizing: auto;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
a {
  color: #00A0A5;
  text-decoration: none;
}
a:hover span {
  text-decoration: underline;
}
a[target="_blank"] {
  display: flex;
  align-items: center;
  column-gap: .25rem;
}
a[target="_blank"]::after {
  content: "\e89e";
  line-height: 1;
}
a[target="_blank"] span:hover {
  text-decoration: underline;
}
a[target="_blank"]:hover {
  text-decoration: none !important;
}
a[target="_blank"]:hover::after {
  transform: translate(.25rem);
}
.download-link {
  column-gap: .25rem;
}
.download-link::before {
  content: "\f090";
}
.download-link:hover::before {
  transform: translate(0, .25rem);
}
.text-link {
  display: flex;
  align-items: center;
  column-gap: .5rem;
}
.text-link::after {
  content: "\eaaa";
  font-size: 1.25rem;
  line-height: 1;
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
/* ====================================
Icons
==================================== */
.dropdown-toggle::after, .footer-top-list-item .nav-icon::before, .breadcrumb-item+.breadcrumb-item::before, a[target="_blank"]::after, .p__agreement__section time::before, .download-link::before, .btn-link::after, .btn-inquiry::after, .btn-trial::after, .btn-download::after, .header-main-list .nav-link::after, .dropdown-menu.show .dropdown-item::after, .text-link::after, .btn-related-contents::after, .accordion-button::after, .before-after .list-item:before, .after-container .list-item:before, .check-list li::before, .suggest-list li::before, .worries-list-item::before, .price-simulator-radio label::before, .price-simulator-radio label:has(:checked)::after, .price-simulator-list-item-checkbox label::before, .wp-block-button__link::after {
  font-family: "Material Symbols Outlined";
}

/* ====================================
Colors
==================================== */
.corpolate-txtcolor-gradation {
  background: linear-gradient(90deg, #82f369 0%, #00c8cf 0%, #1a6366 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* ====================================
Buttons
==================================== */
.wp-block-button__link, .btn-link, .btn-trial, .btn-download, .btn-inquiry {
  color: #fff;
  text-decoration: none;
  width: fit-content;
  padding: .5rem 1rem;
  border-radius: .25rem;
  display: flex;
  align-items: center;
  column-gap: .5rem;
}
.btn-trial {
  background-color: #006CA6;
}
.btn-download {
  background-color: #00A63B;
}
.btn-inquiry {
  background-color: #EB4D1D;
}
.wp-block-button__link, .btn-link {
  background-color: #00A0A5;
}
.btn-trial:hover, .btn-download:hover, .btn-inquiry:hover, .btn-trial:active, .btn-download:active, .btn-inquiry:active, .btn-trial:focus, .btn-download:focus, .btn-inquiry:focus {
  color: #fff !important;
}
.btn-trial:hover, .btn-trial:active, .btn-trial:focus {
  background-color: #005B8B !important;
  border-color: #005B8B !important;
}
.btn-download:hover, .btn-download:active, .btn-download:focus {
  background-color: #008830 !important;
  border-color: #008830 !important;
}
.btn-inquiry:hover, .btn-inquiry:active, .btn-inquiry:focus {
  background-color: #CE441A !important;
  border-color: #CE441A !important;
}
.btn-trial::after, .btn-download::after, .btn-inquiry::after, .btn-link::after, .btn-related-contents::after, .wp-block-button__link::after {
  content: "\eaaa";
  font-size: 1.25rem;
  line-height: 1;
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.wp-block-button__link:hover, .btn-link:hover {
  color: #fff;
}
.btn-link .label {
  background-color: #fff;
  color: #1A6366;
  padding: .125rem 1rem;
  border-radius: 1rem;
}
.btn-link:hover .label {
  text-decoration: none;
}
.btn-trial:hover::after, .btn-download:hover::after, .btn-inquiry:hover::after, .btn-link:hover::after, .text-link:hover::after, .btn-related-contents:hover::after, .wp-block-button__link:hover::after {
  transform: translateX(.25rem);
}
.btn-related-contents {
  background-color: #00A0A5;
  border-radius: .25rem;
  border: .0625rem solid #00A0A5;
  color: #fff;
  padding: 1.5rem 1rem;
}
.btn-related-contents:hover {
  color: #00A0A5;
  background-color: #fff;
  border: .0625rem solid #00A0A5;
}
/* ====================================
共通パーツ
==================================== */
.list-type-disc {
  list-style-type: disc;
  padding-left: 1.5rem;
}
/* 目次 */
.index-wrapper {
  background-color: #F0F0F0;
  padding: 1rem;
  border-radius: .25rem;
  gap: 1rem;
}
.index-list {
  background-color: #fff;
  border-radius: .25rem;
  padding: 1rem 2.5rem;
  list-style-type: disc;
}
.index-list a {
  color: #00A0A5;
}
.index-list--collapsed {
  position: relative;
  overflow: hidden;
  height: 11.25rem;
}
.index-list--collapsed::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 90%);
  position: absolute;
  top: 0;
  left: 0;
}
.index-list--collapsed.active {
  height: auto;
}
.index-list--collapsed.active::before {
  background: none;
  content: inherit;
}
.index-list--collapsed li:last-child, .index-list--expanded li:last-child {
  list-style-type: none;
  display: flex;
  justify-content: center;
  list-style-type: inherit;
}
.index-list--collapsed #toggle-index-btn {
  margin: 0 auto;
  position: absolute;
  color: #000;
}
.index-list--expanded li:last-child {
  height: 2.5rem;
  list-style-type: none;
}
/* 方眼紙 */
.bg-graph-paper {
  background-image: linear-gradient(0deg, transparent calc(100% - .0625rem), #f5f5f5 calc(100% - .0625rem)),
                    linear-gradient(90deg, transparent calc(100% - .0625rem), #f5f5f5 calc(100% - .0625rem));
  background-size: .8125rem .8125rem;
  background-repeat: repeat;
  background-position: center center;
}
/* ページャー */
.pagination .page-item {
  border: .0625rem solid #ccc;
}
.pagination .page-item:first-child {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
.pagination .page-item:last-child {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
.pagination .page-link {
  padding: .5rem .875rem;
  border: none;
  color: #000;
  font-size: .875rem;
}
.pagination a.page-link:hover {
  background-color: #E0F6F8;
}
.pagination span.page-link:hover {
  background-color: #fff;
}
.pagination .page-item.active .page-link {
  background-color: #00A0A5;
  color: #fff;
}
/* ====================================
CTA
==================================== */
.cta-wrapper {
  padding: 2.5rem 0;
  background-color: #262441;
}
.cta-headline {
  font-size: 1.125rem;
}
.cta-box-container {
  row-gap: 2rem;
}
.cta-box-top {
  font-size: .8125rem;
}
.cta-box .btn {
  width: 100%;
}
.cta-box-annotation {
  font-size: .75rem;
}
/* ====================================
Form
==================================== */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none;
  -moz-appearance:textfield;
  margin: 0; 
} 
@media (min-width: 62rem) {
  /* ====================================
  Buttons
  ==================================== */
  .download-link::before {
    font-size: 1.25rem;
  }
  .btn-related-contents {
    padding: 2rem 1.5rem;
  }
  /* 目次 */
  .index-wrapper {
    padding: 1.5rem;
    gap: 1rem;
  }
  .index-title {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .cta-wrapper {
    padding: 3.5rem 0;
  }
  .cta-headline {
    font-size: 1.25rem;
  }
  .cta-box-top {
    font-size: .875rem;
  }
  .cta-box .btn {
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
  }
  .cta-box-annotation {
    font-size: .75rem;
  }
}