@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: Arial, Noto Sans JP, -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #323538;
}

.bg-gray {
  background: #FBFBFC;
}

.bg-gray-deep {
  background: #f4f4f7;
}

.text-link {
  color: #e05a2c;
}
.text-link:hover, .text-link:visited, .text-link:active {
  color: #D94B23;
}
.hero-logo-section {
  padding: 24px;
  max-width: 1440px;
  margin: 0 auto;
}
.hero-logo-section .hero-logo-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 2rem 0 1.5rem;
  text-align: center;
  color: #202326;
}
.hero-logo-section .hero-logo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.hero-logo-section .hero-logo-list li {
  padding: 0.5rem 0;
  width: calc((100% - (0.75rem*8)) / 9);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-logo-section .hero-logo-list li img {
  max-height: 64px;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.logo-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
  max-width: 1280px;
  margin: 0 auto;
}
.logo-list li {
  padding: 1rem 0;
  width: calc((100% - (1.25rem*7)) / 8);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logo-list li img {
  max-height: 56px;
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.function-page-header {
  background: rgba(247, 214, 202, 0.5);
  padding: 96px 0 80px;
}
.function-page-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.function-page-header .container .text {
  color: #202326;
  padding-right: 1rem;
}
.function-page-header .container .text h1 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1rem;
  white-space: nowrap;
}
.function-page-header .container .text p {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
  color: #D94B23;
}
.function-page-header .container .text .c-cv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.5rem 0 1rem -0.25rem;
}
.function-page-header .container .text .c-cv > *:first-child {
  margin-right: 16px;
}
.function-page-header .container .text .c-cv > * {
  min-width: 200px;
}
.function-page-header .container .img {
  position: relative;
}
.function-page-header .container .img img {
  position: absolute;
  left: 8px;
  top: -56px;
}

.l-function-content {
  padding: 5rem 0 3rem;
  max-width: 100vw;
  overflow: hidden;
  margin: 0 auto;
}
.l-function-content .c-introduction {
  text-align: center;
  padding: 40px 0;
}
.l-function-content .c-introduction .title {
  font-size: 1.675rem;
  font-weight: bold;
  line-height: 1.6;
  color: #202326;
  margin-bottom: 1.25rem;
}
.l-function-content .c-introduction .title-ornament {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 900;
  color: #e05a2c;
  text-align: center;
  display: block;
  margin-bottom: 0.75rem;
  letter-spacing: 0.25rem;
}
.l-function-content .c-introduction .description {
  max-width: 720px;
  line-height: 2.25;
  margin: 0 auto 0.5rem;
  font-size: 0.875rem;
}
.l-function-content .c-introduction .description .glossary-text-link {
  color: #323538;
  -webkit-text-decoration: underline dotted #aaa;
          text-decoration: underline dotted #aaa;
}
.l-function-content .c-introduction .description .glossary-text-link:hover {
  color: #e05a2c;
  -webkit-text-decoration: underline #e05a2c;
          text-decoration: underline #e05a2c;
}
.l-function-content .c-introduction .main-image img {
  max-width: 100%;
  height: auto;
}
.l-function-content .function-detail {
  background: rgba(31, 49, 84, 0.025);
  padding: 64px 0;
  margin-bottom: 4rem;
}
.l-function-content .l-function-about {
  max-width: 1144px;
  margin: 0 auto;
}
.l-function-content .l-function-about .about-section-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem 0;
}
.l-function-content .l-function-about .about-section-item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.l-function-content .l-function-about .about-section-item:nth-child(even) .img {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.l-function-content .l-function-about .about-section-item .text {
  width: 560px;
  padding: 0 1.5rem;
}
.l-function-content .l-function-about .about-section-item .text h2 {
  font-size: 24px;
  line-height: 1.6;
  font-weight: bold;
  color: #202326;
  margin-bottom: 1.75rem;
  padding-bottom: 1.5rem;
  position: relative;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.l-function-content .l-function-about .about-section-item .text h2 .glossary-text-link {
  color: #202326;
  -webkit-text-decoration: underline dotted #aaa;
          text-decoration: underline dotted #aaa;
  font-weight: bold;
}
.l-function-content .l-function-about .about-section-item .text h2 .glossary-text-link:hover {
  color: #e05a2c;
  -webkit-text-decoration: underline #e05a2c;
          text-decoration: underline #e05a2c;
}
.l-function-content .l-function-about .about-section-item .text h2:after {
  content: "";
  width: 80px;
  height: 4px;
  background: #e05a2c;
  border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: 2px;
}
.l-function-content .l-function-about .about-section-item .text p {
  font-size: 0.875rem;
  line-height: 1.85;
  color: #323538;
  margin-bottom: 1rem;
}
.l-function-content .l-function-about .about-section-item .text p .glossary-text-link {
  color: #323538;
  -webkit-text-decoration: underline dotted #aaa;
          text-decoration: underline dotted #aaa;
}
.l-function-content .l-function-about .about-section-item .text p .glossary-text-link:hover {
  color: #e05a2c;
  -webkit-text-decoration: underline #e05a2c;
          text-decoration: underline #e05a2c;
}
.l-function-content .l-function-about .about-section-item .text ul {
  padding: 0.5rem 0;
}
.l-function-content .l-function-about .about-section-item .text ul.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l-function-content .l-function-about .about-section-item .text ul.col.col-2 > li {
  width: 50%;
}
.l-function-content .l-function-about .about-section-item .text ul li {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
  padding: 0.45rem 0.5rem 0.45rem 1.25rem;
  position: relative;
}
.l-function-content .l-function-about .about-section-item .text ul li:before {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2px solid #e05a2c;
  border-bottom: 2px solid #e05a2c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-right: 4px;
  position: absolute;
  left: 0;
  top: 0.625rem;
}
.l-function-content .l-function-about .about-section-item .text ul li.full {
  width: 100% !important;
}
.l-function-content .l-function-about .about-section-item .img {
  width: calc(100% - 560px);
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.l-function-content .l-function-about .about-section-item .img img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 1.5rem;
}
.l-function-content .l-capabilities {
  padding: 4rem 0 2rem;
}
.l-function-content .l-capabilities h2 {
  text-align: center;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: bold;
  color: #202326;
  margin-bottom: 2rem;
}
.l-function-content .l-capabilities .block-item .thumb {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(224, 90, 44, 0.1);
  padding: 4px;
}
.l-function-content .l-capabilities .block-item .thumb img {
  display: block;
  width: 40px;
  height: 40px;
}

.block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 1.5rem);
  margin: 0 -0.75rem;
}
.block-list .block-item {
  border: 1px solid rgba(229, 230, 231, 0.5);
  background: #fff;
  border-radius: 12px;
  padding: 1.5rem;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.025);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.025);
  margin: 0.75rem;
  width: calc((100% / 3) - 1.5rem);
}
.block-list .block-item.clickable {
  padding: 0;
}
.block-list .block-item.clickable a {
  display: block;
  padding: 1.5rem;
  text-decoration: none;
}
.block-list .block-item.clickable:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(224, 90, 44, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(224, 90, 44, 0.1);
}
.block-list .block-item .thumb {
  overflow: hidden;
}
.block-list .block-item .text {
  margin-top: 1.25rem;
}
.block-list .block-item .text h3 {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  color: #202326;
}
.block-list .block-item .text p {
  font-size: 0.825rem;
  line-height: 1.8;
  color: #323538;
}
.block-list .block-item .text .notification {
  padding-top: 0.5rem;
  font-size: 0.675rem;
  color: #626466;
  line-height: 1.6;
  opacity: 0.75;
}

.l-other-functions {
  margin: 0 auto;
}
.l-other-functions .container {
  padding: 4rem 1rem 6rem;
  border-top: 1px solid #E5E6E7;
}
.l-other-functions h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #202326;
  margin-bottom: 2rem;
  text-align: center;
}
.l-etl-connectors {
  padding: 2rem 0 3rem;
  text-align: center;
}
.l-etl-connectors h2 {
  font-size: 1.75rem;
  font-weight: bold;
  color: #202326;
  margin-bottom: 1.5rem;
}
.l-etl-connectors .description {
  font-size: 0.875rem;
  line-height: 1.75;
  color: #323538;
  margin-bottom: 2rem;
}
.l-etl-connectors .connectors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3rem 0;
  width: 1440px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.l-etl-connectors .connectors .item {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  margin: 0.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-etl-connectors .connectors .item img {
  width: 40px;
  height: auto;
  display: block;
}
.partner-header {
  background: rgba(247, 214, 202, 0.5);
  padding: 56px 0;
  position: relative;
}
.partner-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1104px;
}
.partner-header .partner-header-text {
  line-height: 1.4;
  max-width: 540px;
}
.partner-header .partner-header-lead {
  font-size: 1.5rem;
  font-weight: bold;
  color: #e05a2c;
  margin-bottom: 0.5rem;
}
.partner-header .partner-header-title {
  font-size: 40px;
  font-weight: bold;
  color: #202326;
  margin-bottom: 2.5rem;
  white-space: nowrap;
}
.partner-header .c-partner-header-cv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.partner-header .c-partner-header-cv .btn {
  min-width: 168px;
  margin-right: 0.75rem;
}
.partner-header .partner-header-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.partner-header .partner-header-image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.partner-header .review-logo {
  width: 96px;
  height: 96px;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.partner-header .review-logo img {
  width: 100%;
  height: auto;
  display: block;
}

.partner-page-section .container {
  max-width: 1104px;
}
.partner-page-section .partner-page-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
}
.partner-page-section .partner-page-section-header .partner-page-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.partner-page-section .partner-page-section-header .partner-page-section-title .ornament {
  font-size: 1rem;
  font-weight: bold;
  color: #e05a2c;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}
.partner-page-section .partner-page-section-header .partner-page-section-title .main {
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: bold;
  color: #202326;
}
.partner-page-section .partner-page-section-header .partner-page-section-description {
  font-size: 15px;
  line-height: 1.8;
  color: #323538;
  margin-top: 2.5rem;
  text-align: center;
}

.partner-page-problem-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 40px);
  margin: 0 -20px;
}
.partner-page-problem-list .partner-page-problem-item {
  width: calc((100% / 3)-40px);
  text-align: center;
  margin: 8px 20px;
}
.partner-page-problem-list .partner-page-problem-item .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 160px;
  height: 160px;
  margin: 0 auto 0.5rem;
}
.partner-page-problem-list .partner-page-problem-item .thumb img {
  max-width: 100%;
  height: auto;
  display: block;
}
.partner-page-problem-list .partner-page-problem-item .num {
  font-size: 36px;
  font-family: "Montserrat";
  font-weight: bold;
  color: #e05a2c;
  opacity: 0.25;
  margin-bottom: 1rem;
  letter-spacing: 3.6px;
  display: block;
}
.partner-page-problem-list .partner-page-problem-item .title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #202326;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  white-space: nowrap;
}
.partner-page-problem-list .partner-page-problem-item .text {
  font-size: 15px;
  line-height: 1.75;
  color: #323538;
}

.c-view-more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-view-more-link .view-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: bold;
  text-decoration: none;
  color: #e05a2c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.c-view-more-link .view-more *,
.c-view-more-link .view-more *:before {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.c-view-more-link .view-more:hover {
  text-decoration: underline;
}
.c-view-more-link .view-more:hover .arrow {
  background: #e05a2c;
}
.c-view-more-link .view-more:hover .arrow:before {
  border-color: #fff;
}
.c-view-more-link .view-more .arrow {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #e05a2c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 2px;
  margin-right: 4px;
}
.c-view-more-link .view-more .arrow:before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #e05a2c;
  border-right: 2px solid #e05a2c;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-partner-inner-cv-container {
  padding: 48px 16px 8px;
  max-width: 1288px;
  width: 100%;
  margin: 0 auto;
}
.c-partner-inner-cv-container .inner-cv {
  padding: 2rem 5.5rem;
}
.partner-page-section.problem-section {
  padding-bottom: 96px;
}
.partner-page-section.solution-section {
  background: rgba(31, 49, 84, 0.025);
  padding: 80px 24px 0;
  width: calc(100% - 48px);
  margin: 0 auto;
  border-radius: 12px;
}
.partner-page-section.solution-section .main-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.partner-page-section.solution-section .main-image img {
  max-width: 100%;
  height: auto;
  max-height: 472px;
  display: block;
}
.partner-page-section.merit-section {
  padding: 160px 0 96px;
}
.partner-page-section.seminar-section {
  background: rgba(31, 49, 84, 0.025);
  padding: 96px 0;
}

.partner-function-list-block {
  background: #fff;
  -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
          box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  padding: 2.25rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(48px);
      -ms-transform: translateY(48px);
          transform: translateY(48px);
}
.partner-function-list-block .partner-function-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 1.25rem;
  border-right: 1px dotted #E5E6E7;
}
.partner-function-list-block .partner-function-item:last-child {
  border: none;
}
.partner-function-list-block .partner-function-item .function-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
.partner-function-list-block .partner-function-item .function-item-title .thumb {
  width: 36px;
  height: 36px;
  margin-right: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background: rgba(224, 90, 44, 0.1);
}
.partner-function-list-block .partner-function-item .function-item-title .thumb img {
  width: 24px;
  height: 24px;
  display: block;
}
.partner-function-list-block .partner-function-item .function-item-title .label {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: bold;
  color: #202326;
}
.partner-function-list-block .partner-function-item .function-item-title .label small {
  font-size: 0.875rem;
  font-weight: bold;
}
.partner-function-list-block .text {
  font-size: 0.875rem;
  color: #323538;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.l-merit-content {
  padding-top: 24px;
}
.l-merit-content .c-merit-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0;
}
.l-merit-content .c-merit-item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.l-merit-content .c-merit-item:nth-child(even) .image-content img {
  right: 1rem;
  left: auto;
}
.l-merit-content .c-merit-item .text-content {
  max-width: 488px;
  width: 45%;
}
.l-merit-content .c-merit-item .text-content .content-title {
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
  position: relative;
  font-size: 1.375rem;
  line-height: 1.4;
  font-weight: bold;
  color: #202326;
  white-space: nowrap;
}
.l-merit-content .c-merit-item .text-content .content-title .ornament {
  display: block;
  font-size: 0.875rem;
  font-family: "Montserrat";
  font-weight: bold;
  color: #e05a2c;
  letter-spacing: 2.8px;
  margin-bottom: 0.75rem;
  line-height: 1;
}
.l-merit-content .c-merit-item .text-content .content-title:after {
  content: "";
  width: 64px;
  height: 4px;
  background: #e05a2c;
  border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.l-merit-content .c-merit-item .text-content .description * {
  line-height: 1.8;
  color: #323538;
  font-size: 15px;
}
.l-merit-content .c-merit-item .image-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 360px;
  position: relative;
  overflow: visible;
}
.l-merit-content .c-merit-item .image-content img {
  height: 360px;
  width: auto;
  position: absolute;
  left: 1rem;
  top: 0;
}

.partner-seminar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 40px);
  margin: 0.5rem -20px 3rem;
}
.partner-seminar-list .seminar-item {
  width: calc(100% - 40px);
  margin: 0 20px;
}
.partner-seminar-list .seminar-item:hover .thumb {
  opacity: 0.75;
}
.partner-seminar-list .seminar-item:hover .text .title {
  color: #D94B23;
  text-decoration: underline;
}
.partner-seminar-list .seminar-item a {
  text-decoration: none;
}
.partner-seminar-list .seminar-item .thumb {
  width: 100%;
  padding-top: 52.356%;
  background: #ccc;
  border-radius: 4px;
  margin-bottom: 1rem;
  overflow: hidden;
  position: relative;
}
.partner-seminar-list .seminar-item .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.partner-seminar-list .seminar-item .text .tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #2C76BA;
  border-radius: 2px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  padding: 6px;
  border-radius: 4px;
  margin-bottom: 1rem;
}
.partner-seminar-list .seminar-item .text .title {
  font-size: 1rem;
  font-weight: bold;
  color: #202326;
  line-height: 1.4;
}

.c-view-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-connector-count-modal-content {
  width: 100%;
  height: calc(100vh - 32px);
  overflow: overlay;
  padding: 1.5rem 2rem;
  scrollbar-color: transparent;
}
.l-connector-count-modal-content::-webkit-scrollbar-track {
  background-color: transparent;
}
.l-connector-count-modal-content::-webkit-scrollbar-corner {
  background-color: transparent;
}

.popup-title {
  font-size: 20px;
  font-weight: bold;
  color: #202326;
  padding: 1rem 0;
  line-height: 160%;
}

.c-popup-description {
  padding: 1.25rem;
  background: #F4F5F6;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.c-popup-description .material-icons {
  color: #2C76BA;
  font-size: 1.25rem;
  margin-top: 0.125rem;
}
.c-popup-description .popup-description-content {
  line-height: 180%;
  font-size: 0.875rem;
  color: #323538;
}
.c-popup-description .popup-description-content ul {
  padding-left: 1.25rem;
}
.c-popup-description .popup-description-content li {
  list-style-type: disc;
}

.l-connection-count-examples {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-connector-count-example {
  padding-top: 3.5rem;
}
.c-connector-count-example .connector-count-example-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.c-connector-count-example .connector-count-example-title .example-count {
  font-size: 0.875rem;
  color: #fff;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e05a2c;
  border-radius: 200px;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
}
.c-connector-count-example .connector-count-example-title .example-title-text {
  font-size: 1rem;
  font-weight: bold;
  color: #202326;
  line-height: 1.4;
}
.c-connector-count-example .connector-count-example-description {
  font-size: 0.75rem;
  line-height: 180%;
  color: #626466;
}
.c-connector-count-example .l-connector-example-image {
  margin-top: 1.25rem;
}
.c-connector-count-example .l-connector-example-image img {
  max-width: 808px;
  width: 100%;
  height: auto;
  display: block;
}
#form-type-full {
  display: block;
}

#form-type-min {
  display: none;
}

.l-inquiry {
  background: #F4F5F6;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

.l-inquiry-content {
  padding: 4rem 1.5rem;
}
.l-inquiry-content .column {
  max-width: 960px;
  display: grid;
  grid-template-columns: 424px 1fr;
  gap: 2rem;
}
.l-inquiry-content .column.wide {
  max-width: 1140px;
  grid-template-columns: 1fr minmax(50%, 496px);
}
.l-inquiry-content .introduction-container .introduction-title {
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: bold;
  margin: 1.25rem 0.25rem 0.75rem;
}
.l-inquiry-content .introduction-container .introduction-description {
  font-size: 0.875rem;
  line-height: 1.75;
  color: #323538;
  margin-bottom: 2.5rem;
  padding: 0 0.25rem 2rem;
  border-bottom: 1px solid #E5E6E7;
}
.l-inquiry-content .introduction-container .inquiry-flow-step {
  margin: 2rem 0;
}
.l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .thumb {
  width: 72px;
  height: 72px;
  border-radius: 500px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .thumb .material-icons {
  color: #e05a2c;
  font-size: 2.25rem;
}
.l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .text .step-num {
  color: #e05a2c;
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-family: Montserrat;
  letter-spacing: 2px;
}
.l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .text .step-title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #202326;
}
.l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .text .step-description {
  font-size: 0.75rem;
  line-height: 1.75;
  color: #626466;
}
.l-inquiry-content .form-container {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.05);
          box-shadow: 0 12px 16px rgba(0, 0, 0, 0.05);
  border: 1px solid #E5E6E7;
  padding: 2.5rem 1.5rem;
}
.l-inquiry-content .form-container .form-container-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #202326;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 1.5rem;
}
.c-inquiry-detail-common h2,
.c-inquiry-detail-common h3,
.c-inquiry-detail-common h4,
.c-inquiry-detail-common h5,
.c-inquiry-detail-common h6 {
  line-height: 1.4;
  font-weight: 600;
  color: #202326;
  margin-bottom: 1rem;
}
.c-inquiry-detail-common h2 {
  font-size: 2rem;
}
.c-inquiry-detail-common h3 {
  font-size: 1.5rem;
}
.c-inquiry-detail-common h4 {
  font-size: 1.25rem;
}
.c-inquiry-detail-common h5 {
  font-size: 1rem;
}
.c-inquiry-detail-common h6 {
  font-size: 0.875rem;
}
.c-inquiry-detail-common p {
  line-height: 1.8;
  font-size: 0.875rem;
  color: #323538;
}
.c-inquiry-detail-common .inquiry-detail-common-title {
  margin-bottom: 2rem;
}
.c-inquiry-detail-common .inquiry-detail-common-title .ornament {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "Montserrat";
  color: #e05a2c;
  font-weight: bold;
  font-size: 0.875rem;
  letter-spacing: 0.4em;
}
.c-inquiry-detail-common .inquiry-detail-common-thumb {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 2rem;
}
.c-inquiry-detail-common .inquiry-detail-common-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.c-inquiry-detail-common ul {
  padding-left: 1.25rem;
}
.c-inquiry-detail-common ul li {
  font-size: 15px;
  line-height: 1.56;
  color: #323538;
  padding: 4px 0;
  position: relative;
}
.c-inquiry-detail-common ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(31, 49, 84, 0.5);
  position: absolute;
  left: -1rem;
  top: 0.875rem;
}
.c-inquiry-detail-common ul li > ul {
  margin: 0.25rem 0;
}
.c-inquiry-detail-common .c-inquiry-agenda-list {
  border-radius: 8px;
  background: rgba(31, 49, 84, 0.05);
  border: 1px solid rgba(31, 49, 84, 0.01);
  margin: 2rem 0;
  color: #323538;
  line-height: 1.75;
  font-size: 15px;
}
.c-inquiry-detail-common .c-inquiry-agenda-list .inquiry-agenda-title {
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid rgba(31, 49, 84, 0.05);
  margin: 0;
}
.c-inquiry-detail-common .c-inquiry-agenda-list .inquiry-agenda-content {
  padding: 1.25rem 1.5rem;
}
.l-connector-index {
  padding: 48px 0;
}
.l-connector-index .l-connector-filter {
  padding: 1rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  margin-bottom: 1rem;
}
.l-connector-index .l-connector-filter .c-connector-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.l-connector-index .l-connector-filter .c-select-wrapper {
  position: relative;
  border: 1px solid rgba(31, 49, 84, 0.1);
  background: #fff;
  border-radius: 6px;
}
.l-connector-index .l-connector-filter .c-select-wrapper:after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #CACBCC;
  border-bottom: 1px solid #CACBCC;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: 1rem;
  top: calc(50% - 3px);
  pointer-events: none;
}
.l-connector-index .l-connector-filter select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  height: 40px;
  width: 100%;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  position: relative;
  z-index: 1;
  font-size: 1rem;
}
.l-connector-index .l-connector-filter .c-strategy-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.l-connector-index .l-connector-filter .c-strategy-filter label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.l-connector-index .l-connector-filter .c-strategy-filter label:hover span {
  color: #D94B23;
}
.l-connector-index .l-connector-filter .c-strategy-filter label span {
  font-weight: bold;
  color: #626466;
  font-size: 0.875rem;
}
.l-connector-index .l-connector-filter .c-strategy-filter label input:checked + span {
  color: #202326;
}
.l-connector-index .connector-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.l-connector-index .connector-list-item {
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(31, 49, 84, 0.075);
  background: #fff;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.l-connector-index .connector-list-item:hover {
  border: 1px solid rgba(224, 90, 44, 0.5);
  -webkit-box-shadow: 0 0 0 4px rgba(224, 90, 44, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0 4px rgba(224, 90, 44, 0.1), 0 2px 4px rgba(0, 0, 0, 0.05);
}
.l-connector-index .connector-list-item.is-hidden {
  display: none;
}
.l-connector-index .connector-list-item .connector-list-item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-icon {
  padding: 0.5rem;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid rgba(31, 49, 84, 0.05);
  background: #fff;
  border-radius: 6px;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category .category-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 200px;
  line-height: 1;
  white-space: nowrap;
  font-weight: 600;
  height: 1.25rem;
  font-size: 0.625rem;
  -webkit-column-gap: 0.125rem;
     -moz-column-gap: 0.125rem;
          column-gap: 0.125rem;
  padding: 0 0.5rem 0.0625rem;
  background: rgba(31, 49, 84, 0.05);
  color: #1F3154;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category .category-tag.ad {
  background: rgba(224, 90, 44, 0.075);
  color: #e05a2c;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category .category-tag.app {
  background: rgba(201, 38, 79, 0.075);
  color: #BE1E41;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category .category-tag.db {
  background: rgba(44, 118, 186, 0.05);
  color: #2366AD;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category .category-tag.dwh {
  background: rgba(224, 90, 44, 0.05);
  color: #e05a2c;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category .category-tag.saas {
  background: rgba(35, 159, 103, 0.05);
  color: #1B9058;
}
.l-connector-index .connector-list-item .connector-list-item-head .connector-category .category-tag.storage {
  background: rgba(241, 139, 30, 0.075);
  color: #c4630e;
}
.l-connector-index .connector-list-item .connector-list-item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.25rem;
}
.l-connector-index .connector-list-item .connector-list-item-text .connector-name {
  font-weight: 600;
  font-size: 0.875rem;
  color: #323538;
  line-height: 140%;
  margin: 0;
  padding: 0;
}
.l-connector-index .connector-list-item .connector-list-item-text .connector-strategy {
  font-size: 0.625rem;
  line-height: 160%;
  color: #626466;
}

