@charset "UTF-8";
/*
	font
*******************************/
/*
	color
*******************************/
/*
01: テーブルセル（奇数行）
02: テーブルセル（偶数行）
03: ホバー
04: ダーク
05: SPグローバルナビゲーション
06: ヘッダーバナー
07: 料金表
*/
/*
	width
*******************************/
/*
	フォントサイズ
*******************************/
/*
	レスポンシブ
*******************************/
/*
	モード
*******************************/
/*
	アイコンフォント
*******************************/
/*
	アーガイル柄
*******************************/
/*
	ホバーアニメーション
*******************************/
@font-face {
  font-display: swap;
  font-family: "ConohaIcon";
  font-style: normal;
  font-weight: normal;
  src: url("/wing_59681/common/fonts/ConohaIcon/ConohaIcon.woff?1761645518584") format("woff");
}
.icon::before {
  display: inline-block;
  font-family: "ConohaIcon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: inherit;
  speak: none;
  text-decoration: none;
  text-transform: none;
}

.icon-angle-right::before {
  content: "\f001";
}

.icon-angle-down::before {
  content: "\f002";
}

.icon-angle-left::before {
  content: "\f003";
}

.icon-angle-up::before {
  content: "\f004";
}

.icon-wing::before {
  content: "\f005";
}

.icon-facebook::before {
  content: "\f006";
}

.icon-twitter::before {
  content: "\f007";
}

.icon-check_circle::before {
  content: "\f008";
}

.icon-search::before {
  content: "\f009";
}

.icon-star::before {
  content: "\f00a";
}

.icon-ai_pencil::before {
  content: "\f00b";
}

.icon-autobackup::before {
  content: "\f00c";
}

.icon-beginner::before {
  content: "\f00d";
}

.icon-bill_coin::before {
  content: "\f00e";
}

.icon-book_alphabet::before {
  content: "\f00f";
}

.icon-book_gmail::before {
  content: "\f010";
}

.icon-box_reload::before {
  content: "\f011";
}

.icon-chart::before {
  content: "\f012";
}

.icon-dashboard::before {
  content: "\f013";
}

.icon-document::before {
  content: "\f014";
}

.icon-domain_com::before {
  content: "\f015";
}

.icon-folder_arrows::before {
  content: "\f016";
}

.icon-folder_documents::before {
  content: "\f017";
}

.icon-graph_money::before {
  content: "\f018";
}

.icon-japan_ribbon::before {
  content: "\f019";
}

.icon-launch::before {
  content: "\f01a";
}

.icon-lock::before {
  content: "\f01b";
}

.icon-lock_free::before {
  content: "\f01c";
}

.icon-mail::before {
  content: "\f01d";
}

.icon-mail_document::before {
  content: "\f01e";
}

.icon-mysql::before {
  content: "\f01f";
}

.icon-php::before {
  content: "\f020";
}

.icon-seo::before {
  content: "\f021";
}

.icon-shield_check::before {
  content: "\f022";
}

.icon-shields_check::before {
  content: "\f023";
}

.icon-spam::before {
  content: "\f024";
}

.icon-sun_moon::before {
  content: "\f025";
}

.icon-telephone::before {
  content: "\f026";
}

.icon-web_mail::before {
  content: "\f027";
}

.icon-web_www::before {
  content: "\f028";
}

.icon-webfont::before {
  content: "\f029";
}

.icon-wexal::before {
  content: "\f02a";
}

.icon-window::before {
  content: "\f02b";
}

.icon-window_ribbon::before {
  content: "\f02c";
}

.icon-window_speedy::before {
  content: "\f02d";
}

.icon-window_emphasis::before {
  content: "\f02e";
}

.icon-wordpress_download::before {
  content: "\f02f";
}

.icon-wordpress_theme::before {
  content: "\f030";
}

.icon-vps::before {
  content: "\f031";
}

.icon-windows::before {
  content: "\f032";
}

.icon-game::before {
  content: "\f033";
}

.icon-aicanvas::before {
  content: "\f034";
}

.icon-window_explorer::before {
  content: "\f035";
}

.icon-warning::before {
  content: "\f036";
}

.icon-youtube::before {
  content: "\f037";
}

.icon-instagram::before {
  content: "\f038";
}

.icon-window_robot::before {
  content: "\f039";
}

.icon-window_comment::before {
  content: "\f03a";
}

.icon-server_gears::before {
  content: "\f03b";
}

.icon-ex::before {
  content: "\f03c";
}

.icon-pdf_download::before {
  content: "\f03d";
}

.icon-calendar_free::before {
  content: "\f03e";
}

.icon-domain_cojp_free::before {
  content: "\f03f";
}

.icon-domain_shop_free::before {
  content: "\f040";
}

.icon-server_pricedown::before {
  content: "\f041";
}

.icon-server_coin::before {
  content: "\f042";
}

.icon-wordpress_theme_pricedown::before {
  content: "\f043";
}

.icon-shield_check_free::before {
  content: "\f044";
}

.icon-popup::before {
  content: "\f045";
}

.icon-ssd_sparkle::before {
  content: "\f046";
}

.icon-dashboard_php::before {
  content: "\f047";
}

.icon-server_scaleup::before {
  content: "\f048";
}

.icon-server_shield::before {
  content: "\f049";
}

.icon-setup_wordpress::before {
  content: "\f04a";
}

.icon-migration_wordpress::before {
  content: "\f04b";
}

.icon-document_pencil::before {
  content: "\f04c";
}

.icon-setup::before {
  content: "\f04d";
}

.icon-beginner_friendly_wordpress::before {
  content: "\f04e";
}

.icon-wordpress_install::before {
  content: "\f04f";
}

.icon-copy_wordpress::before {
  content: "\f050";
}

.icon-flow_migration::before {
  content: "\f051";
}

.icon-wordpress_plugin::before {
  content: "\f052";
}

.icon-shield_search::before {
  content: "\f053";
}

.icon-locks::before {
  content: "\f054";
}

.icon-wordpress_reload::before {
  content: "\f055";
}

.icon-search_plus::before {
  content: "\f056";
}

.icon-arrowLeftRight::before {
  content: "\f057";
}

.icon-window_demo::before {
  content: "\f058";
}