.connector-item-content .connector-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0 1.5rem;
}
.connector-item-content .connector-item-header .thumb {
  width: 80px;
  height: 80px;
  margin-right: 1rem;
  border: 1px solid #E5E6E7;
  padding: 0.75rem;
  border-radius: 8px;
}
.connector-item-content .connector-item-header .thumb img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.connector-item-content .connector-item-header .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.connector-item-content .connector-item-header .text .connector-item-content-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  color: #202326;
  margin-bottom: 0.25rem;
}
.connector-item-content .connector-item-header .text .category {
  font-size: 0.875rem;
  color: #626466;
}
.connector-item-content .connector-status-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #E5E6E7;
}
.connector-item-content .connector-status-table tr:last-child th,
.connector-item-content .connector-status-table tr:last-child td {
  border-bottom: none;
}
.connector-item-content .connector-status-table tr th,
.connector-item-content .connector-status-table tr td {
  text-align: left;
  line-height: 1.8;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #E5E6E7;
  font-size: 0.875rem;
}
.connector-item-content .connector-status-table tr th {
  font-weight: bold;
  color: #626466;
  white-space: nowrap;
  background: #FBFBFC;
  width: 200px;
}
.connector-item-content .connector-description {
  padding: 1.5rem 0 0;
}
.connector-item-content .connector-description > * {
  line-height: 1.8;
  color: #323538;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.connector-item-content .connector-description > *:last-child {
  margin-bottom: 0;
}
.connector-item-content .connector-description ul {
  list-style: disc;
  padding-left: 1.5rem;
}
.connector-item-content .connector-description ol {
  list-style: decimal;
  padding-left: 1.5rem;
}
.connector-item-content .connector-description li {
  line-height: 1.4;
  padding: 0.25rem 0;
  font-size: 0.875rem;
  margin: 0;
}
.connector-item-content .connector-attachment {
  padding: 2.5rem 0 1.5rem;
}
.connector-item-content .connector-attachment h5 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  color: #202326;
  margin: 0 0 0.75rem;
}
.connector-item-content .connector-attachment ul {
  padding-left: 1rem;
}
.connector-item-content .connector-attachment li {
  padding: 0.25rem 0 0.25rem 0.5rem;
  position: relative;
  list-style-type: disc;
}
.connector-item-content .connector-attachment li a {
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 0;
  color: #e05a2c;
}
.connector-item-content .connector-attachment li a:hover {
  opacity: 0.75;
}
.connector-item-content .connector-attachment li a[target=_blank]:after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  border: 1px solid #e05a2c;
  -webkit-box-shadow: 2px 2px 0 #fff, 3px 3px 0 #e05a2c;
          box-shadow: 2px 2px 0 #fff, 3px 3px 0 #e05a2c;
}
.inner-cv {
  background: rgba(224, 90, 44, 0.1);
  border-radius: 8px;
  padding: 2.5rem;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inner-cv .inner-cv-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 960px;
  margin: 0 auto;
}
.inner-cv .text {
  width: 55%;
  max-width: 360px;
}
.inner-cv .text.wide {
  width: 50%;
  max-width: 50%;
}
.inner-cv .thumb {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 8px;
}
.inner-cv .thumb img {
  width: 108%;
  height: auto;
  display: block;
}
.inner-cv .inner-cv-title {
  font-size: 20px;
  font-weight: bold;
  color: #202326;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.inner-cv .inner-cv-description {
  font-size: 14px;
  line-height: 1.8;
  color: #323538;
  margin-bottom: 1.5rem;
}
.inner-cv .inner-cv-lists {
  padding: 20px 0;
  margin-top: -12px;
  border-top: 1px dotted #CACBCC;
}
.inner-cv .inner-cv-lists li {
  font-size: 13px;
  font-weight: bold;
  color: #323538;
  margin: 4px 0;
  padding-left: 20px;
  position: relative;
  line-height: 1.5;
}
.inner-cv .inner-cv-lists li:before {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2px solid #e05a2c;
  border-bottom: 2px solid #e05a2c;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  left: 0;
  top: 6px;
}
.inner-cv .c-cv-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inner-cv .c-cv-button .btn {
  min-width: 240px;
  margin-right: 12px;
}
.c-function-item-list {
  width: calc(100% + 24px);
  margin: 0 -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.function-item {
  position: relative;
  width: calc((100% / 3) - 1rem);
  margin: 0.5rem;
  padding: 24px 24px 56px 20px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid rgba(229, 230, 231, 0.75);
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.025);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.025);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.function-item:hover {
  -webkit-box-shadow: 0 0 0 4px rgba(224, 90, 44, 0.1);
          box-shadow: 0 0 0 4px rgba(224, 90, 44, 0.1);
  border: 1px solid #EFAC95;
}
.function-item:hover .title {
  color: #e05a2c;
}
.function-item:hover .title .glossary-text-link {
  color: #e05a2c;
}
.function-item:hover .c-view-detail a {
  text-decoration: underline;
}
.function-item .card-clickable-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.function-item.feature {
  width: calc(50% - 32px);
  padding: 32px 24px 64px 24px;
}
.function-item .thumb {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(224, 90, 44, 0.1);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.function-item .thumb img {
  width: 28px;
  height: 28px;
  display: block;
}
.function-item .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 0 0 12px;
}
.function-item .title {
  font-weight: bold;
  line-height: 1.6;
  font-size: 18px;
  margin-bottom: 0.75rem;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.function-item .title .glossary-text-link {
  color: #323538;
  font-weight: bold;
  -webkit-text-decoration: underline dotted #ccc;
          text-decoration: underline dotted #ccc;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.function-item .title .glossary-text-link:hover {
  color: #e05a2c;
  -webkit-text-decoration: underline #e05a2c;
          text-decoration: underline #e05a2c;
}
.function-item p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.8125rem;
  line-height: 1.8;
  color: rgba(50, 53, 56, 0.8);
}
.function-item p .glossary-text-link {
  color: rgba(50, 53, 56, 0.8);
  -webkit-text-decoration: underline dashed #aaa;
          text-decoration: underline dashed #aaa;
}
.function-item p .glossary-text-link:hover {
  color: #e05a2c;
  -webkit-text-decoration: underline #e05a2c;
          text-decoration: underline #e05a2c;
}
.function-item .c-view-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  bottom: 24px;
  right: 32px;
}
.function-item .c-view-detail a {
  text-decoration: none;
  color: #e05a2c;
  font-size: 0.8125rem;
  font-weight: bold;
}
.function-item .c-view-detail a:hover {
  text-decoration: underline;
}
.function-item .c-view-detail a:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #e05a2c;
  border-right: 2px solid #e05a2c;
  display: inline-block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 2px;
}
.icon-text-link {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #323538;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.icon-text-link .icon {
  font-size: 16px;
  margin-right: 0.25rem;
  opacity: 0.5;
}
.icon-text-link:hover {
  color: #e05a2c;
}
.icon-text-link:hover .icon {
  opacity: 1;
}
.icon-text-link.large {
  font-size: 15px;
}
.icon-text-link.large .icon {
  font-size: 24px;
}

.blocker {
  z-index: 9999999;
  padding: 16px;
}

.modal {
  max-width: 872px !important;
  max-height: calc(100vh - 32px);
}
.modal.no-padding {
  padding: 0;
}
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 12px;
}
.container.middle {
  max-width: 1104px;
}

.single-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.layout-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.global-header {
  height: 72px;
  background: #fff;
  border-bottom: 1px solid #E5E6E7;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.global-header .menu-toggle {
  display: none;
}
.global-header .header-logo {
  margin: 0 8px;
}
.global-header .header-logo-title img {
  height: 24px;
  width: auto;
}
.global-header .global-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.global-header .global-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.global-header .global-nav-item {
  margin-left: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 72px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.global-header .global-nav-item.current:before {
  content: "";
  width: calc(100% + 12px);
  height: 4px;
  background: #e05a2c;
  border-radius: 2px 2px 0 0;
  position: absolute;
  left: -6px;
  bottom: 0;
}
.global-header .global-nav-item:hover a {
  color: #e05a2c;
}
.global-header .global-nav-item:hover.has-child:after {
  border-color: #e05a2c;
}
.global-header .global-nav-item.has-child:after {
  content: "";
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #323538;
  border-right: 2px solid #323538;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 0 2px 4px;
}
.global-header .global-nav-item.has-child:hover .c-mega-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.global-header .global-nav-item > a {
  height: 72px;
  font-size: 12px;
  font-weight: bold;
  color: #323538;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.02em;
}
.global-header .global-nav-item .c-mega-menu {
  position: absolute;
  left: -16px;
  top: calc(100% - 12px);
  background: #fff;
  -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 99999;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block {
  padding: 0 12px;
  min-width: 264px;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block .mega-menu-label {
  font-size: 11px;
  font-weight: bold;
  color: #626466;
  margin: 24px 0 16px;
  display: block;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block ul {
  margin-bottom: 32px;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block li {
  font-size: 12px;
  margin: 4px 0;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block li a {
  display: block;
  padding: 8px 8px 8px 12px;
  position: relative;
  font-weight: bold;
  color: #323538;
  text-decoration: none;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.04em;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block li a:hover {
  color: #e05a2c;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block li a:hover:before {
  opacity: 1;
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block li a:after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #e05a2c;
  border-top: 2px solid #e05a2c;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: -2px;
  top: calc(50% - 2px);
}
.global-header .global-nav-item .c-mega-menu .mega-menu-block li a:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -2px;
  background: rgba(224, 90, 44, 0.05);
  border-radius: 4px;
  width: calc(100% + 12px);
  height: calc(100% + 4px);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.global-header .global-cta {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.global-header .global-cta-sub-item {
  padding: 0 12px 0 0;
}
.global-header .global-cta-sub-item.divide {
  padding-left: 12px;
  border-left: 1px solid #E5E6E7;
}
.global-header .global-cta-item {
  min-width: 128px;
  margin-left: 6px;
}
.global-header .global-cta-item .btn {
  font-size: 12px;
}
.c-simple-header {
  border-bottom: 1px solid #E5E6E7;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.025);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.025);
  padding: 1.25rem 0.75rem;
  height: 72px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-simple-header .header-logo {
  margin: 0 8px;
}
.c-simple-header .header-logo img {
  height: 24px;
  width: auto;
  display: block;
}
.c-footer-service-recommend {
  padding: 48px 0 0;
  background: rgba(224, 90, 44, 0.1);
  overflow: hidden;
}
.c-footer-service-recommend .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-footer-service-recommend .service-thumb {
  width: 640px;
  margin-left: -120px;
}
.c-footer-service-recommend .service-thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 8px -4px 24px rgba(0, 0, 0, 0.1);
          box-shadow: 8px -4px 24px rgba(0, 0, 0, 0.1);
}
.c-footer-service-recommend .recommend-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 24px 56px;
}
.c-footer-service-recommend .recommend-text .recommend-title {
  font-size: 28px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 24px;
  color: #323538;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  letter-spacing: 0.04em;
}
.c-footer-service-recommend .recommend-text .recommend-lead {
  font-size: 15px;
  line-height: 1.8;
  color: #323538;
  margin-bottom: 24px;
}
.c-footer-service-recommend .recommend-text .recommend-lead a {
  color: #323538;
  -webkit-text-decoration: underline dotted #aaa;
          text-decoration: underline dotted #aaa;
}
.c-footer-service-recommend .recommend-text .cv-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 48px;
}
.c-footer-service-recommend .recommend-text .cv-area .btn {
  min-width: 232px;
  margin-right: 12px;
}
.main-footer {
  background: #1F3154;
}
.main-footer .footer-content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 64px 1rem;
}
.main-footer .footer-logo-block {
  width: 264px;
}
.main-footer .footer-logo-block .footer-logo {
  margin-bottom: 24px;
}
.main-footer .footer-logo-block .footer-logo img {
  height: 36px;
  width: auto;
  display: block;
}
.main-footer .footer-logo-block .footer-logo .tagline {
  display: block;
  font-size: 10px;
  font-weight: bold;
  margin-top: 16px;
  color: #fff;
}
.main-footer .footer-logo-block .footer-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-footer .footer-logo-block .footer-social-list li {
  margin: 0 24px 0 0;
  font-size: 16px;
}
.main-footer .footer-logo-block .footer-social-list li a {
  color: #fff;
  text-decoration: none;
}
.main-footer .footer-logo-block .footer-social-list li a:hover {
  opacity: 0.75;
}
.main-footer .footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #fff;
}
.main-footer .footer-nav .footer-nav-block {
  width: calc(100% / 4);
  padding-left: 32px;
}
.main-footer .footer-nav .footer-nav-block .footer-nav-label-item {
  font-size: 14px;
  margin-bottom: 16px;
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
}
.main-footer .footer-nav .footer-nav-block .footer-nav-label-item a {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}
.main-footer .footer-nav .footer-nav-block .footer-child-nav-label {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
}
.main-footer .footer-nav .footer-nav-block dd {
  margin-bottom: 24px;
}
.main-footer .footer-nav .footer-nav-block .child-nav {
  margin: 0;
}
.main-footer .footer-nav .footer-nav-block .child-nav > li {
  padding: 2px 0;
}
.main-footer .footer-nav .footer-nav-block .child-nav > li > a {
  font-size: 12px;
  opacity: 0.8;
}
.main-footer .footer-nav a {
  display: inline-block;
  position: relative;
  padding: 4px 0;
  color: #fff;
  text-decoration: none;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.main-footer .footer-nav a:hover {
  text-decoration: underline;
}
.main-footer .footer-nav a[target=_blank] {
  padding-right: 14px;
}
.main-footer .footer-nav a[target=_blank]:after {
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 0;
}
.main-footer .footer-nav a[target=_blank]:before {
  content: "";
  width: 8px;
  height: 8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  right: 2px;
  top: 6px;
}
.main-footer .footer-content-sub {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding: 24px 0;
}
.main-footer .footer-content-sub .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-footer .footer-sub-nav {
  margin-right: auto;
}
.main-footer .footer-sub-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-footer .footer-sub-nav ul li {
  margin-right: 32px;
  font-size: 12px;
}
.main-footer .footer-sub-nav ul li a {
  color: #fff;
  text-decoration: none;
}
.main-footer .footer-sub-nav ul li a:hover {
  text-decoration: underline;
}
.main-footer .copyright {
  font-size: 10px;
  color: #fff;
}
.c-footer-simple {
  padding: 1rem;
  text-align: center;
  width: 100%;
  border-top: 1px solid #E5E6E7;
}
.c-footer-simple .copyright {
  font-size: 0.75rem;
  color: #626466;
}
@media (min-width: 769px) {
  .section-title {
    text-align: center;
    color: #323538;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 32px;
    font-size: 36px;
  }
  .section-title.small {
    font-size: 28px;
  }
  .section-title .ornament {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    color: #e05a2c;
    font-weight: bold;
    letter-spacing: 4px;
  }

  .section-description {
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.75;
    font-size: 0.985rem;
    color: #323538;
  }
  .section-description.align-left {
    text-align: left;
  }

  .section-title-notice {
    text-align: center;
    padding: 0 24px;
    font-size: 12px;
    color: rgba(50, 53, 56, 0.4);
    margin: -16px 0 24px;
  }

  .tooltip {
    position: relative;
    /*ポジション別設定*/
  }
  .tooltip:hover:before, .tooltip:hover:after {
    opacity: 1;
  }
  .tooltip i {
    cursor: help;
    display: inline-block;
    font-size: 18px;
    color: #e05a2c;
    margin: 0 4px;
  }
  .tooltip:before {
    z-index: 1000000;
    content: "";
    width: 12px;
    height: 6px;
    position: absolute;
    left: calc(50% - 6px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    pointer-events: none;
    opacity: 0;
  }
  .tooltip:after {
    z-index: 1000000;
    position: absolute;
    left: 50%;
    content: attr(aria-label);
    background: rgba(50, 53, 56, 0.95);
    padding: 0.5rem 0.75rem;
    font-size: 12px;
    line-height: 1.6;
    color: #fff;
    border-radius: 6px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 264px;
    word-wrap: break-word;
    white-space: pre-line;
    border-collapse: initial;
    display: table-cell;
    pointer-events: none;
    opacity: 0;
  }
  .tooltip.top:before {
    border-top: 6px solid rgba(50, 53, 56, 0.95);
    top: -8px;
  }
  .tooltip.top:after {
    top: -8px;
    -webkit-transform: translateY(-100%) translateX(-50%);
        -ms-transform: translateY(-100%) translateX(-50%);
            transform: translateY(-100%) translateX(-50%);
  }
  .tooltip.bottom:before {
    border-bottom: 6px solid rgba(50, 53, 56, 0.95);
    bottom: -2px;
  }
  .tooltip.bottom:after {
    bottom: -2px;
    -webkit-transform: translateY(100%) translateX(-50%);
        -ms-transform: translateY(100%) translateX(-50%);
            transform: translateY(100%) translateX(-50%);
  }

  .free-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 0 -8px 0 8px;
    background: #fff;
    border-radius: 10px;
  }

  .l-bg {
    background: #FBFBFC;
  }

  .text-caution {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(50, 53, 56, 0.6);
  }

  .text-normal {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(50, 53, 56, 0.8);
  }

  .glossary-text-link {
    position: relative;
  }
  .glossary-text-link:hover:after {
    opacity: 1;
  }
  .glossary-text-link:after {
    content: "用語ページへ";
    line-height: 1;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: -24px;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 7px;
    background: rgba(31, 49, 84, 0.75);
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    color: rgba(255, 255, 255, 0.95);
    white-space: nowrap;
    font-weight: normal;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .l-hero {
    width: 100%;
    max-width: 100vw;
    position: relative;
    overflow: hidden;
  }
  .l-hero:before {
    content: "";
    width: 560vw;
    height: 560vw;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: rgba(224, 90, 44, 0.1);
    border-radius: 50%;
  }
  .l-hero .hero-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 640px;
    position: relative;
  }
  .l-hero .hero-container .c-hero-text {
    width: 688px;
    padding: 88px 24px 112px;
    z-index: 2;
  }
  .l-hero .hero-container .c-hero-image {
    overflow: hidden;
    position: absolute;
    left: 344px;
    top: -72px;
  }
  .l-hero .hero-container .c-hero-image img {
    height: 624px;
    width: auto;
    mask-image: linear-gradient(120deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, black 30%, black 100%);
    -webkit-mask-image: linear-gradient(120deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, black 30%, black 100%);
  }
  .l-hero .hero-tagline {
    margin-bottom: 32px;
  }
  .l-hero .hero-tagline span {
    display: block;
    font-weight: bold;
  }
  .l-hero .hero-tagline .emphasize {
    font-size: 52px;
    font-weight: 900;
    color: #202326;
    margin-bottom: 16px;
    line-height: 1.25;
    text-shadow: 0 0 80px #FDF7F4;
  }
  .l-hero .hero-tagline .content {
    font-size: 24px;
    font-weight: bold;
    color: #e05a2c;
    letter-spacing: 2px;
    margin-right: 2px;
  }
  .l-hero .c-hero-description p {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
  }
  .l-hero .c-hero-cta {
    padding-top: 32px;
  }
  .l-hero .c-hero-cta .cta-btn {
    background: #166AB9;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 6px 16px 8px;
    color: #fff;
    height: 64px;
    border-radius: 32px;
    font-size: 20px;
    width: 280px;
    margin: 0 8px 0 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
  }
  .l-hero .c-hero-cta .cta-btn .btn-label {
    font-weight: bold;
  }
  .l-hero .c-hero-cta .cta-btn i {
    margin-right: 4px;
  }
  .l-hero .c-hero-cta .cta-btn i {
    font-size: 22px;
  }
  .l-hero .c-hero-cta .cta-btn:before {
    content: "";
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    position: absolute;
    left: -8px;
    top: -8px;
    border-radius: 44px;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-hero .c-hero-cta .cta-btn .btn-label {
    position: relative;
  }
  .l-hero .c-hero-cta .cta-btn:hover {
    opacity: 0.95;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  .l-hero .c-hero-cta .cta-btn:hover:before {
    opacity: 1;
  }
  .l-hero .c-hero-cta .cta-btn.primary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
  }
  .l-hero .c-hero-cta .cta-btn.primary .free-label {
    color: #e05a2c;
  }
  .l-hero .c-hero-cta .cta-btn.primary:before {
    background: rgba(224, 90, 44, 0.25);
  }
  .l-hero .c-hero-cta .cta-btn.secondary {
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
  }
  .l-hero .c-hero-cta .cta-btn.secondary:before {
    background: rgba(22, 106, 185, 0.25);
  }
  .l-hero .c-hero-sub-cta {
    padding: 1.5rem 0 0 0.5rem;
  }
  .l-hero .c-hero-sub-cta .other-link {
    text-decoration: none;
    color: #e05a2c;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.4;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 2rem;
    position: relative;
  }
  .l-hero .c-hero-sub-cta .other-link:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e05a2c;
    margin: 1px 3px 0 0;
  }
  .l-hero .c-hero-sub-cta .other-link:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 4px;
    top: calc(50% - 2px);
  }
  .l-hero .c-hero-sub-cta .other-link:hover {
    text-decoration: underline;
  }
  .l-hero .hero-caution {
    font-size: 10px;
    color: #fff;
    opacity: 0.75;
    position: absolute;
    right: 48px;
    top: 112px;
  }

  .l-about {
    background: #fff;
    overflow: hidden;
    position: relative;
    max-width: 100vw;
  }
  .l-about .about-main {
    position: relative;
    overflow: hidden;
  }
  .l-about .c-service-lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 64px 0;
  }
  .l-about .c-service-lead .movie-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    min-height: 0;
    padding-right: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .l-about .c-service-lead .movie-wrap .feature-movie-container {
    overflow: hidden;
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: auto;
    max-width: 720px;
    width: calc(100% + 64px);
    margin-left: -64px;
  }
  .l-about .c-service-lead .movie-wrap .feature-movie-container video {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-about .c-service-lead .movie-wrap img {
    height: 496px;
    width: auto;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .l-about .c-service-lead .text {
    width: 44%;
    padding: 40px 0 0;
  }
  .l-about .c-service-lead .text .header {
    margin-bottom: 24px;
  }
  .l-about .c-service-lead .text .header .header-lead {
    margin-bottom: 16px;
    font-size: 20px;
    color: #e05a2c;
    font-weight: bold;
    letter-spacing: 4px;
  }
  .l-about .c-service-lead .text .header h2 {
    font-weight: bold;
    color: #323538;
    font-size: 22px;
    line-height: 1.6;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    letter-spacing: 0.04em;
  }
  .l-about .c-service-lead .text .header h2 .emphasize {
    display: block;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.4;
    margin-top: 4px;
  }
  .l-about .c-service-lead .text p {
    line-height: 2;
    opacity: 0.8;
  }
  .l-about .c-service-lead .text p .glossary-text-link {
    color: #323538;
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .l-about .c-service-lead .text p .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }
  .l-about .about-detail {
    position: relative;
    padding-bottom: 88px;
  }
  .l-about .about-detail .header {
    padding: 56px 0 40px;
    border-top: 1px solid #E5E6E7;
    text-align: center;
    font-weight: bold;
    color: #323538;
    font-size: 28px;
  }
  .l-about .about-detail .header h2 {
    line-height: 1.4;
    font-weight: bold;
  }
  .l-about .about-detail .content {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-about .about-detail .about-detail-item {
    position: relative;
    width: calc(50% - 8px);
    padding: 24px 24px 56px 24px;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 1px solid #E5E6E7;
    border-radius: 12px;
    margin-bottom: 16px;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-about .about-detail .about-detail-item:hover {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
  }
  .l-about .about-detail .about-detail-item:hover .title {
    color: #e05a2c;
  }
  .l-about .about-detail .about-detail-item:hover .title .glossary-text-link {
    color: #e05a2c;
  }
  .l-about .about-detail .about-detail-item:hover .c-view-detail a {
    text-decoration: underline;
  }
  .l-about .about-detail .about-detail-item .card-clickable-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .l-about .about-detail .about-detail-item.feature {
    width: 100%;
    padding: 32px 24px 64px 24px;
  }
  .l-about .about-detail .about-detail-item .thumb {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(224, 90, 44, 0.1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-about .about-detail .about-detail-item .thumb img {
    width: 28px;
    height: 28px;
    display: block;
  }
  .l-about .about-detail .about-detail-item .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 16px;
  }
  .l-about .about-detail .about-detail-item .title {
    font-weight: bold;
    line-height: 1.6;
    font-size: 18px;
    margin-bottom: 8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    letter-spacing: 0.04em;
  }
  .l-about .about-detail .about-detail-item .title .glossary-text-link {
    color: #323538;
    font-weight: bold;
    -webkit-text-decoration: underline dotted #ccc;
            text-decoration: underline dotted #ccc;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-about .about-detail .about-detail-item .title .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }
  .l-about .about-detail .about-detail-item p {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 14px;
    line-height: 1.8;
    color: rgba(50, 53, 56, 0.8);
  }
  .l-about .about-detail .about-detail-item p .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dashed #aaa;
            text-decoration: underline dashed #aaa;
  }
  .l-about .about-detail .about-detail-item p .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }
  .l-about .about-detail .about-detail-item .c-view-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    bottom: 28px;
    right: 32px;
  }
  .l-about .about-detail .about-detail-item .c-view-detail a {
    text-decoration: none;
    color: #e05a2c;
    font-size: 14px;
    font-weight: bold;
  }
  .l-about .about-detail .about-detail-item .c-view-detail a:hover {
    text-decoration: underline;
  }
  .l-about .about-detail .about-detail-item .c-view-detail a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #e05a2c;
    border-right: 2px solid #e05a2c;
    display: inline-block;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 2px;
  }

  /* 202007 ゆずたそさんコンテンツへの導線追加 */
  .l-blog-contents {
    background: #FBFBFC;
    padding: 80px 0;
  }
  .l-blog-contents .section-title .ornament {
    margin: 16px 0;
  }
  .l-blog-contents .c-blog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 16px 0 40px;
  }
  .l-blog-contents .blog-item {
    width: calc(25% - 12px);
    border-radius: 12px;
    border: 1px solid rgba(25, 30, 40, 0.1);
    background: #fff;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    padding: 24px 16px 56px;
    text-decoration: none;
    position: relative;
    color: #323538;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-blog-contents .blog-item:hover {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
  }
  .l-blog-contents .blog-item:hover .main-title {
    color: #e05a2c;
  }
  .l-blog-contents .blog-item:hover .view-more {
    color: #e05a2c;
    opacity: 1;
  }
  .l-blog-contents .blog-item:hover .view-more:after {
    border-color: #e05a2c;
  }
  .l-blog-contents .blog-item .item-title {
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 16px;
    padding-bottom: 24px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #E5E6E7;
  }
  .l-blog-contents .blog-item .item-title .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-blog-contents .blog-item .item-title .ornament {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 12px;
    height: 24px;
    background: #e05a2c;
    border-radius: 12px;
    margin-bottom: 12px;
    letter-spacing: 0.04em;
  }
  .l-blog-contents .blog-item .item-title .main-title {
    font-weight: bold;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-blog-contents .blog-item p {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(50, 53, 56, 0.8);
  }
  .l-blog-contents .blog-item .view-more {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 24px;
    padding: 0 16px;
    text-align: right;
    color: #323538;
    font-weight: bold;
    font-size: 14px;
    opacity: 0.75;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-blog-contents .blog-item .view-more:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #323538;
    border-right: 2px solid #323538;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .l-solutions {
    padding-top: 4.5rem;
  }
  .l-solutions .c-solution-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding-bottom: 4.5rem;
    border-bottom: 1px solid #E5E6E7;
  }
  .l-solutions .solution-index-item {
    width: calc((100% / 3) - 24px);
    margin: 0 12px;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
    background: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-solutions .solution-index-item:hover {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .l-solutions .solution-index-item:hover a:after {
    right: 16px;
  }
  .l-solutions .solution-index-item:hover .title {
    color: #e05a2c;
  }
  .l-solutions .solution-index-item a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5rem 3rem 1.5rem 0;
    position: relative;
  }
  .l-solutions .solution-index-item a:after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #e05a2c;
    border-top: 3px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 4px);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-solutions .solution-index-item .thumb {
    width: 33%;
    margin: 0 16px;
  }
  .l-solutions .solution-index-item .thumb img {
    width: 100%;
    height: auto;
  }
  .l-solutions .solution-index-item .title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 18px;
    font-weight: bold;
    color: #202326;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .l-casestudy {
    padding: 72px 0;
  }

  .c-article-list {
    padding-bottom: 24px;
  }
  .c-article-list .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px 0;
  }
  .c-article-list .slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 6px;
    background: #ccc;
  }
  .c-article-list .slick-dots li.slick-active {
    background: #e05a2c;
  }
  .c-article-list .slick-dots li button {
    border: none;
    background: transparent;
    width: 12px;
    height: 12px;
    color: transparent;
    overflow: hidden;
    padding: 0;
  }
  .c-article-list .slick-dots li button:focus, .c-article-list .slick-dots li button:hover, .c-article-list .slick-dots li button:active {
    outline: none;
  }
  .c-article-list .slick-arrow {
    position: absolute;
    top: calc(50% - 120px);
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 56px;
    height: 56px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: transparent;
    font-size: 0;
    overflow: hidden;
    z-index: 100;
    outline: none;
    cursor: pointer;
  }
  .c-article-list .slick-arrow:hover {
    outline: none;
  }
  .c-article-list .slick-arrow:after {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-top: 2px solid #e05a2c;
    border-left: 2px solid #e05a2c;
  }
  .c-article-list .slick-arrow.slick-next {
    right: 12px;
  }
  .c-article-list .slick-arrow.slick-next:after {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .c-article-list .slick-arrow.slick-prev {
    left: 12px;
  }
  .c-article-list .slick-arrow.slick-prev:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .c-article-list .article-item {
    border: 1px solid rgba(50, 53, 56, 0.1);
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    max-width: 400px;
    min-height: 400px;
    margin: 32px 12px 32px;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-article-list .article-item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
  }
  .c-article-list .article-item:hover {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .c-article-list .article-item:hover .thumb-wrapper:after {
    opacity: 1;
  }
  .c-article-list .article-item:hover .thumb-wrapper img {
    opacity: 0.75;
  }
  .c-article-list .article-item:hover .view-more {
    color: #e05a2c;
    opacity: 1;
  }
  .c-article-list .article-item:hover .view-more:after {
    border-color: #e05a2c;
  }
  .c-article-list .article-item .thumb-wrapper {
    background: #323538;
    height: 216px;
    position: relative;
    overflow: hidden;
  }
  .c-article-list .article-item .thumb-wrapper:after {
    content: "詳細を見る";
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff;
    background: rgba(50, 53, 56, 0.5);
    height: 28px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    border-radius: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
  }
  .c-article-list .article-item .thumb-wrapper img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .c-article-list .article-item .article-item-text {
    padding: 24px 20px 40px;
    border-top: 1px solid rgba(50, 53, 56, 0.05);
  }
  .c-article-list .article-item .article-label {
    color: rgba(50, 53, 56, 0.6);
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: bold;
  }
  .c-article-list .article-item .article-title {
    font-size: 18px;
    line-height: 1.4;
    color: #323538;
    margin-bottom: 8px;
    font-weight: bold;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-font-feature-settings: "palt", 1;
            font-feature-settings: "palt", 1;
    letter-spacing: 0.04em;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .c-article-list .article-item .view-more {
    position: absolute;
    right: 20px;
    bottom: 24px;
    text-align: right;
    color: #323538;
    font-weight: bold;
    opacity: 0.75;
  }
  .c-article-list .article-item .view-more:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #323538;
    border-right: 2px solid #323538;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px;
  }

  .c-casestudy-list {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 56px;
    border-top: 1px solid rgba(50, 53, 56, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .casestudy-list-lead {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #323538;
  }

  .section-footer-action {
    padding-bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .section-footer-action .btn {
    min-width: 240px;
  }

  .l-service {
    background: #FBFBFC;
    padding: 48px 0;
  }
  .l-service .c-service-list-block {
    margin: 0 auto;
    max-width: 1280px;
  }
  .l-service .service-block {
    position: relative;
    border-top: 1px solid rgba(50, 53, 56, 0.1);
    padding: 16px 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .l-service .service-block:first-child {
    border-top: none;
  }
  .l-service .service-block h3 {
    font-size: 14px;
    font-weight: bold;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 224px;
    padding: 0 16px 0 0;
    min-height: 96px;
  }
  .l-service .service-block .service-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 16px;
    border-left: 1px solid rgba(50, 53, 56, 0.1);
  }
  .l-service .service-block .service-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: 144px;
    padding: 12px 0;
  }
  .l-service .service-block .service-list li:hover {
    cursor: pointer;
  }
  .l-service .service-block .service-list li:hover .thumb {
    -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(22, 106, 185, 0.1);
            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(22, 106, 185, 0.1);
  }
  .l-service .service-block .service-list li:hover h5 {
    color: #166AB9;
    opacity: 1;
  }
  .l-service .service-block .service-list li .thumb {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.025);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-service .service-block .service-list li .thumb img {
    height: 40px;
    width: 40px;
    display: block;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-service .service-block .service-list li h5 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    opacity: 0.8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    line-height: 1.4;
    text-align: center;
  }

  .modal {
    padding-bottom: 32px;
  }
  .modal h5 {
    font-size: 14px;
    line-height: 1.4;
  }
  .modal .modal-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal .modal-link {
    font-size: 13px;
    margin: 0 24px 16px 0;
    color: #e05a2c;
    display: inline-block;
    text-decoration: none;
  }

  .l-plan {
    padding: 72px 0 48px;
    background: #fff;
  }
  .l-plan *[data-modal] {
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-plan *[data-modal]:hover {
    color: #e05a2c !important;
  }
  .l-plan .c-pricing-tables {
    display: grid;
    grid-template-columns: 17.5% calc(82.5% / 3) calc(82.5% / 3) calc(82.5% / 3);
  }
  .l-plan .pricing-table-caution {
    padding-top: 1rem;
    font-size: 0.75rem;
    line-height: 1.6;
    color: #626466;
  }
  .l-plan .pricing-label {
    padding-top: 98px;
  }
  .l-plan .pricing-label .label-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 56px;
    font-size: 14px;
    border-bottom: 1px solid rgba(50, 53, 56, 0.1);
  }
  .l-plan .pricing-label .label-item .material-icons {
    font-size: 1rem;
    margin: 0 0 0 4px;
  }
  .l-plan .pricing-label .label-item:first-child {
    height: 160px;
  }
  .l-plan .pricing-label .label-item.size-l {
    height: 72px;
  }
  .l-plan .pricing-label .label-item p {
    font-weight: bold;
    color: rgba(50, 53, 56, 0.8);
    line-height: 1.4;
  }
  .l-plan .pricing-label .label-item p .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    font-weight: bold;
    -webkit-text-decoration: underline dotted #ccc;
            text-decoration: underline dotted #ccc;
  }
  .l-plan .pricing-label .label-item p .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }
  .l-plan .pricing-label .label-item:last-child {
    border-bottom: none;
  }
  .l-plan .pricing-table {
    background: #fff;
    border: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
    margin: 0 4px;
  }
  .l-plan .pricing-table.free .pricing-table-header:before {
    background: #CACBCC;
  }
  .l-plan .pricing-table.standard .pricing-table-header:before {
    background: #2C76BA;
  }
  .l-plan .pricing-table .pricing-table-header {
    padding: 32px 24px 24px;
    color: #202326;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 96px;
    position: relative;
  }
  .l-plan .pricing-table .pricing-table-header:before {
    content: "";
    width: 100%;
    height: 8px;
    border-radius: 12px 12px 0 0;
    background: #e05a2c;
    position: absolute;
    left: 0;
    top: 0;
  }
  .l-plan .pricing-table .pricing-table-header:after {
    content: "";
    position: absolute;
    width: calc(100% - 2rem);
    left: 1rem;
    bottom: 0;
    border-bottom: 1px solid #E5E6E7;
  }
  .l-plan .pricing-table .pricing-table-header .title {
    text-align: center;
  }
  .l-plan .pricing-table .pricing-table-header .title span {
    display: block;
  }
  .l-plan .pricing-table .pricing-table-header .title .ornament {
    padding-top: 6px;
    font-size: 24px;
    font-weight: bold;
  }
  .l-plan .pricing-table .pricing-table-header .title .main {
    font-size: 14px;
    margin-top: 8px;
    color: #626466;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-plan .pricing-table .pricing-table-header .title .main .popular-tag {
    margin-left: 4px;
    height: 16px;
    font-size: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(224, 90, 44, 0.1);
    border-radius: 400px;
    color: #e05a2c;
    font-weight: bold;
    padding: 2px 0.5rem;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 160px;
    padding-top: 1.5rem;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0.75rem;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-item {
    font-size: 28px;
    min-height: 40px;
    font-weight: bold;
    color: #323538;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-item .number {
    font-size: 40px;
    font-weight: bold;
    color: #323538;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-item .unit {
    font-size: 20px;
    font-weight: bold;
    margin-left: 2px;
    padding-bottom: 6px;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .cv-btn {
    height: 40px;
    padding: 0 16px;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #e05a2c;
    border-radius: 24px;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    color: #e05a2c;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .cv-btn.primary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    color: #fff;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .cv-btn:hover {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(224, 90, 44, 0.2);
            box-shadow: 0 0 0 0.25rem rgba(224, 90, 44, 0.2);
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .trial-link {
    font-size: 0.75rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #626466;
    display: inline-block;
    margin-top: 0.25rem;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .trial-link:hover {
    color: #e05a2c;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-note {
    font-size: 0.75rem;
    color: #626466;
    display: inline-block;
    margin-top: 0.25rem;
  }
  .l-plan .pricing-table .pricing-table-content .item-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0.25rem;
  }
  .l-plan .pricing-table .pricing-table-content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 56px;
    padding: 6px 16px;
  }
  .l-plan .pricing-table .pricing-table-content .item.size-l {
    height: 72px;
  }
  .l-plan .pricing-table .pricing-table-content .item:nth-child(even) {
    background: rgba(50, 53, 56, 0.035);
  }
  .l-plan .pricing-table .pricing-table-content .content-main {
    font-size: 14px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    line-height: 1.4;
    text-align: center;
  }
  .l-plan .pricing-table .pricing-table-content .content-main.emphasize {
    font-size: 18px;
  }
  .l-plan .pricing-table .pricing-table-content .content-main.emphasize .accent-color {
    color: #202326;
    font-weight: bold;
    font-size: 20px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(25%, rgba(224, 90, 44, 0.3)));
    background: -o-linear-gradient(transparent 75%, rgba(224, 90, 44, 0.3) 25%);
    background: linear-gradient(transparent 75%, rgba(224, 90, 44, 0.3) 25%);
    line-height: 1.2;
  }
  .l-plan .pricing-table .pricing-table-content .content-main a {
    color: #e05a2c;
    font-weight: bold;
  }
  .l-plan .pricing-table .pricing-table-content .content-main.content-text {
    font-weight: normal;
  }
  .l-plan .pricing-table .pricing-table-content .content-main[data-modal="#connector_count_example-modal"] {
    cursor: pointer;
    position: relative;
  }
  .l-plan .pricing-table .pricing-table-content .content-main[data-modal="#connector_count_example-modal"]:hover .accent-color {
    color: #e05a2c;
  }
  .l-plan .pricing-table .pricing-table-content .content-main[data-modal="#connector_count_example-modal"]:hover .help-tooltip-icon .material-icons {
    color: #e05a2c;
  }
  .l-plan .pricing-table .pricing-table-content .content-main[data-modal="#connector_count_example-modal"]:hover .tooltip-label {
    opacity: 1;
    visibility: visible;
  }
  .l-plan .pricing-table .pricing-table-content .content-main .help-tooltip-icon:hover .tooltip-label {
    opacity: 1;
    visibility: visible;
  }
  .l-plan .pricing-table .pricing-table-content .content-main .help-tooltip-icon:hover .material-icons {
    color: #e05a2c;
  }
  .l-plan .pricing-table .pricing-table-content .content-main .help-tooltip-icon .material-icons {
    font-size: 1.25rem;
    margin: 3px 2px 0;
    color: rgba(98, 100, 102, 0.85);
  }
  .l-plan .pricing-table .pricing-table-content .content-main .help-tooltip-icon .tooltip-label {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 12px;
    background: #1F3154;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-plan .pricing-table .pricing-table-content .content-caution {
    font-size: 12px;
    color: rgba(50, 53, 56, 0.75);
    padding-left: 2px;
  }
  .l-plan .pricing-table .pricing-table-content .unable {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(50, 53, 56, 0.25);
    margin: 0 8px;
  }
  .l-plan .pricing-table .pricing-table-content .unable:before, .l-plan .pricing-table .pricing-table-content .unable:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 6px);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
  }
  .l-plan .pricing-table .pricing-table-content .unable:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .l-plan .pricing-table .pricing-table-content .unable:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .l-plan .pricing-table .pricing-table-content .enable {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #209666;
    margin: 0 8px;
  }
  .l-plan .pricing-table .pricing-table-content .enable:after {
    content: "";
    width: 10px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 5px;
    left: 5px;
  }
  .l-plan .c-enterprise {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    padding: 1rem 2.5rem;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
    background: #fff;
    position: relative;
  }
  .l-plan .c-enterprise:before {
    content: "";
    width: 8px;
    height: 100%;
    border-radius: 12px 0 0 12px;
    background: #CACBCC;
    position: absolute;
    left: 0;
    top: 0;
  }
  .l-plan .c-enterprise .enterprise-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.5rem;
    padding: 1.5rem 1.5rem 1.5rem 0;
    border-right: 1px solid #E5E6E7;
  }
  .l-plan .c-enterprise .enterprise-title .ornament {
    font-weight: bold;
    font-size: 1.5rem;
    color: #202326;
  }
  .l-plan .c-enterprise .enterprise-title .main {
    font-size: 14px;
    color: #626466;
  }
  .l-plan .c-enterprise .enterprise-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 0.875rem;
    line-height: 1.75;
    color: #626466;
  }

  .column-container {
    margin: 2rem 0;
    padding: 1.5rem 2.5rem;
    background: #FDF7F4;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .column-container .column-text {
    width: 50%;
    padding-right: 1.5rem;
  }
  .column-container .column-text .column-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #202326;
  }
  .column-container .column-text .column-title .ornament {
    display: block;
    font-family: "Montserrat";
    font-weight: 700;
    margin-bottom: 0.25rem;
    letter-spacing: 4px;
    color: #e05a2c;
    font-size: 0.75rem;
  }
  .column-container .column-text .description {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
  }
  .column-container .column-image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .compare-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.04);
            box-shadow: 0 1px 12px rgba(0, 0, 0, 0.04);
  }
  .compare-table .plan-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 28px;
    padding: 0 16px 2px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 6px;
  }
  .compare-table .plan-name.default {
    background: rgba(31, 49, 84, 0.75);
  }
  .compare-table .plan-name.trocco {
    background: #e05a2c;
  }
  .compare-table .caution {
    font-size: 12px;
    color: rgba(50, 53, 56, 0.75);
  }
  .compare-table thead th {
    padding: 12px;
    border-bottom: 1px double #E5E6E7;
    border-right: 1px solid #E5E6E7;
  }
  .compare-table thead th:last-child {
    border-right: none;
  }
  .compare-table tbody tr td:last-child {
    border-left: 1px solid #E5E6E7;
  }
  .compare-table tbody th {
    padding: 12px 1.5rem;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: rgba(50, 53, 56, 0.75);
    border-right: 1px solid #E5E6E7;
    border-bottom: 1px dotted #E5E6E7;
  }
  .compare-table tbody td {
    padding: 12px;
    text-align: center;
    border-bottom: 1px dotted #E5E6E7;
  }
  .compare-table tbody td.trocco {
    color: #e05a2c;
  }
  .compare-table tbody td p.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .compare-table tbody td span {
    font-weight: bold;
  }
  .compare-table tbody td span.amount {
    font-size: 20px;
  }
  .compare-table tbody td span.unit {
    font-size: 14px;
    margin-left: 2px;
  }
  .compare-table tbody .conclusion th, .compare-table tbody .conclusion td {
    padding: 16px 24px;
    border-top: 1px solid rgba(50, 53, 56, 0.1);
    vertical-align: middle;
  }
  .compare-table tbody .conclusion td span.amount {
    font-size: 28px;
  }
  .compare-table tbody .conclusion td span.unit {
    font-size: 16px;
  }
  .compare-table tbody .conclusion .conclusion-content {
    position: relative;
    display: inline-block;
  }
  .compare-table tbody .conclusion .conclusion-content .down-text {
    background: #166AB9;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    right: -64px;
    top: -32px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .compare-table tbody .conclusion .conclusion-content .down-text:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #166AB9;
    position: absolute;
    left: 5px;
    bottom: 5px;
  }
  .compare-table tbody .conclusion .conclusion-content .down-text span {
    display: block;
    line-height: 1;
  }
  .compare-table tbody .conclusion .conclusion-content .down-text .down {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-top: -12px;
  }
  .compare-table tbody .conclusion .conclusion-content .down-text .count {
    font-size: 20px;
    margin-bottom: -8px;
  }
  .compare-table tbody .conclusion .conclusion-content .down-text .unit {
    font-size: 14px;
    margin-bottom: -8px;
  }

  .plan-addon-section,
.plan-content-section {
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 1px solid #E5E6E7;
  }
  .plan-addon-section:last-child,
.plan-content-section:last-child {
    margin-bottom: 4rem;
  }
  .plan-addon-section .content-section-title,
.plan-content-section .content-section-title {
    font-size: 28px;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }
  .plan-addon-section .content-section-description,
.plan-content-section .content-section-description {
    font-size: 1rem;
    color: #323538;
    line-height: 1.8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .plan-addon-section .content-section-description p,
.plan-content-section .content-section-description p {
    font-size: 0.875rem;
    color: #323538;
    line-height: 1.8;
  }
  .plan-addon-section .content-section-description .content-section-description-action,
.plan-content-section .content-section-description .content-section-description-action {
    margin-left: auto;
  }
  .plan-addon-section .content-section-inner,
.plan-content-section .content-section-inner {
    padding: 3rem 0;
  }
  .plan-addon-section .content-section-inner-title,
.plan-content-section .content-section-inner-title {
    font-size: 22px;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
    position: relative;
  }
  .plan-addon-section .content-section-inner-title:before,
.plan-content-section .content-section-inner-title:before {
    content: "";
    width: 4px;
    height: 100%;
    border-radius: 2px;
    background: #e05a2c;
    position: absolute;
    left: -2px;
    top: 2px;
  }
  .plan-addon-section .option-table,
.plan-content-section .option-table {
    margin: 1rem 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    border: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }
  .plan-addon-section .option-table th,
.plan-content-section .option-table th {
    padding: 1rem 1.5rem;
    font-size: 0.875rem;
    font-weight: bold;
    color: #626466;
    text-align: left;
    background: #FBFBFC;
  }
  .plan-addon-section .option-table th:last-child,
.plan-content-section .option-table th:last-child {
    text-align: right;
  }
  .plan-addon-section .option-table td,
.plan-content-section .option-table td {
    padding: 1rem 1.5rem;
    border-top: 1px solid #E5E6E7;
    border-right: 1px solid #E5E6E7;
  }
  .plan-addon-section .option-table td:last-child,
.plan-content-section .option-table td:last-child {
    vertical-align: middle;
    border-right: none;
  }
  .plan-addon-section .option-table .option-item-title,
.plan-content-section .option-table .option-item-title {
    font-size: 16px;
    padding: 0.25rem 0;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    white-space: nowrap;
  }
  .plan-addon-section .option-table .option-description,
.plan-content-section .option-table .option-description {
    line-height: 1.8;
    color: #626466;
    font-size: 0.875rem;
  }
  .plan-addon-section .option-table .view-more-link,
.plan-content-section .option-table .view-more-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #e05a2c;
  }
  .plan-addon-section .option-table .view-more-link:after,
.plan-content-section .option-table .view-more-link:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #e05a2c;
    border-right: 1px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px;
  }
  .plan-addon-section .option-table .option-fee-item-wrapper,
.plan-content-section .option-table .option-fee-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .plan-addon-section .option-table .option-fee-item,
.plan-content-section .option-table .option-fee-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    white-space: nowrap;
  }
  .plan-addon-section .option-table .option-fee-item:first-child,
.plan-content-section .option-table .option-fee-item:first-child {
    border-bottom: 1px solid #E5E6E7;
    padding: 0 0 0.75rem;
  }
  .plan-addon-section .option-table .option-fee-item:nth-child(2),
.plan-content-section .option-table .option-fee-item:nth-child(2) {
    padding: 0.75rem 0 0.25rem 0;
  }
  .plan-addon-section .option-table .option-fee-item-label,
.plan-content-section .option-table .option-fee-item-label {
    font-size: 12px;
    font-weight: bold;
    color: #626466;
    padding-bottom: 0.125rem;
  }
  .plan-addon-section .option-table .option-fee,
.plan-content-section .option-table .option-fee {
    text-align: right;
    font-size: 1rem;
    font-weight: bold;
    color: #323538;
    white-space: nowrap;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .plan-addon-section .option-table .option-fee .number,
.plan-content-section .option-table .option-fee .number {
    color: #e05a2c;
    font-weight: bold;
    font-size: 20px;
  }
  .plan-addon-section .table-caution,
.plan-content-section .table-caution {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #626466;
    padding: 0 4px;
    margin-top: 1rem;
  }
  .plan-addon-section .table-caution .emphasize,
.plan-content-section .table-caution .emphasize {
    font-weight: bold;
  }

  .ad-bundle {
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-top: 1rem;
  }
  .ad-bundle .ad-bundle-title {
    padding: 3.5rem 1.5rem;
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    color: #fff;
    white-space: nowrap;
  }
  .ad-bundle .ad-bundle-title h3 {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.25rem;
  }
  .ad-bundle .ad-bundle-title p {
    font-size: 0.875rem;
    color: #fff;
    line-height: 1.6;
  }
  .ad-bundle .ad-bundle-content {
    padding: 2rem;
  }
  .ad-bundle .ad-bundle-content .bundle-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #E5E6E7;
  }
  .ad-bundle .ad-bundle-content .bundle-detail dt {
    font-size: 1.2rem;
    font-weight: bold;
    color: #323538;
  }
  .ad-bundle .ad-bundle-content .bundle-detail dd {
    font-size: 1.2rem;
    font-weight: bold;
    color: #323538;
  }
  .ad-bundle .ad-bundle-content .bundle-detail dd .number {
    font-weight: bold;
    color: #e05a2c;
    font-size: 1.75rem;
  }
  .ad-bundle .ad-bundle-content .description {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #626466;
  }

  .estimate-pattern-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .estimate-pattern-tab .tab-item {
    border-radius: 8px 8px 0 0;
    padding: 1rem 1.5rem 1.25rem;
    border-top: 1px solid #E5E6E7;
    border-left: 1px solid #E5E6E7;
    border-right: 1px solid #E5E6E7;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: bold;
    background: #F7F8F9;
    color: #626466;
    text-decoration: none;
  }
  .estimate-pattern-tab .tab-item.active {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    color: #fff;
  }
  .estimate-pattern-tab .tab-item.active .case-num,
.estimate-pattern-tab .tab-item.active .case-label {
    color: #fff !important;
  }
  .estimate-pattern-tab .tab-item:hover .case-num,