/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */
:root {
  --swiper-theme-color: #007aff;
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.1490196078);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  height: var(--swiper-virtual-size);
  width: 1px;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next ::slotted(svg), .swiper-button-next svg, .swiper-button-prev ::slotted(svg), .swiper-button-prev svg {
  fill: currentColor;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  transform-origin: center;
  width: 100%;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next, .swiper-button-prev {
  margin-top: calc(0 - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon, .swiper-button-prev ::slotted(.swiper-navigation-icon) {
  transform: rotate(180deg);
}

.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev {
  margin-left: 0;
  margin-top: calc(0 - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal .swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next ::slotted(.swiper-navigation-icon), .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next ::slotted(.swiper-navigation-icon), .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal .swiper-button-prev ::slotted(.swiper-navigation-icon) {
  transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev ::slotted(.swiper-navigation-icon) {
  transform: rotate(0deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0 - var(--swiper-navigation-size) / 2);
  margin-top: 0;
  right: auto;
}
.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
  bottom: auto;
  top: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical .swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev ::slotted(.swiper-navigation-icon) {
  transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical .swiper-button-next ::slotted(.swiper-navigation-icon), .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next ::slotted(.swiper-navigation-icon) {
  transform: rotate(90deg);
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination.swiper-pagination-disabled, .swiper-pagination-disabled > .swiper-pagination {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

button.swiper-pagination-bullet {
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.2509803922));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > .swiper-pagination-progressbar, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1019607843));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
}
.swiper-scrollbar.swiper-scrollbar-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar {
  display: none !important;
}
.swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-horizontal > .swiper-scrollbar {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  left: var(--swiper-scrollbar-left, auto);
  position: absolute;
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5019607843));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow::before {
  background: #000;
  bottom: 0;
  content: "";
  filter: blur(50px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
}

/*
	font
*******************************/
/*
	color
*******************************/
/*
	width
*******************************/
/*
	テキストスタイル
*******************************/
/*
	ボーダー
*******************************/
/*
	レイアウト
*******************************/
/*
	レスポンシブ
*******************************/
/*
	アイコンフォント
*******************************/
/*
	ホバーアニメーション
*******************************/
.is-patternC .inner {
  max-width: 1200px;
  padding: 0 20px;
}
.is-patternC .textLink {
  color: #0a65a9;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .planC {
  padding: 96px 0;
}
@media (max-width: 768px) {
  .is-patternC .planC {
    padding: 60px 0;
  }
}
.is-patternC .planCHead {
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .planCHead {
    margin-bottom: 24px;
  }
}
.is-patternC .planC_label {
  background: #f0f8ff;
  border-radius: 999px;
  color: #0a65a9;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 4px 24px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .planC_heading {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  margin-top: 12px;
  font-size: 48px;
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  .is-patternC .planC_heading {
    margin-top: 8px;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .planC_lead {
  color: #414141;
  line-height: 1.6;
  margin-top: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .is-patternC .planC_lead {
    margin-top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-patternC .planC_lead-highlight {
  color: #0a65a9;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
@media (max-width: 768px) {
  .is-patternC .flowC {
    padding: 60px 0;
  }
}
.is-patternC .flowC_lead {
  margin-top: 12px;
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .flowC_lead {
    margin-top: 8px;
  }
}
.is-patternC .flowCList {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 32px;
}
@media (max-width: 768px) {
  .is-patternC .flowCList {
    gap: 12px;
    grid-template-columns: 1fr;
  }
}
.is-patternC .flowCList_item {
  min-width: 0;
}
.is-patternC .flowCCard {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 768px) {
  .is-patternC .flowCCard {
    gap: 12px;
  }
}
.is-patternC .flowCCard_step {
  align-items: center;
  display: flex;
  gap: 10px;
}
@media (max-width: 768px) {
  .is-patternC .flowCCard_step {
    gap: 8px;
  }
}
.is-patternC .flowCCard_stepIcon {
  display: block;
  flex-shrink: 0;
  height: 29px;
  width: 29px;
}
@media (max-width: 768px) {
  .is-patternC .flowCCard_stepIcon {
    height: 26px;
    width: 26px;
  }
}
.is-patternC .flowCCard_stepText {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .is-patternC .flowCCard_stepText {
    color: #414141;
    font-size: 20px;
    font-size: 2rem;
  }
}
.is-patternC .flowCCard_image {
  aspect-ratio: 9/5;
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.is-patternC .flowCCard_image::before {
  bottom: 12px;
  color: #fff;
  content: "\f056";
  display: inline-block;
  font-family: "ConohaIcon";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 12px;
  z-index: 1;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .is-patternC .flowCCard_image::before {
    content: none;
  }
}
.is-patternC .flowCCard_image img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
  width: 100%;
}
.is-patternC .flowCCard_image:hover img, .is-patternC .flowCCard_image:active img {
  transform: scale(1.1);
}
.is-patternC .flowCCard_body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .is-patternC .flowCCard_body {
    gap: 8px;
  }
}
.is-patternC .flowCCard_title {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .is-patternC .flowCCard_title {
    font-weight: 800;
    font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.is-patternC .flowCCard_text {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-size: 16px;
  font-size: 1.6rem;
}
.is-patternC .faqC {
  padding: 96px 0;
}
@media (max-width: 768px) {
  .is-patternC .faqC {
    padding: 60px 0;
  }
}
.is-patternC .faqCHead {
  margin-bottom: 52px;
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .faqCHead {
    margin-bottom: 32px;
  }
}
.is-patternC .faqC_label {
  background: #f0f8ff;
  border-radius: 999px;
  color: #0a65a9;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 4px 24px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .faqC_labelText {
  display: inline-block;
}
.is-patternC .faqC_heading {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  margin-top: 12px;
  font-size: 48px;
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  .is-patternC .faqC_heading {
    margin-top: 8px;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .faqCFoot {
  text-align: center;
}
.is-patternC .buttonType01-outline {
  background-color: #fff;
  border: 2px solid #3898e0;
  color: #3898e0;
}
.is-patternC .buttonType01-outline:hover {
  background-color: #3898e0;
  color: #fff;
}
.is-patternC .compareC {
  padding: 96px 0;
}
@media (max-width: 768px) {
  .is-patternC .compareC {
    padding: 60px 0;
  }
}
.is-patternC .compareCHead {
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .compareCHead {
    margin-bottom: 24px;
  }
}
.is-patternC .compareC_label {
  align-items: center;
  background-color: #f0f8ff;
  border-radius: 999px;
  color: #0a65a9;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 4px 24px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .compareC_labelText {
  display: inline-block;
}
.is-patternC .compareC_heading {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  margin-top: 12px;
  font-size: 48px;
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  .is-patternC .compareC_heading {
    margin-top: 8px;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .compareC_lead {
  color: #414141;
  line-height: 1.6;
  margin-top: 16px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .is-patternC .compareC_lead {
    margin-top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-patternC .compareC_lead-highlight {
  color: #0a65a9;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .compareCTable {
  margin: 60px 0;
}
.is-patternC .compareCTable_table {
  border-radius: 8px;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.is-patternC .compareCTable_headRow {
  align-items: flex-end;
  display: flex;
}
.is-patternC .compareCTable_head {
  align-items: center;
  background-color: #414141;
  color: #fff;
  display: flex;
  flex: 1 1 0;
  height: 60px;
  justify-content: center;
  padding: 16px 8px;
  text-align: center;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .is-patternC .compareCTable_head {
    flex: 0 0 22.5%;
  }
}
.is-patternC .compareCTable_head:first-child {
  border-radius: 8px 0 0 0;
}
.is-patternC .compareCTable_head:last-child {
  border-radius: 0 8px 0 0;
}
.is-patternC .compareCTable_head-wing {
  background-color: #3898e0;
  border-radius: 8px 8px 0 0;
  height: 79px;
}
@media (max-width: 768px) {
  .is-patternC .compareCTable_head-wing {
    flex-basis: 32.5%;
  }
}
.is-patternC .compareCTable_head-wing_img {
  align-items: center;
  display: flex;
  height: 80px;
  justify-content: center;
}
.is-patternC .compareCTable_head-wing img {
  height: 34px;
}
@media (max-width: 768px) {
  .is-patternC .compareCTable_head-wing img {
    height: auto;
    max-width: 100%;
    width: 80px;
  }
}
.is-patternC .compareCTable_label {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  padding: 16px;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .is-patternC .compareCTable_label {
    padding: 16px 8px;
    width: 22.5%;
  }
}
.is-patternC .compareCTable_value {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  padding: 16px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .is-patternC .compareCTable_value {
    padding: 16px 8px;
    width: 22.5%;
  }
}
.is-patternC .compareCTable_value-wing {
  background-color: #fff;
  border-left: 4px solid #3898e0;
  border-right: 4px solid #3898e0;
  color: #ff811e;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
@media (max-width: 768px) {
  .is-patternC .compareCTable_value-wing {
    width: 32.5%;
  }
}
.is-patternC .compareCTable tbody tr:nth-child(odd) th, .is-patternC .compareCTable tbody tr:nth-child(odd) td {
  background-color: #f4f4f4;
}
.is-patternC .compareCTable tbody tr:last-child .compareCTable_value-wing {
  border-bottom: 4px solid #3898e0;
}
.is-patternC .compareCFoot {
  text-align: center;
}
.is-patternC .ribbonCta {
  align-items: center;
  display: flex;
  flex-direction: column;
  isolation: isolate;
  justify-content: flex-end;
  margin: 80px auto 0;
  position: relative;
  width: 430px;
}
@media (max-width: 768px) {
  .is-patternC .ribbonCta {
    height: auto;
    width: 100%;
  }
}
.is-patternC .ribbonCta .buttonType01 {
  align-items: center;
  align-self: stretch;
  background-color: #49dd4f;
  border: 2px solid #49dd4f;
  border-radius: 999px;
  box-sizing: border-box;
  color: #414141;
  display: flex;
  flex-direction: column;
  height: 90px;
  justify-content: center;
  margin: 0;
  max-width: unset;
  padding: 32px 58px 28px;
  position: relative;
  transition: background-color 0.1s, color 0.1s;
  z-index: 0;
}
.is-patternC .ribbonCta .buttonType01:hover {
  background-color: #fff;
  color: #49dd4f;
}
@media (max-width: 768px) {
  .is-patternC .ribbonCta .buttonType01 {
    height: 64px;
    padding: 0 24px;
    width: 100%;
  }
}
.is-patternC .ribbonCta .buttonType01_title {
  color: inherit;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.is-patternC .ribbonCta_ribbon {
  bottom: 68.11px;
  height: 43px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 336px;
  z-index: 1;
}
@media (max-width: 768px) {
  .is-patternC .ribbonCta_ribbon {
    display: none;
  }
}
.is-patternC .ribbonCta_ribbonBody {
  background-color: #ffdf00;
  clip-path: polygon(0 100%, 16px 50%, 0 0, 100% 0, calc(100% - 16px) 50%, 100% 100%);
  height: 41px;
  left: 50%;
  position: absolute;
  top: 1px;
  transform: translateX(-50%);
  width: 330px;
}
.is-patternC .ribbonCta_ribbonText {
  color: #012370;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 24px;
  left: 50%;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  top: 11.5px;
  transform: translateX(-50%);
  white-space: nowrap;
  width: 239px;
}
.is-patternC .casestudyC {
  background: #f0f8ff;
  padding: 96px 0;
}
@media (max-width: 768px) {
  .is-patternC .casestudyC {
    padding: 60px 0;
  }
}
.is-patternC .casestudyC_logoArea {
  align-items: center;
  display: flex;
  gap: 40px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .is-patternC .casestudyC_logoArea {
    gap: 16px;
  }
}
.is-patternC .casestudyC_logoImage {
  flex: none;
  object-fit: contain;
  width: 100px;
}
.is-patternC .casestudyCHead {
  text-align: center;
}
.is-patternC .casestudyC_label {
  background: #fff;
  border-radius: 999px;
  color: #0a65a9;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 4px 24px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .casestudyC_heading {
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  padding: 24px 0;
}
@media (max-width: 768px) {
  .is-patternC .casestudyC_heading {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .casestudyC_lead {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .is-patternC .casestudyC_lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.is-patternC .pointC {
  background: #f0f8ff;
  padding: 96px 0;
}
@media (max-width: 768px) {
  .is-patternC .pointC {
    padding: 60px 0;
  }
}
.is-patternC .pointCHead {
  margin-bottom: 52px;
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .pointCHead {
    margin-bottom: 32px;
  }
}
.is-patternC .pointC_label {
  background: #fff;
  border-radius: 999px;
  color: #0a65a9;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 4px 24px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .pointC_heading {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  margin-top: 12px;
  font-size: 48px;
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  .is-patternC .pointC_heading {
    margin-top: 8px;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .pointC_note {
  color: #414141;
  font-weight: 400;
  margin-top: 20px;
  font-size: 11.5px;
  font-size: 1.15rem;
}
.is-patternC .pointCList {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 32px;
}
@media (max-width: 768px) {
  .is-patternC .pointCList {
    gap: 12px;
    grid-template-columns: 1fr;
  }
}
.is-patternC .pointCList_item {
  min-width: 0;
}
.is-patternC .pointCCard {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.is-patternC .pointCCard_badge {
  background-color: #414141;
  border-radius: 0 0 8px 8px;
  color: #fff;
  display: inline-block;
  left: 20px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .pointCCard_image {
  aspect-ratio: 680/385;
  display: block;
  padding: 24px 32px 0;
  width: 100%;
}
.is-patternC .pointCCard_image img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.is-patternC .pointCCard_body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding: 0 24px 24px;
}
@media (max-width: 768px) {
  .is-patternC .pointCCard_body {
    padding: 0 20px 20px;
  }
}
.is-patternC .pointCCard_lead {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .pointCCard_title {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-size: 22px;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .is-patternC .pointCCard_title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.is-patternC .pointCCard_titleNote {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  margin-left: 4px;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .pointCCard_text {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  margin-top: 4px;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .pointCCard .listMore {
  margin-top: auto;
  padding-top: 12px;
}
.is-patternC .pointCCard .listMore .textLink.has-arrow, .is-patternC .pointCCard .listMore .textLink.has-arrowDown {
  padding-left: 0;
  padding-right: 1.2em;
}
.is-patternC .pointCCard .listMore .textLink.has-arrow::before, .is-patternC .pointCCard .listMore .textLink.has-arrowDown::before {
  left: auto;
  right: 0;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="0"]:checked) .pricingType01TableMonthList_item[data-index="0"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="1"]:checked) .pricingType01TableMonthList_item[data-index="1"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="2"]:checked) .pricingType01TableMonthList_item[data-index="2"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="3"]:checked) .pricingType01TableMonthList_item[data-index="3"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="4"]:checked) .pricingType01TableMonthList_item[data-index="4"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="5"]:checked) .pricingType01TableMonthList_item[data-index="5"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="6"]:checked) .pricingType01TableMonthList_item[data-index="6"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="7"]:checked) .pricingType01TableMonthList_item[data-index="7"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="8"]:checked) .pricingType01TableMonthList_item[data-index="8"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="9"]:checked) .pricingType01TableMonthList_item[data-index="9"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationMonthInput[data-index="10"]:checked) .pricingType01TableMonthList_item[data-index="10"] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationPaymentInput[data-payment=monthly]:checked) .pricingType01TablePaymentList_item[data-payment=monthly] {
  display: block;
}
.is-patternC .pricingType01:has(.pricingType01NavigationPaymentInput[data-payment=hourly]:checked) .pricingType01NavigationMonth {
  visibility: hidden;
}
.is-patternC .pricingType01:has(.pricingType01NavigationPaymentInput[data-payment=hourly]:checked) .pricingType01TablePaymentList_item[data-payment=hourly] {
  display: block;
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_description, .is-patternC .pricingType01TablePlanUnitBodyPrice_monthly, .is-patternC .pricingType01TablePlanUnitBodyPrice_hourly {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .pricingType01TablePlanUnitBodySpecsUnit_text {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .pricingType01TableCompareList {
  text-align: center;
}
.is-patternC .pricingType01Navigation_inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01Navigation_inner {
    display: grid;
    justify-content: unset;
  }
}
@media (max-width: 768px) {
  .is-patternC .pricingType01NavigationMonth {
    order: 1;
  }
}
.is-patternC .pricingType01NavigationMonthList {
  align-items: center;
  display: flex;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01NavigationMonthList_item {
    width: 100%;
  }
}
.is-patternC .pricingType01NavigationMonthList_item:has(.pricingType01NavigationMonthInput:checked) .pricingType01NavigationMonthLabel {
  border-color: #3898e0;
  color: #3898e0;
}
.is-patternC .pricingType01NavigationMonthInput {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}
.is-patternC .pricingType01NavigationMonthLabel {
  border-bottom: transparent solid 6px;
  color: #cbcbcb;
  cursor: pointer;
  display: block;
  line-height: 1.2;
  min-width: 100px;
  padding: 18px 8px 12px;
  text-align: center;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01NavigationMonthLabel {
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .is-patternC .pricingType01NavigationMonthLabel {
    padding: 12px 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.is-patternC .pricingType01NavigationMonthLabel:hover {
  color: #3898e0;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01NavigationPayment {
    justify-self: flex-end;
    order: 0;
  }
}
.is-patternC .pricingType01NavigationPaymentList {
  align-items: center;
  background-color: #e8e8e8;
  border-radius: 9999px;
  display: flex;
  overflow: hidden;
}
.is-patternC .pricingType01NavigationPaymentList_item:has(.pricingType01NavigationPaymentInput:checked) .pricingType01NavigationPaymentLabel {
  background-color: #3898e0;
  color: #fff;
}
.is-patternC .pricingType01NavigationPaymentInput {
  display: block;
  height: 0;
  overflow: hidden;
  width: 0;
}
.is-patternC .pricingType01NavigationPaymentLabel {
  border-radius: 9999px;
  color: #686868;
  cursor: pointer;
  display: block;
  line-height: 1.2;
  padding: 16px;
  transition: background-color 0.1s, color 0.1s;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01NavigationPaymentLabel {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.is-patternC .pricingType01TablePaymentList_item {
  display: none;
}
.is-patternC .pricingType01TableMonthList_item {
  display: none;
}
.is-patternC .pricingType01TablePlanList {
  align-content: flex-start;
  align-items: flex-end;
  display: grid;
  gap: 20px 24px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanList {
    display: flex;
    gap: 0;
    grid-template-columns: 100%;
    margin-left: -10px;
    width: calc(100% + 20px);
  }
}
.is-patternC .pricingType01TablePlanList_item {
  height: auto;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanList_item {
    max-width: 360px;
    min-width: 0;
    padding: 0 10px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnit {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.is-patternC .pricingType01TablePlanUnit_inner {
  border: currentColor solid 4px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnit_inner {
    border-width: 2px;
  }
}
.is-patternC .pricingType01TablePlanUnitHead {
  background-color: currentColor;
  border-radius: 4px 4px 0 0;
  position: relative;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitHead {
    border-radius: 6px 6px 0 0;
  }
}
.is-patternC .pricingType01TablePlanUnitHeadRibbon {
  left: 0;
  line-height: 1.3;
  position: absolute;
  top: -4px;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitHeadRibbon {
    top: -2px;
  }
}
.is-patternC .pricingType01TablePlanUnitHeadRibbon_title {
  background-color: #ff7246;
  border-radius: 9999px;
  color: #fff;
  padding: 12px 16px;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitHeadRibbon_title {
    padding: 8px 12px;
  }
}
.is-patternC .pricingType01TablePlanUnitHeadPlan {
  color: #fff;
  display: grid;
  gap: 8px 0;
  line-height: 1.3;
  padding: 16px 20px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitHeadPlan {
    gap: 4px 0;
    padding: 10px 8px 12px;
  }
}
.is-patternC .pricingType01TablePlanUnitHeadPlan_name {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitHeadPlan_name {
    font-size: 20px;
    font-size: 2rem;
  }
}
.is-patternC .pricingType01TablePlanUnitHeadPlan_stars .icon {
  vertical-align: bottom;
}
.is-patternC .pricingType01TablePlanUnitHead:has(.is-patternC .pricingType01TablePlanUnitHeadRibbon) .is-patternC .pricingType01TablePlanUnitHeadPlan {
  padding: 32px 20px 36px;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitHead:has(.is-patternC .pricingType01TablePlanUnitHeadRibbon) .is-patternC .pricingType01TablePlanUnitHeadPlan {
    padding: 18px 8px 20px;
  }
}
.is-patternC .pricingType01TablePlanUnitBody {
  display: grid;
  gap: 16px 0;
  padding: 16px 0 0;
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_campaign-container {
  background: #ff7246;
  border-radius: 9999px;
  display: inline-block;
  justify-self: center;
  max-width: 100%;
  padding: 6px 20px;
  position: relative;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitBodyPrice_campaign-container {
    padding: 4px 16px;
  }
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_campaign-container::after {
  border: 6px solid transparent;
  border-top-color: #ff7246;
  content: "";
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_campaign-container_text {
  color: #fff;
  line-height: 1.3;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitBodyPrice_campaign-container_text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.is-patternC .pricingType01TablePlanUnitBodyPrice {
  color: #414141;
  display: grid;
  gap: 12px 0;
  padding: 0 20px;
  text-align: center;
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_description {
  color: #414141;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_monthly {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitBodyPrice_monthly {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_monthly strong {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 52px;
  font-size: 5.2rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitBodyPrice_monthly strong {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_off {
  line-height: 1.3;
}
.is-patternC .pricingType01TablePlanUnitBodyPrice_off strong {
  color: #ff7246;
  font-family: "Rubik", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitBodyPrice_off strong {
    font-size: 20px;
    font-size: 2rem;
  }
}
.is-patternC .pricingType01TablePlanUnitBodySpecs {
  padding: 0 20px;
}
.is-patternC .pricingType01TablePlanUnitBodySpecsList_item {
  padding-top: 1px;
  position: relative;
}
.is-patternC .pricingType01TablePlanUnitBodySpecsList_item::before {
  background: linear-gradient(90deg, currentColor 0, currentColor 4px, transparent 4px, transparent 8px) left bottom/8px 8px repeat-x;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.is-patternC .pricingType01TablePlanUnitBodySpecsUnit {
  align-items: baseline;
  color: #414141;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitBodySpecsUnit {
    padding: 8px 0;
  }
}
.is-patternC .pricingType01TablePlanUnitBodySpecsUnit_text {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitBodySpecsUnit_text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-patternC .pricingType01TablePlanUnitBodySpecsUnit_text.color {
  color: #ff7246;
}
.is-patternC .pricingType01TablePlanUnitFoot {
  padding: 0 0 24px;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitFoot {
    padding: 8px 0 20px;
  }
}
.is-patternC .pricingType01TablePlanUnitFootSignup {
  padding: 20px 24px 0 20px;
}
.is-patternC .pricingType01TablePlanUnitFootSignup_inner {
  margin: 0 auto;
  max-width: none;
}
.is-patternC .pricingType01TablePlanUnitFootSignup_inner .buttonType01 {
  align-items: center;
  background: #49dd4f;
  border: 2px solid #49dd4f;
  border-radius: 37px;
  box-sizing: border-box;
  color: #414141;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  letter-spacing: 0.03em;
  line-height: 1.6;
  padding: 29px 0;
  transition: background-color 0.1s, color 0.1s;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .is-patternC .pricingType01TablePlanUnitFootSignup_inner .buttonType01 {
    padding: 16px 0;
  }
}
.is-patternC .pricingType01TablePlanUnitFootSignup_inner .buttonType01:hover {
  background: #fff;
  color: #49dd4f;
}
.is-patternC .pricingType01TablePlanUnitFootSignup_inner .buttonType01_title {
  color: inherit;
}
.is-patternC .pricingType01TablePlanUnit[data-plan=basic] {
  color: #3898e0;
}
.is-patternC .pricingType01TablePlanUnit[data-plan=standard] {
  color: #0a65a9;
}
.is-patternC .pricingType01TablePlanUnit[data-plan=premium] {
  color: #003257;
}
.is-patternC .setupC {
  padding: 96px 0;
}
@media (max-width: 768px) {
  .is-patternC .setupC {
    padding: 60px 0;
  }
}
.is-patternC .setupC .headingType01_title {
  text-align: center;
}
.is-patternC .setupC .headingType01_title::before {
  display: none;
}
.is-patternC .setupCHead {
  margin-bottom: 52px;
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .setupCHead {
    margin-bottom: 32px;
  }
}
.is-patternC .setupC_lead {
  color: #414141;
  line-height: 1.6;
  margin-top: 16px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .is-patternC .setupC_lead {
    margin-top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-patternC .setupC_lead-highlight {
  color: #0a65a9;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .setupC_label {
  background: #f0f8ff;
  border-radius: 999px;
  color: #0a65a9;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 4px 24px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .setupC_heading {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  margin-top: 12px;
  font-size: 48px;
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  .is-patternC .setupC_heading {
    margin-top: 8px;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .setupCChild {
  display: grid;
  gap: 80px;
}
@media (max-width: 768px) {
  .is-patternC .setupCChild {
    gap: 60px;
  }
}
.is-patternC .setupCFlow {
  background: #f0f8ff;
  border-radius: 6px;
  padding: 40px;
}
@media (max-width: 768px) {
  .is-patternC .setupCFlow {
    padding: 20px;
  }
}
.is-patternC .setupC_subHeading {
  border-bottom: #3898e0 solid 1px;
  color: #414141;
  margin-bottom: 40px;
  padding-bottom: 8px;
  text-align: center;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .is-patternC .setupC_subHeading {
    font-weight: 800;
    font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    padding-bottom: 12px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.is-patternC .functionsBody {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 768px) {
  .is-patternC .functionsBody {
    gap: 20px;
  }
}
.is-patternC .functionsCards {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .is-patternC .functionsCards {
    gap: 12px;
    grid-auto-rows: auto;
    grid-template-columns: 1fr;
  }
}
.is-patternC .functionsCards_item {
  display: flex;
}
@media (max-width: 768px) {
  .is-patternC .functionsCards_item:nth-child(n+4) {
    display: none;
  }
}
@media (max-width: 768px) {
  .is-patternC .functionsCards.is-expanded .functionsCards_item {
    display: flex;
  }
}
.is-patternC .functionsMore {
  display: none;
}
@media (max-width: 768px) {
  .is-patternC .functionsMore {
    align-items: center;
    align-self: center;
    background-color: transparent;
    border: 0;
    color: #3898e0;
    cursor: pointer;
    display: inline-flex;
    gap: 6px;
    letter-spacing: 0.03em;
    padding: 0;
    font-weight: 800;
    font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.is-patternC .functionsMore_icon {
  background-color: #3898e0;
  border-radius: 50%;
  flex-shrink: 0;
  height: 27px;
  position: relative;
  width: 27px;
}
.is-patternC .functionsMore_icon::before, .is-patternC .functionsMore_icon::after {
  background-color: #fff;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.is-patternC .functionsMore_icon::before {
  height: 2px;
  width: 13px;
}
.is-patternC .functionsMore_icon::after {
  height: 13px;
  width: 2px;
}
.is-patternC .functionsMore.is-expanded .functionsMore_icon::after {
  opacity: 0;
}
.is-patternC .functionsCard {
  background-color: #f0f8ff;
  border-radius: 6px;
  display: flex;
  flex: 1;
  gap: 16px;
  padding: 24px;
}
@media (max-width: 768px) {
  .is-patternC .functionsCard {
    gap: 12px;
    padding: 20px;
  }
}
.is-patternC .functionsCard_icon {
  align-items: center;
  display: flex;
  height: 70px;
  line-height: 1;
  font-size: 70px;
  font-size: 7rem;
}
.is-patternC .functionsCard_icon .icon {
  background: linear-gradient(0deg, #3898e0, #58b7ff);
  -webkit-background-clip: text;
  display: inline-block;
  -webkit-text-fill-color: transparent;
}
.is-patternC .functionsCard_icon img {
  height: 24px;
  width: auto;
}
.is-patternC .functionsCard_body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 768px) {
  .is-patternC .functionsCard_body {
    gap: 8px;
  }
}
.is-patternC .functionsCard_title {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.is-patternC .functionsCard_description {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
}
.is-patternC .functionsOthers {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .is-patternC .functionsOthers {
    gap: 12px;
    margin-top: 8px;
  }
}
.is-patternC .functionsOthers_heading {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  text-align: center;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .is-patternC .functionsOthers_heading {
    font-weight: 800;
    font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    font-size: 20px;
    font-size: 2rem;
  }
}
.is-patternC .functionsOthersList {
  display: grid;
  gap: 0 15px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding-top: 1px;
}
@media (max-width: 768px) {
  .is-patternC .functionsOthersList {
    gap: 0 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.is-patternC .functionsOthersList_item {
  min-width: 0;
}
.is-patternC .functionsOthersListUnit {
  align-items: center;
  color: #414141;
  display: flex;
  gap: 0 8px;
  letter-spacing: 0.03em;
  line-height: 1.6;
  min-height: 80px;
  min-width: 0;
  position: relative;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .is-patternC .functionsOthersListUnit {
    min-height: 50px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.is-patternC .functionsOthersListUnit::before, .is-patternC .functionsOthersListUnit::after {
  background: linear-gradient(90deg, #3898e0 0, #3898e0 4px, transparent 4px, transparent 8px) left bottom/8px 8px repeat-x;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.is-patternC .functionsOthersListUnit::before {
  top: -1px;
}
.is-patternC .functionsOthersListUnit::after {
  bottom: 0;
}
.is-patternC .functionsOthersListUnit_image {
  line-height: 1;
  font-size: 40px;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .is-patternC .functionsOthersListUnit_image {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.is-patternC .functionsOthersListUnit_image .icon {
  background: linear-gradient(0deg, #3898e0, #58b7ff);
  -webkit-background-clip: text;
  display: inline-block;
  -webkit-text-fill-color: transparent;
}
.is-patternC .functionsOthersListUnit_title {
  min-width: 0;
}
.is-patternC .stabilityC_note {
  color: #414141;
  font-weight: 400;
  margin-top: 20px;
  font-size: 11.5px;
  font-size: 1.15rem;
}
.is-patternC .stabilityCHead {
  margin-bottom: 52px;
  text-align: center;
}
@media (max-width: 768px) {
  .is-patternC .stabilityCHead {
    margin-bottom: 32px;
  }
}
.is-patternC .stabilityC_label {
  background: #fff;
  border-radius: 999px;
  color: #0a65a9;
  display: inline-block;
  letter-spacing: 0.1em;
  padding: 4px 24px;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .stabilityC_heading {
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  margin-top: 12px;
  font-size: 48px;
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  .is-patternC .stabilityC_heading {
    margin-top: 8px;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .stabilityC_lead {
  color: #414141;
  line-height: 1.6;
  margin-top: 16px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .is-patternC .stabilityC_lead {
    margin-top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-patternC .stabilityC_lead-highlight {
  color: #0a65a9;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .stabilityBody {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 768px) {
  .is-patternC .stabilityBody {
    gap: 28px;
  }
}
.is-patternC .stabilityRate {
  align-items: center;
  display: flex;
  gap: 60px;
  justify-content: center;
}
@media (max-width: 768px) {
  .is-patternC .stabilityRate {
    flex-direction: column;
    gap: 28px;
  }
}
.is-patternC .stabilityRate_figure {
  flex-shrink: 0;
  width: 300px;
}
.is-patternC .stabilityRate_figure svg {
  height: auto;
  width: 296px;
}
.is-patternC .stabilityRate_merits {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .is-patternC .stabilityRate_merits {
    gap: 12px;
  }
}
.is-patternC .stabilityRate_merits_item {
  align-items: center;
  display: flex;
  gap: 11px;
}
@media (max-width: 768px) {
  .is-patternC .stabilityRate_merits_item {
    gap: 14px;
  }
}
.is-patternC .stabilityRate_merits_icon {
  flex-shrink: 0;
  height: 29px;
  width: 29px;
}
@media (max-width: 768px) {
  .is-patternC .stabilityRate_merits_icon {
    height: 26px;
    width: 26px;
  }
}
.is-patternC .stabilityRate_merits_text {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .is-patternC .stabilityRate_merits_text {
    font-weight: 800;
    font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.is-patternC .stabilityReason_title {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .is-patternC .stabilityReason_title {
    font-weight: 800;
    font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
    margin-bottom: 12px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .is-patternC .stabilityReasonSlider {
    margin-left: 0;
    overflow: hidden;
  }
}
.is-patternC .stabilityReasonSlider_controls {
  display: none;
}
@media (max-width: 768px) {
  .is-patternC .stabilityReasonSlider_controls {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-top: 20px;
  }
}
.is-patternC .stabilityReasonSlider_arrow {
  align-items: center;
  background-color: #fff;
  border: 1px solid #3898e0;
  border-radius: 50%;
  color: #3898e0;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.is-patternC .stabilityReasonSlider_arrow-prev .icon {
  transform: scaleX(-1);
}
.is-patternC .stabilityReasonSlider_arrow.swiper-button-disabled {
  opacity: 0.3;
}
.is-patternC .stabilityReasonSlider_pagination {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
}
.is-patternC .stabilityReasonSlider_pagination .swiper-pagination-bullet {
  background-color: #e8e8e8;
  border-radius: 50%;
  height: 8px;
  margin: 0 !important;
  opacity: 1;
  width: 8px;
}
.is-patternC .stabilityReasonSlider_pagination .swiper-pagination-bullet-active {
  background-color: #3898e0;
}
.is-patternC .stabilityReasonList {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(5, 1fr);
  max-width: 1184px;
}
@media (max-width: 768px) {
  .is-patternC .stabilityReasonList {
    display: flex;
    gap: 0;
    grid-template-columns: none;
    max-width: none;
  }
}
.is-patternC .stabilityReasonList_item {
  min-width: 0;
}
@media (max-width: 768px) {
  .is-patternC .stabilityReasonList_item {
    height: auto;
    width: 224px;
  }
}
.is-patternC .stabilityReasonCard {
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  padding: 16px;
}
.is-patternC .stabilityReasonCard_icon {
  align-items: center;
  display: flex;
  height: 70px;
}
.is-patternC .stabilityReasonCard_icon img {
  height: auto;
  max-height: 70px;
  max-width: 100%;
  width: auto;
}
.is-patternC .stabilityReasonCard_title {
  color: #414141;
  letter-spacing: 0.01em;
  line-height: 1.6;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .is-patternC .stabilityReasonCard_title {
    letter-spacing: 0.03em;
  }
}
.is-patternC .stabilityReasonCard_text {
  color: #414141;
  letter-spacing: 0.03em;
  line-height: 1.6;
  font-size: 16px;
  font-size: 1.6rem;
}
.is-patternC .apply {
  background-color: #0a65a9;
  color: #fff;
  padding: 48px 0 28px;
}
@media (max-width: 768px) {
  .is-patternC .apply {
    padding: 20px 0;
  }
}
.is-patternC .ctaC {
  background: linear-gradient(180deg, #58b7ff 0%, #3898e0 100%);
  isolation: isolate;
  overflow: hidden;
  position: relative;
}
.is-patternC .ctaC_inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 60px;
  height: 100%;
  padding: 96px 24px;
  width: 100%;
}
@media (max-width: 768px) {
  .is-patternC .ctaC_inner {
    gap: 20px;
    padding: 60px 20px;
  }
}
.is-patternC .ctaC_inner .ribbonCta {
  margin: 20px auto 0;
}
@media (max-width: 768px) {
  .is-patternC .ctaC_inner .ribbonCta {
    margin: 0 auto;
  }
}
.is-patternC .ctaC_ellipse {
  border-radius: 50%;
  height: 997px;
  left: 50%;
  -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 40px), #000 calc(100% - 40px));
  mask: radial-gradient(closest-side, transparent calc(100% - 40px), #000 calc(100% - 40px));
  overflow: hidden;
  position: absolute;
  top: calc(50% + 3.9px);
  transform: translate(-50%, -50%);
  width: 988px;
  z-index: 0;
}
@media (max-width: 768px) {
  .is-patternC .ctaC_ellipse {
    height: 496px;
    -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 20px), #000 calc(100% - 20px));
    mask: radial-gradient(closest-side, transparent calc(100% - 20px), #000 calc(100% - 20px));
    width: 490px;
  }
}
.is-patternC .ctaC_ellipse::before {
  animation: ctaEllipseSpin 8s linear infinite;
  background: linear-gradient(130.37deg, #fcff5d 14.37%, #c0ff7f 33.94%, #86daff 80.02%);
  content: "";
  inset: -25%;
  position: absolute;
}
.is-patternC .ctaC_title {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 1200px;
  z-index: 1;
}
@media (max-width: 768px) {
  .is-patternC .ctaC_title {
    width: 100%;
  }
}
.is-patternC .ctaC_heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.is-patternC .ctaC_heading-title {
  color: #fff;
  line-height: 150%;
  text-align: center;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
}
@media (max-width: 768px) {
  .is-patternC .ctaC_heading-title {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.is-patternC .ctaC_heading-subtitle {
  color: #fff;
  line-height: 150%;
  text-align: center;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.is-patternC .ctaC_cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 430px;
  z-index: 2;
}
@media (max-width: 768px) {
  .is-patternC .ctaC_cta {
    width: 100%;
  }
}
.is-patternC .ctaC .ribbonCta .buttonType01 {
  box-shadow: 0 6px 0 #18911d;
  transition: opacity 0.3s ease;
}
.is-patternC .ctaC .ribbonCta .buttonType01:hover {
  background-color: #49dd4f;
  color: #414141;
  opacity: 0.8;
}
.is-patternC .casestudy_interviewArea {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 30px;
}
@media (max-width: 768px) {
  .is-patternC .casestudy_interviewArea {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }
}
.is-patternC .casestudyInterviewCard {
  background-color: #fff;
  border-radius: 6px;
  color: inherit;
  display: flex;
  gap: 18px;
  padding: 26px;
}
.is-patternC .casestudyInterviewCard:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .is-patternC .casestudyInterviewCard {
    gap: 18px;
    padding: 20px;
  }
}
.is-patternC .casestudyInterviewCard_thumbnail {
  border: 1px solid #3898e0;
  border-radius: 50%;
  flex-shrink: 0;
  height: 64px;
  overflow: hidden;
  width: 64px;
}
.is-patternC .casestudyInterviewCard_thumbnail img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.is-patternC .casestudyInterviewCard_body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.is-patternC .casestudyInterviewCard_logo {
  display: block;
  width: 126px;
}
@media (max-width: 768px) {
  .is-patternC .casestudyInterviewCard_logo {
    width: 100px;
  }
}
.is-patternC .casestudyInterviewCard_logo img {
  display: block;
  height: auto;
  object-fit: contain;
  width: 100%;
}
.is-patternC .casestudyInterviewCard_title {
  color: #414141;
  line-height: 150%;
  margin-top: 0;
  font-weight: 800;
  font-family: "Noto Sans JP ExtraBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .is-patternC .casestudyInterviewCard_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.is-patternC .casestudyInterviewCard_author {
  color: #888;
  font-weight: 400;
  line-height: 150%;
  padding-top: 6px;
  font-size: 12.5px;
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  .is-patternC .casestudyInterviewCard_author {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.is-patternC .stability {
  background: #f0f8ff;
  padding: 96px 0;
}
@media (max-width: 768px) {
  .is-patternC .stability {
    padding: 60px 0;
  }
}
.is-patternC .modalType02 {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}
.is-patternC .modalType02_overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.is-patternC .modalType02_wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 49px 20px 20px;
  pointer-events: none;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .is-patternC .modalType02_wrapper {
    padding: 20px;
  }
}
.is-patternC .modalType02_inner {
  pointer-events: auto;
  position: relative;
}
.is-patternC .modalType02Close {
  line-height: 1;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: -36px;
}
.is-patternC .modalType02CloseButton {
  aspect-ratio: 1/1;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 24px;
}
.is-patternC .modalType02CloseButton::before {
  content: "\f03c";
  display: inline-block;
  font-family: "ConohaIcon";
  font-style: normal;
  font-weight: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  top: 0;
  font-size: 24px;
  font-size: 2.4rem;
}
.is-patternC .modalType02.is-active {
  display: block;
}
.is-patternC .flowPreview {
  max-width: 920px;
}
.is-patternC .flowPreviewImage {
  border: #fff solid 5px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .is-patternC .flowPreviewImage {
    border-radius: 10px;
    border-width: 2px;
  }
}
.is-patternC .listType02UnitAnswer {
  display: none;
}
.is-patternC .listType02Unit.is-active .listType02UnitAnswer {
  display: block;
}
.is-patternC .listType02UnitQuestionButton_title {
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
}
.is-patternC .sectionNotes {
  align-items: center;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  padding: 96px 340px;
}
@media (max-width: 1024px) {
  .is-patternC .sectionNotes {
    padding: 96px 5%;
  }
}
@media (max-width: 768px) {
  .is-patternC .sectionNotes {
    padding: 60px 20px;
  }
}
.is-patternC .sectionNotes_text {
  color: #888;
  font-weight: 400;
  line-height: 150%;
  max-width: 920px;
  width: 100%;
  font-size: 11.5px;
  font-size: 1.15rem;
}
@media (max-width: 768px) {
  .is-patternC .sectionNotes_text {
    font-size: 10px;
    font-size: 1rem;
  }
}
.is-patternC .header {
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  height: 64px;
  justify-content: center;
  padding: 14px 40px;
  position: sticky;
  top: 29px;
  width: 100%;
  z-index: 30;
}
@media (max-width: 1024px) {
  .is-patternC .header {
    padding: 14px 40px;
  }
}
@media (max-width: 768px) {
  .is-patternC .header {
    padding: 14px 20px;
    top: 0;
  }
}
.is-patternC .header_inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
}
.is-patternC .header_logo {
  flex-shrink: 0;
  width: 145px;
}
.is-patternC .header_logo img, .is-patternC .header_logo svg {
  display: block;
  height: auto;
  width: 100%;
}
.is-patternC .header_right {
  align-items: center;
  display: flex;
  gap: 40px;
}
@media (max-width: 1024px) {
  .is-patternC .header_right {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .is-patternC .header_right {
    gap: 16px;
  }
}
.is-patternC .header_nav {
  align-items: center;
  display: flex;
  gap: 40px;
}
@media (max-width: 1024px) {
  .is-patternC .header_nav {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .is-patternC .header_nav {
    display: none;
  }
}
.is-patternC .header_navItem {
  color: #414141;
  line-height: 1;
  white-space: nowrap;
  font-weight: 600;
  font-family: "Noto Sans JP SemiBold", "Noto Sans JP Regular", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: 13.5px;
  font-size: 1.35rem;
}
.is-patternC .header_navItem:hover {
  opacity: 0.7;
}
.is-patternC .header_menu {
  align-items: center;
  display: flex;
  gap: 22px;
}
@media (max-width: 768px) {
  .is-patternC .header_menu {
    display: none;
  }
}
.is-patternC .header_apply {
  align-items: center;
  background: #49dd4f;
  border-radius: 50px;
  color: #414141;
  display: flex;
  flex-shrink: 0;
  font-weight: 400;
  height: 39px;
  justify-content: center;
  padding: 8px 16px;
  transition: opacity 0.3s ease;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .header_apply:hover {
  opacity: 0.8;
}
.is-patternC .header .thisHeaderNavigation {
  display: none;
}
@media (max-width: 768px) {
  .is-patternC .header .thisHeaderNavigation {
    display: none;
  }
  .is-patternC .header .thisHeaderNavigation.is-active {
    display: block;
  }
}
.is-patternC .header .thisHeaderNavigationSignup_button {
  align-items: center;
  background: #49dd4f;
  border-radius: 50px;
  color: #414141;
  display: flex;
  font-weight: 400;
  height: 39px;
  justify-content: center;
  padding: 8px 16px;
  transition: opacity 0.3s ease;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-patternC .header .thisHeaderNavigationSignup_button:hover {
  opacity: 0.8;
}

@keyframes ctaEllipseSpin {
  to {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=this-c.css.map */