.estimate-pattern-tab .tab-item:hover .case-label {
    color: #e05a2c;
  }
  .estimate-pattern-tab .tab-item .case-label {
    font-weight: bold;
    color: #626466;
  }
  .estimate-pattern-tab .tab-item .case-num {
    font-weight: 700;
    font-family: "Montserrat";
    display: block;
    font-size: 0.875rem;
  }

  .estimate-pattern-wrapper {
    border: 1px solid #E5E6E7;
    border-radius: 0 8px 8px 8px;
    padding: 1.5rem;
    -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .estimate-pattern-content {
    display: none;
  }
  .estimate-pattern-content.show {
    display: block;
  }
  .estimate-pattern-content .introduction {
    display: grid;
    grid-template-columns: 47.5% 1fr;
    padding-bottom: 1.5rem;
  }
  .estimate-pattern-content .introduction .description {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
    padding-right: 1rem;
  }
  .estimate-pattern-content .estimate-pattern-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 20px;
    font-weight: bold;
    color: #202326;
    line-height: 1.6;
    margin-bottom: 0.75rem;
  }
  .estimate-pattern-content .estimate-pattern-title .ornament {
    font-family: "Montserrat";
    font-size: 0.875rem;
    font-weight: 700;
    color: #e05a2c;
  }
  .estimate-pattern-content .integration-info {
    background: #FBFBFC;
    border-radius: 6px;
    padding: 0.5rem 1.25rem;
  }
  .estimate-pattern-content .integration-info dl {
    display: grid;
    grid-template-columns: 64px 1fr;
    padding: 0.75rem 0;
  }
  .estimate-pattern-content .integration-info dl:first-child {
    border-bottom: 1px solid #E5E6E7;
  }
  .estimate-pattern-content .integration-info dl dt {
    font-size: 0.875rem;
    font-weight: bold;
    color: #626466;
    line-height: 1.6;
  }
  .estimate-pattern-content .integration-info dl dd {
    font-size: 0.8rem;
    line-height: 1.6;
    color: #323538;
    padding-left: 0.5rem;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item:after {
    content: "/";
    margin: 0 1px 0 2px;
    display: inline-block;
    opacity: 0.6;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item:last-child:after {
    display: none;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    padding: 2px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
  }
  .estimate-pattern-content .estimate-table {
    width: 100%;
    table-layout: fixed;
  }
  .estimate-pattern-content .estimate-table th,
.estimate-pattern-content .estimate-table td {
    border-top: 1px solid #E5E6E7;
  }
  .estimate-pattern-content .estimate-table td {
    padding: 0.75rem 0 0.75rem 1rem;
  }
  .estimate-pattern-content .estimate-table th {
    width: 240px;
    padding: 0.75rem 1rem 0.75rem 0;
    font-size: 0.875rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    white-space: nowrap;
    border-right: 1px solid #E5E6E7;
  }
  .estimate-pattern-content .estimate-detail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.15rem 0;
  }
  .estimate-pattern-content .estimate-detail-item dt {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.8;
  }
  .estimate-pattern-content .estimate-detail-item dt .estimate-detail-item-caution {
    padding-top: 2px;
    font-size: 0.875rem;
    color: #626466;
    line-height: 1.8;
  }
  .estimate-pattern-content .estimate-detail-item dt span {
    font-size: 0.875rem;
    color: #626466;
    line-height: 1.8;
  }
  .estimate-pattern-content .estimate-detail-item .estimate-fee {
    font-size: 1.25rem;
    font-weight: bold;
    color: #323538;
    white-space: nowrap;
    line-height: 1.8;
  }
  .estimate-pattern-content .estimate-conclusion {
    padding: 1.5rem 0 0.5rem;
    border-top: 1px solid #E5E6E7;
  }
  .estimate-pattern-content .estimate-sum {
    font-size: 1rem;
    font-weight: bold;
    color: #323538;
    text-align: right;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .estimate-pattern-content .estimate-sum .number {
    font-size: 28px;
    font-weight: bold;
    color: #e05a2c;
  }

  .l-faq-section {
    padding: 0;
    background: #FBFBFC;
  }
  .l-faq-section .c-faq-list {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-faq-section .faq-item {
    width: 50%;
    padding: 32px 32px 56px;
  }
  .l-faq-section .faq-item.divide {
    border-top: 1px solid rgba(50, 53, 56, 0.1);
  }
  .l-faq-section .faq-item .question-item {
    padding: 0 0 0 40px;
    margin-bottom: 12px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #323538;
    line-height: 1.5;
  }
  .l-faq-section .faq-item .question-item:before {
    content: "Q";
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    margin-right: 12px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .l-faq-section .faq-item .answer-item {
    padding: 12px 0 0 40px;
    position: relative;
    line-height: 1.75;
    font-size: 14px;
    color: rgba(50, 53, 56, 0.8);
  }
  .l-faq-section .faq-item .answer-item .inline-link {
    color: #e05a2c;
    text-decoration: underline;
  }
  .l-faq-section .faq-item .answer-item:before {
    content: "A";
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
    margin-right: 12px;
    position: absolute;
    left: 0;
    top: 10px;
  }

  .page-content {
    padding: 64px 0;
  }
  .page-content .page-lead-section {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #E5E6E7;
  }
  .page-content .page-content-title {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 24px;
    margin-bottom: 32px;
    position: relative;
    text-align: center;
    line-height: 1.5;
    color: #323538;
  }
  .page-content .page-content-title.lighter .emphasize {
    font-weight: bold;
  }
  .page-content .page-content-title.sub {
    font-size: 28px;
    padding-bottom: 0;
    margin-bottom: 24px;
  }
  .page-content .page-content-title.sub:after {
    display: none;
  }
  .page-content .page-content-title:after {
    content: "";
    width: 80px;
    height: 4px;
    background: #e05a2c;
    border-radius: 2px;
    position: absolute;
    left: calc(50% - 40px);
    bottom: 0;
  }
  .page-content .page-content-title .ornament {
    text-transform: uppercase;
    letter-spacing: 0.35em;
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: bold;
    color: #e05a2c;
  }
  .page-content .page-content-description {
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
    margin: 0 auto 32px;
    color: rgba(50, 53, 56, 0.75);
  }
  .page-content .page-divide-section {
    padding-bottom: 64px;
    margin-bottom: 56px;
    border-bottom: 1px solid rgba(50, 53, 56, 0.1);
  }
  .page-content .page-divide-section:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
  }

  span.code {
    font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
    display: inline-block;
    padding: 2px 4px;
    background: #F7F8F9;
    border: 1px solid #E5E6E7;
    border-radius: 4px;
    line-height: 1;
    margin: 0 2px;
  }

  .columned-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .columned-list.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .columned-list.col-3 .columned-list-item {
    width: calc((100% / 3) - 32px);
    border: none !important;
    padding: 0;
  }
  .columned-list .columned-list-item {
    width: calc(50% - 12px);
    padding: 32px;
    min-height: 144px;
    border: 1px solid #E5E6E7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.01);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.01);
    margin: 12px 0;
  }
  .columned-list .columned-list-item .thumb {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(224, 90, 44, 0.1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .columned-list .columned-list-item .thumb img {
    width: 28px;
    height: 28px;
    display: block;
  }
  .columned-list .columned-list-item .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 24px;
  }
  .columned-list .columned-list-title {
    font-size: 18px;
    font-weight: bold;
    color: #323538;
    margin-bottom: 8px;
    line-height: 1.6;
  }
  .columned-list .columned-list-text {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(50, 53, 56, 0.75);
  }

  .image-wrapper.col-1 {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 40px;
  }
  .image-wrapper.col-1.narrow img {
    max-height: 280px;
  }
  .image-wrapper img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .movie-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    border: 1px solid rgba(50, 53, 56, 0.05);
    overflow: hidden;
    border-radius: 6px;
  }
  .movie-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .c-image-text-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 40px 0;
  }
  .c-image-text-layout.align-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .c-image-text-layout.col-narrow {
    max-width: 880px;
    margin: 0 auto;
  }
  .c-image-text-layout.col-narrow .image-wrapper,
.c-image-text-layout.col-narrow .movie-wrapper {
    width: 480px;
  }
  .c-image-text-layout.col-narrow .image-wrapper.narrow,
.c-image-text-layout.col-narrow .movie-wrapper.narrow {
    width: 400px;
  }
  .c-image-text-layout.col-narrow .image-wrapper.small,
.c-image-text-layout.col-narrow .movie-wrapper.small {
    width: 200px;
  }
  .c-image-text-layout.col-narrow .image-wrapper.large,
.c-image-text-layout.col-narrow .movie-wrapper.large {
    width: 640px;
  }
  .c-image-text-layout.divide {
    border-bottom: 1px solid #E5E6E7;
    margin-bottom: 48px;
    padding-bottom: 48px;
  }
  .c-image-text-layout.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .c-image-text-layout.reverse .text-wrapper {
    padding: 0 48px 0 0;
  }
  .c-image-text-layout .image-wrapper,
.c-image-text-layout .movie-wrapper {
    width: 600px;
    padding: 0 24px;
  }
  .c-image-text-layout .image-wrapper img,
.c-image-text-layout .movie-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  .c-image-text-layout .image-wrapper.narrow,
.c-image-text-layout .movie-wrapper.narrow {
    width: 520px;
  }
  .c-image-text-layout .image-wrapper.wide,
.c-image-text-layout .movie-wrapper.wide {
    width: 704px;
  }
  .c-image-text-layout .text-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 24px;
    padding-bottom: 32px;
  }
  .c-image-text-layout .text-wrapper .text-lead {
    font-size: 22px;
    line-height: 1.4;
    font-weight: bold;
    color: #323538;
    margin-bottom: 24px;
  }
  .c-image-text-layout .text-wrapper .text-detail {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(50, 53, 56, 0.8);
  }
  .c-image-text-layout .text-wrapper .text-detail .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dashed #999;
            text-decoration: underline dashed #999;
  }
  .c-image-text-layout .text-wrapper .text-detail .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }

  .capture-container {
    border-radius: 8px;
    background: #fff;
    padding-top: 24px;
    position: relative;
    overflow: hidden;
    border: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  }
  .capture-container:before {
    content: "";
    width: 100%;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: #E5E6E7;
  }
  .capture-container:after {
    content: "";
    display: block;
    position: absolute;
    left: 12px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C9264F;
    -webkit-box-shadow: 12px 0 0 #F18B1E, 24px 0 0 #239F67;
            box-shadow: 12px 0 0 #F18B1E, 24px 0 0 #239F67;
  }
  .capture-container img {
    display: block;
    width: 100%;
    height: auto;
  }

  .text-item {
    display: block;
    padding-left: 40px;
    position: relative;
    margin-bottom: 56px;
  }
  .text-item:last-child {
    margin-bottom: 0;
  }
  .text-item:before {
    content: "";
    width: 32px;
    height: 32px;
    border: 1px solid rgba(50, 53, 56, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    background: #e05a2c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -4px;
  }
  .text-item:after {
    content: "";
    width: 16px;
    height: 10px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 8px;
    top: 5px;
  }
  .text-item .title {
    font-size: 20px;
    margin-bottom: 8px;
    color: #323538;
    line-height: 1.4;
    font-weight: bold;
  }
  .text-item .title .glossary-text-link {
    color: #323538;
    font-weight: bold;
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .text-item .title .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }
  .text-item .text {
    line-height: 1.75;
    font-size: 14px;
    color: rgba(50, 53, 56, 0.75);
  }
  .text-item .text .glossary-text-link {
    color: rgba(50, 53, 56, 0.75);
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .text-item .text .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }
  .text-item .list {
    font-size: 14px;
    color: rgba(50, 53, 56, 0.75);
  }
  .text-item .list li {
    padding: 4px 0;
    line-height: 1.75;
    position: relative;
  }
  .text-item .list li.with-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .text-item .list li .thumb {
    margin: -4px 6px 0 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .text-item .list li .thumb img {
    width: 24px;
    height: auto;
    display: block;
  }
  .text-item .list li .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .basic-list .list-item {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(50, 53, 56, 0.8);
    padding-left: 24px;
    position: relative;
    margin-bottom: 12px;
  }
  .basic-list .list-item:before {
    content: "";
    width: 12px;
    height: 8px;
    border-left: 2px solid #e05a2c;
    border-bottom: 2px solid #e05a2c;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 8px;
  }
  .basic-list .list-item .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dotted #999;
            text-decoration: underline dotted #999;
  }
  .basic-list .list-item .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }

  .thumb-list.columned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .thumb-list.col-2 .list-item {
    width: calc(50% - 32px);
    margin: 24px 16px;
  }
  .thumb-list.col-3 .list-item {
    width: calc((100% / 3) - 32px);
    margin: 24px 16px;
  }
  .thumb-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
  }
  .thumb-list .list-item .thumb {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: #fff;
  }
  .thumb-list .list-item .thumb img {
    height: 28px;
    width: auto;
    display: block;
  }
  .thumb-list .list-item .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 16px;
  }
  .thumb-list .list-item .text .title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    line-height: 1.4;
    padding: 12px 0;
  }
  .thumb-list .list-item .text .text-detail {
    font-size: 14px;
    color: rgba(50, 53, 56, 0.75);
    line-height: 1.75;
  }

  .point-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding: 24px 0;
  }
  .point-list .point-list-item {
    width: 264px;
    padding: 0 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .point-list .point-list-item.wide {
    width: calc(100% / 3);
  }
  .point-list .point-list-item .thumb {
    width: 96px;
    height: 96px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #E5E6E7;
  }
  .point-list .point-list-item .thumb img {
    width: 56px;
    height: auto;
    display: block;
  }
  .point-list .point-list-item .text {
    padding-top: 24px;
    text-align: center;
  }
  .point-list .point-list-item .title {
    font-size: 18px;
    font-weight: bold;
    color: #323538;
    margin-bottom: 12px;
  }
  .point-list .point-list-item .title.small {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .point-list .point-list-item .detail {
    display: inline-block;
    text-align: left;
  }

  .check-item-list.columned {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .check-item-list.columned.col-3 .check-item {
    width: calc((100% / 3) - 32px);
  }
  .check-item-list .check-item .title {
    position: relative;
    min-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 44px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 16px;
  }
  .check-item-list .check-item .title:before {
    content: "";
    width: 32px;
    height: 32px;
    border: 1px solid rgba(50, 53, 56, 0.1);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .check-item-list .check-item .title:after {
    content: "";
    width: 16px;
    height: 10px;
    border-left: 3px solid #e05a2c;
    border-bottom: 3px solid #e05a2c;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 8px;
    top: calc(50% - 8px);
  }

  .c-view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-view-more .btn {
    background: #fff;
    border: 1px solid #e05a2c;
    height: 56px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 32px;
    min-width: 280px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 28px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    color: #e05a2c !important;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-view-more .btn:hover {
    background: rgba(224, 90, 44, 0.05);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
  }

  .c-section-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-section-link-list .section-link-list-item {
    width: calc((100% / 6) - 12px);
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(50, 53, 56, 0.1);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-section-link-list .section-link-list-item:hover {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
    background: rgba(224, 90, 44, 0.05);
  }
  .c-section-link-list .section-link-list-item a {
    display: block;
    padding: 16px 12px 40px;
    text-decoration: none;
    text-align: center;
  }
  .c-section-link-list .section-link-list-item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid #e05a2c;
    border-bottom: 2px solid #e05a2c;
    position: absolute;
    left: calc(50% - 4px);
    bottom: 20px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .c-section-link-list .section-link-list-item .thumb {
    padding: 8px 0;
  }
  .c-section-link-list .section-link-list-item .thumb img {
    display: block;
    width: 48px;
    height: auto;
    margin: 0 auto;
  }
  .c-section-link-list .section-link-list-item .title {
    margin: 0;
  }
  .c-section-link-list .section-link-list-item .title .title-ornament {
    text-transform: uppercase;
    letter-spacing: 0.15em;
    display: block;
    font-size: 10px;
    margin-bottom: 8px;
    font-weight: bold;
    color: #e05a2c;
  }
  .c-section-link-list .section-link-list-item .title .title-main {
    display: block;
    color: #323538;
    font-size: 14px;
    font-weight: bold;
  }

  .page-slider-container {
    position: relative;
    margin: 0 auto;
  }
  .page-slider-container .slide {
    padding: 16px 40px 0;
  }
  .page-slider-container .slide .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .page-slider-container .slide .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }
  .page-slider-container .slide .view-more-link {
    display: inline-block;
    margin-top: 16px;
    text-decoration: none;
    color: #e05a2c;
    font-size: 14px;
    font-weight: bold;
  }
  .page-slider-container .slide .view-more-link:hover {
    text-decoration: underline;
  }
  .page-slider-container .slide .view-more-link:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #e05a2c;
    border-right: 2px solid #e05a2c;
    display: inline-block;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 2px;
  }
  .page-slider-container .slide .c-image-text-layout {
    padding: 16px 0 0;
  }
  .page-slider-container .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 32px;
  }
  .page-slider-container .slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 6px;
    background: #ccc;
  }
  .page-slider-container .slick-dots li.slick-active {
    background: #e05a2c;
  }
  .page-slider-container .slick-dots li button {
    border: none;
    background: transparent;
    width: 12px;
    height: 12px;
    color: transparent;
    overflow: hidden;
    padding: 0;
  }
  .page-slider-container .slick-dots li button:focus, .page-slider-container .slick-dots li button:hover, .page-slider-container .slick-dots li button:active {
    outline: none;
  }
  .page-slider-container .slick-arrow {
    position: absolute;
    top: calc(50% - 28px);
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 56px;
    height: 56px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: transparent;
    font-size: 0;
    overflow: hidden;
    z-index: 100;
    outline: none;
    cursor: pointer;
  }
  .page-slider-container .slick-arrow:hover:after {
    border-color: #e05a2c;
  }
  .page-slider-container .slick-arrow:after {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
  }
  .page-slider-container .slick-arrow.slick-next {
    right: -40px;
  }
  .page-slider-container .slick-arrow.slick-next:after {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .page-slider-container .slick-arrow.slick-prev {
    left: -40px;
  }
  .page-slider-container .slick-arrow.slick-prev:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .page-content-aside {
    border: 1px solid #E5E6E7;
    background: #FBFBFC;
    border-radius: 12px;
    padding: 24px 16px;
  }
  .page-content-aside .page-content-aside-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 24px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(50, 53, 56, 0.1);
    color: #323538;
  }

  .partner .page-description {
    max-width: 760px;
  }

  .c-partner-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #F5F8F9;
    padding: 16px;
    margin: 24px 0;
  }

  .c-partner-item {
    width: calc((100%/4) - 16px);
    margin: 8px;
    border-radius: 12px;
    background: #fff;
    padding: 8px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .c-partner-item a {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-partner-item a:hover {
    opacity: 0.5;
  }
  .c-partner-item img {
    max-height: 56px;
    max-width: 75%;
    width: auto;
    height: auto;
    display: block;
    margin: 24px auto 16px;
  }
  .c-partner-item .partner-name {
    text-align: center;
    width: 100%;
    font-size: 12px;
    padding: 0px 0 32px;
    opacity: 0.6;
  }

  .partner-caution {
    text-align: right;
    font-size: 13px;
    margin-bottom: 24px;
    opacity: 0.6;
  }

  .index-section {
    padding: 80px 0 64px;
    border-bottom: 1px solid #E5E6E7;
  }
  .index-section:last-child {
    border-bottom: none;
  }
  .index-section .index-section-title {
    font-size: 24px;
    font-weight: bold;
    color: #202326;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }
  .index-section .index-content-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 16px);
    margin: 0 -8px;
  }
  .index-section .index-content-item {
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
    background: #fff;
    width: calc((100% / 3) - 16px);
    margin: 0 8px 16px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .index-section .index-content-item.no-image a {
    padding-left: 1.5rem;
  }
  .index-section .index-content-item:hover {
    -webkit-box-shadow: 0 0 0 6px rgba(224, 90, 44, 0.1);
            box-shadow: 0 0 0 6px rgba(224, 90, 44, 0.1);
  }
  .index-section .index-content-item:hover a:after {
    right: 16px;
  }
  .index-section .index-content-item:hover h3 {
    color: #e05a2c;
  }
  .index-section .index-content-item a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5rem 2.5rem 1.5rem 0;
    position: relative;
  }
  .index-section .index-content-item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #e05a2c;
    border-top: 2px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 1.125rem;
    top: calc(50% - 4px);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .index-section .index-content-item .item-thumb {
    width: 25%;
    margin: 0 8px;
  }
  .index-section .index-content-item .item-thumb img {
    width: 100%;
    height: auto;
  }
  .index-section .index-content-item .item-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .index-section .index-content-item h3 {
    font-size: 18px;
    font-weight: bold;
    color: #202326;
    margin-bottom: 0.75rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .index-section .index-content-item p {
    font-size: 0.825rem;
    color: #323538;
    line-height: 1.8;
  }

  .solution-header,
.usecase-header {
    background: rgba(247, 214, 202, 0.5);
  }
  .solution-header .container,
.usecase-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .solution-header .solution-header-text,
.usecase-header .solution-header-text {
    max-width: 344px;
  }
  .solution-header .usecase-header-text,
.usecase-header .usecase-header-text {
    max-width: 560px;
  }
  .solution-header .usecase-header-text .btn,
.usecase-header .usecase-header-text .btn {
    width: auto !important;
  }
  .solution-header .solution-header-lead,
.usecase-header .solution-header-lead {
    font-size: 40px;
    white-space: nowrap;
    line-height: 1.4;
    font-weight: bold;
    color: #202326;
    margin-bottom: 16px;
  }
  .solution-header .solution-header-title,
.usecase-header .solution-header-title {
    font-size: 16px;
    font-weight: bold;
    color: #D94B23;
    line-height: 1.4;
    margin-bottom: 24px;
  }
  .solution-header .solution-header-image,
.usecase-header .solution-header-image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .solution-header .solution-header-image img,
.usecase-header .solution-header-image img {
    height: 400px;
    width: auto;
    margin: 0 0 0 80px;
  }
  .solution-header .usecase-header-image,
.usecase-header .usecase-header-image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .solution-header .usecase-header-image img,
.usecase-header .usecase-header-image img {
    height: 280px;
    width: auto;
    margin: 0 0 0 0;
  }
  .solution-header .usecase-header-title,
.usecase-header .usecase-header-title {
    font-size: 36px;
    line-height: 1.75;
    font-weight: bold;
    color: #202326;
    margin-bottom: 0.5rem;
  }
  .solution-header .usecase-header-title span,
.usecase-header .usecase-header-title span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #e05a2c;
  }
  .solution-header .usecase-header-description,
.usecase-header .usecase-header-description {
    font-size: 16px;
    line-height: 1.75;
    color: #323538;
    margin-bottom: 1.25rem;
  }

  .solution-header .container {
    padding: 12px 64px;
  }

  .usecase-header .container {
    padding: 40px 112px 72px 112px;
  }

  .usecase-tobe-content {
    background: #fff;
    padding: 48px;
    border-radius: 16px;
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateY(-120px);
        -ms-transform: translateY(-120px);
            transform: translateY(-120px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    max-width: 1020px;
    margin: 0 auto;
  }
  .usecase-tobe-content:before {
    content: "";
    width: 12px;
    height: 6px;
    -webkit-transform: skewY(30deg);
        -ms-transform: skewY(30deg);
            transform: skewY(30deg);
    -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
            transform-origin: bottom right;
    position: absolute;
    left: calc(50% - 12px);
    bottom: -56px;
    background: #e05a2c;
    -webkit-box-shadow: 0 12px 0 rgba(224, 90, 44, 0.6);
            box-shadow: 0 12px 0 rgba(224, 90, 44, 0.6);
  }
  .usecase-tobe-content:after {
    content: "";
    width: 12px;
    height: 6px;
    -webkit-transform: skewY(-30deg);
        -ms-transform: skewY(-30deg);
            transform: skewY(-30deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    position: absolute;
    right: calc(50% - 12px);
    bottom: -56px;
    background: #e05a2c;
    -webkit-box-shadow: 0 12px 0 rgba(224, 90, 44, 0.6);
            box-shadow: 0 12px 0 rgba(224, 90, 44, 0.6);
  }
  .usecase-tobe-content .text {
    max-width: 768px;
    margin: 0 auto;
  }
  .usecase-tobe-content .text > *:last-child {
    margin-bottom: 0;
  }
  .usecase-tobe-content .text .usecase-tobe-title {
    text-align: center;
    font-size: 28px;
    line-height: 1.4;
    font-weight: bold;
    color: #202326;
    margin-bottom: 2rem;
  }
  .usecase-tobe-content .text .usecase-tobe-title span {
    font-size: 16px;
    font-weight: bold;
    color: #e05a2c;
    display: block;
    margin-bottom: 16px;
    letter-spacing: 0.04em;
  }
  .usecase-tobe-content .text p {
    font-size: 16px;
    line-height: 1.75;
    color: #323538;
    padding: 0 48px 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #E5E6E7;
  }
  .usecase-tobe-content .text .list-wrapper {
    text-align: center;
  }
  .usecase-tobe-content .text ul {
    display: inline-block;
  }
  .usecase-tobe-content .text ul li {
    padding: 6px 0 6px 28px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #323538;
    line-height: 1.6;
    text-align: left;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
  .usecase-tobe-content .text ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #e05a2c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
  }
  .usecase-tobe-content .text ul li:after {
    content: "";
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 5px;
    top: 14px;
  }

  .usecase-step-lists {
    max-width: 1096px;
    margin: 0 auto;
    padding: 24px 0 32px;
  }
  .usecase-step-lists ul {
    width: calc(100% + 48px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -24px;
  }
  .usecase-step-lists li {
    width: calc((100% / 3) - 48px);
    margin: 0 24px 48px;
  }
  .usecase-step-lists li .usecase-step-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #323538;
    text-align: center;
  }
  .usecase-step-lists li .usecase-step-title span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    border-radius: 50%;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background: #e05a2c;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
  }
  .usecase-step-lists li .thumb {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    background: #F7F8F9;
    padding-top: 16px;
    position: relative;
  }
  .usecase-step-lists li .thumb:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 6px;
    background: #C9264F;
    -webkit-box-shadow: 9px 0 0 #F18B1E, 18px 0 0 #239F67;
            box-shadow: 9px 0 0 #F18B1E, 18px 0 0 #239F67;
  }
  .usecase-step-lists li .thumb img {
    width: 100%;
    height: auto;
    display: block;
  }

  .solution-page-content {
    padding-top: 80px;
  }
  .solution-page-content .content-section {
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #E5E6E7;
  }
  .solution-page-content .content-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  .solution-page-content .content-inner-section {
    margin-bottom: 64px;
  }
  .solution-page-content .section-header {
    font-size: 28px;
    color: #202326;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
  }
  .solution-page-content .section-header.small {
    font-size: 24px;
  }
  .solution-page-content .align-center {
    text-align: center;
  }
  .solution-page-content .solution-problem-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 40px 0 0;
  }
  .solution-page-content .solution-problem-list .solution-problem-item {
    counter-increment: problem;
    width: calc((100% / 3) - 16px);
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    position: relative;
  }
  .solution-page-content .solution-problem-list .solution-problem-item img {
    width: 144px;
    height: auto;
    display: block;
    margin: 0 auto 0.5rem;
  }
  .solution-page-content .solution-problem-list .solution-problem-item:before {
    content: counter(problem);
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    color: #fff;
    background: #e05a2c;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 20px);
    top: -20px;
    line-height: 1;
    font-weight: bold;
  }
  .solution-page-content .solution-problem-list .solution-problem-item h3 {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .solution-page-content .solution-problem-list .solution-problem-item h3 .detail {
    display: block;
    color: #e05a2c;
    font-size: 0.875rem;
    font-weight: bold;
  }
  .solution-page-content .solution-problem-list .solution-problem-item h3 .main {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #202326;
  }
  .solution-page-content .solution-problem-list .solution-problem-item p {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
  }
  .solution-page-content .solution-point-list {
    display: inline-block;
    margin-bottom: 40px;
  }
  .solution-page-content .solution-point-list li {
    padding: 8px 0 8px 36px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #323538;
    line-height: 1.6;
    text-align: left;
  }
  .solution-page-content .solution-point-list li:before {
    content: "";
    width: 28px;
    height: 28px;
    background: #e05a2c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
  }
  .solution-page-content .solution-point-list li:after {
    content: "";
    width: 15px;
    height: 10px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 7px;
    top: 14px;
  }
  .solution-page-content .c-solution-architecture {
    border-radius: 8px;
    background: #FBFBFC;
    padding: 3.5rem 1.5rem 2rem;
    margin: 32px 0 48px;
    position: relative;
  }
  .solution-page-content .c-solution-architecture.no-title:before {
    display: none;
  }
  .solution-page-content .c-solution-architecture:before {
    content: "trocco®︎で課題を解決するには";
    font-size: 1.125rem;
    background: #e05a2c;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px;
    padding: 0 24px 3px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: -20px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .solution-page-content .c-solution-architecture img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
  }
  .solution-page-content .interview-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
  .solution-page-content .interview-list > * {
    width: calc((100% / 3) - 32px);
    margin: 0 16px;
  }
  .solution-page-content .solution-detail .solution-detail-title {
    font-size: 16px;
    font-weight: bold;
    color: #e05a2c;
    margin-bottom: 16px;
  }
  .solution-page-content .solution-detail .solution-detail-lead {
    font-size: 24px;
    font-weight: bold;
    color: #202326;
    line-height: 1.6;
    white-space: nowrap;
    margin-bottom: 24px;
  }
  .solution-page-content .solution-detail .solution-detail-description {
    font-size: 0.985rem;
    line-height: 2;
    color: #323538;
  }
  .solution-page-content .solution-effect {
    position: relative;
  }
  .solution-page-content .solution-effect .solution-effect-title {
    display: inline-block;
    padding: 8px 16px 8px 0;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #e05a2c;
    margin-bottom: 16px;
    position: absolute;
    left: 0;
    top: -16px;
  }
  .solution-page-content .solution-effect .solution-effect-list {
    border-top: 1px solid #E5E6E7;
  }
  .solution-page-content .solution-effect .solution-effect-list li {
    border-bottom: 1px solid #E5E6E7;
    padding: 28px 0 32px 28px;
    position: relative;
    white-space: nowrap;
    line-height: 1.8;
    font-size: 16px;
    font-weight: bold;
    color: #202326;
  }
  .solution-page-content .solution-effect .solution-effect-list li:before {
    content: "";
    width: 16px;
    height: 3px;
    background: #e05a2c;
    position: absolute;
    left: 0;
    top: 40px;
  }
  .solution-page-content .solution-effect .solution-effect-list li:after {
    content: "";
    width: 13px;
    height: 13px;
    border-top: 3px solid #e05a2c;
    border-right: 3px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 2px;
    top: 35px;
  }
  .solution-page-content .c-solution-image {
    margin: 32px auto;
  }
  .solution-page-content .c-solution-image.divide-top {
    padding-top: 32px;
    border-top: 1px dotted #E5E6E7;
  }
  .solution-page-content .example-image-caption {
    font-size: 0.875rem;
    font-weight: bold;
    color: #323538;
    padding: 0 8px;
    text-align: center;
    margin-bottom: 2rem;
  }
  .solution-page-content .example-image {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #E5E6E7;
    background: #F7F8F9;
    position: relative;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  }
  .solution-page-content .example-image:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #a83e2a;
    -webkit-box-shadow: 12px 0 0 #caab30, 24px 0 0 #58a050;
            box-shadow: 12px 0 0 #caab30, 24px 0 0 #58a050;
    position: absolute;
    left: 8px;
    top: 4px;
  }
  .solution-page-content .example-image img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
  }
  .solution-page-content .solution-function .solution-function-title {
    font-size: 16px;
    font-weight: bold;
    color: #e05a2c;
    margin-bottom: 10px;
  }
  .solution-page-content .solution-function .function-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 12px);
    margin: 0 -6px;
  }
  .solution-page-content .solution-function .function-list li {
    width: calc((100% / 3) - 12px);
    margin: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #E5E6E7;
    border-radius: 6px;
    padding: 1rem;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.025);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.025);
  }
  .solution-page-content .solution-function .function-list li img {
    width: 28px;
    height: 28px;
    margin-right: 12px;
  }
  .solution-page-content .solution-function .function-list li dl {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .solution-page-content .solution-function .function-list li dl dt {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 4px;
    font-weight: bold;
    color: #202326;
  }
  .solution-page-content .solution-function .function-list li dl dd {
    font-size: 12px;
    color: #323538;
    line-height: 1.8;
  }

  .other-solution-links {
    padding: 72px 0;
    background: #FBFBFC;
  }
  .other-solution-links .other-solution-links-title {
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: bold;
    color: #202326;
  }
  .other-solution-links .other-solution-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .other-solution-links .other-solution-list .other-solution-item {
    width: calc(50% - 16px);
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .other-solution-links .other-solution-list .other-solution-item:hover {
    -webkit-box-shadow: 0 0 0 6px rgba(224, 90, 44, 0.1);
            box-shadow: 0 0 0 6px rgba(224, 90, 44, 0.1);
  }
  .other-solution-links .other-solution-list .other-solution-item:hover:after {
    right: 16px;
  }
  .other-solution-links .other-solution-list .other-solution-item:hover h3 {
    color: #e05a2c;
  }
  .other-solution-links .other-solution-list .other-solution-item:after {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 3px solid #e05a2c;
    border-top: 3px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 6px);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .other-solution-links .other-solution-list .other-solution-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 2.5rem 1rem 0;
    text-decoration: none;
  }
  .other-solution-links .other-solution-list .other-solution-item a .item-thumb {
    width: 25%;
    margin: 0 16px;
  }
  .other-solution-links .other-solution-list .other-solution-item a .item-thumb img {
    width: 100%;
    height: auto;
  }
  .other-solution-links .other-solution-list .other-solution-item a .item-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .other-solution-links .other-solution-list .other-solution-item a h3 {
    font-size: 18px;
    font-weight: bold;
    color: #202326;
    margin-bottom: 1rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .other-solution-links .other-solution-list .other-solution-item a p {
    font-size: 0.875rem;
    color: #323538;
    line-height: 1.8;
  }

  .index-item:hover .index-thumb {
    opacity: 0.75;
    -webkit-box-shadow: 0 0 0 4px rgba(224, 90, 44, 0.15);
            box-shadow: 0 0 0 4px rgba(224, 90, 44, 0.15);
  }
  .index-item .index-thumb {
    width: 100%;
    aspect-ratio: 16/9;
    background: #ccc;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid #eaeaea;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .index-item .index-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .index-item .index-item-title a {
    font-size: 18px;
    line-height: 1.6;
    color: #202326;
    font-weight: bold;
    text-decoration: none;
  }
  .index-item .index-item-title a:hover {
    color: #e05a2c;
    text-decoration: underline;
  }
  .index-item .c-company {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #E5E6E7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .index-item .c-company .company-thumb {
    width: 72px;
    height: 72px;
    border: 1px solid #E5E6E7;
    border-radius: 4px;
    background: #fff;
    padding: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .index-item .c-company .company-thumb img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
  }
  .index-item .c-company .company-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 12px;
  }
  .index-item .c-company .company-text .company-name {
    font-size: 15px;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    margin-bottom: 6px;
  }
  .index-item .c-company .company-text .company-meta {
    font-size: 12px;
  }
  .index-item .c-company .company-text .company-meta a,
.index-item .c-company .company-text .company-meta span {
    color: #626466;
  }
  .index-item .c-company .company-text .company-meta a:after,
.index-item .c-company .company-text .company-meta span:after {
    content: "/";
    margin: 0 4px;
    display: inline-block;
  }
  .index-item .c-company .company-text .company-meta a:last-child:after,
.index-item .c-company .company-text .company-meta span:last-child:after {
    display: none;
  }

  .l-cta {
    padding: 48px 0;
    background: -o-linear-gradient(88deg, #1F3154 30%, #1F3154);
    background: linear-gradient(2deg, #1F3154 30%, #1F3154);
  }
  .l-cta .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #fff;
  }
  .l-cta .cta-lead {
    width: 100%;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 24px;
    text-align: center;
  }
  .l-cta .cta-lead .trial-text {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .l-cta .cta-lead .trial-text .emphasize {
    font-weight: bold;
    color: #ea8e6f;
    display: inline-block;
    margin: 0 4px;
  }
  .l-cta .cta-sub-copy {
    line-height: 1.8;
    font-size: 14px;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 12px;
  }
  .l-cta .cta-sub-copy .glossary-text-link {
    color: #fff;
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .l-cta .c-cta-web {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-cta .cv-btn {
    background: #166AB9;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 6px 16px 8px;
    color: #fff;
    height: 64px;
    border-radius: 32px;
    font-size: 20px;
    min-width: 280px;
    font-weight: bold;
    position: relative;
    margin: 8px;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .l-cta .cv-btn .btn-label {
    font-weight: bold;
  }
  .l-cta .cv-btn i {
    margin-right: 4px;
  }
  .l-cta .cv-btn i {
    font-size: 22px;
  }
  .l-cta .cv-btn:hover {
    opacity: 0.85;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  }
  .l-cta .cv-btn.secondary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
  }
  .l-cta .cv-btn.secondary .free-label {
    color: #e05a2c;
  }
  .l-cta .cv-btn.primary {
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
  }
  .l-cta .cv-btn.primary .free-label {
    color: #166AB9;
  }
  .l-cta .c-footer-sub-cta {
    padding: 1.25rem 0 0;
  }
  .l-cta .c-footer-sub-cta .cta-btn {
    min-width: 280px;
    margin: 0 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 48px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 1.5rem;
    border-radius: 24px;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-cta .c-footer-sub-cta .cta-btn:hover {
    background: rgba(22, 106, 185, 0.1);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  }

  .c-page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 88px 32px;
    min-height: 240px;
    position: relative;
    background: rgba(247, 214, 202, 0.5);
  }
  .c-page-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url(../img/header-bg-left.png), url(../img/header-bg-right.png);
    background-position: left center, right center;
    background-size: auto 100%, auto 100%;
    background-repeat: no-repeat, no-repeat;
  }
  .c-page-header .page-title {
    position: relative;
    color: #202326;
    line-height: 1.4;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 32px;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    padding-bottom: 24px;
  }
  .c-page-header .page-title:after {
    content: "";
    width: 80px;
    height: 4px;
    background: #e05a2c;
    border-radius: 2px;
    position: absolute;
    left: calc(50% - 40px);
    bottom: -2px;
  }
  .c-page-header .page-description {
    position: relative;
    line-height: 1.8;
    font-size: 16px;
    font-weight: bold;
    color: #323538;
    -webkit-font-feature-settings: "palt", 1;
            font-feature-settings: "palt", 1;
    letter-spacing: 0.04em;
    text-align: center;
    white-space: nowrap;
  }

  .c-page-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.025);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.025);
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 200;
  }
  .c-page-tab .page-tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-page-tab .page-tab-item a,
.c-page-tab .page-tab-item span {
    display: block;
    padding: 24px 16px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    letter-spacing: 0.02em;
  }
  .c-page-tab .page-tab-item a {
    color: #323538;
  }
  .c-page-tab .page-tab-item .current {
    color: #e05a2c;
  }
  .c-page-tab .page-tab-item .current:after {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #e05a2c;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 16px;
    line-height: 1;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #fff !important;
    height: 48px;
    border-radius: 24px;
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    position: relative;
    white-space: normal;
    white-space: nowrap;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .btn.full {
    width: 100%;
  }
  .btn .free-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    color: #e05a2c;
    font-weight: bold;
    padding: 4px 6px;
    border-radius: 10px;
    background: #fff;
    margin: 0 6px 0 -8px;
    position: relative;
  }
  .btn.small {
    height: 40px;
    padding: 0 12px 1px;
    font-size: 14px;
    border-radius: 20px;
  }
  .btn.large {
    height: 56px;
    border-radius: 28px;
    padding: 0 24px 2px;
    font-size: 16px;
  }
  .btn.primary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
  }
  .btn.primary:hover {
    -webkit-box-shadow: 0 0 0 5px rgba(224, 90, 44, 0.25);
            box-shadow: 0 0 0 5px rgba(224, 90, 44, 0.25);
  }
  .btn.primary.outline {
    background: #fff;
    color: #e05a2c !important;
    border: 1px solid #e05a2c;
    padding-bottom: 2px;
  }
  .btn.primary.outline .free-label {
    background: #e05a2c;
    color: #fff;
  }
  .btn.secondary {
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
  }
  .btn.secondary:hover {
    -webkit-box-shadow: 0 0 0 5px rgba(44, 118, 186, 0.3);
            box-shadow: 0 0 0 5px rgba(44, 118, 186, 0.3);
  }
  .btn.secondary .free-label {
    color: #166AB9;
  }
  .c-breadcrumb {
    width: 100%;
    padding: 16px 12px;
    background: #1F3154;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .c-breadcrumb .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
  }
  .c-breadcrumb .breadcrumb li {
    color: #fff;
    opacity: 0.8;
  }
  .c-breadcrumb .breadcrumb li:after {
    content: "/";
    margin: 0 12px;
    display: inline-block;
  }
  .c-breadcrumb .breadcrumb li:last-child:after {
    display: none;
  }
  .c-breadcrumb .breadcrumb a {
    color: #fff;
    text-decoration: none;
  }
  .c-breadcrumb .breadcrumb a:hover {
    text-decoration: underline;
  }
  .sp-only {
    display: none !important;
  }
}
@media (min-width: 769px) and (min-width: 769px) and (max-width: 1320px) {
  .c-page-tab .page-tab-item {
    overflow: hidden;
  }
  .c-page-tab .page-tab-item a,
.c-page-tab .page-tab-item span {
    display: block;
    padding: 24px 16px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    letter-spacing: 0.02em;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
  .c-page-tab .page-tab-item a {
    color: #323538;
  }
  .c-page-tab .page-tab-item .current {
    color: #e05a2c;
  }
  .c-page-tab .page-tab-item .current:after {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #e05a2c;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .section-title {
    text-align: center;
    color: #323538;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 32px;
    font-size: 24px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
  .section-title.small {
    font-size: 20px;
  }
  .section-title .ornament {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #e05a2c;
    font-weight: bold;
    line-height: 1.5;
  }

  .section-description {
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.8;
    font-size: 0.875rem;
    color: #323538;
  }
  .section-description.align-left, .section-description.sp-align-left {
    text-align: left;
  }

  .section-title-notice {
    text-align: center;
    padding: 0 24px;
    font-size: 12px;
    color: rgba(50, 53, 56, 0.4);
    margin: -16px 0 24px;
  }

  .tooltip {
    position: relative;
    /*ポジション別設定*/
  }
  .tooltip:hover:before, .tooltip:hover:after {
    opacity: 1;
  }
  .tooltip i {
    cursor: help;
    display: inline-block;
    font-size: 18px;
    color: #e05a2c;
    margin: 0 4px;
  }
  .tooltip:before {
    z-index: 1000000;
    content: "";
    width: 12px;
    height: 6px;
    position: absolute;
    left: calc(50% - 6px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    pointer-events: none;
    opacity: 0;
  }
  .tooltip:after {
    z-index: 1000000;
    position: absolute;
    left: 50%;
    content: attr(aria-label);
    background: rgba(50, 53, 56, 0.95);
    padding: 0.5rem 0.75rem;
    font-size: 12px;
    line-height: 1.6;
    color: #fff;
    border-radius: 6px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 264px;
    word-wrap: break-word;
    white-space: pre-line;
    border-collapse: initial;
    display: table-cell;
    pointer-events: none;
    opacity: 0;
  }
  .tooltip.top:before {
    border-top: 6px solid rgba(50, 53, 56, 0.95);
    top: -8px;
  }
  .tooltip.top:after {
    top: -8px;
    -webkit-transform: translateY(-100%) translateX(-50%);
        -ms-transform: translateY(-100%) translateX(-50%);
            transform: translateY(-100%) translateX(-50%);
  }
  .tooltip.bottom:before {
    border-bottom: 6px solid rgba(50, 53, 56, 0.95);
    bottom: -2px;
  }
  .tooltip.bottom:after {
    bottom: -2px;
    -webkit-transform: translateY(100%) translateX(-50%);
        -ms-transform: translateY(100%) translateX(-50%);
            transform: translateY(100%) translateX(-50%);
  }

  .free-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 20px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 0 -8px 0 8px;
    background: #fff;
    border-radius: 10px;
  }

  .l-bg {
    background: #FBFBFC;
  }

  .text-caution {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(50, 53, 56, 0.6);
  }

  .text-normal {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(50, 53, 56, 0.8);
  }

  .l-hero {
    width: 100%;
    max-width: 100vw;
    position: relative;
    overflow: hidden;
    background: rgba(224, 90, 44, 0.1);
  }
  .l-hero .hero-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 16px 24px;
    position: relative;
  }
  .l-hero .hero-container .c-hero-image {
    width: calc(100% + 32px);
    height: 200px;
    position: relative;
    margin: -24px -16px 0;
    overflow: hidden;
    pointer-events: none;
  }
  .l-hero .hero-container .c-hero-image img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 200px;
    width: auto;
    mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(30%, black), to(black));
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, black 30%, black 100%);
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(30%, black), to(black));
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, black 30%, black 100%);
  }
  .l-hero .hero-tagline {
    text-align: center;
    margin-bottom: 16px;
  }
  .l-hero .hero-tagline span {
    display: block;
    font-weight: bold;
  }
  .l-hero .hero-tagline .emphasize {
    font-size: 36px;
    font-weight: 900;
    color: #202326;
    padding: 0 8px 0 16px;
    line-height: 1.25;
    width: calc(100% + 32px);
    margin: 0 -16px 12px;
    white-space: nowrap;
  }
  .l-hero .hero-tagline .content {
    font-size: 16px;
    font-weight: bold;
    color: #e05a2c;
    margin-right: 2px;
    line-height: 1.6;
  }
  .l-hero .c-hero-description {
    display: none;
  }
  .l-hero .c-hero-cta {
    padding: 0;
    width: calc(100% + 32px);
    margin: 0 -16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-hero .c-hero-cta .cta-btn {
    background: #166AB9;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 6px 16px 8px;
    color: #fff;
    height: 64px;
    border-radius: 32px;
    font-size: 20px;
    width: calc(50% - 4px);
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    height: 48px;
    border-radius: 24px;
    padding: 0 12px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    white-space: nowrap;
  }
  .l-hero .c-hero-cta .cta-btn .btn-label {
    font-weight: bold;
  }
  .l-hero .c-hero-cta .cta-btn i {
    margin-right: 4px;
  }
  .l-hero .c-hero-cta .cta-btn i {
    font-size: 22px;
  }
  .l-hero .c-hero-cta .cta-btn.primary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
  }
  .l-hero .c-hero-cta .cta-btn.primary .free-label {
    display: none;
  }
  .l-hero .c-hero-cta .cta-btn.secondary {
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
  }
  .l-hero .c-hero-sub-cta {
    padding: 1rem 1rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% + 12px);
    margin: 0 -6px;
  }
  .l-hero .c-hero-sub-cta .other-link {
    text-decoration: none;
    color: #e05a2c;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.4;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 2rem;
    position: relative;
  }
  .l-hero .c-hero-sub-cta .other-link:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #e05a2c;
    margin: 0 3px 0 0;
  }
  .l-hero .c-hero-sub-cta .other-link:after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 3.5px;
    top: calc(50% - 2.5px);
  }
  .l-hero .hero-caution {
    font-size: 10px;
    color: #fff;
    opacity: 0.75;
    position: absolute;
    right: 48px;
    top: 112px;
  }

  .hero-logo-section {
    padding: 16px 0;
  }
  .hero-logo-section .hero-logo-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 1.5rem 0 1rem;
    text-align: center;
    color: #202326;
  }
  .hero-logo-section .hero-logo-card {
    border: 1px solid rgba(50, 53, 56, 0.1);
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    padding: 16px 0;
    -webkit-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
            transform: translateY(-32px);
  }
  .hero-logo-section .logo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hero-logo-section .logo-list li {
    padding: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hero-logo-section .logo-list li img {
    max-height: 32px;
    max-width: calc((100vw / 3) - 32px);
    width: auto;
    height: auto;
    display: block;
  }

  .l-about {
    background: #fff;
    overflow: hidden;
    position: relative;
    max-width: 100vw;
  }
  .l-about .about-main {
    position: relative;
    overflow: hidden;
  }
  .l-about .c-service-lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 16px 0;
  }
  .l-about .c-service-lead .movie-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    min-height: 0;
  }
  .l-about .c-service-lead .movie-wrap .feature-movie-container {
    overflow: hidden;
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: auto;
    max-width: 720px;
  }
  .l-about .c-service-lead .movie-wrap .feature-movie-container video {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-about .c-service-lead .text {
    width: 100%;
    padding: 32px 0;
  }
  .l-about .c-service-lead .text .header {
    margin-bottom: 20px;
  }
  .l-about .c-service-lead .text .header-lead {
    margin-bottom: 12px;
    font-size: 14px;
    color: #e05a2c;
    font-weight: bold;
    letter-spacing: 4px;
    text-align: center;
  }
  .l-about .c-service-lead .text h2 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    letter-spacing: 0.04em;
    text-align: center;
    color: #323538;
  }
  .l-about .c-service-lead .text h2 .emphasize {
    display: block;
    margin-top: 4px;
    font-weight: bold;
    font-size: 26px;
  }
  .l-about .c-service-lead .text p {
    line-height: 1.75;
    opacity: 0.8;
    font-size: 14px;
    padding: 0 8px;
  }
  .l-about .c-service-lead .text p .glossary-text-link {
    color: #323538;
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .l-about .about-detail {
    position: relative;
    padding-bottom: 48px;
  }
  .l-about .about-detail .header {
    padding: 32px 16px;
    border-top: 1px solid #E5E6E7;
    text-align: center;
    font-weight: bold;
    color: #323538;
    font-size: 18px;
    line-height: 1.4;
  }
  .l-about .about-detail .header h2 {
    font-weight: bold;
  }
  .l-about .about-detail .content {
    padding: 0 16px;
  }
  .l-about .about-detail .about-detail-item {
    position: relative;
    width: 100%;
    padding: 16px 16px 48px;
    z-index: 100;
    border: 1px solid #E5E6E7;
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    margin-bottom: 8px;
  }
  .l-about .about-detail .about-detail-item .card-clickable-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .l-about .about-detail .about-detail-item .thumb {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(224, 90, 44, 0.1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-about .about-detail .about-detail-item .thumb img {
    width: 20px;
    height: 20px;
    display: block;
  }
  .l-about .about-detail .about-detail-item .text {
    width: 100%;
    position: relative;
  }
  .l-about .about-detail .about-detail-item .title {
    font-weight: bold;
    line-height: 1.6;
    font-size: 16px;
    padding: 4px 0 4px 48px;
    margin-bottom: 12px;
  }
  .l-about .about-detail .about-detail-item .title .glossary-text-link {
    color: #323538;
    font-weight: bold;
    -webkit-text-decoration: underline dotted #ccc;
            text-decoration: underline dotted #ccc;
  }
  .l-about .about-detail .about-detail-item p {
    padding: 0 4px;
    font-size: 14px;
    line-height: 1.8;
    color: rgba(50, 53, 56, 0.8);
  }
  .l-about .about-detail .about-detail-item p .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .l-about .about-detail .about-detail-item .c-view-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    bottom: 24px;
    right: 16px;
  }
  .l-about .about-detail .about-detail-item .c-view-detail a {
    text-decoration: none;
    color: #e05a2c;
    font-size: 12px;
    font-weight: bold;
  }
  .l-about .about-detail .about-detail-item .c-view-detail a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #e05a2c;
    border-right: 2px solid #e05a2c;
    display: inline-block;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 2px;
  }

  /* 202007 ゆずたそさんコンテンツへの導線追加 */
  .l-blog-contents {
    background: #FBFBFC;
    padding: 48px 0;
  }
  .l-blog-contents .c-blog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
    padding: 0 16px;
  }
  .l-blog-contents .blog-item {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(25, 30, 40, 0.1);
    background: #fff;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    width: 100%;
    margin: 0 auto 12px;
    padding: 32px 24px 56px;
    text-decoration: none;
    position: relative;
    color: #323538;
  }
  .l-blog-contents .blog-item .item-title {
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 16px;
    padding-bottom: 24px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #E5E6E7;
  }
  .l-blog-contents .blog-item .item-title .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-blog-contents .blog-item .item-title .ornament {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 12px;
    height: 24px;
    background: #e05a2c;
    border-radius: 12px;
    margin-bottom: 12px;
    letter-spacing: 0.04em;
  }
  .l-blog-contents .blog-item .item-title .main-title {
    font-weight: bold;
  }
  .l-blog-contents .blog-item p {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(50, 53, 56, 0.8);
  }
  .l-blog-contents .blog-item .view-more {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 24px;
    padding: 0 16px;
    text-align: right;
    color: #e05a2c;
    font-weight: bold;
    font-size: 12px;
  }
  .l-blog-contents .blog-item .view-more:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #e05a2c;
    border-right: 2px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px;
  }

  .l-solutions {
    padding: 4.5rem 1rem 0;
  }
  .l-solutions .c-solution-index {
    padding-bottom: 3rem;
    border-bottom: 1px solid #E5E6E7;
  }
  .l-solutions .solution-index-item {
    width: 100%;
    margin: 12px 0;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
    background: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-solutions .solution-index-item:hover {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .l-solutions .solution-index-item:hover a:after {
    right: 16px;
  }
  .l-solutions .solution-index-item:hover .title {
    color: #e05a2c;
  }
  .l-solutions .solution-index-item a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 2.5rem 1rem 0;
    position: relative;
  }
  .l-solutions .solution-index-item a:after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #e05a2c;
    border-top: 3px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 4px);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-solutions .solution-index-item .thumb {
    width: 25%;
    margin: 0 16px;
  }
  .l-solutions .solution-index-item .thumb img {
    width: 100%;
    height: auto;
  }
  .l-solutions .solution-index-item .title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 18px;
    font-weight: bold;
    color: #202326;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .l-casestudy {
    padding: 56px 0;
  }

  .c-article-list {
    padding-bottom: 16px;
  }
  .c-article-list .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 0;
  }
  .c-article-list .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 6px;
    background: #ccc;
  }
  .c-article-list .slick-dots li.slick-active {
    background: #e05a2c;
  }
  .c-article-list .slick-dots li button {
    border: none;
    background: transparent;
    width: 12px;
    height: 12px;
    color: transparent;
    overflow: hidden;
    padding: 0;
  }
  .c-article-list .slick-dots li button:focus, .c-article-list .slick-dots li button:hover, .c-article-list .slick-dots li button:active {
    outline: none;
  }
  .c-article-list .slick-arrow {
    display: none !important;
  }
  .c-article-list .article-item {
    border: 1px solid rgba(50, 53, 56, 0.1);
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    max-width: calc(100vw - 64px);
    min-height: 372px;
    margin: 0 4px 16px;
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-article-list .article-item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
  }
  .c-article-list .article-item:hover {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .c-article-list .article-item:hover .thumb-wrapper img {
    opacity: 0.75;
  }
  .c-article-list .article-item:hover .view-more {
    color: #e05a2c;
    opacity: 1;
  }
  .c-article-list .article-item:hover .view-more:after {
    border-color: #e05a2c;
  }
  .c-article-list .article-item .thumb-wrapper {
    background: #323538;
  }
  .c-article-list .article-item .thumb-wrapper img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: block;
    max-width: 100%;
    height: auto;
  }
  .c-article-list .article-item .article-item-text {
    padding: 24px 16px 32px;
  }
  .c-article-list .article-item .article-label {
    color: rgba(50, 53, 56, 0.6);
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: bold;
  }
  .c-article-list .article-item .article-title {
    font-size: 16px;
    line-height: 1.4;
    color: #323538;
    margin-bottom: 8px;
    font-weight: bold;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .c-article-list .article-item .view-more {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    padding: 0 16px;
    text-align: right;
    color: #e05a2c;
    font-weight: bold;
    opacity: 0.75;
    font-size: 12px;
  }
  .c-article-list .article-item .view-more:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #e05a2c;
    border-right: 2px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px;
  }

  .c-casestudy-list {
    max-width: 960px;
    margin: 0 auto;
    padding: 48px 16px 0;
    border-top: 1px solid rgba(50, 53, 56, 0.1);
  }

  .casestudy-list-lead {
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 24px;
    color: #323538;
  }

  .section-footer-action {
    padding-bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .l-service {
    background: #FBFBFC;
    padding: 48px 16px;
  }
  .l-service .c-service-list-block {
    margin: 0 auto;
    padding-top: 16px;
    max-width: 960px;
  }
  .l-service .service-block {
    position: relative;
    border-top: 1px solid rgba(50, 53, 56, 0.1);
    padding: 16px 0 40px;
  }
  .l-service .service-block:last-child {
    padding-bottom: 0;
  }
  .l-service .service-block h3 {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 16px;
    background: #FBFBFC;
    position: absolute;
    left: 50%;
    top: -26px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
  }
  .l-service .service-block .service-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-service .service-block .service-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 12px;
  }
  .l-service .service-block .service-list li .thumb {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.025);
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
  }
  .l-service .service-block .service-list li .thumb img {
    height: 40px;
    width: 40px;
    display: block;
  }
  .l-service .service-block .service-list li h5 {
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    opacity: 0.8;
    line-height: 1.4;
    text-align: center;
  }

  .modal {
    padding-bottom: 32px;
  }
  .modal h5 {
    font-size: 14px;
  }
  .modal .modal-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal .modal-link {
    width: 100%;
    font-size: 13px;
    margin: 0 24px 16px 0;
    color: #e05a2c;
    display: inline-block;
    text-decoration: none;
  }

  .l-plan {
    padding: 32px 16px;
    background: #fff;
  }
  .l-plan .c-pricing-tables {
    display: block;
  }
  .l-plan .pricing-table-caution {
    padding-top: 1rem;
    font-size: 0.75rem;
    line-height: 1.6;
    color: #626466;
  }
  .l-plan .pricing-table-container {
    margin-bottom: 2.5rem;
  }
  .l-plan .pricing-table-container:last-child {
    margin-bottom: 0;
  }
  .l-plan .pricing-table {
    background: #fff;
    border: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
  }
  .l-plan .pricing-table.free .pricing-table-header:before {
    background: #CACBCC;
  }
  .l-plan .pricing-table.standard .pricing-table-header:before {
    background: #2C76BA;
  }
  .l-plan .pricing-table .item-label {
    font-size: 0.75rem;
    margin-right: 8px;
    font-weight: bold;
    color: #626466;
    white-space: nowrap;
    line-height: 1.4;
  }
  .l-plan .pricing-table .item-label a {
    color: #626466;
    font-weight: bold;
    -webkit-text-decoration-style: dashed;
            text-decoration-style: dashed;
  }
  .l-plan .pricing-table .pricing-table-header {
    padding: 32px 24px 24px;
    color: #202326;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 96px;
    position: relative;
  }
  .l-plan .pricing-table .pricing-table-header:before {
    content: "";
    width: 100%;
    height: 8px;
    border-radius: 12px 12px 0 0;
    background: #e05a2c;
    position: absolute;
    left: 0;
    top: 0;
  }
  .l-plan .pricing-table .pricing-table-header:after {
    content: "";
    position: absolute;
    width: calc(100% - 2rem);
    left: 1rem;
    bottom: 0;
    border-bottom: 1px solid #E5E6E7;
  }
  .l-plan .pricing-table .pricing-table-header .title {
    text-align: center;
  }
  .l-plan .pricing-table .pricing-table-header .title span {
    display: block;
  }
  .l-plan .pricing-table .pricing-table-header .title .ornament {
    padding-top: 6px;
    font-size: 24px;
    font-weight: bold;
  }
  .l-plan .pricing-table .pricing-table-header .title .main {
    font-size: 14px;
    margin-top: 8px;
    color: #626466;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-plan .pricing-table .pricing-table-header .title .main .popular-tag {
    margin-left: 4px;
    height: 16px;
    font-size: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(224, 90, 44, 0.1);
    border-radius: 400px;
    color: #e05a2c;
    font-weight: bold;
    padding: 2px 0.5rem;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: auto;
    padding: 1rem 0;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0.75rem;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-item {
    font-size: 28px;
    min-height: 40px;
    font-weight: bold;
    color: #323538;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-item .number {
    font-size: 40px;
    font-weight: bold;
    color: #323538;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-item .unit {
    font-size: 20px;
    font-weight: bold;
    margin-left: 2px;
    padding-bottom: 6px;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .cv-btn {
    height: 40px;
    padding: 0 16px;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #e05a2c;
    border-radius: 24px;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    color: #e05a2c;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .cv-btn.primary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    color: #fff;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .cv-btn:hover {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(224, 90, 44, 0.2);
            box-shadow: 0 0 0 0.25rem rgba(224, 90, 44, 0.2);
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .trial-link {
    font-size: 0.75rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #626466;
    display: inline-block;
    margin-top: 0.25rem;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .trial-link:hover {
    color: #e05a2c;
  }
  .l-plan .pricing-table .pricing-table-content .item.c-fee-item .fee-note {
    font-size: 0.75rem;
    color: #626466;
    display: inline-block;
    margin-top: 0.25rem;
  }
  .l-plan .pricing-table .pricing-table-content .item-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .l-plan .pricing-table .pricing-table-content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto;
    padding: 12px 16px 12px 12px;
  }
  .l-plan .pricing-table .pricing-table-content .item:nth-child(even) {
    background: rgba(50, 53, 56, 0.035);
  }
  .l-plan .pricing-table .pricing-table-content .content-main {
    font-size: 14px;
    padding: 4px 0;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    line-height: 1.4;
    text-align: center;
  }
  .l-plan .pricing-table .pricing-table-content .content-main.emphasize {
    font-size: 16px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .l-plan .pricing-table .pricing-table-content .content-main.emphasize .accent-color {
    color: #202326;
    font-weight: bold;
    font-size: 18px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(25%, rgba(224, 90, 44, 0.3)));
    background: -o-linear-gradient(transparent 75%, rgba(224, 90, 44, 0.3) 25%);
    background: linear-gradient(transparent 75%, rgba(224, 90, 44, 0.3) 25%);
    line-height: 1.2;
  }
  .l-plan .pricing-table .pricing-table-content .content-main a {
    color: #e05a2c;
    font-weight: bold;
  }
  .l-plan .pricing-table .pricing-table-content .content-main.content-text {
    font-weight: normal;
    font-size: 12px;
    text-align: right;
  }
  .l-plan .pricing-table .pricing-table-content .content-main .help-tooltip-icon {
    position: relative;
  }
  .l-plan .pricing-table .pricing-table-content .content-main .help-tooltip-icon .material-icons {
    font-size: 1rem;
    margin: 0 2px;
    color: #626466;
  }
  .l-plan .pricing-table .pricing-table-content .content-main .help-tooltip-icon .tooltip-label {
    display: none;
  }
  .l-plan .pricing-table .pricing-table-content .content-caution {
    width: 100%;
    font-size: 12px;
    color: rgba(50, 53, 56, 0.75);
    text-align: right;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .l-plan .pricing-table .pricing-table-content .unable {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(50, 53, 56, 0.25);
    margin: 0 8px;
  }
  .l-plan .pricing-table .pricing-table-content .unable:before, .l-plan .pricing-table .pricing-table-content .unable:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 6px);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
  }
  .l-plan .pricing-table .pricing-table-content .unable:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .l-plan .pricing-table .pricing-table-content .unable:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .l-plan .pricing-table .pricing-table-content .enable {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #209666;
    margin: 0 8px;
  }
  .l-plan .pricing-table .pricing-table-content .enable:after {
    content: "";
    width: 10px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 5px;
    left: 5px;
  }
  .l-plan .c-enterprise {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    padding: 1rem;
    border: 1px solid #E5E6E7;
    border-radius: 12px;
    -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
    background: #fff;
    position: relative;
  }
  .l-plan .c-enterprise:before {
    content: "";
    height: 8px;
    width: 100%;
    border-radius: 12px 12px 0 0;
    background: #1F3154;
    position: absolute;
    left: 0;
    top: 0;
  }
  .l-plan .c-enterprise .enterprise-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #E5E6E7;
  }
  .l-plan .c-enterprise .enterprise-title .ornament {
    font-weight: bold;
    font-size: 1.5rem;
    color: #202326;
  }
  .l-plan .c-enterprise .enterprise-title .main {
    font-size: 14px;
    color: #626466;
  }
  .l-plan .c-enterprise .enterprise-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.75;
    color: #626466;
  }

  .plan-other-container {
    padding: 0 1.5rem;
  }

  .column-container {
    width: calc(100% + 3rem);
    margin: 2rem -1.5rem 0;
    padding: 2.5rem 1.5rem;
    background: #FDF7F4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .column-container .column-text {
    width: 100%;
    padding: 0 0 1rem;
  }
  .column-container .column-text .column-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #202326;
  }
  .column-container .column-text .column-title .ornament {
    display: block;
    font-family: "Montserrat";
    font-weight: 700;
    margin-bottom: 0.25rem;
    letter-spacing: 4px;
    color: #e05a2c;
    font-size: 0.75rem;
  }
  .column-container .column-text .description {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
  }
  .column-container .column-image {
    width: 100%;
  }

  .compare-table {
    width: calc(100% + 3rem);
    margin: 0 -1.5rem;
    border-spacing: 0;
  }
  .compare-table .plan-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 24px;
    padding: 0 12px 1px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 6px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .compare-table .plan-name.default {
    background: rgba(31, 49, 84, 0.75);
  }
  .compare-table .plan-name.trocco {
    background: #e05a2c;
  }
  .compare-table .caution {
    font-size: 10px;
    color: rgba(50, 53, 56, 0.75);
  }
  .compare-table thead th {
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E6E7;
  }
  .compare-table tbody tr:nth-child(odd) th, .compare-table tbody tr:nth-child(odd) td {
    background: #FBFBFC;
  }
  .compare-table tbody tr:nth-child(even) th, .compare-table tbody tr:nth-child(even) td {
    background: #fff;
  }
  .compare-table tbody th {
    text-align: left;
    vertical-align: middle;
    padding: 12px;
    font-size: 12px;
    font-weight: bold;
    color: rgba(50, 53, 56, 0.75);
    border-right: 1px dotted rgba(50, 53, 56, 0.1);
  }
  .compare-table tbody td {
    padding: 12px;
    text-align: center;
  }
  .compare-table tbody td.trocco {
    color: #e05a2c;
  }
  .compare-table tbody td p.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .compare-table tbody td span {
    font-weight: bold;
  }
  .compare-table tbody td span.amount {
    font-size: 20px;
  }
  .compare-table tbody td span.unit {
    font-size: 12px;
    margin-left: 2px;
  }
  .compare-table tbody .conclusion th, .compare-table tbody .conclusion td {
    padding: 16px 12px;
    border-top: 1px solid #E5E6E7;
    border-bottom: 1px solid #E5E6E7;
  }
  .compare-table tbody .conclusion td span.amount {
    font-size: 20px;
  }
  .compare-table tbody .conclusion td span.unit {
    font-size: 14px;
  }
  .compare-table tbody .conclusion .conclusion-content {
    position: relative;
    display: inline-block;
  }
  .compare-table tbody .conclusion .conclusion-content .down-text {
    display: none;
  }
  .compare-table .option-content {
    background: #FBFBFC;
    border-radius: 12px;
    margin: 64px 16px 0;
    padding: 24px 16px;
    -webkit-box-shadow: 0 4px 8px rgba(251, 251, 252, 0.5);
            box-shadow: 0 4px 8px rgba(251, 251, 252, 0.5);
    border: 1px solid rgba(31, 49, 84, 0.05);
    position: relative;
  }
  .compare-table .option-content .option-title {
    background: #1F3154;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    height: 32px;
    padding: 0 24px 2px;
    border-radius: 120px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: -16px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
  }
  .compare-table .l-option-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
  .compare-table .option-item {
    width: 100%;
    padding: 24px 20px;
    border-bottom: 1px solid #E5E6E7;
  }
  .compare-table .option-item:nth-child(3) {
    border-right: none;
  }
  .compare-table .option-item:nth-child(5) {
    border-bottom: none;
  }
  .compare-table .option-item .text .title {
    color: #323538;
    font-size: 1rem;
    margin-bottom: 8px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .compare-table .option-item .text .title .check-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    position: relative;
    background: #e05a2c;
    border-radius: 50%;
  }
  .compare-table .option-item .text .title .check-icon:before {
    content: "";
    width: 12px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 6px;
    top: calc(50% - 6px);
  }
  .compare-table .option-item .text .description {
    line-height: 1.75;
    font-size: 13px;
    color: rgba(50, 53, 56, 0.85);
  }

  .plan-addon-section,
.plan-content-section {
    margin-top: 1rem;
    padding: 2.5rem 0;
    border-bottom: 1px solid #E5E6E7;
  }
  .plan-addon-section:last-child,
.plan-content-section:last-child {
    padding-bottom: 0;
    border: none;
  }
  .plan-addon-section .content-section-title,
.plan-content-section .content-section-title {
    font-size: 24px;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }
  .plan-addon-section .content-section-description,
.plan-content-section .content-section-description {
    font-size: 0.875rem;
    color: #323538;
    line-height: 1.8;
  }
  .plan-addon-section .content-section-description p,
.plan-content-section .content-section-description p {
    font-size: 0.875rem;
    color: #323538;
    line-height: 1.8;
  }
  .plan-addon-section .content-section-description .content-section-description-action,
.plan-content-section .content-section-description .content-section-description-action {
    padding-top: 1rem;
    text-align: center;
  }
  .plan-addon-section .content-section-description .content-section-description-action .btn,
.plan-content-section .content-section-description .content-section-description-action .btn {
    width: 100%;
  }
  .plan-addon-section .content-section-inner,
.plan-content-section .content-section-inner {
    padding: 2rem 0;
  }
  .plan-addon-section .content-section-inner:last-child,
.plan-content-section .content-section-inner:last-child {
    padding-bottom: 0;
  }
  .plan-addon-section .content-section-inner-title,
.plan-content-section .content-section-inner-title {
    font-size: 20px;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    margin-bottom: 1rem;
    padding-left: 0.75rem;
    position: relative;
  }
  .plan-addon-section .content-section-inner-title:before,
.plan-content-section .content-section-inner-title:before {
    content: "";
    width: 4px;
    height: 100%;
    border-radius: 2px;
    background: #e05a2c;
    position: absolute;
    left: -2px;
    top: 2px;
  }
  .plan-addon-section .option-table,
.plan-content-section .option-table {
    margin: 1rem -0.5rem;
    width: calc(100% + 1rem);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    border: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: block;
  }
  .plan-addon-section .option-table thead,
.plan-content-section .option-table thead {
    display: none;
  }
  .plan-addon-section .option-table tbody,
.plan-content-section .option-table tbody {
    width: 100%;
    display: block;
  }
  .plan-addon-section .option-table tr,
.plan-content-section .option-table tr {
    display: block;
    width: 100%;
  }
  .plan-addon-section .option-table tr:nth-child(even),
.plan-content-section .option-table tr:nth-child(even) {
    background: #FBFBFC;
  }
  .plan-addon-section .option-table td,
.plan-content-section .option-table td {
    display: block;
    border: none;
    padding: 0.25rem 1rem;
  }
  .plan-addon-section .option-table td:first-child,
.plan-content-section .option-table td:first-child {
    padding-top: 1.25rem;
  }
  .plan-addon-section .option-table td:last-child,
.plan-content-section .option-table td:last-child {
    padding-bottom: 1.5rem;
    border-right: none;
  }
  .plan-addon-section .option-table .option-item-title,
.plan-content-section .option-table .option-item-title {
    font-size: 16px;
    margin-bottom: 0.25rem;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    white-space: nowrap;
  }
  .plan-addon-section .option-table .option-description,
.plan-content-section .option-table .option-description {
    line-height: 1.6;
    color: #626466;
    font-size: 0.75rem;
    word-break: break-all;
  }
  .plan-addon-section .option-table .view-more-link,
.plan-content-section .option-table .view-more-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #e05a2c;
  }
  .plan-addon-section .option-table .view-more-link:after,
.plan-content-section .option-table .view-more-link:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #e05a2c;
    border-right: 1px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px;
  }
  .plan-addon-section .option-table .option-fee-item-wrapper,
.plan-content-section .option-table .option-fee-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .plan-addon-section .option-table .option-fee-item,
.plan-content-section .option-table .option-fee-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    white-space: nowrap;
  }
  .plan-addon-section .option-table .option-fee-item:first-child,
.plan-content-section .option-table .option-fee-item:first-child {
    border-bottom: 1px solid #E5E6E7;
    padding: 0 0 0.75rem;
  }
  .plan-addon-section .option-table .option-fee-item:nth-child(2),
.plan-content-section .option-table .option-fee-item:nth-child(2) {
    padding: 0.75rem 0 0.25rem 0;
  }
  .plan-addon-section .option-table .option-fee-item-label,
.plan-content-section .option-table .option-fee-item-label {
    font-size: 12px;
    font-weight: bold;
    color: #626466;
    padding-bottom: 0.125rem;
  }
  .plan-addon-section .option-table .option-fee,
.plan-content-section .option-table .option-fee {
    font-size: 0.875rem;
    font-weight: bold;
    color: #323538;
    white-space: nowrap;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-align: right;
  }
  .plan-addon-section .option-table .option-fee .number,
.plan-content-section .option-table .option-fee .number {
    color: #e05a2c;
    font-weight: bold;
    font-size: 20px;
  }
  .plan-addon-section .table-caution,
.plan-content-section .table-caution {
    font-size: 0.75rem;
    line-height: 1.6;
    color: #626466;
    padding: 0 4px;
    margin-top: 1rem;
  }
  .plan-addon-section .table-caution .emphasize,
.plan-content-section .table-caution .emphasize {
    font-weight: bold;
  }

  .ad-bundle {
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    margin: 1rem -0.5rem 0;
    width: calc(100% + 1rem);
  }
  .ad-bundle .ad-bundle-title {
    padding: 1.25rem 1rem;
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    color: #fff;
    white-space: nowrap;
  }
  .ad-bundle .ad-bundle-title h3 {
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
  }
  .ad-bundle .ad-bundle-title p {
    font-size: 0.75rem;
    color: #fff;
    line-height: 1.6;
  }
  .ad-bundle .ad-bundle-content {
    padding: 1.5rem 1rem;
  }
  .ad-bundle .ad-bundle-content .bundle-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #E5E6E7;
  }
  .ad-bundle .ad-bundle-content .bundle-detail dt {
    font-size: 1.15rem;
    font-weight: bold;
    color: #323538;
  }
  .ad-bundle .ad-bundle-content .bundle-detail dd {
    font-size: 1rem;
    font-weight: bold;
    color: #323538;
  }
  .ad-bundle .ad-bundle-content .bundle-detail dd .number {
    font-weight: bold;
    color: #e05a2c;
    font-size: 1.5rem;
  }
  .ad-bundle .ad-bundle-content .description {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #626466;
  }

  .c-estimate-pattern {
    margin: 0 -0.5rem;
    width: calc(100% + 1rem);
  }

  .estimate-pattern-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .estimate-pattern-tab .tab-item {
    border-radius: 8px 8px 0 0;
    padding: 0.75rem 0;
    width: 20%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-top: 1px solid #E5E6E7;
    border-left: 1px solid #E5E6E7;
    border-right: 1px solid #E5E6E7;
    font-size: 0.75rem;
    line-height: 1.4;
    font-weight: bold;
    background: #F7F8F9;
    color: #626466;
    text-decoration: none;
  }
  .estimate-pattern-tab .tab-item.active {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    color: #fff;
  }
  .estimate-pattern-tab .tab-item.active .case-num {
    color: #fff;
  }
  .estimate-pattern-tab .tab-item .case-label {
    display: none;
  }
  .estimate-pattern-tab .tab-item .case-num {
    font-weight: 700;
    font-family: "Montserrat";
    display: block;
    font-size: 0.75rem;
  }

  .estimate-pattern-wrapper {
    border: 1px solid #E5E6E7;
    border-radius: 0 0 8px 8px;
    padding: 1rem;
    -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .estimate-pattern-content {
    display: none;
  }
  .estimate-pattern-content.show {
    display: block;
  }
  .estimate-pattern-content .introduction {
    padding-bottom: 1.5rem;
  }
  .estimate-pattern-content .introduction .description {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
    margin-bottom: 1rem;
  }
  .estimate-pattern-content .estimate-pattern-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 18px;
    font-weight: bold;
    color: #202326;
    line-height: 1.6;
    margin-bottom: 0.25rem;
  }
  .estimate-pattern-content .estimate-pattern-title .ornament {
    font-family: "Montserrat";
    font-size: 0.875rem;
    font-weight: 700;
    color: #e05a2c;
  }
  .estimate-pattern-content .integration-info {
    background: #FBFBFC;
    border-radius: 6px;
    padding: 0.25rem 0.75rem;
  }
  .estimate-pattern-content .integration-info dl {
    padding: 0.75rem 0;
  }
  .estimate-pattern-content .integration-info dl:first-child {
    border-bottom: 1px solid #E5E6E7;
  }
  .estimate-pattern-content .integration-info dl dt {
    font-size: 0.75rem;
    font-weight: bold;
    color: #626466;
    line-height: 1.6;
    margin-bottom: 0.25rem;
  }
  .estimate-pattern-content .integration-info dl dd {
    font-size: 0.75rem;
    line-height: 1.6;
    color: #323538;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item:after {
    content: "/";
    margin: 0 2px;
    display: inline-block;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item:last-child:after {
    display: none;
  }
  .estimate-pattern-content .integration-info dl dd .transfer-item img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    padding: 2px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
  }
  .estimate-pattern-content .estimate-table {
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    display: block;
  }
  .estimate-pattern-content .estimate-table th,
.estimate-pattern-content .estimate-table td {
    display: block;
  }
  .estimate-pattern-content .estimate-table td {
    padding: 0.75rem;
  }
  .estimate-pattern-content .estimate-table th {
    border-top: 1px solid #E5E6E7;
    border-bottom: 1px dotted #E5E6E7;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: left;
    line-height: 1.4;
    white-space: nowrap;
  }
  .estimate-pattern-content .estimate-detail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.25rem;
    border-top: 1px dotted #E5E6E7;
  }
  .estimate-pattern-content .estimate-detail-item:first-child {
    border: none;
  }
  .estimate-pattern-content .estimate-detail-item dt {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.8;
  }
  .estimate-pattern-content .estimate-detail-item dt .estimate-detail-item-caution,
.estimate-pattern-content .estimate-detail-item dt span {
    display: block;
    padding-top: 2px;
    font-size: 0.75rem;
    color: #626466;
    line-height: 1.4;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .estimate-pattern-content .estimate-detail-item .estimate-fee {
    font-size: 1.15rem;
    line-height: 1.8;
    font-weight: bold;
    color: #323538;
    white-space: nowrap;
    padding-left: 0.5rem;
  }
  .estimate-pattern-content .estimate-conclusion {
    padding: 1rem 1rem 0.75rem;
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    border-top: 1px solid #E5E6E7;
  }
  .estimate-pattern-content .estimate-sum {
    font-size: 0.875rem;
    font-weight: bold;
    color: #323538;
    text-align: right;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .estimate-pattern-content .estimate-sum .number {
    font-size: 24px;
    font-weight: bold;
    color: #e05a2c;
  }

  .l-faq-section {
    padding: 0;
    background: #FBFBFC;
  }
  .l-faq-section .c-faq-list {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-faq-section .faq-item {
    width: 100%;
    padding: 32px 16px;
    border-top: 1px solid #E5E6E7;
  }
  .l-faq-section .faq-item .question-item {
    padding: 0 0 0 36px;
    margin-bottom: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #323538;
    line-height: 1.5;
  }
  .l-faq-section .faq-item .question-item:before {
    content: "Q";
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    margin-right: 12px;
    position: absolute;
    left: -4px;
    top: 0;
  }
  .l-faq-section .faq-item .answer-item {
    padding: 16px 0 0 36px;
    position: relative;
    line-height: 1.75;
    font-size: 14px;
    color: rgba(50, 53, 56, 0.8);
  }
  .l-faq-section .faq-item .answer-item:before {
    content: "A";
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
    margin-right: 12px;
    position: absolute;
    left: -4px;
    top: 16px;
  }

  .page-content {
    padding: 40px 16px;
  }
  .page-content .page-lead-section {
    margin-bottom: 32px;
  }
  .page-content .page-content-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 32px;
    position: relative;
    line-height: 1.4;
    color: #323538;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    letter-spacing: 0.04em;
    padding: 0 8px 24px;
  }
  .page-content .page-content-title.lighter .emphasize {
    font-weight: bold;
  }
  .page-content .page-content-title.sub {
    padding: 8px;
    font-size: 20px;
    padding-bottom: 0;
    margin-bottom: 16px;
    text-align: left;
  }
  .page-content .page-content-title.sub:after {
    display: none;
  }
  .page-content .page-content-title:after {
    content: "";
    width: 80px;
    height: 4px;
    background: #e05a2c;
    border-radius: 2px;
    position: absolute;
    left: 8px;
    bottom: 0;
  }
  .page-content .page-content-title .ornament {
    text-transform: uppercase;
    letter-spacing: 0.35em;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    font-weight: bold;
    color: #e05a2c;
  }
  .page-content .page-content-description {
    font-size: 14px;
    line-height: 1.75;
    padding: 0 8px;
    margin: 0 auto 32px;
    color: rgba(50, 53, 56, 0.75);
  }
  .page-content .page-divide-section {
    padding: 32px 0;
    border-bottom: 1px solid rgba(50, 53, 56, 0.1);
  }
  .page-content .page-divide-section:first-child {
    padding-top: 0;
  }
  .page-content .page-divide-section:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
  }

  span.code {
    font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
    display: inline-block;
    padding: 2px 4px;
    background: #F7F8F9;
    border: 1px solid #E5E6E7;
    border-radius: 4px;
    line-height: 1;
    margin: 0 2px;
  }

  .columned-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .columned-list .columned-list-item {
    width: 100%;
    padding: 28px 0;
    border-top: 1px solid #E5E6E7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .columned-list .columned-list-item .thumb {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(224, 90, 44, 0.1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .columned-list .columned-list-item .thumb img {
    width: 24px;
    height: 24px;
    display: block;
  }
  .columned-list .columned-list-item .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 12px;
  }
  .columned-list .columned-list-title {
    font-size: 16px;
    font-weight: bold;
    color: #323538;
    margin-bottom: 6px;
    line-height: 1.6;
  }
  .columned-list .columned-list-text {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(50, 53, 56, 0.75);
  }

  .image-wrapper {
    padding: 0 0 24px;
  }
  .image-wrapper img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .movie-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    border: 1px solid rgba(50, 53, 56, 0.05);
    overflow: hidden;
    border-radius: 6px;
  }
  .movie-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .c-image-text-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-image-text-layout.sp-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .c-image-text-layout.sp-reverse .image-wrapper {
    padding-top: 24px;
  }
  .c-image-text-layout.divide {
    border-bottom: 1px solid #E5E6E7;
    margin-bottom: 32px;
    padding-bottom: 32px;
  }
  .c-image-text-layout .image-wrapper {
    width: 100%;
    margin-bottom: 24px;
    padding: 0;
  }
  .c-image-text-layout .image-wrapper.small {
    padding: 24px 0;
  }
  .c-image-text-layout .image-wrapper.small img {
    width: 160px;
    height: auto;
    margin: 0 auto;
  }
  .c-image-text-layout .image-wrapper img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  .c-image-text-layout .text-wrapper {
    width: 100%;
    padding: 0 8px;
  }
  .c-image-text-layout .text-wrapper .text-lead {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    color: #323538;
    margin-bottom: 16px;
  }
  .c-image-text-layout .text-wrapper .text-detail {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(50, 53, 56, 0.8);
  }
  .c-image-text-layout .text-wrapper .text-detail .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dashed #999;
            text-decoration: underline dashed #999;
  }
  .c-image-text-layout .text-wrapper .text-detail .glossary-text-link:hover {
    color: #e05a2c;
    -webkit-text-decoration: underline #e05a2c;
            text-decoration: underline #e05a2c;
  }

  .capture-container {
    border-radius: 8px;
    background: #fff;
    padding-top: 24px;
    position: relative;
    overflow: hidden;
    border: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
  }
  .capture-container:before {
    content: "";
    width: 100%;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: #E5E6E7;
  }
  .capture-container:after {
    content: "";
    display: block;
    position: absolute;
    left: 12px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C9264F;
    -webkit-box-shadow: 12px 0 0 #F18B1E, 24px 0 0 #239F67;
            box-shadow: 12px 0 0 #F18B1E, 24px 0 0 #239F67;
  }
  .capture-container img {
    display: block;
    width: 100%;
    height: auto;
  }

  .text-item {
    display: block;
    padding-left: 32px;
    position: relative;
    margin-bottom: 48px;
  }
  .text-item:before {
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid rgba(50, 53, 56, 0.1);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0px;
  }
  .text-item:after {
    content: "";
    width: 12px;
    height: 8px;
    border-left: 2px solid #e05a2c;
    border-bottom: 2px solid #e05a2c;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 6px;
    top: 6px;
  }
  .text-item .title {
    font-size: 16px;
    margin-bottom: 8px;
    color: #323538;
    line-height: 1.4;
    font-weight: bold;
  }
  .text-item .title .glossary-text-link {
    color: #323538;
    font-weight: bold;
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .text-item .text {
    line-height: 1.75;
    font-size: 14px;
    color: rgba(50, 53, 56, 0.75);
  }
  .text-item .text .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dotted #999;
            text-decoration: underline dotted #999;
  }
  .text-item .list {
    font-size: 14px;
    color: rgba(50, 53, 56, 0.75);
  }
  .text-item .list li {
    padding: 6px 0 6px 16px;
    line-height: 1.75;
    position: relative;
  }
  .text-item .list li:before {
    content: "";
    width: 8px;
    height: 1px;
    background: rgba(50, 53, 56, 0.6);
    position: absolute;
    left: 0;
    top: 16px;
  }
  .text-item .list li.with-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .text-item .list li .thumb {
    margin-right: 4px;
  }
  .text-item .list li .thumb img {
    width: 28px;
    height: auto;
    display: block;
  }
  .text-item .list li .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .basic-list .list-item {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(50, 53, 56, 0.8);
    padding-left: 24px;
    position: relative;
    margin-bottom: 12px;
  }
  .basic-list .list-item:before {
    content: "";
    width: 12px;
    height: 8px;
    border-left: 2px solid #e05a2c;
    border-bottom: 2px solid #e05a2c;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 8px;
  }
  .basic-list .list-item .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dotted #999;
            text-decoration: underline dotted #999;
  }

  .thumb-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
  }
  .thumb-list .list-item .thumb {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background: #fff;
  }
  .thumb-list .list-item .thumb img {
    height: 24px;
    width: auto;
    display: block;
  }
  .thumb-list .list-item .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 12px;
  }
  .thumb-list .list-item .text .title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    line-height: 1.4;
    padding: 8px 0;
  }
  .thumb-list .list-item .text .text-detail {
    font-size: 13px;
    color: rgba(50, 53, 56, 0.75);
    line-height: 1.75;
  }

  .point-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .point-list .point-list-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    border-bottom: 1px dotted #E5E6E7;
  }
  .point-list .point-list-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .point-list .point-list-item .thumb {
    width: 72px;
    height: 72px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #E5E6E7;
  }
  .point-list .point-list-item .thumb img {
    width: 40px;
    height: auto;
    display: block;
  }
  .point-list .point-list-item .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 0 0 12px;
  }
  .point-list .point-list-item .title {
    min-height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #323538;
    margin-bottom: 4px;
  }
  .point-list .point-list-item .title.small {
    font-size: 15px;
    line-height: 1.6;
  }
  .point-list .point-list-item .detail {
    display: inline-block;
    text-align: left;
  }

  .check-item-list .check-item {
    margin-bottom: 24px;
    padding: 24px 8px 0;
    border-top: 1px solid #E5E6E7;
  }
  .check-item-list .check-item .title {
    position: relative;
    min-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 40px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 12px;
  }
  .check-item-list .check-item .title:before {
    content: "";
    width: 28px;
    height: 28px;
    border: 1px solid rgba(50, 53, 56, 0.1);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .check-item-list .check-item .title:after {
    content: "";
    width: 14px;
    height: 9px;
    border-left: 3px solid #e05a2c;
    border-bottom: 3px solid #e05a2c;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 7px;
    top: calc(50% - 6px);
  }

  .c-view-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px 0;
  }
  .c-view-more .btn {
    background: #fff;
    border: 1px solid #e05a2c;
    height: 48px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 12px;
    min-width: 280px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 28px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    color: #e05a2c !important;
    font-size: 13px;
    line-height: 1.4;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  .c-view-more .btn:hover {
    background: rgba(224, 90, 44, 0.05);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
  }

  .c-section-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-section-link-list .section-link-list-item {
    width: calc(50% - 4px);
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(50, 53, 56, 0.1);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    margin-bottom: 8px;
  }
  .c-section-link-list .section-link-list-item:hover {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
    background: rgba(224, 90, 44, 0.05);
  }
  .c-section-link-list .section-link-list-item a {
    display: block;
    padding: 12px 8px 32px;
    text-decoration: none;
    text-align: center;
  }
  .c-section-link-list .section-link-list-item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid #e05a2c;
    border-bottom: 2px solid #e05a2c;
    position: absolute;
    left: calc(50% - 4px);
    bottom: 16px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .c-section-link-list .section-link-list-item .thumb {
    padding: 8px 0;
  }
  .c-section-link-list .section-link-list-item .thumb img {
    display: block;
    width: 32px;
    height: auto;
    margin: 0 auto;
  }
  .c-section-link-list .section-link-list-item .title {
    margin: 0;
  }
  .c-section-link-list .section-link-list-item .title .title-ornament {
    text-transform: uppercase;
    letter-spacing: 0.15em;
    display: block;
    font-size: 10px;
    margin-bottom: 8px;
    font-weight: bold;
    color: #e05a2c;
  }
  .c-section-link-list .section-link-list-item .title .title-main {
    display: block;
    color: #323538;
    font-size: 14px;
    font-weight: bold;
  }

  .page-slider-container {
    position: relative;
    margin: 0 -16px;
    width: calc(100% + 32px);
  }
  .page-slider-container .slide {
    width: calc(100vw - 56px);
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-bottom: 20px;
  }
  .page-slider-container .slide .glossary-text-link {
    color: rgba(50, 53, 56, 0.8);
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .page-slider-container .slide .view-more-link {
    display: inline-block;
    margin-top: 16px;
    text-decoration: none;
    color: #e05a2c;
    font-size: 14px;
    font-weight: bold;
  }
  .page-slider-container .slide .view-more-link:hover {
    text-decoration: underline;
  }
  .page-slider-container .slide .view-more-link:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #e05a2c;
    border-right: 2px solid #e05a2c;
    display: inline-block;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 2px;
  }
  .page-slider-container .slide .slide-content {
    min-height: 480px;
    padding: 12px;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  }
  .page-slider-container .slide .c-image-text-layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .page-slider-container .slide .c-image-text-layout .text-wrapper {
    padding-bottom: 24px;
  }
  .page-slider-container .slide .c-image-text-layout .text-lead {
    margin-top: 12px;
  }
  .page-slider-container .slide .c-image-text-layout .image-wrapper {
    padding: 0;
    margin: 0;
  }
  .page-slider-container .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 0 32px;
  }
  .page-slider-container .slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 6px;
    background: #ccc;
  }
  .page-slider-container .slick-dots li.slick-active {
    background: #e05a2c;
  }
  .page-slider-container .slick-dots li button {
    border: none;
    background: transparent;
    width: 12px;
    height: 12px;
    color: transparent;
    overflow: hidden;
    padding: 0;
  }
  .page-slider-container .slick-dots li button:focus, .page-slider-container .slick-dots li button:hover, .page-slider-container .slick-dots li button:active {
    outline: none;
  }
  .page-slider-container .slick-arrow {
    display: none !important;
  }

  .page-content-aside {
    margin: 40px -16px -48px;
    width: calc(100% + 32px);
    border-top: 1px solid #E5E6E7;
    background: #FBFBFC;
    padding: 16px 16px 40px;
  }
  .page-content-aside .page-content-aside-title {
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    padding: 0 0 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(50, 53, 56, 0.1);
    color: #e05a2c;
  }

  .partner .page-description {
    max-width: 760px;
  }

  .c-partner-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #F5F8F9;
    padding: 16px 12px;
    margin: -40px -16px 0;
    width: calc(100% + 32px);
  }

  .c-partner-item {
    width: calc((100%/2) - 8px);
    min-height: 128px;
    margin: 4px;
    border-radius: 12px;
    background: #fff;
    padding: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-partner-item img {
    max-width: 85%;
    max-height: 64px;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .c-partner-item .partner-name {
    text-align: center;
    font-size: 11px;
    line-height: 1.4;
    font-weight: bold;
    opacity: 0.6;
    margin-top: 8px;
  }

  .partner-caution {
    text-align: right;
    font-size: 13px;
    margin-bottom: 24px;
    opacity: 0.6;
  }

  .index-section {
    padding: 40px 12px;
    border-bottom: 1px solid #E5E6E7;
  }
  .index-section:last-child {
    border-bottom: none;
  }
  .index-section .index-section-title {
    font-size: 20px;
    font-weight: bold;
    color: #202326;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }
  .index-section .index-content-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .index-section .index-content-item {
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    background: #fff;
    width: 100%;
    margin: 0 0 16px;
  }
  .index-section .index-content-item.no-image a {
    padding-left: 1.5rem;
  }
  .index-section .index-content-item a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5rem 2.5rem 1.5rem 0;
    position: relative;
  }
  .index-section .index-content-item a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #e05a2c;
    border-top: 2px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 1.25rem;
    top: calc(50% - 4px);
  }
  .index-section .index-content-item .item-thumb {
    width: 25%;
    margin: 0 12px;
  }
  .index-section .index-content-item .item-thumb img {
    width: 100%;
    height: auto;
  }
  .index-section .index-content-item .item-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .index-section .index-content-item h3 {
    font-size: 16px;
    font-weight: bold;
    color: #202326;
    margin-bottom: 1rem;
  }
  .index-section .index-content-item p {
    font-size: 0.75rem;
    color: #323538;
    line-height: 1.8;
  }

  .solution-header,
.usecase-header {
    background: rgba(247, 214, 202, 0.5);
    padding: 40px 0 24px;
  }
  .solution-header .container,
.usecase-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 24px;
  }
  .solution-header .solution-header-text,
.usecase-header .solution-header-text {
    width: 100%;
  }
  .solution-header .solution-header-lead,
.usecase-header .solution-header-lead {
    font-size: 28px;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    letter-spacing: 0.04em;
    line-height: 1.4;
    font-weight: bold;
    color: #202326;
    margin-bottom: 16px;
  }
  .solution-header .solution-header-title,
.usecase-header .solution-header-title {
    font-size: 14px;
    font-weight: bold;
    color: #D94B23;
    line-height: 1.4;
    margin-bottom: 24px;
  }
  .solution-header .solution-header-image,
.solution-header .usecase-header-image,
.usecase-header .solution-header-image,
.usecase-header .usecase-header-image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 24px;
  }
  .solution-header .solution-header-image img,
.solution-header .usecase-header-image img,
.usecase-header .solution-header-image img,
.usecase-header .usecase-header-image img {
    width: 80%;
    height: auto;
  }
  .solution-header .usecase-header-title,
.usecase-header .usecase-header-title {
    font-size: 28px;
    line-height: 1.75;
    font-weight: bold;
    color: #202326;
    margin-bottom: 0.5rem;
  }
  .solution-header .usecase-header-title span,
.usecase-header .usecase-header-title span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #e05a2c;
  }
  .solution-header .usecase-header-description,
.usecase-header .usecase-header-description {
    font-size: 14px;
    line-height: 1.75;
    color: #323538;
    margin-bottom: 1.25rem;
  }
  .solution-header .usecase-header-description br,
.usecase-header .usecase-header-description br {
    display: none;
  }
  .solution-header .solution-header-cv,
.usecase-header .solution-header-cv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .solution-header .solution-header-cv .btn,
.usecase-header .solution-header-cv .btn {
    width: auto;
  }

  .usecase-tobe-content {
    background: #fff;
    padding: 32px 20px;
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateY(-64px);
        -ms-transform: translateY(-64px);
            transform: translateY(-64px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(100% + 24px);
    margin: 0 -12px;
  }
  .usecase-tobe-content .text {
    max-width: 100%;
  }
  .usecase-tobe-content .text > *:last-child {
    margin-bottom: 0;
  }
  .usecase-tobe-content .text .usecase-tobe-title {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    color: #202326;
    margin-bottom: 1rem;
  }
  .usecase-tobe-content .text .usecase-tobe-title span {
    font-size: 14px;
    font-weight: bold;
    color: #e05a2c;
    display: block;
    margin-bottom: 4px;
  }
  .usecase-tobe-content .text p {
    font-size: 14px;
    line-height: 1.75;
    color: #323538;
  }
  .usecase-tobe-content .text ul {
    margin: 16px 0;
    padding: 16px 0 0;
    border-top: 1px solid #E5E6E7;
  }
  .usecase-tobe-content .text ul li {
    padding: 6px 0 6px 24px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    text-align: left;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
  .usecase-tobe-content .text ul li:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #e05a2c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
  }
  .usecase-tobe-content .text ul li:after {
    content: "";
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 4px;
    top: 11px;
  }
  .usecase-tobe-content .image {
    width: 100%;
    margin-top: 16px;
  }
  .usecase-tobe-content .image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .usecase-step-lists {
    width: 100%;
    margin: 0 auto;
    padding: 24px 0;
  }
  .usecase-step-lists li {
    width: 100%;
    margin: 0 0 48px;
  }
  .usecase-step-lists li .usecase-step-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #323538;
    text-align: center;
  }
  .usecase-step-lists li .usecase-step-title span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    border-radius: 50%;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background: #e05a2c;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
  }
  .usecase-step-lists li .thumb {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    background: #F7F8F9;
    padding-top: 16px;
    position: relative;
  }
  .usecase-step-lists li .thumb:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 6px;
    background: #C9264F;
    -webkit-box-shadow: 9px 0 0 #F18B1E, 18px 0 0 #239F67;
            box-shadow: 9px 0 0 #F18B1E, 18px 0 0 #239F67;
  }
  .usecase-step-lists li .thumb img {
    width: 100%;
    height: auto;
    display: block;
  }

  .solution-page-content {
    padding: 32px 24px 0;
  }
  .solution-page-content .content-section {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #E5E6E7;
  }
  .solution-page-content .content-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  .solution-page-content .content-inner-section {
    margin-bottom: 48px;
  }
  .solution-page-content .section-header {
    font-size: 20px;
    line-height: 1.4;
    color: #202326;
    text-align: left;
    margin-bottom: 32px;
    padding-bottom: 24px;
    position: relative;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.04em;
    font-weight: bold;
  }
  .solution-page-content .section-header:before {
    content: "";
    width: 80px;
    height: 4px;
    background: #e05a2c;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 2px;
  }
  .solution-page-content .align-center {
    text-align: center;
  }
  .solution-page-content .solution-problem-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 0 0;
  }
  .solution-page-content .solution-problem-list .solution-problem-item {
    counter-increment: problem;
    width: 100%;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    position: relative;
    margin-bottom: 40px;
  }
  .solution-page-content .solution-problem-list .solution-problem-item:last-child {
    margin-bottom: 0;
  }
  .solution-page-content .solution-problem-list .solution-problem-item:before {
    content: counter(problem);
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    color: #fff;
    background: #e05a2c;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 20px);
    top: -20px;
    line-height: 1;
    font-weight: bold;
  }
  .solution-page-content .solution-problem-list .solution-problem-item img {
    max-width: 96px;
    width: 80%;
    height: auto;
    margin: 0 auto 12px;
    display: block;
  }
  .solution-page-content .solution-problem-list .solution-problem-item h3 {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
  .solution-page-content .solution-problem-list .solution-problem-item h3 .detail {
    display: block;
    color: #e05a2c;
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
  }
  .solution-page-content .solution-problem-list .solution-problem-item h3 .main {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #202326;
  }
  .solution-page-content .solution-problem-list .solution-problem-item p {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
  }
  .solution-page-content .solution-point-list {
    display: inline-block;
    margin-bottom: 24px;
  }
  .solution-page-content .solution-point-list li {
    padding: 12px 0 12px 28px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #202326;
    line-height: 1.6;
    text-align: left;
  }
  .solution-page-content .solution-point-list li:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #e05a2c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 14px;
  }
  .solution-page-content .solution-point-list li:after {
    content: "";
    width: 10px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    left: 5px;
    top: 18px;
  }
  .solution-page-content .c-solution-architecture {
    background: #FBFBFC;
    padding: 1.5rem 0.5rem;
    margin: 0 -24px 32px;
    width: calc(100% + 48px);
  }
  .solution-page-content .c-solution-architecture img {
    max-width: 100%;
    height: auto;
  }
  .solution-page-content .interview-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .solution-page-content .interview-list > * {
    width: 100%;
    margin: 0 0 64px;
  }
  .solution-page-content .interview-list > *:last-child {
    margin: 0 0 24px;
  }
  .solution-page-content .solution-detail .solution-detail-title {
    font-size: 14px;
    font-weight: bold;
    color: #e05a2c;
    margin-bottom: 16px;
  }
  .solution-page-content .solution-detail .solution-detail-lead {
    font-size: 18px;
    font-weight: bold;
    color: #202326;
    line-height: 1.6;
    margin-bottom: 24px;
  }
  .solution-page-content .solution-detail .solution-detail-description {
    font-size: 0.875rem;
    line-height: 1.8;
    color: #323538;
  }
  .solution-page-content .solution-effect {
    position: relative;
  }
  .solution-page-content .solution-effect .solution-effect-title {
    display: inline-block;
    padding: 8px 16px 8px 0;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    color: #e05a2c;
    margin-bottom: 16px;
    position: absolute;
    left: 0;
    top: -16px;
  }
  .solution-page-content .solution-effect .solution-effect-list {
    border-top: 1px solid #E5E6E7;
  }
  .solution-page-content .solution-effect .solution-effect-list li {
    border-bottom: 1px solid #E5E6E7;
    padding: 24px 0 24px 28px;
    position: relative;
    line-height: 1.8;
    font-size: 15px;
    font-weight: bold;
    color: #202326;
  }
  .solution-page-content .solution-effect .solution-effect-list li:before {
    content: "";
    width: 16px;
    height: 3px;
    background: #e05a2c;
    position: absolute;
    left: 0;
    top: 37px;
  }
  .solution-page-content .solution-effect .solution-effect-list li:after {
    content: "";
    width: 13px;
    height: 13px;
    border-top: 3px solid #e05a2c;
    border-right: 3px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 2px;
    top: 32.5px;
  }
  .solution-page-content .c-solution-image {
    margin: 32px auto;
  }
  .solution-page-content .c-solution-image.divide-top {
    padding-top: 32px;
    border-top: 1px dotted #E5E6E7;
  }
  .solution-page-content .example-image-caption {
    font-size: 0.75rem;
    font-weight: bold;
    color: #323538;
    padding: 0 8px;
    text-align: center;
    margin-bottom: 1.5rem;
    line-height: 1.6;
  }
  .solution-page-content .example-image {
    max-width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #E5E6E7;
    background: #F7F8F9;
    position: relative;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  }
  .solution-page-content .example-image:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #a83e2a;
    -webkit-box-shadow: 12px 0 0 #caab30, 24px 0 0 #58a050;
            box-shadow: 12px 0 0 #caab30, 24px 0 0 #58a050;
    position: absolute;
    left: 8px;
    top: 4px;
  }
  .solution-page-content .example-image img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
  }
  .solution-page-content .solution-function .solution-function-title {
    font-size: 14px;
    font-weight: bold;
    color: #e05a2c;
    margin-bottom: 16px;
  }
  .solution-page-content .solution-function .function-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .solution-page-content .solution-function .function-list li {
    width: 100%;
    margin: 0 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #E5E6E7;
    border-radius: 6px;
    padding: 1rem;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.025);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.025);
  }
  .solution-page-content .solution-function .function-list li:last-child {
    margin: 0;
  }
  .solution-page-content .solution-function .function-list li img {
    width: 28px;
    height: 28px;
    margin-right: 12px;
  }
  .solution-page-content .solution-function .function-list li dl {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .solution-page-content .solution-function .function-list li dl dt {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 4px;
    font-weight: bold;
    color: #202326;
  }
  .solution-page-content .solution-function .function-list li dl dd {
    font-size: 12px;
    color: #323538;
    line-height: 1.8;
  }

  .other-solution-links {
    padding: 48px 24px 32px;
    background: #FBFBFC;
  }
  .other-solution-links .other-solution-links-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
    color: #202326;
  }
  .other-solution-links .other-solution-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .other-solution-links .other-solution-list .other-solution-item {
    width: 100%;
    border: 1px solid #E5E6E7;
    border-radius: 8px;
    margin: 6px 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.025);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.025);
    position: relative;
  }
  .other-solution-links .other-solution-list .other-solution-item:after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #e05a2c;
    border-top: 3px solid #e05a2c;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 1.25rem;
    top: calc(50% - 5px);
  }
  .other-solution-links .other-solution-list .other-solution-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 1.5rem 1rem 0;
    text-decoration: none;
  }
  .other-solution-links .other-solution-list .other-solution-item a .item-text h3 {
    font-size: 15px;
    font-weight: bold;
    color: #202326;
  }
  .other-solution-links .other-solution-list .other-solution-item a .item-thumb {
    width: 20%;
    margin: 0 12px;
  }
  .other-solution-links .other-solution-list .other-solution-item a .item-thumb img {
    width: 100%;
    height: auto;
  }

  .index-item .index-thumb {
    width: 100%;
    aspect-ratio: 16/9;
    background: #ccc;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid #eaeaea;
  }
  .index-item .index-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .index-item .index-item-title a {
    font-size: 18px;
    line-height: 1.4;
    color: #323538;
    font-weight: bold;
    text-decoration: none;
  }
  .index-item .c-company {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dotted #E5E6E7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .index-item .c-company .company-thumb {
    width: 48px;
    height: 48px;
    border: 1px solid #E5E6E7;
    border-radius: 4px;
    background: #fff;
    padding: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .index-item .c-company .company-thumb img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
  }
  .index-item .c-company .company-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 12px;
  }
  .index-item .c-company .company-text .company-name {
    font-size: 14px;
    font-weight: bold;
    color: #323538;
    line-height: 1.4;
    margin-bottom: 6px;
  }
  .index-item .c-company .company-text .company-meta {
    font-size: 12px;
  }
  .index-item .c-company .company-text .company-meta a,
.index-item .c-company .company-text .company-meta span {
    color: #626466;
  }
  .index-item .c-company .company-text .company-meta a:after,
.index-item .c-company .company-text .company-meta span:after {
    content: "/";
    margin: 0 4px;
    display: inline-block;
  }
  .index-item .c-company .company-text .company-meta a:last-child:after,
.index-item .c-company .company-text .company-meta span:last-child:after {
    display: none;
  }

  .l-cta {
    padding: 48px 0 24px;
    background: #1F3154;
    position: relative;
    overflow: hidden;
  }
  .l-cta .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #fff;
  }
  .l-cta .cta-lead {
    width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 16px;
    text-align: center;
    padding: 0 16px;
  }
  .l-cta .cta-lead .trial-text {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: bold;
  }
  .l-cta .cta-lead .trial-text .emphasize {
    font-weight: bold;
    color: #e77d58;
  }
  .l-cta .cta-points {
    width: calc(100% + 80px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -40px 16px;
  }
  .l-cta .cta-points .point-item {
    border-radius: 50%;
    margin: 0 8px 0 0;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 12px 24px rgbba(0, 0, 0, 0.8);
            box-shadow: 0 12px 24px rgbba(0, 0, 0, 0.8);
  }
  .l-cta .cta-points .point-item p {
    border-radius: 50%;
    background: #fff;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 28px 0 14px;
    width: 108px;
    height: 108px;
    overflow: hidden;
  }
  .l-cta .cta-points .point-item p * {
    position: relative;
  }
  .l-cta .cta-points .point-item p span {
    color: #e05a2c;
  }
  .l-cta .cta-points .point-item p .label-block {
    font-weight: bold;
    font-size: 12px;
    display: block;
  }
  .l-cta .cta-points .point-item p .label-block.large {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #e05a2c;
    color: #fff;
    padding: 14px 0 10px;
    font-size: 11px;
  }
  .l-cta .cta-points .point-item p .emphasize {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-weight: bold;
    color: #e05a2c;
    font-size: 28px;
    width: 100%;
    text-align: center;
  }
  .l-cta .cta-points .point-item p .emphasize .number {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    padding: 4px 2px 0;
  }
  .l-cta .cta-points .point-item p .emphasize .unit {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    display: inline-block;
    padding-bottom: 8px;
  }
  .l-cta .cta-points .point-item p .emphasize .unit.jp {
    font-size: 14px;
    padding-bottom: 6px;
  }
  .l-cta .cta-sub-copy {
    line-height: 1.8;
    font-size: 12px;
    padding: 12px 20px;
  }
  .l-cta .cta-sub-copy .glossary-text-link {
    color: #fff;
    -webkit-text-decoration: underline dotted #aaa;
            text-decoration: underline dotted #aaa;
  }
  .l-cta .c-cta-action {
    padding: 0 24px 0;
    width: 100%;
  }
  .l-cta .c-cta-web {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .l-cta .cv-btn {
    background: #166AB9;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 6px 16px 8px;
    color: #fff;
    height: 64px;
    border-radius: 32px;
    font-size: 20px;
    min-width: 280px;
    width: 100%;
    font-weight: bold;
    position: relative;
    margin: 8px 0;
    font-size: 16px;
  }
  .l-cta .cv-btn .btn-label {
    font-weight: bold;
  }
  .l-cta .cv-btn i {
    margin-right: 4px;
  }
  .l-cta .cv-btn i {
    font-size: 22px;
  }
  .l-cta .cv-btn.secondary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
  }
  .l-cta .cv-btn.secondary .free-label {
    color: #e05a2c;
  }
  .l-cta .cv-btn.primary {
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
  }
  .l-cta .cv-btn.primary .free-label {
    color: #166AB9;
  }
  .l-cta .c-footer-sub-cta {
    padding: 0 4px 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 12px);
    margin: 0 -6px;
  }
  .l-cta .c-footer-sub-cta .cta-btn {
    width: 50%;
    margin: 0 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 1.5rem;
    border-radius: 24px;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.4);
  }
  .l-cta .cta-tagline {
    text-align: center;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 12px;
  }
  .l-cta .cta-tagline .emphasize {
    font-size: 20px;
    display: inline-block;
    margin: 0 4px;
    font-weight: bold;
  }
  .l-cta .c-cta-web {
    padding-bottom: 12px;
  }
  .l-cta .c-cta-tel {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }
  .l-cta .c-cta-tel .tel-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 20px;
  }
  .l-cta .c-cta-tel .tel-num .num {
    font-weight: bold;
    font-size: 22px;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
  }
  .l-cta .c-cta-tel .tel-num i {
    font-size: 20px;
    margin-right: 4px;
  }
  .l-cta .c-cta-tel .cta-caution {
    font-size: 12px;
    opacity: 0.75;
    text-align: center;
    padding: 8px 0 0;
  }

  .c-page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 56px 16px 48px;
    min-height: 200px;
    position: relative;
    background: rgba(247, 214, 202, 0.5);
  }
  .c-page-header:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url(../img/header-bg-left.png);
    background-position: left center;
    background-size: auto 100%, auto 100%;
    background-repeat: no-repeat, no-repeat;
  }
  .c-page-header .page-title {
    position: relative;
    color: #202326;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 16px;
    letter-spacing: 0.04em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    padding-bottom: 24px;
  }
  .c-page-header .page-title:after {
    content: "";
    width: 80px;
    height: 4px;
    background: #e05a2c;
    border-radius: 2px;
    position: absolute;
    left: calc(50% - 40px);
    bottom: -2px;
  }
  .c-page-header .page-description {
    position: relative;
    line-height: 1.8;
    font-size: 12px;
    font-weight: bold;
    color: #323538;
    -webkit-font-feature-settings: "palt", 1;
            font-feature-settings: "palt", 1;
    letter-spacing: 0.04em;
    text-align: center;
  }

  .c-page-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-bottom: 1px solid #E5E6E7;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.025);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.025);
    z-index: 200;
    max-width: 100vw;
    overflow-x: scroll;
  }
  .c-page-tab .page-tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
  .c-page-tab .page-tab-item a,
.c-page-tab .page-tab-item span {
    display: block;
    padding: 16px 12px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
  }
  .c-page-tab .page-tab-item a {
    color: #323538;
  }
  .c-page-tab .page-tab-item .current {
    color: #e05a2c;
  }
  .c-page-tab .page-tab-item .current:after {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #e05a2c;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 16px;
    line-height: 1;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #fff !important;
    height: 48px;
    border-radius: 24px;
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
    position: relative;
    white-space: normal;
    white-space: nowrap;
  }
  .btn.full {
    width: 100%;
  }
  .btn .free-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    color: #e05a2c;
    font-weight: bold;
    padding: 4px 6px;
    border-radius: 10px;
    background: #fff;
    margin: 0 6px 0 -8px;
    position: relative;
  }
  .btn.small {
    height: 40px;
    padding: 0 16px 1px;
    font-size: 14px;
    border-radius: 20px;
  }
  .btn.large {
    height: 56px;
    border-radius: 28px;
    padding: 0 24px 2px;
    font-size: 16px;
  }
  .btn.primary {
    background: -o-linear-gradient(65deg, #e05a2c 30%, #E88361);
    background: linear-gradient(25deg, #e05a2c 30%, #E88361);
  }
  .btn.primary.outline {
    background: #fff;
    color: #e05a2c !important;
    border: 1px solid #e05a2c;
  }
  .btn.primary.outline .free-label {
    background: #e05a2c;
    color: #fff;
  }
  .btn.secondary {
    background: -o-linear-gradient(65deg, #166AB9 30%, #1778AF);
    background: linear-gradient(25deg, #166AB9 30%, #1778AF);
  }
  .btn.secondary .free-label {
    color: #166AB9;
  }

  .c-breadcrumb {
    width: 100%;
    padding: 16px 0 16px 12px;
    background: #1F3154;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: scroll;
  }
  .c-breadcrumb .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    font-size: 12px;
  }
  .c-breadcrumb .breadcrumb li {
    color: #fff;
    opacity: 0.8;
  }
  .c-breadcrumb .breadcrumb li:after {
    content: "/";
    margin: 0 12px;
    display: inline-block;
  }
  .c-breadcrumb .breadcrumb li:last-child:after {
    display: none;
  }
  .c-breadcrumb .breadcrumb a {
    color: #fff;
    text-decoration: none;
  }

  .pc-only {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .hero-logo-section {
    padding: 1rem 0.5rem;
  }
  .hero-logo-section .hero-logo-title {
    font-size: 1.25rem;
    margin: 1.5rem 0 1rem;
  }
  .hero-logo-section .hero-logo-list {
    gap: 0.25rem;
  }
  .hero-logo-section .hero-logo-list li {
    padding: 0.5rem 0.25rem;
    width: calc((100% - (0.25rem*3)) / 4);
  }
  .hero-logo-section .hero-logo-list li img {
    max-height: 40px;
  }
  .logo-list {
    gap: 0.5rem;
  }
  .logo-list li {
    padding: 0.75rem 0;
    width: calc((100% - (0.5rem*3)) / 4);
  }
  .l-connector-count-modal-content {
    padding: 1rem;
  }

  .popup-title {
    font-size: 1.175rem;
    padding: 0.5rem 0.125rem 1rem;
  }

  .c-popup-description {
    border-radius: 8px;
  }
  .c-popup-description .material-icons {
    display: none;
  }
  .c-popup-description .popup-description-content {
    font-size: 0.75rem;
  }
  .c-popup-description .popup-description-content ul {
    padding: 0 0 0 0.5rem;
  }
  .c-popup-description .popup-description-content ul li {
    padding: 0.125rem 0;
  }

  .c-connector-count-example {
    padding: 3rem 0;
    border-top: 1px solid rgba(31, 49, 84, 0.05);
  }
  .c-connector-count-example:first-child {
    border-top: none;
    padding-top: 2rem;
  }
  .c-connector-count-example .l-connector-example-image {
    max-width: calc(100% + 32px);
    margin: 16px -16px 0;
    padding-left: 16px;
    overflow-x: scroll;
  }
  .c-connector-count-example .l-connector-example-image img {
    width: 100%;
    height: auto;
    min-width: 606px;
    margin-right: 16px;
  }
  .blocker {
    padding: 0.75rem;
  }

  .modal {
    max-height: calc(100vh - 24px);
    width: 100%;
    padding: 16px;
  }
  .modal.no-padding {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .function-page-header {
    padding: 40px 0 0;
  }
  .function-page-header .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .function-page-header .container .text {
    padding: 0 1rem;
    text-align: center;
  }
  .function-page-header .container .text h1 {
    white-space: normal;
    font-size: 1.625rem;
  }
  .function-page-header .container .text p {
    font-size: 0.75rem;
  }
  .function-page-header .container .text .c-cv {
    margin: 1.5rem -0.5rem 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .function-page-header .container .text .c-cv > * {
    min-width: 162px;
    margin: 0 4px !important;
  }
  .function-page-header .container .img {
    width: 100%;
    position: relative;
    -webkit-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  .function-page-header .container .img img {
    position: static;
    max-width: 100%;
    height: auto;
    width: auto;
  }

  .l-function-content {
    padding: 3rem 0 0;
    max-width: 100vw;
    overflow: hidden;
    margin: 0 auto;
  }
  .l-function-content .c-introduction {
    text-align: left;
    padding: 4rem 1.5rem 2.5rem;
  }
  .l-function-content .c-introduction .title {
    font-size: 1.25rem;
  }
  .l-function-content .c-introduction .description {
    max-width: 100%;
    text-align: left;
    font-size: 0.8125rem;
  }
  .l-function-content .function-detail {
    padding: 1.5rem 0;
  }
  .l-function-content .l-function-about {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  .l-function-content .l-function-about .about-section-item,
.l-function-content .l-function-about .about-section-item:nth-child(even) {
    padding: 1.5rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .l-function-content .l-function-about .about-section-item .text,
.l-function-content .l-function-about .about-section-item:nth-child(even) .text {
    width: 100%;
    padding: 0.5rem 0;
  }
  .l-function-content .l-function-about .about-section-item .text h2,
.l-function-content .l-function-about .about-section-item:nth-child(even) .text h2 {
    font-size: 20px;
    margin-bottom: 1.25rem;
    white-space: normal;
  }
  .l-function-content .l-function-about .about-section-item .text p,
.l-function-content .l-function-about .about-section-item:nth-child(even) .text p {
    font-size: 0.8125rem;
  }
  .l-function-content .l-function-about .about-section-item .img,
.l-function-content .l-function-about .about-section-item:nth-child(even) .img {
    width: 100%;
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .l-function-content .l-function-about .about-section-item .img img,
.l-function-content .l-function-about .about-section-item:nth-child(even) .img img {
    display: block;
    width: 100%;
    height: auto;
  }
  .l-function-content .l-capabilities {
    padding: 4rem 1.5rem 0;
  }
  .l-function-content .l-capabilities h2 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .l-function-content .l-capabilities .block-item .thumb {
    width: 48px;
    height: 48px;
  }
  .l-function-content .l-capabilities .block-item .thumb img {
    width: 32px;
    height: 32px;
  }

  .block-list .block-item {
    width: 100%;
    margin: 0.5rem 0;
    padding: 20px 16px;
  }
  .block-list .block-item .text {
    margin-top: 1rem;
  }
  .block-list .block-item .text h3 {
    font-size: 1rem;
  }
  .block-list .block-item .text p {
    font-size: 0.75rem;
    line-height: 1.75;
    color: #323538;
  }

  .l-other-functions {
    padding: 0 1.5rem 3rem;
  }
  .l-other-functions .container {
    padding-left: 0;
    padding-right: 0;
    border-top: none;
  }
  .l-other-functions h2 {
    font-size: 1.25rem;
  }
  .l-etl-connectors {
    padding: 5rem 0 3rem;
  }
  .l-etl-connectors h2 {
    font-size: 1.25rem;
  }
  .l-etl-connectors .description {
    font-size: 0.8125rem;
    margin-bottom: 1.5rem;
  }
  .l-etl-connectors .connectors {
    margin: 2rem 0 0;
    width: 780px;
  }
  .l-etl-connectors .connectors .item {
    width: 48px;
    height: 48px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    margin: 0.5rem;
  }
  .l-etl-connectors .connectors .item img {
    width: 28px;
  }
  .page-content.partner-page-content {
    padding-bottom: 0;
  }

  .partner-header {
    padding: 40px 0 24px;
  }
  .partner-header .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100vw;
    padding: 0 24px;
  }
  .partner-header .partner-header-text {
    max-width: 100%;
  }
  .partner-header .partner-header-lead {
    font-size: 0.875rem;
  }
  .partner-header .partner-header-title {
    font-size: 28px;
  }
  .partner-header .partner-header-image {
    padding-top: 1rem;
    text-align: center;
  }
  .partner-header .review-logo {
    display: none;
  }

  .partner-page-section .container {
    max-width: 100vw;
  }
  .partner-page-section .partner-page-section-header .partner-page-section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .partner-page-section .partner-page-section-header .partner-page-section-title .ornament {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }
  .partner-page-section .partner-page-section-header .partner-page-section-title .main {
    font-size: 1.5rem;
  }
  .partner-page-section .partner-page-section-header .partner-page-section-description {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    text-align: left;
  }

  .partner-page-problem-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0;
  }
  .partner-page-problem-list .partner-page-problem-item {
    width: 100%;
    text-align: center;
    margin: 0 0 40px;
  }
  .partner-page-problem-list .partner-page-problem-item .num {
    font-size: 32px;
    margin-bottom: 0.75rem;
  }
  .partner-page-problem-list .partner-page-problem-item .title {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
  .partner-page-problem-list .partner-page-problem-item .text {
    font-size: 0.875rem;
  }
  .partner-page-problem-list .partner-page-problem-item .thumb {
    margin-bottom: -0.5rem;
  }

  .c-partner-inner-cv-container {
    padding: 0;
  }
  .c-partner-inner-cv-container .inner-cv {
    padding: 2rem 1.5rem;
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
  .partner-page-section.problem-section {
    padding-bottom: 32px;
    position: relative;
  }
  .partner-page-section.problem-section:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e05a2c;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px);
  }
  .partner-page-section.problem-section:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 4px);
    bottom: -4px;
  }
  .partner-page-section.solution-section {
    padding: 80px 20px 0;
    width: calc(100% + 32px);
    margin: 0 -16px;
    border-radius: 0;
  }
  .partner-page-section.merit-section {
    padding: 136px 0 40px;
  }
  .partner-page-section.seminar-section {
    width: calc(100% + 32px);
    padding: 80px 24px;
    margin: 0 -16px;
  }

  .partner-function-list-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .partner-function-list-block .partner-function-item {
    padding: 2rem 1.5rem;
    border-right: none;
    border-bottom: 1px dotted #E5E6E7;
  }
  .partner-function-list-block .partner-function-item:last-child {
    border: none;
  }
  .partner-function-list-block .text {
    margin-bottom: 0.25rem;
  }

  .l-merit-content {
    position: relative;
    padding-top: 3rem;
  }
  .l-merit-content:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #CACBCC;
    position: absolute;
    left: calc(50% - 4px);
    top: 1.25rem;
    -webkit-box-shadow: -16px 0 0 #CACBCC, 16px 0 0 #CACBCC;
            box-shadow: -16px 0 0 #CACBCC, 16px 0 0 #CACBCC;
  }
  .l-merit-content .c-merit-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 0;
  }
  .l-merit-content .c-merit-item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .l-merit-content .c-merit-item:nth-child(even) .image-content img {
    right: auto;
  }
  .l-merit-content .c-merit-item .text-content {
    max-width: 100vw;
    width: 100%;
    padding: 0 8px;
  }
  .l-merit-content .c-merit-item .text-content .content-title {
    font-size: 1.25rem;
    white-space: inherit;
  }
  .l-merit-content .c-merit-item .text-content .description * {
    line-height: 1.8;
    color: #323538;
    font-size: 0.875rem;
  }
  .l-merit-content .c-merit-item .image-content {
    width: 100%;
    height: auto;
    padding-top: 1rem;
  }
  .l-merit-content .c-merit-item .image-content img {
    height: auto;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto;
  }

  .partner-seminar-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .partner-seminar-list .seminar-item {
    width: 100%;
    margin: 32px 0;
  }
  .partner-seminar-list .seminar-item:first-child {
    margin-top: 0;
  }
  .partner-seminar-list .seminar-item .thumb {
    width: 100%;
    padding-top: 56%;
    background: #ccc;
    border-radius: 4px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
  }
  .partner-seminar-list .seminar-item .thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .c-view-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-inquiry-content {
    padding: 2rem 0.75rem;
  }
  .l-inquiry-content .column,
.l-inquiry-content .column.wide {
    grid-template-rows: auto;
    grid-template-columns: auto;
    gap: 0;
  }
  .l-inquiry-content .introduction-container .introduction-title {
    font-size: 1.425rem;
    margin: 0 0 0.5rem;
    text-align: center;
  }
  .l-inquiry-content .introduction-container .introduction-description {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
    border-bottom: none;
    text-align: center;
  }
  .l-inquiry-content .introduction-container .inquiry-flow-step {
    margin: 1rem 0;
  }
  .l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item {
    margin-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
  .l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .thumb {
    width: 64px;
    height: 64px;
  }
  .l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .text .step-num {
    font-size: 0.75rem;
  }
  .l-inquiry-content .introduction-container .inquiry-flow-step .inquiry-flow-step-item .text .step-description {
    font-size: 0.75rem;
  }
  .l-inquiry-content .form-container {
    padding: 2rem 0.5rem;
    width: calc(100% + 1.5rem);
    margin: 0 -0.75rem;
  }
  .c-inquiry-detail-common {
    width: calc(100% + 1.5rem);
    margin: 0 -0.75rem;
  }
  .c-inquiry-detail-common h2 {
    font-size: 1.5rem;
  }
  .c-inquiry-detail-common .inquiry-detail-common-thumb {
    margin-bottom: 1rem;
  }
  .c-inquiry-detail-common ul li {
    font-size: 0.875rem;
    line-height: 1.56;
  }
  .c-inquiry-detail-common ul li:before {
    top: 0.75rem;
  }
  .c-inquiry-detail-common .inquiry-detail-common-title {
    margin-bottom: 1rem;
    padding: 0 0.5rem;
  }
  .c-inquiry-detail-common .inquiry-detail-common-title .ornament {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
  }
  .c-inquiry-detail-common .c-inquiry-agenda-list {
    margin: 1rem 0;
    font-size: 0.875rem;
  }
  .l-connector-index {
    padding: 24px 0;
  }
  .l-connector-index .l-connector-filter {
    top: 56px;
  }
  .l-connector-index .connector-list {
    padding: 0 16px;
    grid-template-columns: repeat(2, 1fr);
  }

  .connector-item-content {
    overflow-y: scroll;
  }
  .connector-item-content .connector-item-header .thumb {
    width: 64px;
    height: 64px;
    margin-right: 0.75rem;
  }
  .connector-item-content .connector-item-header .text .connector-item-content-title {
    font-size: 18px;
    margin-bottom: 0.5rem;
  }
  .connector-item-content .connector-item-header .text .category {
    font-size: 0.75rem;
  }
  .connector-item-content .connector-status-table tr th,
.connector-item-content .connector-status-table tr td {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
  }
  .connector-item-content .connector-status-table tr th {
    width: 104px;
  }
  .connector-item-content .connector-attachment h5 {
    font-size: 16px;
  }
  .connector-item-content .connector-attachment li:before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 0.85rem;
  }
  .connector-item-content .connector-attachment li a {
    text-decoration: none;
    word-break: break-all;
  }
  .inner-cv-container {
    padding: 0;
  }

  .inner-cv {
    border-radius: 0;
    width: calc(100% + 3rem);
    margin: 3rem -1.5rem 0;
  }
  .inner-cv .inner-cv-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
  }
  .inner-cv .text {
    width: 100%;
    max-width: 100%;
  }
  .inner-cv .text.wide {
    width: 100%;
    max-width: 100%;
  }
  .inner-cv .thumb {
    width: calc(100% + 24px);
    padding: 0;
    margin: -4rem -12px 0;
  }
  .inner-cv .thumb img {
    max-width: 100%;
    margin: 0 auto 16px;
    display: block;
  }
  .inner-cv .inner-cv-title {
    font-size: 18px;
  }
  .inner-cv .inner-cv-description {
    font-size: 0.8125rem;
  }
  .inner-cv .c-cv-button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: calc(100% + 24px);
    margin: 0 -12px;
  }
  .inner-cv .c-cv-button .btn {
    min-width: calc(50% - 8px);
    margin: 0 4px;
    max-width: 100%;
    font-size: 0.875rem;
  }
  .c-function-item-list {
    width: 100%;
    margin: 0;
  }

  .function-item,
.function-item.feature {
    width: 100%;
    margin: 0.5rem 0;
    padding: 16px 16px 40px 12px;
  }
  .function-item .thumb,
.function-item.feature .thumb {
    width: 40px;
    height: 40px;
  }
  .function-item .thumb img,
.function-item.feature .thumb img {
    width: 24px;
    height: 24px;
  }
  .function-item .title,
.function-item.feature .title {
    font-size: 16px;
  }
  .function-item p,
.function-item.feature p {
    font-size: 0.75rem;
  }
  .function-item .c-view-detail,
.function-item.feature .c-view-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    bottom: 16px;
    right: 24px;
  }
  .container {
    max-width: 1112px;
    margin: 0 auto;
  }

  .layout-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .global-header {
    height: 56px;
    z-index: 1000000;
  }
  .global-header .header-logo {
    margin: 0 8px 0 0;
  }
  .global-header .header-logo-title img {
    height: 20px;
  }
  .global-header .menu-toggle {
    padding: 0;
    border: none;
    background: transparent;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .global-header .menu-toggle .toggle-icon {
    height: 2px;
    width: 24px;
    border-radius: 1px;
    background: #e05a2c;
    position: relative;
  }
  .global-header .menu-toggle .toggle-icon:before, .global-header .menu-toggle .toggle-icon:after {
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: #e05a2c;
    position: absolute;
    left: 0;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
  }
  .global-header .menu-toggle .toggle-icon:before {
    top: -7px;
  }
  .global-header .menu-toggle .toggle-icon:after {
    bottom: -7px;
  }
  .global-header .menu-toggle.toggle-on .toggle-icon {
    background: transparent;
  }
  .global-header .menu-toggle.toggle-on .toggle-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .global-header .menu-toggle.toggle-on .toggle-icon:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .sp-dropdown-menu {
    position: fixed;
    top: 56px;
    left: 0;
    background: #fff;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    max-height: calc(100vh - 56px);
    overflow-y: scroll;
    -webkit-box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);
  }
  .sp-dropdown-menu.header-open {
    opacity: 1;
    display: block;
    visibility: visible;
  }
  .sp-dropdown-menu a {
    text-decoration: none;
    color: #323538;
    font-weight: bold;
  }
  .sp-dropdown-menu > ul {
    padding: 8px 0 8px 24px;
  }
  .sp-dropdown-menu > ul > li {
    position: relative;
    border-bottom: 1px dotted #E5E6E7;
  }
  .sp-dropdown-menu > ul > li:last-child {
    border-bottom: none;
  }
  .sp-dropdown-menu > ul > li.has-child:after {
    content: "+";
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 16px;
    color: #e05a2c;
    pointer-events: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(224, 90, 44, 0.1);
  }
  .sp-dropdown-menu > ul > li > a {
    padding: 20px 24px 20px 0;
    font-size: 15px;
    display: block;
  }
  .sp-dropdown-menu > ul .c-nav-child {
    display: none;
    padding: 0 0 20px 24px;
    position: relative;
  }
  .sp-dropdown-menu > ul .c-nav-child.with-section-title:before {
    top: 1.25rem;
  }
  .sp-dropdown-menu > ul .c-nav-child:before {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 1px solid #CACBCC;
    border-bottom: 1px solid #CACBCC;
    position: absolute;
    left: 0.5rem;
    top: 0.75rem;
  }
  .sp-dropdown-menu > ul .c-nav-child > li.child-nav-label-item {
    padding: 1rem 0 0.5rem;
  }
  .sp-dropdown-menu > ul .c-nav-child > li.child-nav-label-item span {
    font-size: 0.75rem;
    font-weight: bold;
    color: #e05a2c;
  }
  .sp-dropdown-menu > ul .c-nav-child > li > a {
    font-size: 14px;
    padding: 12px 24px 12px 0;
    display: block;
  }
  .sp-dropdown-menu .c-sp-nav-cv {
    padding: 24px 16px;
    background: #F7F8F9;
  }
  .sp-dropdown-menu .c-sp-nav-cv .btn {
    margin: 6px 0;
  }
  .sp-dropdown-menu .c-sp-nav-cv .extra-inquiry-container {
    padding: 24px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-simple-header {
    height: 56px;
  }
  .c-simple-header .header-logo {
    margin: 0 8px 0 0;
  }
  .c-simple-header .header-logo img {
    height: 20px;
  }
  .c-footer-service-recommend {
    padding: 32px 0 0;
  }
  .c-footer-service-recommend .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .c-footer-service-recommend .service-thumb {
    width: calc(100% - 24px);
    margin: 0 12px;
  }
  .c-footer-service-recommend .service-thumb img {
    border-radius: 6px 6px 0 0;
  }
  .c-footer-service-recommend .recommend-text {
    width: 100%;
    padding: 24px;
  }
  .c-footer-service-recommend .recommend-text .recommend-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .c-footer-service-recommend .recommend-text .recommend-lead {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .c-footer-service-recommend .recommend-text .cv-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
  }
  .c-footer-service-recommend .recommend-text .cv-area .btn {
    max-width: 360px;
    min-width: auto;
    width: 100%;
    margin: 6px auto;
  }
  .main-footer .footer-content-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 40px 24px;
  }
  .main-footer .footer-logo-block {
    width: 100%;
    padding-top: 32px;
  }
  .main-footer .footer-logo-block .footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-footer .footer-logo-block .footer-social-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-footer .footer-logo-block .footer-social-list li {
    margin: 0 12px;
  }
  .main-footer .footer-nav {
    display: block;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .main-footer .footer-nav .footer-nav-block {
    width: 100%;
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid-column;
    padding: 0;
  }
  .main-footer .footer-content-sub {
    padding: 24px 16px;
    background: #fff;
  }
  .main-footer .footer-content-sub .container {
    display: block;
  }
  .main-footer .footer-sub-nav {
    margin: 0;
  }
  .main-footer .footer-sub-nav ul {
    display: block;
  }
  .main-footer .footer-sub-nav ul li {
    margin: 0;
    padding: 6px 0;
  }
  .main-footer .footer-sub-nav ul li a {
    color: #626466;
  }
  .main-footer .copyright {
    color: #626466;
    padding: 24px 0 0;
    opacity: 0.75;
  }
}
@media screen and (max-width: 592px) {
  .l-connector-index {
    padding: 24px 0;
  }
  .l-connector-index .l-connector-filter {
    top: 56px;
  }
  .l-connector-index .l-connector-filter .c-connector-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 1rem;
  }
  .l-connector-index .connector-list {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 1rem;
  }
}