@charset "UTF-8";
/*! creativereset.css v0.0.2 | MIT License | creative team at GMO Internet, Inc */
/*

  機能概要
  ==========================================================================
    - デフォルトのスタイルは維持
    - ブラウザごとの異なるスタイルやバグを修正
    - ユーザビリティを改善

  参考
  ==========================================================================
  ■ sanitize.css v6.0.0
      Chrome (last 3)
      Edge (last 3)
      Firefox (last 3)
      Firefox ESR
      Opera (last 3)
      Safari (last 3)
      iOS Safari (last 2)
      Internet Explorer 9+

  ■ normalize.css v8.0.0
      Chrome
      Edge
      Firefox ESR+
      Internet Explorer 10+
      Safari 8+
      Opera
*/
/* ドキュメント（Document）
 * ========================================================================== */
/**
 * box-sizingをすべての要素に適用（全てのブラウザ）
 */
*, ::before, ::after {
  box-sizing: border-box;
}

/**
 * 擬似要素は text-decoration, vertical-alignを継承（全てのブラウザ）
 */
::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/**
 * 1. 全てのブラウザでベースのline-heightを統一
 * 2. フォントサイズの調整を防止(Windows PhoneのIE,iOS)
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* セクション(Sections)
 * ========================================================================== */
/**
 * マージンを削除（全てのブラウザ）
 */
body {
  margin: 0;
}

/* グループコンテンツ(Grouping content)
 * ========================================================================== */
/**
 * 1. 高を修正(Firefox)
 * 2. オーバーフローを修正(Edge,IE)
 */
hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * displayの正しいプロパティを追加（IE）
 */
main {
  display: block;
}

/* テキストレベル（Text-level semantics）
 * ========================================================================== */
/**
 * 1. アクティブリンク時の背景グレイを削除(IE10)
 * 2. リンク下線のギャップを削除(iOS 8+ and Safari 8+ )
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * テキストデコレーションを修正（Edge,IE,Opera and Safari）
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * フォントウェイトを修正（Chrome, Edge, and Safari）
 */
b, strong {
  font-weight: bolder;
}

/**
 * 1. フォントサイズの継承とスケーリングを修正（全てのブラウザ）
 * 2. フォントの不規則なサイズを統一（全てのブラウザ）
 */
pre, code, kbd, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * フォントのサイズを修正（全てのブラウザ）
 */
small {
  font-size: 80%;
}

/**
 * subとsup要素が行の高さに与える影響を阻止（全てのブラウザ）
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* 埋め込みコンテント（Embedded content）
 * ========================================================================== */
/**
 * オーバーフローを修正（IE）
 */
svg:not(:root) {
  overflow: hidden;
}

/* 表形式のデータ（Tabular data）
 * ========================================================================== */
/**
 * テーブルのボーダーを削除
 */
table {
  border-collapse: collapse;
}

/* フォーム（Forms）
 * ========================================================================== */
input {
  border-radius: 0;
}

/**
 * マージンを削除（Firefox,Safari）
 */
button, input, optgroup, select, textarea {
  margin: 0;
}

/**
 * テキストのトランスフォームの継承を削除（Edge,IE,Firefox）
 */
button, select {
  text-transform: none;
}

/**
 * クリック可能なタイプをスタイルできない問題を修正（iOS,Safari）
 */
button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

/**
 * 前のルールで設定したフォーカスのスタイルを元に戻す(Firefox)
 */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * インナーボーダー（-moz-focus-inner）とpaddingを削除（Firefox）
 */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * padding修正（Firefox）.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. テキスト周りを修正（IE）
 * 2. fieldsetからの色の継承を修正（IE）
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. displayの正しいプロパティを追加
 * 2. vertical-alignの正しい値を追加（Chrome, Firefox, and Opera）
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * テキストのトランスフォームの継承を削除（Firefox）
 */
select {
  text-transform: none;
}

/**
 * 1. デフォルトの垂直スクロールバーを削除（IE10+）
 * 2. 縦方向のみリサイズ（すべてのブラウザ）
 */
textarea {
  overflow: auto; /* 1 */
  resize: vertical; /* 2 */
}

/**
 * 1. box-sizingを修正（IE 10-）.
 * 2. paddingを削除（IE 10-）
 */
[type=checkbox], [type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 増減ボタンのカーソルのスタイルを修正（Chrome）
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. 不規則な外観を修正（Chrome,Safari）
 * 2. アウトラインのスタイルを修正（Safari）
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * 外観を修正（Safari 8）
 */
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 幅を修正（Firefox 36+）
 */
[type=number] {
  width: auto;
}

/**
 * 内側のパディングを削除（macOSのChrome, Safari）
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. クリック可能なタイプをスタイルできない問題を修正（iOSとSafari）
 * 2. フォントのプロパティを「inherit」に変更（Safari）
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* インタラクティブ（Interactive）
 * ========================================================================== */
/*
 * displayの正しいプロパティを追加（Edge,IE）
 */
details {
  display: block;
}

/*
 * 正しいプロパティを追加（Edge,IE,Safari）
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * displayの正しいプロパティを追加（全てのブラウザ）
 */
summary {
  display: list-item;
}

/*
 * displayの正しいプロパティを追加（IE 10-）
 */
[hidden] {
  display: none;
}

/* スクリプト制御される要素（Scripting）
 * ========================================================================== */
/**
 * displayの正しいプロパティを追加（IE 9-）
 */
canvas {
  display: inline-block;
}

/**
 * displayの正しいプロパティを追加（IE）
 */
template {
  display: none;
}

/* ユーザーインタラクション（User interaction）
 * ========================================================================== */
/*
 * 1. タップ反応の遅延を削除（IE10）
 * 2. クリック可能な要素のタップ反応の遅延を削除（全てのブラウザ）
 */
a, area, button, input, label, select, summary, textarea, [tabindex] { /* 1 */
  touch-action: manipulation; /* 2 */
}

@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  src: url("/common/fonts/NotoSansCJKjp/NotoSansCJKjp-Light--ss.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("/common/fonts/NotoSansCJKjp/NotoSansCJKjp-Medium--ss.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/NotoSansCJKjp/NotoSansJP-Bold--ss.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  src: url("/common/fonts/Rubik/Rubik-Medium--ss.woff") format("woff");
}
/*
	font
*******************************/
/*
	color
*******************************/
/*
01: テーブルセル（奇数行）
02: テーブルセル（偶数行）
03: ホバー
04: ダーク
05: SPグローバルナビゲーション
06: ヘッダーバナー
07: 料金表
*/
/*
	width
*******************************/
/*
	フォントサイズ
*******************************/
/*
	レスポンシブ
*******************************/
/*
	モード
*******************************/
/*
	アイコンフォント
*******************************/
/*
	アーガイル柄
*******************************/
/*
	ホバーアニメーション
*******************************/
html {
  color: #414141;
  cursor: default;
  font-size: 62.5%;
  font-weight: 300;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #fff;
  color: #414141;
  font-family: "Noto Sans JP", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  -webkit-font-smoothing: auto;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  min-height: 100%;
  padding: 0;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-size: 17px;
  font-size: 1.7rem;
}
@media (max-width: 768px) {
  body {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

a {
  text-decoration: none;
}

b, strong {
  font-weight: inherit;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd, pre {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

ol, ul {
  list-style: none;
}

button, input, textarea, select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  font-family: "Noto Sans JP", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
}

button {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

th, td {
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-align: left;
}

sub, sup {
  font-size: 0.5em;
}

/*
	リンクホバー
	フラッシュアニメーション
*******************************/
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.9;
  }
}
/*
	ローディング
	アイコンアニメーション
*******************************/
@keyframes loading_changeColor {
  0% {
    border-color: #12b8d7;
  }
  25% {
    border-color: #12b8d7;
  }
  28% {
    border-color: #6cc246;
  }
  59% {
    border-color: #6cc246;
  }
  62% {
    border-color: #979797;
  }
  94% {
    border-color: #979797;
  }
  97% {
    border-color: #12b8d7;
  }
  100% {
    border-color: #12b8d7;
  }
}
@keyframes loading_rotate {
  0% {
    transform: rotate(-135deg);
  }
  100% {
    transform: rotate(225deg);
  }
}
/*
	スクロール
	アイコンアニメーション
*******************************/
@keyframes scroll_flashing {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.6;
  }
}
@font-face {
  font-display: swap;
  font-family: "conoha_icon";
  font-style: normal;
  font-weight: normal;
  src: url("/common/fonts/conohaIcon/conoha_icon.woff?1752805816999") format("woff");
}
.icon::before {
  display: inline-block;
  font-family: "conoha_icon";
  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-arrow_right::before {
  content: "\f001";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-wallet::before {
  content: "\f059";
}

.icon-conoha2::before {
  content: "\f05a";
}

.icon-server5::before {
  content: "\f05b";
}

.icon-talks::before {
  content: "\f05c";
}

.icon-pdf::before {
  content: "\f05d";
}

.icon-play::before {
  content: "\f05e";
}

.icon-download2::before {
  content: "\f05f";
}

.icon-two_persons::before {
  content: "\f060";
}

.icon-conoha3::before {
  content: "\f061";
}

.icon-directory_arrow_v::before {
  content: "\f062";
}

.icon-mail_web2::before {
  content: "\f063";
}

.icon-mail2::before {
  content: "\f064";
}

.icon-phpmyadmin::before {
  content: "\f065";
}

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

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

.icon-wordpress2::before {
  content: "\f068";
}

.icon-wordpress3::before {
  content: "\f069";
}

.icon-www_web::before {
  content: "\f06a";
}

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

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

.icon-check::before {
  content: "\f06d";
}

.icon-calculator_yen::before {
  content: "\f06e";
}

.icon-visible::before {
  content: "\f06f";
}

.icon-invisible::before {
  content: "\f070";
}

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

.icon-arrow_prev::before {
  content: "\f072";
}

.icon-arrow_next::before {
  content: "\f073";
}

.icon-ticket_price_down::before {
  content: "\f074";
}

.icon-ticket::before {
  content: "\f075";
}

.icon-calendar::before {
  content: "\f076";
}

.icon-cutcosts::before {
  content: "\f077";
}

.icon-domain2::before {
  content: "\f078";
}

.icon-window_ssl::before {
  content: "\f079";
}

.icon-clock::before {
  content: "\f07a";
}

.icon-home::before {
  content: "\f07b";
}

.icon-wordpressTheme::before {
  content: "\f07c";
}

.icon-reload::before {
  content: "\f07d";
}

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

.icon-transfer::before {
  content: "\f07f";
}

.icon-plus::before {
  content: "\f080";
}

.icon-user::before {
  content: "\f081";
}

.icon-bill::before {
  content: "\f082";
}

.icon-dollar::before {
  content: "\f083";
}

.icon-ticket_cut::before {
  content: "\f084";
}

.icon-bell::before {
  content: "\f085";
}

.icon-conohaCard::before {
  content: "\f086";
}

.icon-5percentOff::before {
  content: "\f087";
}

.icon-bill_yen::before {
  content: "\f088";
}

.icon-conveniencestore::before {
  content: "\f089";
}

.icon-bank::before {
  content: "\f08a";
}

.icon-user2::before {
  content: "\f08b";
}

.icon-disc::before {
  content: "\f08c";
}

.icon-paypal::before {
  content: "\f08d";
}

.icon-mobilepayment::before {
  content: "\f08e";
}

.icon-zoom::before {
  content: "\f08f";
}

.icon-network::before {
  content: "\f090";
}

.icon-ssd2::before {
  content: "\f091";
}

.icon-license::before {
  content: "\f092";
}

.icon-api::before {
  content: "\f093";
}

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

.icon-couponSpecial::before {
  content: "\f095";
}

.icon-present::before {
  content: "\f096";
}

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

.icon-link::before {
  content: "\f098";
}

.icon-check_rounded::before {
  content: "\f099";
}

.icon-speedy::before {
  content: "\f09a";
}

.icon-ticket_game::before {
  content: "\f09b";
}

.icon-ticket_ssl::before {
  content: "\f09c";
}

.icon-display_office::before {
  content: "\f09d";
}

.icon-line::before {
  content: "\f09e";
}

.icon-linkedin::before {
  content: "\f09f";
}

.icon-pocket::before {
  content: "\f0a0";
}

.icon-share::before {
  content: "\f0a1";
}

.icon-yen_circle::before {
  content: "\f0a2";
}

.icon-slash_left::before {
  content: "\f0a3";
}

.icon-slash_right::before {
  content: "\f0a4";
}

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

.icon-maintenance::before {
  content: "\f0a6";
}

.icon-gpu::before {
  content: "\f0a7";
}

.icon-scaleup_database::before {
  content: "\f0a8";
}

.icon-gear::before {
  content: "\f0a9";
}

.icon-lightbulb::before {
  content: "\f0aa";
}

.icon-lock_shield::before {
  content: "\f0ab";
}

.icon-failover::before {
  content: "\f0ac";
}

.icon-calendar_yen::before {
  content: "\f0ad";
}

.icon-wp_setup::before {
  content: "\f0ae";
}

.icon-wp_sitecopy::before {
  content: "\f0af";
}

.icon-ai_blog::before {
  content: "\f0b0";
}

.icon-speedy_ai::before {
  content: "\f0b1";
}

.icon-shindan::before {
  content: "\f0b2";
}

.icon-palworld::before {
  content: "\f0b3";
}

.icon-ssd_shining::before {
  content: "\f0b4";
}

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

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

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

.icon-user_check::before {
  content: "\f0b8";
}

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

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

.icon-display_cursor::before {
  content: "\f0bb";
}

.icon-lock_password::before {
  content: "\f0bc";
}

.icon-copy2::before {
  content: "\f0bd";
}

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

.icon-external::before {
  content: "\f0bf";
}

.icon-bandwidth_upgrade::before {
  content: "\f0c0";
}

.icon-wp_reload::before {
  content: "\f0c1";
}

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

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

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

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

.icon-arrow_circle_right::before {
  content: "\f0c6";
}

.icon-arrow_circle_down::before {
  content: "\f0c7";
}

.icon-arrow_circle_left::before {
  content: "\f0c8";
}

.icon-arrow_circle_up::before {
  content: "\f0c9";
}

.icon-multiplay::before {
  content: "\f0ca";
}

.icon-window_cursor::before {
  content: "\f0cb";
}

.icon-information_circle::before {
  content: "\f0cc";
}

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

.icon-payeasy::before {
  content: "\f0ce";
}

.icon-mcp::before {
  content: "\f0cf";
}

/**
 * Swiper 11.1.15
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2024
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

: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;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

.swiper-wrapper {
  box-sizing: content-box;
  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: translate3d(0, 0, 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;
}

/* Auto Height */
.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);
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

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

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

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

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  /* For Firefox */
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* For Internet Explorer and Edge */
}

.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-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.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%;
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  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.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
  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:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/*
	main
	inner
	page
	section
*******************************/
.inner {
  display: block;
  margin: 0 auto;
  max-width: 960px;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .inner {
    max-width: 500px;
  }
}

.page {
  display: block;
  height: auto;
  width: 100%;
}
.is-conohaMode.is-vpsMode .page {
  background-image: url("/conoha/common/images/page_bg.png");
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 2238px auto;
}
@media (max-width: 768px) {
  .is-conohaMode.is-vpsMode .page {
    background-image: none;
  }
}
.is-conohaMode.is-windowsMode .page {
  background-image: url("/conoha/windows/common/images/page_bg.png");
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 2440px auto;
}
@media (max-width: 768px) {
  .is-conohaMode.is-windowsMode .page {
    background-image: none;
  }
}
.page {
  /* サービストップページ ヘッダー */
}
.pageMainvisual {
  position: relative;
}
.pageMainvisual .headerCommon {
  position: relative;
}
.is-vpsMode .pageMainvisual .headerCommon {
  background-color: transparent;
  border-bottom-width: 0;
}
@media (max-width: 768px) {
  .is-vpsMode .pageMainvisual .headerCommon {
    background-color: #12b8d7;
  }
}
.is-windowsMode .pageMainvisual .headerCommon {
  background-color: transparent;
  border-bottom-width: 0;
}
@media (max-width: 768px) {
  .is-windowsMode .pageMainvisual .headerCommon {
    background-color: #0064aa;
  }
}
.pageMainvisual .mainvisual {
  position: relative;
}
.page {
  /* 配下ページ ヘッダー */
}
.pageHeader {
  background: #12b8d7 center center/cover no-repeat;
  color: #fff;
  padding: 40px 0;
}
@media (max-width: 768px) {
  .pageHeader {
    padding: 20px 0;
  }
}
.is-conohaMode.is-vpsMode .pageHeader {
  background-image: url("/conoha/common/images/pageHeader_bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 2000px auto;
}
.is-conohaMode.is-windowsMode .pageHeader {
  background-image: url("/conoha/windows/common/images/pageHeader_bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 2000px auto;
}
.pageHeader_breadcrumbs {
  padding: 16px 0 28px;
}
@media (max-width: 768px) {
  .pageHeader_breadcrumbs {
    padding: 20px 0 16px;
  }
}
.pageHeader_subTitle {
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 16px;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .pageHeader_subTitle {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.pageHeader_title {
  font-weight: 500;
  line-height: 1.3;
  font-size: 37px;
  font-size: 3.7rem;
}
@media (max-width: 768px) {
  .pageHeader_title {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.is-conohaMode .pageHeader_title {
  padding-left: 48px;
  position: relative;
}
@media (max-width: 768px) {
  .is-conohaMode .pageHeader_title {
    padding-left: 32px;
  }
}
.is-conohaMode .pageHeader_title::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f061";
  left: 0;
  position: absolute;
  top: 7px;
  font-size: 36px;
  font-size: 3.6rem;
}
@media (max-width: 768px) {
  .is-conohaMode .pageHeader_title::before {
    top: 4px;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.pageHeader_description {
  margin-top: 16px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .pageHeader_description {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.pageHeaderWrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .pageHeaderWrap {
    display: block;
  }
}
.pageHeaderWrap_text {
  width: calc(100% - 340px);
}
@media (max-width: 768px) {
  .pageHeaderWrap_text {
    width: 100%;
  }
}
.pageHeaderWrap_image {
  padding-left: 20px;
  width: 340px;
}
@media (max-width: 768px) {
  .pageHeaderWrap_image {
    display: none;
  }
}
.is-windowsMode .pageHeader {
  background-color: #0064aa;
}

.section {
  display: block;
  padding: 48px 0;
  position: relative;
  scroll-margin-top: 29px;
}
@media (max-width: 768px) {
  .section {
    padding: 24px 0;
    scroll-margin-top: 0;
  }
}
.sectionAnchor {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  scroll-margin-top: -1px;
  top: -72px;
  width: 0;
}
@media (max-width: 768px) {
  .sectionAnchor {
    top: -48px;
  }
}
[data-gmoheader] .sectionAnchor {
  top: -101px;
}
@media (max-width: 768px) {
  [data-gmoheader] .sectionAnchor {
    top: -48px;
  }
}

.sectionDescription p:nth-child(n+2) {
  margin-top: 1em;
}
.sectionDescription.is-lower {
  font-size: 15px;
  font-size: 1.5rem;
}
.section.has-paddingTop2x {
  padding-top: 96px;
}
@media (max-width: 768px) {
  .section.has-paddingTop2x {
    padding-top: 48px;
  }
}
.section.has-paddingTop2x .sectionAnchor {
  height: calc(100% - 48px);
  top: -24px;
}
@media (max-width: 768px) {
  .section.has-paddingTop2x .sectionAnchor {
    height: calc(100% - 24px);
  }
}
[data-gmoheader] .section.has-paddingTop2x .sectionAnchor {
  top: -53px;
}
@media (max-width: 768px) {
  [data-gmoheader] .section.has-paddingTop2x .sectionAnchor {
    top: -24px;
  }
}

.section.has-paddingBottom2x {
  padding-bottom: 96px;
}
@media (max-width: 768px) {
  .section.has-paddingBottom2x {
    padding-bottom: 48px;
  }
}
.section.is-bgGray {
  background-color: #f7f7f7;
}
.is-conohaMode.is-vpsMode .section.is-bgGray {
  background-color: #f2fcfd;
}
.is-conohaMode.is-windowsMode .section.is-bgGray {
  background-color: #ebf2fc;
}
.section.is-bgColor {
  background-color: #12b8d7;
}
.is-conohaMode.is-vpsMode .section.is-bgColor {
  background-color: #12b8d7;
  background-image: linear-gradient(54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.012) 27px, rgba(0, 0, 0, 0.012) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.012) 133px, rgba(0, 0, 0, 0.012) 185px, transparent 186px, transparent 100%), linear-gradient(-54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.012) 27px, rgba(0, 0, 0, 0.012) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.012) 133px, rgba(0, 0, 0, 0.012) 185px, transparent 186px, transparent 100%);
  background-position: center center;
  background-repeat: repeat;
  background-size: 132px 180px;
}
.is-conohaMode.is-windowsMode .section.is-bgColor {
  background-color: #0064aa;
  background-image: linear-gradient(54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.012) 27px, rgba(0, 0, 0, 0.012) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.012) 133px, rgba(0, 0, 0, 0.012) 185px, transparent 186px, transparent 100%), linear-gradient(-54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.012) 27px, rgba(0, 0, 0, 0.012) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.012) 133px, rgba(0, 0, 0, 0.012) 185px, transparent 186px, transparent 100%);
  background-position: center center;
  background-repeat: repeat;
  background-size: 132px 180px;
}
.is-windowsMode .section.is-bgColor {
  background-color: #0064aa;
}
.section.is-bgColorDark {
  background-color: #0b6c80;
}
.is-conohaMode.is-vpsMode .section.is-bgColorDark {
  background-color: #0b697c;
  background-image: linear-gradient(54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.036) 27px, rgba(0, 0, 0, 0.036) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.036) 133px, rgba(0, 0, 0, 0.036) 185px, transparent 186px, transparent 100%), linear-gradient(-54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.036) 27px, rgba(0, 0, 0, 0.036) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.036) 133px, rgba(0, 0, 0, 0.036) 185px, transparent 186px, transparent 100%);
  background-position: center center;
  background-repeat: repeat;
  background-size: 132px 180px;
}
.is-conohaMode.is-windowsMode .section.is-bgColorDark {
  background-color: #044069;
  background-image: linear-gradient(54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.048) 27px, rgba(0, 0, 0, 0.048) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.048) 133px, rgba(0, 0, 0, 0.048) 185px, transparent 186px, transparent 100%), linear-gradient(-54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.048) 27px, rgba(0, 0, 0, 0.048) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.048) 133px, rgba(0, 0, 0, 0.048) 185px, transparent 186px, transparent 100%);
  background-position: center center;
  background-repeat: repeat;
  background-size: 132px 180px;
}
.is-windowsMode .section.is-bgColorDark {
  background-color: #003961;
}

/*
	headerCommon
	ConoHa配下共通のヘッダー
*******************************/
.headerCommon {
  background-color: #12b8d7;
  border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
  color: #fff;
  position: relative;
  transition: background-color 0.3s, border-bottom-color 0.3s;
  z-index: 30;
}
.headerCommon_inner {
  align-items: center;
  display: flex;
  gap: 0 20px;
  height: 96px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .headerCommon_inner {
    height: 68px;
  }
}
.headerCommonLogo {
  align-items: center;
  display: flex;
  gap: 0 16px;
}
.headerCommonLogo > .boxImage img, .headerCommonLogo > .boxImage svg {
  height: 40px;
}
.headerCommonLogo_conoha .boxImage img, .headerCommonLogo_conoha .boxImage svg, .headerCommonLogo_trophy .boxImage img, .headerCommonLogo_trophy .boxImage svg {
  height: 28px;
}
.headerCommonButton_list {
  align-items: center;
  display: flex;
  gap: 0 20px;
  justify-content: flex-end;
}
.headerCommonButton_item.has-buttonApply {
  width: 100px;
}
.headerCommonNavigation {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .headerCommonNavigation {
    align-items: flex-start;
    background-color: #00373f;
    display: none;
    gap: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
  }
  .is-windowsMode .headerCommonNavigation {
    background-color: #003961;
  }
}
@media (max-width: 768px) {
  .headerCommonNavigationButton {
    margin: 0 auto;
    max-width: 500px;
    order: 1;
    padding: 20px;
    width: 100%;
  }
}
.headerCommonNavigationButton .buttonApply {
  height: 28px;
  padding: 0 24px;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .headerCommonNavigationButton .buttonApply {
    height: 40px;
  }
}
.headerCommonNavigationButton_list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
@media (max-width: 768px) {
  .headerCommonNavigationButton_item {
    width: calc(50% - 10px);
  }
}
.headerCommonNavigationButton_item.has-switch {
  display: none;
  width: 100%;
}
@media (max-width: 768px) {
  .headerCommonNavigationButton_item.has-switch {
    display: block;
  }
}
.headerCommonNavigationButtonSwitch {
  align-items: center;
  display: flex;
  gap: 0 20px;
  justify-content: center;
}
.headerCommonNavigationButtonSwitch_title {
  font-size: 14px;
  font-size: 1.4rem;
}
.headerCommonNavigationMenu {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenu {
    order: 0;
    width: 100%;
  }
}
.headerCommonNavigationMenu_list {
  align-items: center;
  display: flex;
  gap: 0 20px;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenu_list {
    flex-direction: column;
  }
}
.headerCommonNavigationMenu_item {
  position: relative;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenu_item {
    border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
    width: 100%;
  }
}
.headerCommonNavigationMenu_item .buttonApply {
  height: 28px;
  padding: 0 24px;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenu_item.is-active .headerCommonNavigationMenu_link::before {
    transform: rotate(180deg);
  }
}
.headerCommonNavigationMenu_item.is-active .headerCommonNavigationMenuChildren {
  display: block;
}
.headerCommonNavigationMenu_link {
  color: #fff;
  display: inline-block;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenu_link {
    display: block;
    margin: 0 auto;
    max-width: 500px;
    padding: 13px 20px;
    width: 100%;
  }
}
.headerCommonNavigationMenu_link.has-children {
  padding-right: 16px;
  position: relative;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenu_link.has-children {
    padding-right: 60px;
  }
}
.headerCommonNavigationMenu_link.has-children::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f002";
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenu_link.has-children::before {
    right: 20px;
    top: 14px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.headerCommonNavigationMenuChildren {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
  display: none;
  left: -16px;
  min-width: calc(100% + 16px);
  padding-top: 8px;
  position: absolute;
  top: 100%;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenuChildren {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
    left: 0;
    min-width: 0;
    padding-top: 0;
    position: relative;
    top: 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .headerCommonNavigationMenuChildren_item + .headerCommonNavigationMenuChildren_item {
    border-top: rgba(255, 255, 255, 0.1) solid 1px;
  }
}
.headerCommonNavigationMenuChildren .headerCommonNavigationMenu_link {
  background-color: #414141;
  color: #fff;
  padding: 8px 16px;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 768px) {
  .headerCommonNavigationMenuChildren .headerCommonNavigationMenu_link {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
  }
}
.headerCommonNavigationMenuChildren .headerCommonNavigationMenu_link:hover {
  background-color: #12b8d7;
}
.is-windowsMode .headerCommonNavigationMenuChildren .headerCommonNavigationMenu_link:hover {
  background-color: #0064aa;
}
@media (max-width: 768px) {
  .headerCommonNavigation.is-active {
    display: flex;
  }
}
.headerCommonShare_list {
  align-items: center;
  display: flex;
  font-size: 0;
  gap: 0 28px;
  line-height: 1;
}
@media (max-width: 768px) {
  .headerCommonShare_list {
    gap: 0 20px;
  }
}
.headerCommonShare_item .buttonIcon {
  font-size: 28px;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .headerCommonShare_item .buttonIcon {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.is-windowsMode .headerCommon {
  background-color: #0064aa;
}
.headerCommon.is-common {
  background-color: #fff;
  border-bottom: 0;
  color: #414141;
  z-index: 31;
}
@media (max-width: 768px) {
  .headerCommon.is-common {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 0 8px 0 rgba(0, 0, 0, 0.05);
  }
}
.headerCommon.is-common .headerCommon_inner {
  height: 40px;
}
@media (max-width: 768px) {
  .headerCommon.is-common .headerCommonNavigation {
    background-color: #fff;
    border-color: #c6c6c6;
    border-style: solid;
    border-width: 1px 0;
  }
}
.headerCommon.is-common .headerCommonNavigationMenu {
  margin-top: 0;
}
.headerCommon.is-common .headerCommonNavigationMenu_item {
  border-bottom-color: #c6c6c6;
}
.headerCommon.is-common .headerCommonNavigationMenu_link {
  color: #12b8d7;
}
.headerCommon.is-common.is-tall .headerCommon_inner {
  height: 72px;
}
@media (max-width: 768px) {
  .headerCommon.is-common.is-tall .headerCommon_inner {
    height: 40px;
  }
}
.headerCommon.is-sticky {
  position: sticky;
  top: 0;
}
[data-gmoheader] .headerCommon.is-sticky {
  top: 29px;
}
@media (max-width: 768px) {
  [data-gmoheader] .headerCommon.is-sticky {
    top: 0;
  }
}

.is-conohaMode .headerCommon.is-sticky {
  background-color: #3898e0;
}
.is-conohaMode.is-windowsMode .headerCommon.is-sticky {
  background-color: #0064aa;
}

/*
	headerBanner
*******************************/
.headerBanner {
  background-color: #12b8d7;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .headerBanner {
    background-color: transparent !important;
    bottom: 8px;
    display: none;
    overflow: unset;
    padding: 0;
    position: fixed;
    right: 20px;
    width: calc(100% - 40px);
    z-index: 11;
  }
}
.headerBanner .boxImage img {
  max-width: 920px;
  width: 100%;
}
.headerBanner .buttonClose {
  display: none;
  right: 0;
  top: -24px;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .headerBanner .buttonClose {
    display: block;
  }
}
@media (max-width: 768px) {
  .headerBanner.is-active {
    display: block;
  }
}

/*
	footerCommon
	ConoHa配下共通のフッター
*******************************/
.footerCommon {
  color: #414141;
}
.footerCommon_above {
  background-color: #282b2c;
  color: #fff;
  padding: 40px 0;
}
@media (max-width: 768px) {
  .footerCommon_above {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .footerCommon_above .inner {
    padding: 0;
  }
}
.footerCommon_below {
  background-color: #f7f7f7;
  padding: 40px 0;
}
@media (max-width: 768px) {
  .footerCommon_below {
    padding-top: 32px;
  }
}
.footerCommonNavigationList {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(10, 1fr);
}
@media (max-width: 768px) {
  .footerCommonNavigationList {
    gap: 0;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .footerCommonNavigationList_item {
    border-bottom: #bfbfbf solid 1px;
  }
}
.footerCommonNavigationList_item.is-span2 {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .footerCommonNavigationList_item.is-span2 {
    grid-column: span 1;
  }
}
.footerCommonNavigationList_item.is-span5 {
  grid-column: span 5;
}
@media (max-width: 768px) {
  .footerCommonNavigationList_item.is-span5 {
    grid-column: span 1;
  }
}
.footerCommonNavigationList_item.is-span5 .footerCommonNavigationUnitList {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .footerCommonNavigationList_item.is-span5 .footerCommonNavigationUnitList {
    grid-template-columns: 1fr;
  }
}
.footerCommonNavigationUnit {
  font-size: 12px;
  font-size: 1.2rem;
}
.footerCommonNavigationUnitList {
  display: grid;
  gap: 6px 20px;
}
@media (max-width: 768px) {
  .footerCommonNavigationUnitList {
    gap: 0;
  }
}
@media (max-width: 768px) {
  .footerCommonNavigationUnitList_item + .footerCommonNavigationUnitList_item {
    border-top: #bfbfbf solid 1px;
  }
}
.footerCommonNavigationUnit_title {
  align-items: center;
  display: flex;
  height: 40px;
  line-height: 1.3;
  pointer-events: none;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .footerCommonNavigationUnit_title {
    cursor: pointer;
    padding: 0 20px;
    pointer-events: auto;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .footerCommonNavigationUnit_title::before {
    display: inline-block;
    font-family: "conoha_icon";
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-decoration: none;
    text-transform: none;
    content: "\f002";
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
    font-size: 10px;
    font-size: 1rem;
  }
}
.footerCommonNavigationUnit_title.is-open::before {
  transform: rotate(180deg);
}
.footerCommonNavigationUnit_data {
  border-top: #c6c6c6 solid 1px;
  margin-top: 8px;
  padding-top: 8px;
}
@media (max-width: 768px) {
  .footerCommonNavigationUnit_data {
    background-color: #414141;
    border-top: 0;
    display: none;
    margin-top: 0;
    padding-top: 0;
  }
}
.footerCommonNavigationUnit_link {
  color: #c6c6c6;
  cursor: pointer;
  display: inline-block;
  padding-left: 12px;
  position: relative;
}
.footerCommonNavigationUnit_link:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .footerCommonNavigationUnit_link {
    display: block;
    padding: 10px 20px;
    width: 100%;
  }
}
.footerCommonNavigationUnit_link::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f001";
  left: 0;
  position: absolute;
  top: 4px;
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .footerCommonNavigationUnit_link::before {
    display: none;
  }
}
.footerCommonPolicy {
  font-size: 11px;
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .footerCommonPolicy {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.footerCommonPolicyList_item {
  display: inline;
}
@media (max-width: 768px) {
  .footerCommonPolicyList_item {
    display: block;
  }
}
@media (max-width: 768px) {
  .footerCommonPolicyList_item + .footerCommonPolicyList_item {
    margin-top: 1em;
  }
}
.footerCommonPolicyList_item + .footerCommonPolicyList_item::before {
  content: "｜";
}
@media (max-width: 768px) {
  .footerCommonPolicyList_item + .footerCommonPolicyList_item::before {
    content: "";
  }
}
.footerCommonPolicy_link {
  color: #414141;
}
.footerCommonPolicy_link:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .footerCommonPolicy_link {
    padding-left: 16px;
    position: relative;
  }
}
.footerCommonPolicy_link::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  left: 0;
  position: absolute;
  top: 4px;
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .footerCommonPolicy_link::before {
    content: "\f001";
  }
}
.footerCommonLogo {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .footerCommonLogo {
    flex-direction: column;
    margin-top: 32px;
  }
}
.footerCommonLogoCopy {
  align-items: flex-end;
  display: flex;
}
@media (max-width: 768px) {
  .footerCommonLogoCopy {
    align-items: center;
    flex-direction: column;
  }
}
.footerCommonLogoCopy_image {
  width: 108px;
}
.footerCommonLogoCopy_text {
  margin-left: 32px;
  font-size: 11px;
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .footerCommonLogoCopy_text {
    color: #999;
    margin-left: 0;
    margin-top: 20px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.footerCommonLogoShare {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .footerCommonLogoShare {
    justify-content: center;
    margin-top: 32px;
    font-size: 42px;
    font-size: 4.2rem;
  }
}
.footerCommonSeal {
  margin-top: 40px;
}
.footerCommonSealList {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.footerCommonSealList_item {
  height: 50px;
  width: 100px;
}

.footerGmoSiteseal {
  padding: 40px 0;
}
.footerGmoSiteseal_inner {
  margin: 0 auto;
  max-width: 1040px;
  padding: 0 10px;
}
.footerGmoSitesealList {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.footerGmoSitesealList_item {
  height: 50px;
  width: 100px;
}

.forPC {
  display: block;
}
@media (max-width: 768px) {
  .forPC {
    display: none !important;
  }
}
.forPC-inline {
  display: inline;
}
@media (max-width: 768px) {
  .forPC-inline {
    display: none !important;
  }
}
.forOtherPC {
  display: none;
}
@media (max-width: 1024px) {
  .forOtherPC {
    display: block !important;
  }
}
.forSP {
  display: none;
}
@media (max-width: 768px) {
  .forSP {
    display: block !important;
  }
}
.forSP-inline {
  display: none;
}
@media (max-width: 768px) {
  .forSP-inline {
    display: inline !important;
  }
}

.hoverFlash:hover {
  animation: flash 1s;
  opacity: 0.9;
}

.margin-0 {
  margin: 0 !important;
}
.marginTop-0 {
  margin-top: 0px !important;
}
.marginTop-0em {
  margin-top: 0em !important;
}
.marginTop-4 {
  margin-top: 4px !important;
}
.marginTop-1em {
  margin-top: 1em !important;
}
.marginTop-8 {
  margin-top: 8px !important;
}
.marginTop-2em {
  margin-top: 2em !important;
}
.marginTop-12 {
  margin-top: 12px !important;
}
.marginTop-3em {
  margin-top: 3em !important;
}
.marginTop-16 {
  margin-top: 16px !important;
}
.marginTop-4em {
  margin-top: 4em !important;
}
.marginTop-20 {
  margin-top: 20px !important;
}
.marginTop-5em {
  margin-top: 5em !important;
}
.marginTop-24 {
  margin-top: 24px !important;
}
.marginTop-6em {
  margin-top: 6em !important;
}
.marginTop-28 {
  margin-top: 28px !important;
}
.marginTop-7em {
  margin-top: 7em !important;
}
.marginTop-32 {
  margin-top: 32px !important;
}
.marginTop-8em {
  margin-top: 8em !important;
}
.marginTop-36 {
  margin-top: 36px !important;
}
.marginTop-9em {
  margin-top: 9em !important;
}
.marginTop-40 {
  margin-top: 40px !important;
}
.marginTop-10em {
  margin-top: 10em !important;
}
.marginTop-44 {
  margin-top: 44px !important;
}
.marginTop-11em {
  margin-top: 11em !important;
}
.marginTop-48 {
  margin-top: 48px !important;
}
.marginTop-12em {
  margin-top: 12em !important;
}
.marginTop-52 {
  margin-top: 52px !important;
}
.marginTop-13em {
  margin-top: 13em !important;
}
.marginTop-56 {
  margin-top: 56px !important;
}
.marginTop-14em {
  margin-top: 14em !important;
}
.marginTop-60 {
  margin-top: 60px !important;
}
.marginTop-15em {
  margin-top: 15em !important;
}
.marginTop-64 {
  margin-top: 64px !important;
}
.marginTop-16em {
  margin-top: 16em !important;
}
.marginTop-68 {
  margin-top: 68px !important;
}
.marginTop-17em {
  margin-top: 17em !important;
}
.marginTop-72 {
  margin-top: 72px !important;
}
.marginTop-18em {
  margin-top: 18em !important;
}
.marginTop-76 {
  margin-top: 76px !important;
}
.marginTop-19em {
  margin-top: 19em !important;
}
.marginTop-80 {
  margin-top: 80px !important;
}
.marginTop-20em {
  margin-top: 20em !important;
}
.marginTop-84 {
  margin-top: 84px !important;
}
.marginTop-21em {
  margin-top: 21em !important;
}
.marginTop-88 {
  margin-top: 88px !important;
}
.marginTop-22em {
  margin-top: 22em !important;
}
.marginTop-92 {
  margin-top: 92px !important;
}
.marginTop-23em {
  margin-top: 23em !important;
}
.marginTop-96 {
  margin-top: 96px !important;
}
.marginTop-24em {
  margin-top: 24em !important;
}
.marginTop-100 {
  margin-top: 100px !important;
}
.marginTop-25em {
  margin-top: 25em !important;
}
.marginTopResponsive-0 {
  margin-top: 0px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-0 {
    margin-top: 0px !important;
  }
}
.marginTopResponsive-0em {
  margin-top: 0em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-0em {
    margin-top: 0em !important;
  }
}
.marginTopResponsive-4 {
  margin-top: 4px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-4 {
    margin-top: 2px !important;
  }
}
.marginTopResponsive-1em {
  margin-top: 1em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-1em {
    margin-top: 0.5em !important;
  }
}
.marginTopResponsive-8 {
  margin-top: 8px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-8 {
    margin-top: 4px !important;
  }
}
.marginTopResponsive-2em {
  margin-top: 2em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-2em {
    margin-top: 1em !important;
  }
}
.marginTopResponsive-12 {
  margin-top: 12px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-12 {
    margin-top: 6px !important;
  }
}
.marginTopResponsive-3em {
  margin-top: 3em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-3em {
    margin-top: 1.5em !important;
  }
}
.marginTopResponsive-16 {
  margin-top: 16px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-16 {
    margin-top: 8px !important;
  }
}
.marginTopResponsive-4em {
  margin-top: 4em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-4em {
    margin-top: 2em !important;
  }
}
.marginTopResponsive-20 {
  margin-top: 20px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-20 {
    margin-top: 10px !important;
  }
}
.marginTopResponsive-5em {
  margin-top: 5em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-5em {
    margin-top: 2.5em !important;
  }
}
.marginTopResponsive-24 {
  margin-top: 24px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-24 {
    margin-top: 12px !important;
  }
}
.marginTopResponsive-6em {
  margin-top: 6em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-6em {
    margin-top: 3em !important;
  }
}
.marginTopResponsive-28 {
  margin-top: 28px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-28 {
    margin-top: 14px !important;
  }
}
.marginTopResponsive-7em {
  margin-top: 7em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-7em {
    margin-top: 3.5em !important;
  }
}
.marginTopResponsive-32 {
  margin-top: 32px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-32 {
    margin-top: 16px !important;
  }
}
.marginTopResponsive-8em {
  margin-top: 8em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-8em {
    margin-top: 4em !important;
  }
}
.marginTopResponsive-36 {
  margin-top: 36px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-36 {
    margin-top: 18px !important;
  }
}
.marginTopResponsive-9em {
  margin-top: 9em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-9em {
    margin-top: 4.5em !important;
  }
}
.marginTopResponsive-40 {
  margin-top: 40px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-40 {
    margin-top: 20px !important;
  }
}
.marginTopResponsive-10em {
  margin-top: 10em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-10em {
    margin-top: 5em !important;
  }
}
.marginTopResponsive-44 {
  margin-top: 44px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-44 {
    margin-top: 22px !important;
  }
}
.marginTopResponsive-11em {
  margin-top: 11em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-11em {
    margin-top: 5.5em !important;
  }
}
.marginTopResponsive-48 {
  margin-top: 48px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-48 {
    margin-top: 24px !important;
  }
}
.marginTopResponsive-12em {
  margin-top: 12em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-12em {
    margin-top: 6em !important;
  }
}
.marginTopResponsive-52 {
  margin-top: 52px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-52 {
    margin-top: 26px !important;
  }
}
.marginTopResponsive-13em {
  margin-top: 13em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-13em {
    margin-top: 6.5em !important;
  }
}
.marginTopResponsive-56 {
  margin-top: 56px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-56 {
    margin-top: 28px !important;
  }
}
.marginTopResponsive-14em {
  margin-top: 14em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-14em {
    margin-top: 7em !important;
  }
}
.marginTopResponsive-60 {
  margin-top: 60px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-60 {
    margin-top: 30px !important;
  }
}
.marginTopResponsive-15em {
  margin-top: 15em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-15em {
    margin-top: 7.5em !important;
  }
}
.marginTopResponsive-64 {
  margin-top: 64px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-64 {
    margin-top: 32px !important;
  }
}
.marginTopResponsive-16em {
  margin-top: 16em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-16em {
    margin-top: 8em !important;
  }
}
.marginTopResponsive-68 {
  margin-top: 68px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-68 {
    margin-top: 34px !important;
  }
}
.marginTopResponsive-17em {
  margin-top: 17em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-17em {
    margin-top: 8.5em !important;
  }
}
.marginTopResponsive-72 {
  margin-top: 72px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-72 {
    margin-top: 36px !important;
  }
}
.marginTopResponsive-18em {
  margin-top: 18em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-18em {
    margin-top: 9em !important;
  }
}
.marginTopResponsive-76 {
  margin-top: 76px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-76 {
    margin-top: 38px !important;
  }
}
.marginTopResponsive-19em {
  margin-top: 19em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-19em {
    margin-top: 9.5em !important;
  }
}
.marginTopResponsive-80 {
  margin-top: 80px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-80 {
    margin-top: 40px !important;
  }
}
.marginTopResponsive-20em {
  margin-top: 20em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-20em {
    margin-top: 10em !important;
  }
}
.marginTopResponsive-84 {
  margin-top: 84px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-84 {
    margin-top: 42px !important;
  }
}
.marginTopResponsive-21em {
  margin-top: 21em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-21em {
    margin-top: 10.5em !important;
  }
}
.marginTopResponsive-88 {
  margin-top: 88px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-88 {
    margin-top: 44px !important;
  }
}
.marginTopResponsive-22em {
  margin-top: 22em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-22em {
    margin-top: 11em !important;
  }
}
.marginTopResponsive-92 {
  margin-top: 92px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-92 {
    margin-top: 46px !important;
  }
}
.marginTopResponsive-23em {
  margin-top: 23em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-23em {
    margin-top: 11.5em !important;
  }
}
.marginTopResponsive-96 {
  margin-top: 96px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-96 {
    margin-top: 48px !important;
  }
}
.marginTopResponsive-24em {
  margin-top: 24em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-24em {
    margin-top: 12em !important;
  }
}
.marginTopResponsive-100 {
  margin-top: 100px !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-100 {
    margin-top: 50px !important;
  }
}
.marginTopResponsive-25em {
  margin-top: 25em !important;
}
@media (max-width: 768px) {
  .marginTopResponsive-25em {
    margin-top: 12.5em !important;
  }
}
.marginBottom-0 {
  margin-bottom: 0px !important;
}
.marginBottom-0em {
  margin-bottom: 0em !important;
}
.marginBottom-4 {
  margin-bottom: 4px !important;
}
.marginBottom-1em {
  margin-bottom: 1em !important;
}
.marginBottom-8 {
  margin-bottom: 8px !important;
}
.marginBottom-2em {
  margin-bottom: 2em !important;
}
.marginBottom-12 {
  margin-bottom: 12px !important;
}
.marginBottom-3em {
  margin-bottom: 3em !important;
}
.marginBottom-16 {
  margin-bottom: 16px !important;
}
.marginBottom-4em {
  margin-bottom: 4em !important;
}
.marginBottom-20 {
  margin-bottom: 20px !important;
}
.marginBottom-5em {
  margin-bottom: 5em !important;
}
.marginBottom-24 {
  margin-bottom: 24px !important;
}
.marginBottom-6em {
  margin-bottom: 6em !important;
}
.marginBottom-28 {
  margin-bottom: 28px !important;
}
.marginBottom-7em {
  margin-bottom: 7em !important;
}
.marginBottom-32 {
  margin-bottom: 32px !important;
}
.marginBottom-8em {
  margin-bottom: 8em !important;
}
.marginBottom-36 {
  margin-bottom: 36px !important;
}
.marginBottom-9em {
  margin-bottom: 9em !important;
}
.marginBottom-40 {
  margin-bottom: 40px !important;
}
.marginBottom-10em {
  margin-bottom: 10em !important;
}
.marginBottom-44 {
  margin-bottom: 44px !important;
}
.marginBottom-11em {
  margin-bottom: 11em !important;
}
.marginBottom-48 {
  margin-bottom: 48px !important;
}
.marginBottom-12em {
  margin-bottom: 12em !important;
}
.marginBottom-52 {
  margin-bottom: 52px !important;
}
.marginBottom-13em {
  margin-bottom: 13em !important;
}
.marginBottom-56 {
  margin-bottom: 56px !important;
}
.marginBottom-14em {
  margin-bottom: 14em !important;
}
.marginBottom-60 {
  margin-bottom: 60px !important;
}
.marginBottom-15em {
  margin-bottom: 15em !important;
}
.marginBottom-64 {
  margin-bottom: 64px !important;
}
.marginBottom-16em {
  margin-bottom: 16em !important;
}
.marginBottom-68 {
  margin-bottom: 68px !important;
}
.marginBottom-17em {
  margin-bottom: 17em !important;
}
.marginBottom-72 {
  margin-bottom: 72px !important;
}
.marginBottom-18em {
  margin-bottom: 18em !important;
}
.marginBottom-76 {
  margin-bottom: 76px !important;
}
.marginBottom-19em {
  margin-bottom: 19em !important;
}
.marginBottom-80 {
  margin-bottom: 80px !important;
}
.marginBottom-20em {
  margin-bottom: 20em !important;
}
.marginBottom-84 {
  margin-bottom: 84px !important;
}
.marginBottom-21em {
  margin-bottom: 21em !important;
}
.marginBottom-88 {
  margin-bottom: 88px !important;
}
.marginBottom-22em {
  margin-bottom: 22em !important;
}
.marginBottom-92 {
  margin-bottom: 92px !important;
}
.marginBottom-23em {
  margin-bottom: 23em !important;
}
.marginBottom-96 {
  margin-bottom: 96px !important;
}
.marginBottom-24em {
  margin-bottom: 24em !important;
}
.marginBottom-100 {
  margin-bottom: 100px !important;
}
.marginBottom-25em {
  margin-bottom: 25em !important;
}
.marginBottomResponsive-0 {
  margin-bottom: 0px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-0 {
    margin-bottom: 0px !important;
  }
}
.marginBottomResponsive-0em {
  margin-bottom: 0em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-0em {
    margin-bottom: 0em !important;
  }
}
.marginBottomResponsive-4 {
  margin-bottom: 4px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-4 {
    margin-bottom: 2px !important;
  }
}
.marginBottomResponsive-1em {
  margin-bottom: 1em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-1em {
    margin-bottom: 0.5em !important;
  }
}
.marginBottomResponsive-8 {
  margin-bottom: 8px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-8 {
    margin-bottom: 4px !important;
  }
}
.marginBottomResponsive-2em {
  margin-bottom: 2em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-2em {
    margin-bottom: 1em !important;
  }
}
.marginBottomResponsive-12 {
  margin-bottom: 12px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-12 {
    margin-bottom: 6px !important;
  }
}
.marginBottomResponsive-3em {
  margin-bottom: 3em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-3em {
    margin-bottom: 1.5em !important;
  }
}
.marginBottomResponsive-16 {
  margin-bottom: 16px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-16 {
    margin-bottom: 8px !important;
  }
}
.marginBottomResponsive-4em {
  margin-bottom: 4em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-4em {
    margin-bottom: 2em !important;
  }
}
.marginBottomResponsive-20 {
  margin-bottom: 20px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-20 {
    margin-bottom: 10px !important;
  }
}
.marginBottomResponsive-5em {
  margin-bottom: 5em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-5em {
    margin-bottom: 2.5em !important;
  }
}
.marginBottomResponsive-24 {
  margin-bottom: 24px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-24 {
    margin-bottom: 12px !important;
  }
}
.marginBottomResponsive-6em {
  margin-bottom: 6em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-6em {
    margin-bottom: 3em !important;
  }
}
.marginBottomResponsive-28 {
  margin-bottom: 28px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-28 {
    margin-bottom: 14px !important;
  }
}
.marginBottomResponsive-7em {
  margin-bottom: 7em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-7em {
    margin-bottom: 3.5em !important;
  }
}
.marginBottomResponsive-32 {
  margin-bottom: 32px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-32 {
    margin-bottom: 16px !important;
  }
}
.marginBottomResponsive-8em {
  margin-bottom: 8em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-8em {
    margin-bottom: 4em !important;
  }
}
.marginBottomResponsive-36 {
  margin-bottom: 36px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-36 {
    margin-bottom: 18px !important;
  }
}
.marginBottomResponsive-9em {
  margin-bottom: 9em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-9em {
    margin-bottom: 4.5em !important;
  }
}
.marginBottomResponsive-40 {
  margin-bottom: 40px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-40 {
    margin-bottom: 20px !important;
  }
}
.marginBottomResponsive-10em {
  margin-bottom: 10em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-10em {
    margin-bottom: 5em !important;
  }
}
.marginBottomResponsive-44 {
  margin-bottom: 44px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-44 {
    margin-bottom: 22px !important;
  }
}
.marginBottomResponsive-11em {
  margin-bottom: 11em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-11em {
    margin-bottom: 5.5em !important;
  }
}
.marginBottomResponsive-48 {
  margin-bottom: 48px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-48 {
    margin-bottom: 24px !important;
  }
}
.marginBottomResponsive-12em {
  margin-bottom: 12em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-12em {
    margin-bottom: 6em !important;
  }
}
.marginBottomResponsive-52 {
  margin-bottom: 52px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-52 {
    margin-bottom: 26px !important;
  }
}
.marginBottomResponsive-13em {
  margin-bottom: 13em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-13em {
    margin-bottom: 6.5em !important;
  }
}
.marginBottomResponsive-56 {
  margin-bottom: 56px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-56 {
    margin-bottom: 28px !important;
  }
}
.marginBottomResponsive-14em {
  margin-bottom: 14em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-14em {
    margin-bottom: 7em !important;
  }
}
.marginBottomResponsive-60 {
  margin-bottom: 60px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-60 {
    margin-bottom: 30px !important;
  }
}
.marginBottomResponsive-15em {
  margin-bottom: 15em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-15em {
    margin-bottom: 7.5em !important;
  }
}
.marginBottomResponsive-64 {
  margin-bottom: 64px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-64 {
    margin-bottom: 32px !important;
  }
}
.marginBottomResponsive-16em {
  margin-bottom: 16em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-16em {
    margin-bottom: 8em !important;
  }
}
.marginBottomResponsive-68 {
  margin-bottom: 68px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-68 {
    margin-bottom: 34px !important;
  }
}
.marginBottomResponsive-17em {
  margin-bottom: 17em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-17em {
    margin-bottom: 8.5em !important;
  }
}
.marginBottomResponsive-72 {
  margin-bottom: 72px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-72 {
    margin-bottom: 36px !important;
  }
}
.marginBottomResponsive-18em {
  margin-bottom: 18em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-18em {
    margin-bottom: 9em !important;
  }
}
.marginBottomResponsive-76 {
  margin-bottom: 76px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-76 {
    margin-bottom: 38px !important;
  }
}
.marginBottomResponsive-19em {
  margin-bottom: 19em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-19em {
    margin-bottom: 9.5em !important;
  }
}
.marginBottomResponsive-80 {
  margin-bottom: 80px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-80 {
    margin-bottom: 40px !important;
  }
}
.marginBottomResponsive-20em {
  margin-bottom: 20em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-20em {
    margin-bottom: 10em !important;
  }
}
.marginBottomResponsive-84 {
  margin-bottom: 84px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-84 {
    margin-bottom: 42px !important;
  }
}
.marginBottomResponsive-21em {
  margin-bottom: 21em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-21em {
    margin-bottom: 10.5em !important;
  }
}
.marginBottomResponsive-88 {
  margin-bottom: 88px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-88 {
    margin-bottom: 44px !important;
  }
}
.marginBottomResponsive-22em {
  margin-bottom: 22em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-22em {
    margin-bottom: 11em !important;
  }
}
.marginBottomResponsive-92 {
  margin-bottom: 92px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-92 {
    margin-bottom: 46px !important;
  }
}
.marginBottomResponsive-23em {
  margin-bottom: 23em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-23em {
    margin-bottom: 11.5em !important;
  }
}
.marginBottomResponsive-96 {
  margin-bottom: 96px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-96 {
    margin-bottom: 48px !important;
  }
}
.marginBottomResponsive-24em {
  margin-bottom: 24em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-24em {
    margin-bottom: 12em !important;
  }
}
.marginBottomResponsive-100 {
  margin-bottom: 100px !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-100 {
    margin-bottom: 50px !important;
  }
}
.marginBottomResponsive-25em {
  margin-bottom: 25em !important;
}
@media (max-width: 768px) {
  .marginBottomResponsive-25em {
    margin-bottom: 12.5em !important;
  }
}

.padding-0 {
  padding: 0 !important;
}
.paddingTop-0 {
  padding-top: 0px !important;
}
.paddingTop-4 {
  padding-top: 4px !important;
}
.paddingTop-8 {
  padding-top: 8px !important;
}
.paddingTop-12 {
  padding-top: 12px !important;
}
.paddingTop-16 {
  padding-top: 16px !important;
}
.paddingTop-20 {
  padding-top: 20px !important;
}
.paddingTop-24 {
  padding-top: 24px !important;
}
.paddingTop-28 {
  padding-top: 28px !important;
}
.paddingTop-32 {
  padding-top: 32px !important;
}
.paddingTop-36 {
  padding-top: 36px !important;
}
.paddingTop-40 {
  padding-top: 40px !important;
}
.paddingTop-44 {
  padding-top: 44px !important;
}
.paddingTop-48 {
  padding-top: 48px !important;
}
.paddingTop-52 {
  padding-top: 52px !important;
}
.paddingTop-56 {
  padding-top: 56px !important;
}
.paddingTop-60 {
  padding-top: 60px !important;
}
.paddingTop-64 {
  padding-top: 64px !important;
}
.paddingTop-68 {
  padding-top: 68px !important;
}
.paddingTop-72 {
  padding-top: 72px !important;
}
.paddingTop-76 {
  padding-top: 76px !important;
}
.paddingTop-80 {
  padding-top: 80px !important;
}
.paddingTop-84 {
  padding-top: 84px !important;
}
.paddingTop-88 {
  padding-top: 88px !important;
}
.paddingTop-92 {
  padding-top: 92px !important;
}
.paddingTop-96 {
  padding-top: 96px !important;
}
.paddingTop-100 {
  padding-top: 100px !important;
}
.paddingTopResponsive-0 {
  padding-top: 0px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-0 {
    padding-top: 0px !important;
  }
}
.paddingTopResponsive-4 {
  padding-top: 4px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-4 {
    padding-top: 2px !important;
  }
}
.paddingTopResponsive-8 {
  padding-top: 8px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-8 {
    padding-top: 4px !important;
  }
}
.paddingTopResponsive-12 {
  padding-top: 12px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-12 {
    padding-top: 6px !important;
  }
}
.paddingTopResponsive-16 {
  padding-top: 16px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-16 {
    padding-top: 8px !important;
  }
}
.paddingTopResponsive-20 {
  padding-top: 20px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-20 {
    padding-top: 10px !important;
  }
}
.paddingTopResponsive-24 {
  padding-top: 24px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-24 {
    padding-top: 12px !important;
  }
}
.paddingTopResponsive-28 {
  padding-top: 28px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-28 {
    padding-top: 14px !important;
  }
}
.paddingTopResponsive-32 {
  padding-top: 32px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-32 {
    padding-top: 16px !important;
  }
}
.paddingTopResponsive-36 {
  padding-top: 36px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-36 {
    padding-top: 18px !important;
  }
}
.paddingTopResponsive-40 {
  padding-top: 40px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-40 {
    padding-top: 20px !important;
  }
}
.paddingTopResponsive-44 {
  padding-top: 44px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-44 {
    padding-top: 22px !important;
  }
}
.paddingTopResponsive-48 {
  padding-top: 48px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-48 {
    padding-top: 24px !important;
  }
}
.paddingTopResponsive-52 {
  padding-top: 52px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-52 {
    padding-top: 26px !important;
  }
}
.paddingTopResponsive-56 {
  padding-top: 56px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-56 {
    padding-top: 28px !important;
  }
}
.paddingTopResponsive-60 {
  padding-top: 60px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-60 {
    padding-top: 30px !important;
  }
}
.paddingTopResponsive-64 {
  padding-top: 64px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-64 {
    padding-top: 32px !important;
  }
}
.paddingTopResponsive-68 {
  padding-top: 68px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-68 {
    padding-top: 34px !important;
  }
}
.paddingTopResponsive-72 {
  padding-top: 72px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-72 {
    padding-top: 36px !important;
  }
}
.paddingTopResponsive-76 {
  padding-top: 76px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-76 {
    padding-top: 38px !important;
  }
}
.paddingTopResponsive-80 {
  padding-top: 80px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-80 {
    padding-top: 40px !important;
  }
}
.paddingTopResponsive-84 {
  padding-top: 84px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-84 {
    padding-top: 42px !important;
  }
}
.paddingTopResponsive-88 {
  padding-top: 88px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-88 {
    padding-top: 44px !important;
  }
}
.paddingTopResponsive-92 {
  padding-top: 92px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-92 {
    padding-top: 46px !important;
  }
}
.paddingTopResponsive-96 {
  padding-top: 96px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-96 {
    padding-top: 48px !important;
  }
}
.paddingTopResponsive-100 {
  padding-top: 100px !important;
}
@media (max-width: 768px) {
  .paddingTopResponsive-100 {
    padding-top: 50px !important;
  }
}
.paddingBottom-0 {
  padding-bottom: 0px !important;
}
.paddingBottom-4 {
  padding-bottom: 4px !important;
}
.paddingBottom-8 {
  padding-bottom: 8px !important;
}
.paddingBottom-12 {
  padding-bottom: 12px !important;
}
.paddingBottom-16 {
  padding-bottom: 16px !important;
}
.paddingBottom-20 {
  padding-bottom: 20px !important;
}
.paddingBottom-24 {
  padding-bottom: 24px !important;
}
.paddingBottom-28 {
  padding-bottom: 28px !important;
}
.paddingBottom-32 {
  padding-bottom: 32px !important;
}
.paddingBottom-36 {
  padding-bottom: 36px !important;
}
.paddingBottom-40 {
  padding-bottom: 40px !important;
}
.paddingBottom-44 {
  padding-bottom: 44px !important;
}
.paddingBottom-48 {
  padding-bottom: 48px !important;
}
.paddingBottom-52 {
  padding-bottom: 52px !important;
}
.paddingBottom-56 {
  padding-bottom: 56px !important;
}
.paddingBottom-60 {
  padding-bottom: 60px !important;
}
.paddingBottom-64 {
  padding-bottom: 64px !important;
}
.paddingBottom-68 {
  padding-bottom: 68px !important;
}
.paddingBottom-72 {
  padding-bottom: 72px !important;
}
.paddingBottom-76 {
  padding-bottom: 76px !important;
}
.paddingBottom-80 {
  padding-bottom: 80px !important;
}
.paddingBottom-84 {
  padding-bottom: 84px !important;
}
.paddingBottom-88 {
  padding-bottom: 88px !important;
}
.paddingBottom-92 {
  padding-bottom: 92px !important;
}
.paddingBottom-96 {
  padding-bottom: 96px !important;
}
.paddingBottom-100 {
  padding-bottom: 100px !important;
}
.paddingBottomResponsive-0 {
  padding-bottom: 0px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-0 {
    padding-bottom: 0px !important;
  }
}
.paddingBottomResponsive-4 {
  padding-bottom: 4px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-4 {
    padding-bottom: 2px !important;
  }
}
.paddingBottomResponsive-8 {
  padding-bottom: 8px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-8 {
    padding-bottom: 4px !important;
  }
}
.paddingBottomResponsive-12 {
  padding-bottom: 12px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-12 {
    padding-bottom: 6px !important;
  }
}
.paddingBottomResponsive-16 {
  padding-bottom: 16px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-16 {
    padding-bottom: 8px !important;
  }
}
.paddingBottomResponsive-20 {
  padding-bottom: 20px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-20 {
    padding-bottom: 10px !important;
  }
}
.paddingBottomResponsive-24 {
  padding-bottom: 24px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-24 {
    padding-bottom: 12px !important;
  }
}
.paddingBottomResponsive-28 {
  padding-bottom: 28px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-28 {
    padding-bottom: 14px !important;
  }
}
.paddingBottomResponsive-32 {
  padding-bottom: 32px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-32 {
    padding-bottom: 16px !important;
  }
}
.paddingBottomResponsive-36 {
  padding-bottom: 36px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-36 {
    padding-bottom: 18px !important;
  }
}
.paddingBottomResponsive-40 {
  padding-bottom: 40px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-40 {
    padding-bottom: 20px !important;
  }
}
.paddingBottomResponsive-44 {
  padding-bottom: 44px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-44 {
    padding-bottom: 22px !important;
  }
}
.paddingBottomResponsive-48 {
  padding-bottom: 48px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-48 {
    padding-bottom: 24px !important;
  }
}
.paddingBottomResponsive-52 {
  padding-bottom: 52px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-52 {
    padding-bottom: 26px !important;
  }
}
.paddingBottomResponsive-56 {
  padding-bottom: 56px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-56 {
    padding-bottom: 28px !important;
  }
}
.paddingBottomResponsive-60 {
  padding-bottom: 60px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-60 {
    padding-bottom: 30px !important;
  }
}
.paddingBottomResponsive-64 {
  padding-bottom: 64px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-64 {
    padding-bottom: 32px !important;
  }
}
.paddingBottomResponsive-68 {
  padding-bottom: 68px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-68 {
    padding-bottom: 34px !important;
  }
}
.paddingBottomResponsive-72 {
  padding-bottom: 72px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-72 {
    padding-bottom: 36px !important;
  }
}
.paddingBottomResponsive-76 {
  padding-bottom: 76px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-76 {
    padding-bottom: 38px !important;
  }
}
.paddingBottomResponsive-80 {
  padding-bottom: 80px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-80 {
    padding-bottom: 40px !important;
  }
}
.paddingBottomResponsive-84 {
  padding-bottom: 84px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-84 {
    padding-bottom: 42px !important;
  }
}
.paddingBottomResponsive-88 {
  padding-bottom: 88px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-88 {
    padding-bottom: 44px !important;
  }
}
.paddingBottomResponsive-92 {
  padding-bottom: 92px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-92 {
    padding-bottom: 46px !important;
  }
}
.paddingBottomResponsive-96 {
  padding-bottom: 96px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-96 {
    padding-bottom: 48px !important;
  }
}
.paddingBottomResponsive-100 {
  padding-bottom: 100px !important;
}
@media (max-width: 768px) {
  .paddingBottomResponsive-100 {
    padding-bottom: 50px !important;
  }
}

.position-relative {
  position: relative;
}

.bannerType01 {
  background-color: #0e1f32;
  color: #fff;
  display: block;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  text-align: center;
  z-index: 10;
  font-size: min(1.7vw, 17px);
  font-size: 1.7rem;
}
.bannerType01:hover {
  animation: flash 1s;
  opacity: 0.9;
}
.bannerType01_inner {
  align-items: center;
  display: flex;
  gap: 0 1em;
  justify-content: center;
  margin: 0 auto;
  max-width: 920px;
  min-height: 56px;
}
@media (max-width: 768px) {
  .bannerType01_inner {
    gap: 0 12px;
    min-height: 64px;
  }
}
.bannerType01_head {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bannerType01_body {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bannerType01_foot {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .bannerType01_foot {
    flex-direction: column;
    gap: 4px;
    position: relative;
  }
}
.bannerType01_foot::before {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  content: "";
  display: none;
  height: 0;
  left: 0;
  padding-top: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media (max-width: 768px) {
  .bannerType01_foot::before {
    display: block;
  }
}
.bannerType01Label {
  border: currentColor solid 1px;
  border-radius: 999px;
  margin-right: 0.5em;
  padding: 0.13em 0 0.23em;
  width: 6.8em;
  font-size: min(1.6vw, 16px);
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .bannerType01Label {
    display: none;
  }
}
.bannerType01Name {
  font-size: min(1.9vw, 19px);
  font-size: 1.9rem;
}
@media (max-width: 768px) {
  .bannerType01Name {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.bannerType01Pricing {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: center;
}
.bannerType01Pricing_prefix {
  color: #f9fea3;
  display: block;
  line-height: 1;
  margin-right: 0.22em;
  font-size: min(1.6vw, 16px);
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .bannerType01Pricing_prefix {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.bannerType01Pricing_number {
  align-items: center;
  color: #f9fea3;
  display: flex;
  justify-content: center;
  position: relative;
  top: -0.04em;
  font-size: min(4vw, 40px);
  font-size: 4rem;
}
@media (max-width: 768px) {
  .bannerType01Pricing_number {
    font-size: 30px;
    font-size: 3rem;
  }
}
.bannerType01Pricing_number small {
  display: block;
  margin-left: 0.1em;
  position: relative;
  top: 0.06em;
  font-size: min(2vw, 20px);
  font-size: 2rem;
}
@media (max-width: 768px) {
  .bannerType01Pricing_number small {
    font-size: 20px;
    font-size: 2rem;
  }
}
.bannerType01Pricing_text {
  display: block;
  margin-left: 0.25em;
  font-size: min(1.9vw, 19px);
  font-size: 1.9rem;
}
@media (max-width: 768px) {
  .bannerType01Pricing_text {
    display: none;
  }
}
.bannerType01More {
  background-color: #ff811e;
  border-radius: 0.18em;
  padding: 0.36em 0 0.52em;
  width: 10em;
  font-size: min(1.1vw, 11px);
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .bannerType01More {
    order: 1;
    position: relative;
    font-size: 10px;
    font-size: 1rem;
  }
}
.bannerType01More_inner {
  display: inline-block;
  padding-left: 1em;
  position: relative;
}
.bannerType01More_inner::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f001";
  left: 0;
  position: absolute;
  top: 0.2em;
  transform: scale(0.8);
  transform-origin: left center;
}
.bannerType01Term {
  margin-left: 1em;
  position: relative;
  width: 7em;
}
@media (max-width: 768px) {
  .bannerType01Term {
    margin-left: 0;
    order: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.bannerType01Term::before {
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  content: "";
  display: block;
  height: 0;
  left: 0;
  padding-top: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media (max-width: 768px) {
  .bannerType01Term::before {
    display: none;
  }
}
.bannerType01Term_inner {
  position: relative;
}
.bannerType01Term_inner small {
  font-size: min(1.4vw, 14px);
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .bannerType01Term_inner small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.is-windowsMode .bannerType01 {
  background-color: #000;
}
.bannerType02 {
  color: #fff;
  fill: currentColor;
  font-weight: 500;
  width: 100%;
}
.bannerType02 #bannerType02Clippath rect {
  height: 100%;
  width: 100%;
}
.bannerType02Background {
  clip-path: url("#bannerType02Clippath");
  pointer-events: none;
}
.bannerType02Background rect {
  height: 100%;
  width: 100%;
}
.bannerType02Background image {
  height: 100%;
  width: 100%;
}
.bannerType02Title {
  font-size: 27px;
}
.bannerType02Subtitle {
  font-style: italic;
  font-weight: 700;
}
.bannerType02Subtitle_background {
  pointer-events: none;
}
.bannerType02Off {
  font-style: italic;
}
.bannerType02Off_label {
  font-size: 31px;
}
.bannerType02Off_number {
  font-family: "Rubik";
}
.bannerType02Off_number text:nth-child(1) {
  font-size: 113px;
}
.bannerType02Off_number text:nth-child(2) {
  font-size: 78px;
  letter-spacing: -0.03em;
}
.bannerType02Price {
  font-style: italic;
}
.bannerType02Price_label {
  font-size: 31px;
}
.bannerType02Price_number text:nth-child(1) {
  font-family: "Rubik";
  font-size: 113px;
}
.bannerType02Price_number text:nth-child(2) {
  font-size: 62px;
}
.bannerType02Term_background {
  clip-path: url("#bannerType02Clippath");
  pointer-events: none;
}
.bannerType02Term_background rect {
  height: 52px;
  width: 100%;
}
.bannerType02Term_label {
  font-size: 18px;
}
.bannerType02Term_label rect {
  fill: transparent;
  height: 34px;
  pointer-events: none;
  stroke: currentColor;
  stroke-width: 2px;
  width: 110px;
}
.bannerType02Term_label text {
  letter-spacing: 0.02em;
}
.bannerType02Term_date {
  font-size: 18px;
  letter-spacing: 0.02em;
}
.bannerType02Term_date tspan {
  font-family: "Rubik";
  font-size: 28px;
}
.bannerType02Frame {
  clip-path: url("#bannerType02Clippath");
  pointer-events: none;
}
.bannerType02Frame rect {
  fill: transparent;
  height: 100%;
  stroke-width: 4px;
  width: 100%;
}
.bannerType02.is-wing .bannerType02Background rect {
  fill: #3898e0;
}
.bannerType02.is-wing .bannerType02Title {
  fill: #01345a;
}
.bannerType02.is-wing .bannerType02Subtitle {
  font-size: 18px;
}
.bannerType02.is-wing .bannerType02Subtitle_background {
  fill: #fff;
}
.bannerType02.is-wing .bannerType02Subtitle_text {
  fill: #3898e0;
}
.bannerType02.is-wing .bannerType02Term_background rect {
  fill: #01345a;
}
.bannerType02.is-wing .bannerType02Frame rect {
  stroke: #01345a;
}
.bannerType02.is-vps .bannerType02Subtitle, .bannerType02.is-windows .bannerType02Subtitle {
  font-size: 26px;
}
.bannerType02.is-vps .bannerType02Subtitle_background rect, .bannerType02.is-windows .bannerType02Subtitle_background rect {
  height: 2px;
  width: 140px;
}
.bannerType02.is-vps .bannerType02Term_background rect, .bannerType02.is-windows .bannerType02Term_background rect {
  fill: #01345a;
}
.bannerType02.is-vps .bannerType02Frame rect, .bannerType02.is-windows .bannerType02Frame rect {
  stroke: #01345a;
}
.bannerType02.is-vps .bannerType02Background rect {
  fill: #12b8d7;
}
.bannerType02.is-windows .bannerType02Background rect {
  fill: #0064aa;
}
.bannerType02.is-game .bannerType02Background rect {
  fill: #404b8f;
}
.bannerType02.is-game .bannerType02Subtitle {
  font-size: 22px;
  letter-spacing: 0.06em;
}
.bannerType02.is-game .bannerType02Subtitle_background path {
  height: 66px;
  width: 140px;
}
.bannerType02.is-game .bannerType02Term_background rect {
  fill: #1a1e3b;
}
.bannerType02.is-game .bannerType02Frame rect {
  stroke: #1a1e3b;
}

.box {
  /** 導入事例ロゴ一覧 **/
}
.boxCase {
  background-color: #fff;
  border: #e4e4e4 solid 1px;
}
.boxCaseUnit {
  padding: 20px;
  position: relative;
}
.boxCaseUnit + .boxCaseUnit::before {
  border-top: #e4e4e4 dashed 1px;
  content: "";
  display: block;
  height: 0;
  left: 20px;
  position: absolute;
  top: 0;
  width: calc(100% - 40px);
}
.boxCaseList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  justify-content: center;
}
@media (max-width: 768px) {
  .boxCaseList {
    gap: 8px;
  }
}
.boxCaseList_item .boxImage {
  width: 108px;
}
@media (max-width: 768px) {
  .boxCaseList_item .boxImage {
    width: 54px;
  }
}
.box {
  /** カウントダウン用 **/
}
.boxCountdown {
  text-align: center;
}
.boxCountdown_slot {
  display: inline;
}
@media (max-width: 768px) {
  .boxCountdown_slot {
    display: block;
  }
}
.boxCountdown_date {
  display: inline;
  margin-left: 1em;
}
@media (max-width: 768px) {
  .boxCountdown_date {
    display: block;
    margin-left: 0;
  }
}
.box {
  /** ドメイン検索用 **/
}
.boxDomainTitle {
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .boxDomainTitle {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
.boxDomainForm {
  align-items: center;
  background-color: #fff;
  border: #646464 solid 1px;
  display: flex;
  margin: 0 auto;
  max-width: 720px;
  padding: 8px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .boxDomainForm {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.boxDomainForm_input {
  width: calc(100% - 110px);
}
@media (max-width: 768px) {
  .boxDomainForm_input {
    order: 1;
    width: calc(100% - 44px);
  }
}
.boxDomainForm_input input {
  display: block;
  padding: 12px 8px 12px 12px;
  width: 100%;
}
@media (max-width: 768px) {
  .boxDomainForm_input input {
    padding: 12px 12px 12px 0;
  }
}
.boxDomainForm_submit {
  position: relative;
  text-align: center;
  width: 110px;
}
@media (max-width: 768px) {
  .boxDomainForm_submit {
    height: 44px;
    order: 0;
    width: 44px;
  }
}
.boxDomainForm_submit::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #3898e0;
  left: 12px;
  position: absolute;
  text-indent: 0;
  top: 12px;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .boxDomainForm_submit::before {
    content: "\f032";
  }
}
@media (max-width: 768px) {
  .boxDomainForm_submit .buttonApply {
    display: none;
  }
}
.boxDomainForm_error {
  background-color: #414141;
  border-radius: 4px;
  bottom: 100%;
  color: #fff;
  display: none;
  font-weight: 500;
  left: 0;
  padding: 12px 20px;
  position: absolute;
  font-size: 14px;
  font-size: 1.4rem;
}
.boxDomainForm_error::before {
  border-color: #414141 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  content: "";
  display: block;
  height: 0;
  left: 20px;
  position: absolute;
  top: 100%;
  width: 0;
}
.boxDomainForm_overlay {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.98);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1.3;
  padding: 0 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .boxDomainForm_overlay {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.boxDomainForm_overlay p + p {
  margin-top: 4px;
}
.boxDomainLoading {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.boxDomainLoading .boxLoading {
  margin: 0;
}
.boxDomain.has-bgColor {
  background-color: #0a65a9;
  padding: 28px 20px 32px;
}
.is-conohaMode .boxDomain.has-bgColor {
  background-color: #0a62a4;
  background-image: linear-gradient(54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.048) 27px, rgba(0, 0, 0, 0.048) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.048) 133px, rgba(0, 0, 0, 0.048) 185px, transparent 186px, transparent 100%), linear-gradient(-54deg, transparent 0, transparent 26px, rgba(0, 0, 0, 0.048) 27px, rgba(0, 0, 0, 0.048) 79px, transparent 80px, transparent 132px, rgba(0, 0, 0, 0.048) 133px, rgba(0, 0, 0, 0.048) 185px, transparent 186px, transparent 100%);
  background-position: center center;
  background-repeat: repeat;
  background-size: 132px 180px;
}
.boxDomain.is-error .boxDomainForm_error {
  display: block;
}
.boxDomain.is-loading .boxDomainLoading {
  display: flex;
}
.box {
  /** 終了表記 **/
}
.boxExpired {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  display: flex;
  font-weight: 500;
  justify-content: center;
  left: 50%;
  line-height: 1.3;
  max-width: 800px;
  padding: 40px 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  z-index: 20;
  font-size: 32px;
  font-size: 3.2rem;
}
@media (max-width: 768px) {
  .boxExpired {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.boxExpired.is-mask {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  max-width: 100%;
  padding: 20px;
  top: 0;
  transform: translate(0, 0);
  width: 100%;
}
.box {
  /** 横並び（画像+説明文） **/
}
.boxFlex {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 768px) {
  .boxFlex {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .boxFlex_unit {
    width: 100% !important;
  }
}
.boxFlex_unit:nth-child(2) {
  padding-left: 40px;
}
@media (max-width: 768px) {
  .boxFlex_unit:nth-child(2) {
    margin-top: 20px;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .boxFlex.is-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .boxFlex.is-reverse .boxFlex_unit:nth-child(2) {
    margin-bottom: 20px;
    margin-top: 0;
  }
}
.boxFlex.is-alignCenter {
  align-items: center;
}
.box {
  /** 画像用 **/
}
.boxImage {
  align-items: center;
  display: flex;
  width: 100%;
}
.boxImage img, .boxImage svg {
  flex-shrink: 0;
  height: auto;
  max-width: 100%;
}
.boxImage.is-center {
  justify-content: center;
  margin: 0 auto;
}
.boxImage.is-heightFix img, .boxImage.is-heightFix svg {
  max-width: none;
  width: auto;
}
.box {
  /** ローディングアイコン **/
}
.boxLoading {
  animation: loading_changeColor 6s ease infinite;
  background-color: #fff;
  border: #12b8d7 solid 12px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #fff;
  height: 80px;
  margin: 120px auto;
  position: relative;
  width: 80px;
}
@media (max-width: 768px) {
  .boxLoading {
    height: 60px;
    width: 60px;
  }
}
.boxLoading::before, .boxLoading::after {
  border-radius: 50%;
  border-style: solid;
  border-width: 16px;
  content: "";
  display: block;
  height: calc(100% + 28px);
  left: -14px;
  position: absolute;
  top: -14px;
  transform: rotate(-135deg);
  width: calc(100% + 28px);
}
.boxLoading::before {
  animation: loading_rotate 2s ease infinite 1.5s;
  border-color: #fff #fff transparent transparent;
}
.boxLoading::after {
  animation: loading_rotate 2s ease infinite;
  border-color: transparent transparent #fff #fff;
}
.box {
  /** メッセージ用 **/
}
.boxMessage {
  border: currentColor solid 1px;
  color: #12b8d7;
  padding: 20px 20px 20px 60px;
  position: relative;
}
.boxMessage::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f0a6";
  left: 20px;
  position: absolute;
  top: 24px;
  font-size: 20px;
  font-size: 2rem;
}
.boxMessage.is-error {
  color: #cb1464;
}
.boxMessage.is-error::before {
  content: "\f036";
}
.box {
  /** 「他のプランを見る」 **/
}
.boxMore {
  color: #414141;
  margin-top: 40px;
}
.boxMoreInput {
  display: none;
}
.boxMoreInput:checked ~ .boxMoreButton {
  display: none;
}
.boxMoreInput:checked ~ .boxMoreContents {
  display: block;
}
.boxMoreButton {
  background-color: #fff;
  border: #c6c6c6 solid 1px;
  cursor: pointer;
  display: block;
  padding: 12px 20px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.boxMoreButton:hover {
  animation: flash 1s;
  opacity: 0.9;
}
.boxMoreButton_inner {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}
.boxMoreButton_inner::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #12b8d7;
  content: "\f002";
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 10px;
  font-size: 1rem;
}
.is-windowsMode .boxMoreButton_inner::before {
  color: #0064aa;
}
.boxMoreContents {
  display: none;
}
.boxMore.is-toggle .boxMoreInput:checked ~ .boxMoreButton {
  display: block;
}
.boxMore.is-toggle .boxMoreInput:checked ~ .boxMoreButton .boxMoreButton_inner::before {
  transform: rotate(180deg);
}
.boxMore.is-toggle .boxMoreInput:checked ~ .boxMoreButton .boxMoreButton_inner span:nth-child(1) {
  display: none;
}
.boxMore.is-toggle .boxMoreInput:checked ~ .boxMoreButton .boxMoreButton_inner span:nth-child(2) {
  display: inline;
}
.boxMore.is-toggle .boxMoreButton_inner span:nth-child(2) {
  display: none;
}
@media (max-width: 768px) {
  .boxMore.is-onlySP .boxMoreInput:checked ~ .boxMoreContents {
    display: block;
  }
}
.boxMore.is-onlySP .boxMoreContents {
  display: block;
}
@media (max-width: 768px) {
  .boxMore.is-onlySP .boxMoreContents {
    display: none;
  }
}
.boxMore.is-onlySP .boxMoreButton {
  display: none;
}
@media (max-width: 768px) {
  .boxMore.is-onlySP .boxMoreButton {
    display: block;
  }
}
.box {
  /** お支払い方法用 **/
}
.boxPayment {
  color: #414141;
  display: flex;
  margin-top: 20px;
  overflow: auto;
}
@media (max-width: 768px) {
  .boxPayment {
    display: block;
    margin-top: 12px;
  }
}
.boxPaymentList {
  background-color: #f7f7f7;
  display: flex;
  gap: 20px;
  padding: 20px;
}
@media (max-width: 768px) {
  .boxPaymentList {
    align-items: center;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .boxPaymentList_item {
    width: 100%;
  }
}
.boxPaymentUnit {
  border: #cecece solid 1px;
  height: 100%;
  padding: 20px 0;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .boxPaymentUnit {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: space-between;
    padding: 12px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.boxPaymentUnit_image {
  padding: 0 20px;
}
@media (max-width: 768px) {
  .boxPaymentUnit_image {
    order: 1;
    padding: 0;
    width: 120px;
  }
}
.boxPaymentUnit_image .boxImage img {
  height: 73px;
}
@media (max-width: 768px) {
  .boxPaymentUnit_image .boxImage img {
    height: 42px;
  }
}
.boxPaymentUnit_title {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  margin-top: 16px;
  padding: 0 4px;
  text-align: center;
}
@media (max-width: 768px) {
  .boxPaymentUnit_title {
    display: block;
    height: auto;
    margin-top: 0;
    max-width: 120px;
    order: 0;
    padding: 0;
    text-align: left;
    width: calc(100% - 120px);
  }
}
.box {
  /** 料金用 **/
}
.boxPriceListType01 {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .boxPriceListType01 {
    flex-direction: column;
  }
}
.boxPriceListType01_item {
  padding-top: 20px;
  position: relative;
  width: 20%;
}
@media (max-width: 768px) {
  .boxPriceListType01_item {
    padding-top: 0;
    width: 100%;
  }
}
.boxPriceListType01_item.is-recommended {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
  padding-top: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .boxPriceListType01_item.is-recommended {
    box-shadow: none;
  }
}
.boxPriceListType01_item.is-recommended .boxPriceUnitType01 {
  border-bottom-width: 3px;
  border-color: #10a8c4;
}
.is-windowsMode .boxPriceListType01_item.is-recommended .boxPriceUnitType01 {
  border-color: #003961;
}
.boxPriceListType01_item.is-recommended .boxPriceUnitType01Head {
  background-color: #10a8c4;
  padding: 16px 0;
}
.is-windowsMode .boxPriceListType01_item.is-recommended .boxPriceUnitType01Head {
  background-color: #003961;
}
.boxPriceListType01_item.is-recommended .boxPriceUnitType01Pricing {
  background-color: #12b8d7;
  color: #fff;
}
.is-windowsMode .boxPriceListType01_item.is-recommended .boxPriceUnitType01Pricing {
  background-color: #0064aa;
}
.boxPriceListType01_item.is-recommended .boxPriceUnitType01Apply {
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .boxPriceListType01_item.is-recommended .boxPriceUnitType01Apply {
    padding-bottom: 20px;
  }
}
.boxPriceListType01_item + .boxPriceListType01_item {
  margin-left: -1px;
  width: calc(20% + 1px);
}
@media (max-width: 768px) {
  .boxPriceListType01_item + .boxPriceListType01_item {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }
}
.boxPriceListType01.has-3columns .boxPriceListType01_item {
  width: 33.3333333333%;
}
@media (max-width: 768px) {
  .boxPriceListType01.has-3columns .boxPriceListType01_item {
    width: 100%;
  }
}
.boxPriceListType01.has-noRecommended .boxPriceUnitType01_item {
  padding-top: 0;
}
.boxPriceListType01.has-noRecommended .boxPriceUnitType01Pricing {
  min-height: 0;
}
.boxPriceListType02 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .boxPriceListType02 {
    flex-direction: column;
  }
}
.boxPriceListType02_item {
  align-items: flex-end;
  display: flex;
  width: calc(25% - 6px);
}
@media (max-width: 768px) {
  .boxPriceListType02_item {
    flex-direction: column;
    width: 100%;
  }
}
.boxPriceListType02_item.has-3columns {
  width: calc(75% - 6px);
}
@media (max-width: 768px) {
  .boxPriceListType02_item.has-3columns {
    width: 100%;
  }
}
.boxPriceListType02_item.is-full {
  width: 100%;
}
.boxPriceListType02_item.is-adjusted {
  padding-top: 24px;
}
@media (max-width: 768px) {
  .boxPriceListType02_item.is-adjusted {
    padding-top: 0;
  }
}
.boxPriceListType02_item + .boxPriceListType02_item {
  margin-left: 12px;
}
@media (max-width: 768px) {
  .boxPriceListType02_item + .boxPriceListType02_item {
    margin-left: 0;
    margin-top: 20px;
  }
}
.boxPriceUnitType01 {
  border: #c6c6c6 solid 1px;
  color: #414141;
}
.boxPriceUnitType01Head {
  background-color: #414141;
  color: #fff;
  font-weight: 500;
  padding: 6px 0;
  text-align: center;
  font-size: 19px;
  font-size: 1.9rem;
}
.boxPriceUnitType01Body {
  font-size: 15px;
  font-size: 1.5rem;
}
.boxPriceUnitType01Body_list {
  display: flex;
  flex-direction: column;
}
.boxPriceUnitType01Body_item {
  background-color: #f7f7f7;
  width: 100%;
}
.boxPriceUnitType01Body_item:nth-child(even) {
  background-color: #fff;
}
.boxPriceUnitType01Pricing {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 160px;
  padding: 20px 0;
  text-align: center;
}
.boxPriceUnitType01Pricing_catch {
  font-size: 13px;
  font-size: 1.3rem;
}
.boxPriceUnitType01Pricing_main strong {
  font-weight: 500;
  font-size: 30px;
  font-size: 3rem;
}
.boxPriceUnitType01Pricing_sub del {
  display: inline-block;
  margin-right: 8px;
  text-decoration: line-through;
  font-size: 13px;
  font-size: 1.3rem;
}
.boxPriceUnitType01Spec {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .boxPriceUnitType01Spec {
    flex-direction: row;
    height: auto;
  }
}
.boxPriceUnitType01Spec_title {
  font-size: 14px;
  font-size: 1.4rem;
}
.boxPriceUnitType01Spec_data {
  font-weight: 500;
}
.boxPriceUnitType01Apply {
  padding: 20px;
}
.boxPriceUnitType02 {
  border: #c6c6c6 solid 1px;
  color: #414141;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.boxPriceUnitType02Head {
  background-color: #3898e0;
  color: #fff;
  position: relative;
  width: 100%;
}
.boxPriceUnitType02Body {
  background-color: #fff;
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
.boxPriceUnitType02Body_list {
  display: flex;
  flex-direction: column;
}
.boxPriceUnitType02Body_item {
  border-top: #c6c6c6 solid 1px;
  width: 100%;
}
.boxPriceUnitType02Body_item:nth-child(1) {
  height: calc(100% - 76px);
}
.boxPriceUnitType02Pricing {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px 0 20px;
  text-align: center;
}
.boxPriceUnitType02Pricing_lead {
  line-height: 1.3;
  white-space: nowrap;
  font-size: 13px;
  font-size: 1.3rem;
}
.boxPriceUnitType02Pricing_title {
  line-height: 1.3;
  font-size: 18px;
  font-size: 1.8rem;
}
.boxPriceUnitType02Pricing_main {
  font-size: 21px;
  font-size: 2.1rem;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Pricing_main {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.boxPriceUnitType02Pricing_main strong {
  font-weight: 500;
  font-size: 46px;
  font-size: 4.6rem;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Pricing_main strong {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.boxPriceUnitType02Pricing_sub {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Pricing_sub {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.boxPriceUnitType02Pricing_sub del {
  display: inline-block;
  margin-right: 8px;
  text-decoration: line-through;
}
.boxPriceUnitType02Pricing_sub strong {
  font-size: 20px;
  font-size: 2rem;
}
.boxPriceUnitType02Pricing_sub.has-bgColor {
  background-color: #3898e0;
  padding: 0 12px;
}
.boxPriceUnitType02Spec {
  align-items: center;
  display: flex;
  margin: 0 auto;
  padding: 8px 0 8px 24px;
  position: relative;
  width: 180px;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Spec {
    padding-left: 20px;
    width: 172px;
  }
}
.boxPriceUnitType02Spec::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #3898e0;
  content: "\f06d";
  left: 0;
  position: absolute;
  top: calc(50% - 8px);
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Spec::before {
    top: calc(50% - 7px);
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.boxPriceUnitType02Spec_title {
  color: #686868;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Spec_title {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.boxPriceUnitType02Spec_data {
  font-weight: 500;
  margin-left: 8px;
}
.boxPriceUnitType02Spec_data strong {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Spec_data strong {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.boxPriceUnitType02Description {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .boxPriceUnitType02Description {
    height: auto;
    padding-bottom: 0;
  }
}
.boxPriceUnitType02Apply {
  padding: 20px;
}
.boxPriceUnitType02 + .boxPriceUnitType02 {
  margin-left: -1px;
  width: calc(100% + 1px);
}
@media (max-width: 768px) {
  .boxPriceUnitType02 + .boxPriceUnitType02 {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }
}
.boxPriceUnitType02.is-recommended {
  border-color: #3898e0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  height: 100%;
  position: relative;
  z-index: 1;
}
.boxPriceUnitType02.is-recommended .boxPriceUnitType02Body {
  background-color: #ebf6ff;
}
.boxPriceUnitType02.is-recommended .boxPriceUnitType02Pricing {
  padding-top: 48px;
}
@media (max-width: 768px) {
  .boxPriceUnitType02.is-recommended .boxPriceUnitType02Pricing {
    padding-top: 36px;
  }
}
.boxPriceUnitType02.is-gray .boxPriceUnitType02Head {
  background-color: #f7f7f7;
  color: #414141;
}
.boxPriceUnitType02.is-gray .boxPriceUnitType02Pricing_sub.has-bgColor {
  background-color: #e4e4e4;
}
.boxPriceUnitType02.has-borderTop {
  position: relative;
}
.boxPriceUnitType02.has-borderTop::before {
  background-color: #3898e0;
  content: "";
  display: block;
  height: 2px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
  z-index: 1;
}
.boxPriceUnitType02.is-stroke {
  border-color: #414141;
}
.boxPriceUnitType02.is-stroke .boxPriceUnitType02Head {
  background-color: #fff;
  color: #414141;
  position: relative;
}
.boxPriceUnitType02.is-stroke .boxPriceUnitType02Head::before {
  background-color: #414141;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 20px;
  position: absolute;
  width: calc(100% - 40px);
}
.boxPriceUnitType02.is-stroke .boxPriceUnitType02Body_list {
  height: 100%;
  justify-content: flex-end;
}
.boxPriceUnitType02.is-stroke .boxPriceUnitType02Body_item {
  border-top: 0;
}
.boxPriceUnitType02.is-stroke .boxPriceUnitType02Pricing_sub.has-bgColor {
  background-color: #e4e4e4;
}
.boxPriceUnitType02.is-stroke .boxPriceUnitType02Apply .buttonApply {
  pointer-events: none;
}
.boxPriceUnitType02.is-stroke:hover .boxPriceUnitType02Head {
  background-color: #414141;
  color: #fff;
}
.boxPriceUnitType02.is-stroke:hover .boxPriceUnitType02Head::before {
  background-color: #fff;
}
.boxPriceUnitType02.is-stroke:hover .boxPriceUnitType02Body {
  background-color: #414141;
  color: #fff;
}
.boxPriceUnitType02.is-stroke:hover .boxPriceUnitType02Pricing_sub.has-bgColor {
  background-color: #686868;
}
.boxPriceUnitType02.is-stroke:hover .boxPriceUnitType02Apply .buttonApply {
  border-color: #fff;
  color: #fff;
}
.boxPriceUnitType02.is-heightFull {
  height: 100%;
}
.box {
  /** 料金シミュレーター **/
}
.boxSimulator {
  background-color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
}
.boxSimulatorSelect {
  border: #c6c6c6 solid 1px;
  padding: 40px 40px 56px;
}
@media (max-width: 768px) {
  .boxSimulatorSelect {
    padding: 20px 20px 36px;
  }
}
.boxSimulatorSelectUnitTitle {
  margin-bottom: 12px;
}
.boxSimulatorSelectUnitList {
  display: flex;
  gap: 10px;
}
@media (max-width: 768px) {
  .boxSimulatorSelectUnitList {
    flex-wrap: wrap;
  }
}
.boxSimulatorSelectUnitList_item {
  width: 100%;
}
.boxSimulatorSelectButton {
  align-content: center;
  box-shadow: 0 0 0 1px #c6c6c6 inset;
  display: flex;
  flex-wrap: wrap;
  min-height: 60px;
  padding: 4px 20px;
  text-align: left;
  width: 100%;
}
@media (max-width: 768px) {
  .boxSimulatorSelectButton {
    display: block;
    min-height: 0;
    padding: 12px;
  }
}
.boxSimulatorSelectButton_title {
  width: 100%;
}
@media (max-width: 768px) {
  .boxSimulatorSelectButton_title {
    display: inline-block;
    width: auto;
  }
}
.boxSimulatorSelectButton_price {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .boxSimulatorSelectButton_price {
    display: inline-block;
    margin-left: 1em;
    width: auto;
  }
}
.boxSimulatorSelectButton:hover {
  background-color: #ebf6ff;
}
.boxSimulatorSelectButton.is-active {
  background-color: #ebf6ff;
  box-shadow: 0 0 0 3px #3898e0 inset;
}
.boxSimulatorSelectSwitchList_item {
  display: none;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .boxSimulatorSelectSwitchList_item {
    margin-top: 28px;
  }
}
.boxSimulatorSelectSwitchList_item.is-active {
  display: block;
}
.boxSimulatorContents {
  background-color: #3898e0;
  color: #fff;
}
.boxSimulatorContentsResult {
  display: flex;
  justify-content: space-between;
  padding: 24px 40px 16px;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResult {
    display: block;
    padding: 20px 20px 8px;
    text-align: center;
  }
}
.boxSimulatorContentsResult::before {
  background-color: #3898e0;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  height: 17px;
  left: calc(50% - 11px);
  pointer-events: none;
  position: absolute;
  top: -16px;
  width: 22px;
}
.boxSimulatorContentsResultPlan {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  justify-content: flex-start;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPlan {
    justify-content: center;
  }
}
.boxSimulatorContentsResultPlan_title {
  background-color: #0a65a9;
  font-weight: 500;
  padding: 6px 12px;
  position: relative;
  top: -7px;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPlan_title {
    top: 0;
    width: 100%;
  }
}
.boxSimulatorContentsResultPlan_formula {
  font-weight: 500;
  font-size: 22px;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPlan_formula {
    text-align: right;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.boxSimulatorContentsResultPlan_formula strong {
  font-size: 35px;
  font-size: 3.5rem;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPlan_formula strong {
    font-size: 20px;
    font-size: 2rem;
  }
}
.boxSimulatorContentsResultPlan_formula strong.is-price {
  font-size: 46px;
  font-size: 4.6rem;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPlan_formula strong.is-price {
    font-size: 40px;
    font-size: 4rem;
  }
}
.boxSimulatorContentsResultPlan_formula del {
  font-weight: 300;
  font-size: 19px;
  font-size: 1.9rem;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPlan_formula del {
    font-size: inherit;
  }
}
.boxSimulatorContentsResultPrice {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  justify-content: flex-end;
  line-height: 1.3;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPrice {
    justify-content: center;
    margin-top: 8px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.boxSimulatorContentsResultPrice_off {
  text-align: center;
}
.boxSimulatorContentsResultPrice_off p + p {
  margin-top: 4px;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPrice_sum {
    font-size: 20px;
    font-size: 2rem;
  }
}
.boxSimulatorContentsResultPrice_sum strong {
  font-weight: 500;
  font-size: 30px;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .boxSimulatorContentsResultPrice_sum strong {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.boxSimulatorContentsApply {
  padding: 16px 40px 40px;
}
@media (max-width: 768px) {
  .boxSimulatorContentsApply {
    padding: 12px 20px 20px;
  }
}
.box {
  /** 動画埋め込み **/
}
.boxVideo {
  aspect-ratio: 16/9;
  position: relative;
}
.boxVideo > iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.button {
  /** 申込ボタン **/
}
.buttonApply {
  align-items: center;
  background: #6cc246;
  border: #6cc246 solid 1px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-weight: 300;
  height: 68px;
  justify-content: center;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 360px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 19px;
  font-size: 1.9rem;
}
.buttonApply:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .buttonApply {
    height: 52px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.buttonApply_title {
  display: block;
  padding-left: 1em;
  position: relative;
}
.buttonApply_title::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f001";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: 0;
  transform: scale(0.8);
  transform-origin: left center;
}
.buttonApply_subTitle {
  display: block;
  margin-bottom: 0.2em;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .buttonApply_subTitle {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.buttonApply:hover {
  background-color: #fff;
  color: #6cc246;
}
.buttonApply.has-subTitle {
  height: 80px;
}
@media (max-width: 768px) {
  .buttonApply.has-subTitle {
    height: 60px;
  }
}
.buttonApply.is-small {
  height: 36px;
  max-width: 220px;
  font-size: 15px;
  font-size: 1.5rem;
}
.buttonApply.is-medium {
  height: 48px;
  font-size: 18px;
  font-size: 1.8rem;
}
.buttonApply.is-medium2 {
  height: 48px;
  max-width: 200px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .buttonApply.is-medium2 {
    max-width: 100%;
  }
}
.buttonApply.is-large {
  font-size: 27px;
  font-size: 2.7rem;
}
@media (max-width: 768px) {
  .buttonApply.is-large {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.buttonApply.is-large .buttonApply_subTitle {
  font-size: 17px;
  font-size: 1.7rem;
}
@media (max-width: 768px) {
  .buttonApply.is-large .buttonApply_subTitle {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.buttonApply.is-large.has-subTitle {
  height: 96px;
}
@media (max-width: 768px) {
  .buttonApply.is-large.has-subTitle {
    height: 60px;
  }
}
.buttonApply.is-full {
  max-width: 100%;
}
.buttonApply.is-stroke {
  background-color: transparent;
  color: #6cc246;
}
.buttonApply.is-stroke:hover {
  background-color: #6cc246;
  color: #fff;
}
.buttonApply.is-blackColor {
  background-color: #414141;
  border-color: #414141;
}
.buttonApply.is-blackColor:hover {
  background-color: #fff;
  color: #414141;
}
.buttonApply.is-strokeBlack {
  background-color: transparent;
  border-color: #414141;
  color: #414141;
}
.buttonApply.is-strokeBlack:hover {
  color: #414141;
}
.buttonApply.is-grayColor {
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  color: #414141;
}
.buttonApply.is-grayColor:hover {
  background-color: #979797;
}
.buttonApply.is-grayColor:disabled:hover {
  background-color: #c6c6c6;
  cursor: auto;
}
.buttonApply.is-strokeWhite {
  background-color: transparent;
  border-color: #fff;
}
.buttonApply.is-strokeWhite:hover {
  color: #fff;
}
.buttonApply.is-brandColor {
  background-color: #12b8d7;
  border-color: #12b8d7;
}
.buttonApply.is-brandColor:hover {
  background-color: #fff;
  color: #12b8d7;
}
.buttonApply.is-strokeBrand {
  background-color: transparent;
  border-color: #12b8d7;
  color: #12b8d7;
}
.buttonApply.is-strokeBrand:hover {
  background-color: #12b8d7;
  color: #fff;
}
.buttonApply.is-wingColor {
  background-color: #3898e0;
  border-color: #3898e0;
}
.buttonApply.is-wingColor:hover {
  background-color: #2f80bc;
  border-color: #2f80bc;
  color: #fff;
}
.buttonApply.is-strokeWing {
  background-color: transparent;
  border-color: #3898e0;
  color: #3898e0;
}
.buttonApply.is-strokeWing:hover {
  background-color: #3898e0;
  color: #fff;
}
.buttonApply.is-windowsColor {
  background-color: #0064aa;
  border-color: #0064aa;
}
.buttonApply.is-windowsColor:hover {
  background-color: #fff;
  color: #0064aa;
}
.buttonApply.is-strokeWindows {
  background-color: transparent;
  border-color: #0064aa;
  color: #0064aa;
}
.buttonApply.is-strokeWindows:hover {
  background-color: #0064aa;
  color: #fff;
}
.buttonApply.is-hoverDark:hover {
  background-color: #414141;
  border-color: #414141;
  color: #fff;
}
.buttonApply.has-shadow {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.buttonApply.has-noArrow .buttonApply_title {
  padding: 0;
}
.buttonApply.has-noArrow .buttonApply_title::before {
  display: none;
}
.buttonApply:disabled:hover {
  animation: none;
  opacity: 1;
}
.is-conohaMode .buttonApply {
  border-radius: 9999px;
}
.button {
  /** バーガーメニュー **/
}
.buttonBurger {
  color: #fff;
  cursor: pointer;
  display: block;
  height: 26px;
  overflow: hidden;
  position: relative;
  width: 26px;
}
.buttonBurger_layer {
  background-color: currentColor;
  display: block;
  height: 2px;
  position: absolute;
  right: 0;
  transition: 0.2s;
  width: 20px;
}
.buttonBurger_layer::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 2px;
  left: -6px;
  position: absolute;
  top: 0;
  width: 2px;
}
.buttonBurger_layer:nth-child(1) {
  top: 4px;
}
.buttonBurger_layer:nth-child(2) {
  top: 12px;
}
.buttonBurger_layer:nth-child(3) {
  top: 20px;
}
.buttonBurger.is-brandColor {
  color: #12b8d7;
}
.buttonBurger.to-close .buttonBurger_layer {
  left: -1px;
  width: 28px;
}
.buttonBurger.to-close .buttonBurger_layer:nth-child(1) {
  top: 12px;
  transform: rotate(45deg);
}
.buttonBurger.to-close .buttonBurger_layer:nth-child(2) {
  left: -32px;
}
.buttonBurger.to-close .buttonBurger_layer:nth-child(3) {
  top: 12px;
  transform: rotate(-45deg);
}
.button {
  /** 閉じるボタン **/
}
.buttonClose {
  background-color: #fff;
  border: currentColor solid 0.05em;
  border-radius: 50%;
  color: #414141;
  height: 1em;
  overflow: hidden;
  position: absolute;
  right: -0.5em;
  text-indent: -9999px;
  top: -0.5em;
  width: 1em;
  font-size: 40px;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .buttonClose {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.buttonClose::before, .buttonClose::after {
  background-color: currentColor;
  content: "";
  display: block;
  height: 0.05em;
  left: calc(50% - 0.25em);
  position: absolute;
  top: calc(50% - 0.025em);
  transform-origin: center center;
  width: 0.5em;
}
.buttonClose::before {
  transform: rotate(45deg);
}
.buttonClose::after {
  transform: rotate(-45deg);
}
.buttonClose:hover {
  background-color: currentColor;
}
.buttonClose:hover::before, .buttonClose:hover::after {
  background-color: #fff;
}
.button {
  /** ダウンロードボタン **/
}
.buttonDownload {
  align-items: center;
  background: transparent;
  border: #414141 solid 2px;
  color: #414141;
  display: flex;
  flex-direction: column;
  font-weight: 300;
  height: 60px;
  justify-content: center;
  line-height: 1.3;
  max-width: 400px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 17px;
  font-size: 1.7rem;
}
@media (max-width: 768px) {
  .buttonDownload {
    border-width: 1px;
    max-width: 280px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.buttonDownload_title {
  display: block;
  padding-left: 32px;
  position: relative;
}
@media (max-width: 768px) {
  .buttonDownload_title {
    padding-left: 28px;
  }
}
.buttonDownload_title::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f008";
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .buttonDownload_title::before {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.buttonDownload.is-fill {
  background-color: #fff;
}
.buttonDownload:hover {
  background-color: #414141;
  color: #fff;
}
.button {
  /** SNSなどアイコンのみのボタン **/
}
.buttonIcon {
  align-items: center;
  display: flex;
  justify-content: center;
  line-height: 1;
}
.buttonIcon:hover {
  animation: flash 1s;
  opacity: 0.9;
}
.buttonIcon.is-twitter {
  color: #000;
}
.buttonIcon.is-facebook {
  color: #1877f2;
}
.buttonIcon.is-instagram {
  background: linear-gradient(135deg, #e7002a, #c7008a);
  -webkit-background-clip: text;
  color: #d7005a;
  -webkit-text-fill-color: transparent;
}
.buttonIcon.is-youtube {
  color: #f00;
}
.buttonIcon.is-hatena {
  color: #00a4de;
}
.buttonIcon.is-fill {
  background-color: #c6c6c6;
  border-radius: 50%;
  color: #fff;
  height: 2.4em;
  width: 2.4em;
}
.buttonIcon.is-fill.is-twitter {
  background-color: #000;
}
.buttonIcon.is-fill.is-facebook {
  background-color: #1877f2;
}
.buttonIcon.is-fill.is-hatena {
  background-color: #00a4de;
}
.button {
  /** 線で囲んだ長方形のボタン **/
}
.buttonStroke {
  align-items: center;
  background: transparent;
  border: currentColor solid 1px;
  color: #414141;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-weight: 300;
  height: 60px;
  justify-content: center;
  line-height: 1.3;
  margin: 0 auto;
  text-decoration: none;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}
.buttonStroke:hover {
  animation: flash 1s;
  opacity: 0.9;
}
.buttonStroke_title {
  display: block;
  position: relative;
}
.buttonStroke_title .icon {
  left: 0;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.5em);
  transform: scale(1.3);
  transform-origin: left center;
}
.buttonStroke:hover {
  background-color: #414141;
  border-color: #414141;
  color: #fff;
}
.buttonStroke.has-icon .buttonStroke_title {
  padding-left: 1.8em;
}
.buttonStroke.is-large {
  height: 100px;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .buttonStroke.is-large {
    height: auto;
    padding: 12px 0;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.buttonStroke.is-large .buttonStroke_title .icon {
  transform: scale(2.5);
}
.buttonStroke.is-large.has-icon .buttonStroke_title {
  padding-left: 3em;
}
.buttonStroke.is-fillWhite {
  background-color: #fff;
}
.buttonStroke.is-fillWhite:hover {
  background-color: #414141;
}
.buttonStroke.is-brandColor {
  color: #12b8d7;
}
.buttonStroke.is-brandColor:hover {
  background-color: #12b8d7;
  border-color: #12b8d7;
  color: #fff;
}
.buttonStroke.is-wingColor {
  color: #3898e0;
}
.buttonStroke.is-wingColor:hover {
  background-color: #3898e0;
  border-color: #3898e0;
  color: #fff;
}
.buttonStroke.is-windowsColor {
  color: #0064aa;
}
.buttonStroke.is-windowsColor:hover {
  background-color: #0064aa;
  border-color: #0064aa;
  color: #fff;
}
.button {
  /** このはモード切り替えボタン **/
}
.buttonSwitchConoha {
  background-color: currentColor;
  border-radius: 8px;
  color: #dadada;
  display: block;
  height: 16px;
  position: relative;
  transition: 0.2s;
  width: 50px;
}
.buttonSwitchConoha_toggle {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  display: block;
  height: 28px;
  left: 0;
  position: absolute;
  top: calc(50% - 14px);
  transition: 0.2s;
  width: 28px;
}
.buttonSwitchConoha_toggle::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f061";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -54%);
  font-size: 16px;
  font-size: 1.6rem;
}
.buttonSwitchConoha.is-active {
  color: #12b8d7;
}
.buttonSwitchConoha.is-active .buttonSwitchConoha_toggle {
  box-shadow: 0 0 0 2px rgba(18, 184, 215, 0.3);
  left: 22px;
}
.button {
  /** 言語切り替えボタン **/
}
.buttonSwitchLanguage {
  color: #fff;
  line-height: 0;
  position: relative;
}
.buttonSwitchLanguage::before {
  content: "";
  display: block;
  display: none;
  height: 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 113px;
}
.buttonSwitchLanguage_button {
  padding-right: 16px;
  position: relative;
}
.buttonSwitchLanguage_button::before {
  background: url("/common/images/iconLanguage/ja.png") center center/100% 100% no-repeat;
  content: "";
  display: block;
  height: 23px;
  width: 23px;
}
.buttonSwitchLanguage_button::after {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f002";
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  font-size: 10px;
  font-size: 1rem;
}
.buttonSwitchLanguage_button.is-ko::before {
  background-image: url("/common/images/iconLanguage/ko.png");
}
.buttonSwitchLanguage_button.is-zh::before {
  background-image: url("/common/images/iconLanguage/zh.png");
}
.buttonSwitchLanguage_list {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
  display: none;
  line-height: 1.6;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 1;
  font-size: 14px;
  font-size: 1.4rem;
}
.buttonSwitchLanguage_item {
  background-color: #414141;
  cursor: pointer;
  padding: 8px 16px 8px 55px;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.buttonSwitchLanguage_item::before {
  background: url("/common/images/iconLanguage/ja.png") center center/100% 100% no-repeat;
  content: "";
  display: block;
  height: 23px;
  left: 16px;
  position: absolute;
  top: calc(50% - 12px);
  width: 23px;
}
.buttonSwitchLanguage_item.is-ko::before {
  background-image: url("/common/images/iconLanguage/ko.png");
}
.buttonSwitchLanguage_item.is-zh::before {
  background-image: url("/common/images/iconLanguage/zh.png");
}
.buttonSwitchLanguage_item:hover {
  background-color: #12b8d7;
}
.buttonSwitchLanguage:hover::before {
  display: block;
  pointer-events: auto;
}
.buttonSwitchLanguage:hover .buttonSwitchLanguage_list {
  display: block;
}
.button {
  /** (?) ホバーで補足を表示するボタン **/
}
.buttonTips {
  font-weight: 300;
  height: 16px;
  position: relative;
  width: 16px;
}
.buttonTips_button {
  color: #12b8d7;
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
.buttonTips_button::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f031";
  left: 0;
  position: absolute;
  top: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.buttonTips_description {
  background-color: #586062;
  border-radius: 8px;
  color: #fff;
  display: none;
  left: calc(50% - 125px);
  padding: 12px;
  position: absolute;
  top: 28px;
  width: 250px;
  font-size: 12px;
  font-size: 1.2rem;
}
.buttonTips_description::before {
  border-color: transparent transparent #586062 transparent;
  border-style: solid;
  border-width: 0 8px 12px 8px;
  bottom: 100%;
  content: "";
  display: block;
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  width: 0;
}
.buttonTips:hover .buttonTips_description {
  display: block;
}
.button {
  /** ボタン類をまとめて↓に持ってきたい **/
  /** 汎用ボタン（fill） **/
}
.buttonType01 {
  align-items: center;
  background-color: #6cc246;
  border: #6cc246 solid 1px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 360px;
  min-height: 64px;
  padding: 12px 4px;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 19px;
  font-size: 1.9rem;
}
@media (max-width: 768px) {
  .buttonType01 {
    min-height: 52px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.is-conohaMode .buttonType01 {
  border-radius: 9999px;
}
.buttonType01_title {
  display: block;
  max-width: 100%;
}
.buttonType01_subTitle {
  display: block;
  font-size: 0.8em;
  margin-bottom: 0.5em;
  max-width: 100%;
}
.buttonType01.has-icon .buttonType01_title {
  padding-left: 1em;
  position: relative;
}
.buttonType01.has-icon .buttonType01_title .icon {
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.75);
  transform-origin: left center;
}
.buttonType01.has-icon .buttonType01_title .icon::before {
  line-height: inherit;
}
.buttonType01.has-ribbon {
  padding: 32px 20px;
}
@media (max-width: 768px) {
  .buttonType01.has-ribbon {
    padding: 24px 20px;
  }
}
.buttonType01.is-colorCommon {
  background-color: #12b8d7;
  border-color: #12b8d7;
}
.buttonType01.is-colorVps {
  background-color: #12b8d7;
  border-color: #12b8d7;
}
.buttonType01.is-colorWindows {
  background-color: #0064aa;
  border-color: #0064aa;
}
.buttonType01.is-colorWing {
  background-color: #3898e0;
  border-color: #3898e0;
}
.buttonType01.is-colorGame {
  background-color: #404b8f;
  border-color: #404b8f;
}
.buttonType01.is-disabled {
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  color: #414141;
}
a.buttonType01:hover, button.buttonType01:hover {
  animation: flash 1s;
  opacity: 0.9;
}
a.buttonType01:hover, button.buttonType01:hover {
  background-color: #fff;
  color: #6cc246;
}
a.buttonType01.is-colorCommon:hover, button.buttonType01.is-colorCommon:hover {
  color: #12b8d7;
}
a.buttonType01.is-colorVps:hover, button.buttonType01.is-colorVps:hover {
  color: #12b8d7;
}
a.buttonType01.is-colorWindows:hover, button.buttonType01.is-colorWindows:hover {
  color: #0064aa;
}
a.buttonType01.is-colorWing:hover, button.buttonType01.is-colorWing:hover {
  color: #3898e0;
}
a.buttonType01.is-colorGame:hover, button.buttonType01.is-colorGame:hover {
  color: #404b8f;
}

.button {
  /** 汎用ボタン（stroke） **/
}
.buttonType02 {
  align-items: center;
  background-color: #fff;
  border: #6cc246 solid 1px;
  color: #6cc246;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 360px;
  min-height: 64px;
  padding: 12px 4px;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 19px;
  font-size: 1.9rem;
}
.buttonType02:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .buttonType02 {
    min-height: 52px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.is-conohaMode .buttonType02 {
  border-radius: 9999px;
}
.buttonType02_title {
  display: block;
  max-width: 100%;
}
.buttonType02_subTitle {
  display: block;
  font-size: 0.8em;
  margin-bottom: 0.5em;
  max-width: 100%;
}
.buttonType02.has-icon .buttonType02_title {
  padding-left: 1em;
  position: relative;
}
.buttonType02.has-icon .buttonType02_title .icon {
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.75);
  transform-origin: left center;
}
.buttonType02.has-icon .buttonType02_title .icon::before {
  line-height: inherit;
}
.buttonType02.is-colorVps {
  border-color: #12b8d7;
  color: #12b8d7;
}
.buttonType02.is-colorWindows {
  border-color: #0064aa;
  color: #0064aa;
}
.buttonType02.is-colorWing {
  border-color: #3898e0;
  color: #3898e0;
}
.buttonType02.is-colorGame {
  border-color: #404b8f;
  color: #404b8f;
}
.buttonType02:hover {
  background-color: #6cc246;
  color: #fff;
}
.buttonType02:hover.is-colorVps:hover {
  background-color: #12b8d7;
  color: #fff;
}
.buttonType02:hover.is-colorWindows:hover {
  background-color: #0064aa;
  color: #fff;
}
.buttonType02:hover.is-colorWing:hover {
  background-color: #3898e0;
  color: #fff;
}
.buttonType02:hover.is-colorGame:hover {
  background-color: #404b8f;
  color: #fff;
}
.button {
  /** マイクラ **/
}
.buttonType03 {
  align-items: center;
  background-color: #6cc246;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  justify-content: center;
  line-height: 1.3;
  margin: 0 auto;
  max-width: 360px;
  min-height: 80px;
  padding: 20px;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 19px;
  font-size: 1.9rem;
}
.buttonType03:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .buttonType03 {
    min-height: 60px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.buttonType03::before, .buttonType03::after {
  border-style: solid;
  content: "";
  display: block;
  height: calc(100% - 6px);
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
@media (max-width: 768px) {
  .buttonType03::before, .buttonType03::after {
    height: calc(100% - 4px);
  }
}
.buttonType03::before {
  border-color: #64fd1f;
  border-width: 6px 6px 0 0;
  top: 0;
}
@media (max-width: 768px) {
  .buttonType03::before {
    border-width: 4px 4px 0 0;
  }
}
.buttonType03::after {
  border-color: #156c00;
  border-width: 0 0 6px 6px;
  bottom: 0;
}
@media (max-width: 768px) {
  .buttonType03::after {
    border-width: 0 0 4px 4px;
  }
}
.buttonType03_title {
  display: block;
  max-width: 100%;
}
.buttonType03.has-icon .buttonType03_title {
  padding-left: 1em;
  position: relative;
}
.buttonType03.has-icon .buttonType03_title .icon {
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.75);
  transform-origin: left center;
}
.buttonType03.has-icon .buttonType03_title .icon::before {
  line-height: inherit;
}
.buttonType03.has-ribbon {
  max-width: 520px;
  min-height: 100px;
}
@media (max-width: 768px) {
  .buttonType03.has-ribbon {
    min-height: 60px;
  }
}
.buttonType03.has-ribbon .buttonType03_title {
  font-size: 30px;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .buttonType03.has-ribbon .buttonType03_title {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.floating {
  bottom: 30px;
  position: fixed;
  right: 30px;
  z-index: 11;
}
@media (max-width: 768px) {
  .floating {
    bottom: 8px;
    right: 20px;
    width: calc(100% - 40px);
  }
}
.floating.is-closeable {
  display: none;
}
.floating.is-closeable .buttonClose {
  font-size: 32px;
  font-size: 3.2rem;
}
@media (max-width: 768px) {
  .floating.is-closeable .buttonClose {
    right: 0;
    top: -24px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.floating.is-closeable.is-active {
  display: block;
}

.heading {
  /** 下線付き **/
}
.headingType01 {
  align-items: flex-start;
  color: #12b8d7;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  margin-bottom: 60px;
  font-size: 36px;
  font-size: 3.6rem;
}
@media (max-width: 768px) {
  .headingType01 {
    margin-bottom: 32px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.headingType01_subTitle {
  color: #c6c6c6;
  margin-bottom: 8px;
  font-size: 14px;
  font-size: 1.4rem;
}
.is-conohaMode .headingType01_subTitle {
  padding: 4px 0 0 32px;
  position: relative;
}
.is-conohaMode .headingType01_subTitle::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f061";
  left: 0;
  position: absolute;
  top: 0;
  font-size: 24px;
  font-size: 2.4rem;
}
.headingType01_subTitle .icon {
  display: inline-block;
  position: relative;
  top: 0.15em;
}
.is-conohaMode .headingType01_subTitle .icon {
  display: none;
}
.headingType01_title {
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 768px) {
  .headingType01_title {
    padding-bottom: 12px;
  }
}
.is-conohaMode.is-vpsMode .headingType01_title {
  padding-bottom: 28px;
}
@media (max-width: 768px) {
  .is-conohaMode.is-vpsMode .headingType01_title {
    padding-bottom: 20px;
  }
}
.is-conohaMode.is-windowsMode .headingType01_title {
  padding-bottom: 24px;
}
@media (max-width: 768px) {
  .is-conohaMode.is-windowsMode .headingType01_title {
    padding-bottom: 16px;
  }
}
.headingType01_title::before {
  background-color: #e4e4e4;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  width: 100vw;
}
.is-conohaMode.is-vpsMode .headingType01_title::before {
  background: url("/conoha/common/images/headingType01_borderBottom.svg") right top/auto 100% repeat-x;
  height: 8px;
}
.is-conohaMode.is-windowsMode .headingType01_title::before {
  background: url("/conoha/windows/common/images/headingType01_borderBottom.svg") right top/auto 100% repeat-x;
  height: 4px;
}
.headingType01_ribbon {
  background-color: #ff811e;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 8px), 0 100%);
  color: #fff;
  display: inline-block;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
  min-width: 50px;
  padding: 8px 12px 16px 12px;
  text-align: center;
  vertical-align: top;
  font-size: 26px;
  font-size: 2.6rem;
}
@media (max-width: 768px) {
  .headingType01_ribbon {
    min-width: 40px;
    padding: 6px 8px 14px 8px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.is-conohaMode .headingType01_ribbon {
  background: url("/conoha/common/images/headingType01_ribbon.svg") center center/100% auto no-repeat;
  clip-path: none;
  height: 58px;
  margin-top: -8px;
  min-width: 60px;
  padding: 16px 0 0;
}
@media (max-width: 768px) {
  .is-conohaMode .headingType01_ribbon {
    height: 44px;
    margin-top: -10px;
    min-width: 44px;
    padding: 14px 0 0;
  }
}
.headingType01.has-label .headingType01_title {
  padding-left: 72px;
}
.headingType01.has-label .headingType01_title .textRibbonType02 {
  left: 0;
  position: absolute;
  top: 9px;
}
.headingType01.has-fullBorder .headingType01_title {
  width: 100%;
}
.headingType01.has-fullBorder .headingType01_title::before {
  width: 100%;
}
.headingType01.has-noBorder {
  align-items: center;
  text-align: center;
}
.headingType01.has-noBorder .headingType01_title {
  padding-bottom: 0;
}
.headingType01.has-noBorder .headingType01_title::before {
  display: none;
}
.headingType01.is-white {
  color: #fff !important;
}
.headingType01.is-white .headingType01_subTitle {
  color: #fff !important;
}
.headingType01.is-white .headingType01_title::before {
  background-color: #fff;
}
.is-windowsMode .headingType01 {
  color: #0064aa;
}
.heading {
  /** 装飾無し **/
}
.headingType02 {
  color: #12b8d7;
  line-height: 1.3;
  margin-bottom: 20px;
  font-size: 28px;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .headingType02 {
    margin-bottom: 12px;
    font-size: 19px;
    font-size: 1.9rem;
  }
}
.headingType02Label {
  align-items: center;
  background-color: #ff811e;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  justify-content: center;
  line-height: 1.1;
  padding: 5px 8px;
  text-align: center;
  white-space: nowrap;
  font-size: 26px;
  font-size: 2.6rem;
}
@media (max-width: 768px) {
  .headingType02Label {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.headingType02Label_subTitle {
  font-size: 12px;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .headingType02Label_subTitle {
    font-size: 10px;
    font-size: 1rem;
  }
}
.headingType02Label.is-small {
  margin-top: 6px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .headingType02Label.is-small {
    margin-top: 2px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.headingType02.has-icon {
  padding-left: 1.6em;
  position: relative;
}
.headingType02.has-icon .icon {
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1.4);
  transform-origin: left center;
}
.headingType02.has-icon .icon::before {
  line-height: inherit;
}
.headingType02.has-label {
  align-items: flex-start;
  display: flex;
}
.headingType02.has-label .headingType02Label {
  margin-right: 16px;
}
.headingType02.has-label .headingType02Label + .headingType02_title {
  padding: 8px 0;
}
@media (max-width: 768px) {
  .headingType02.has-label .headingType02Label + .headingType02_title {
    padding: 2px 0;
  }
}
.headingType02.has-label .headingType02Label.is-small {
  margin-right: 8px;
}
.headingType02.has-label .headingType02Label.is-small + .headingType02_title {
  padding: 0;
}
.headingType02.has-newBadge {
  padding: 16px 0 16px 78px;
  position: relative;
}
@media (max-width: 768px) {
  .headingType02.has-newBadge {
    padding: 17px 0 17px 68px;
  }
}
.headingType02.has-newBadge::before {
  background: url("/common/images/modules/headingType02_newBadge.svg") center center/100% 100% no-repeat;
  content: "";
  display: block;
  height: 68px;
  left: 0;
  position: absolute;
  top: 0;
  width: 68px;
}
@media (max-width: 768px) {
  .headingType02.has-newBadge::before {
    height: 58px;
    width: 58px;
  }
}
.headingType02.has-underline {
  border-bottom: #e4e4e4 solid 1px;
  padding-bottom: 8px;
}
.is-windowsMode .headingType02 {
  color: #0064aa;
}
.heading {
  /** ＼見出し／ **/
}
.headingType03 {
  color: #ff811e;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 40px;
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
}
@media (max-width: 768px) {
  .headingType03 {
    margin-bottom: 24px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.headingType03_inner {
  display: inline-block;
  padding: 0 1.5em;
  position: relative;
}
.headingType03_inner::before, .headingType03_inner::after {
  border-color: currentColor transparent transparent transparent;
  border-style: solid;
  border-width: 1.2em 0.2em 0 0.2em;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0.4em;
}
.headingType03_inner::before {
  left: 0.3em;
  transform: skewX(30deg);
}
.headingType03_inner::after {
  right: 0.3em;
  transform: skewX(-30deg);
}
.heading {
  /** 装飾無し（小） **/
}
.headingType04 {
  color: #12b8d7;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 20px;
  font-size: 21px;
  font-size: 2.1rem;
}
.is-windowsMode .headingType04 {
  color: #0064aa;
}
.headingType04_subTitle {
  font-weight: 300;
  margin-left: 1em;
  font-size: 16px;
  font-size: 1.6rem;
}
.headingType04_subTitle strong {
  font-size: 20px;
  font-size: 2rem;
}
.headingType04.has-icon {
  padding-left: 1.6em;
  position: relative;
}
.headingType04.has-icon .icon {
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1.4);
  transform-origin: left center;
}
.headingType04.has-icon .icon::before {
  line-height: inherit;
}
.heading {
  /** 上下線・吹き出し **/
}
.headingType05 {
  border-color: currentColor;
  border-style: solid;
  border-width: 2px 0;
  color: #12b8d7;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: 56px;
  padding: 24px 20px;
  position: relative;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .headingType05 {
    margin-bottom: 30px;
    padding: 12px 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.headingType05::before, .headingType05::after {
  border-style: solid;
  border-width: 24px 26px 0 26px;
  content: "";
  display: block;
  height: 0;
  left: calc(50% - 26px);
  position: absolute;
  width: 0;
}
@media (max-width: 768px) {
  .headingType05::before, .headingType05::after {
    border-width: 12px 13px 0 13px;
    left: calc(50% - 13px);
  }
}
.headingType05::before {
  border-color: currentColor transparent transparent transparent;
  bottom: -24px;
}
@media (max-width: 768px) {
  .headingType05::before {
    bottom: -12px;
  }
}
.headingType05::after {
  border-color: #fff transparent transparent transparent;
  bottom: -21px;
}
@media (max-width: 768px) {
  .headingType05::after {
    bottom: -9px;
  }
}
.headingType05_subTitle {
  font-weight: 500;
  letter-spacing: 0.4em;
  margin-bottom: 0.5em;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .headingType05_subTitle {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.is-windowsMode .headingType05 {
  color: #0064aa;
}
.section.is-bgGray .headingType05::after {
  border-top-color: #f7f7f7;
}

.inputBalloon {
  background-color: #fff;
  border: #12b8d7 solid 1px;
  border-radius: 8px;
  display: none;
  left: 10%;
  padding: 8px;
  position: absolute;
  text-align: center;
  top: calc(100% + 12px);
  z-index: 1;
}
.inputBalloon::before, .inputBalloon::after {
  border-color: transparent;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  content: "";
  display: block;
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  width: 0;
}
.inputBalloon::before {
  border-bottom-color: #12b8d7;
  bottom: 100%;
}
.inputBalloon::after {
  border-bottom-color: #fff;
  bottom: calc(100% - 1px);
}
.inputBalloonButton {
  display: block;
  min-width: 100px;
  padding: 4px;
  width: 100%;
}
.inputBalloonButton:hover {
  background-color: #edfcff;
}
.inputBalloon.is-active {
  display: block;
}
.inputCheckbox_item input {
  display: none;
}
.inputCheckbox_item input:checked + label::after {
  visibility: visible;
}
.inputCheckbox_item label {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
.inputCheckbox_item label::before, .inputCheckbox_item label::after {
  left: 0;
  position: absolute;
  top: 7px;
}
.inputCheckbox_item label::before {
  background-color: #fff;
  border: #979797 solid 1px;
  content: "";
  display: block;
  height: 14px;
  width: 14px;
}
.inputCheckbox_item label::after {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #12b8d7;
  content: "\f06d";
  visibility: hidden;
  font-size: 14px;
  font-size: 1.4rem;
}
.inputDescription {
  margin-bottom: 0.5em;
  word-break: break-all;
}
.inputText + .inputDescription {
  margin-bottom: 0;
  margin-top: 0.5em;
}
.inputCaution {
  color: #cb1464;
  margin-top: 0.5em;
}
.inputError {
  color: #cb1464;
  display: none;
  margin-top: 0.5em;
}
.inputError.is-active {
  display: block;
}
.inputFile > input {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.inputFileList_item {
  border-bottom: #dadada dashed 1px;
  padding: 8px 0;
}
.inputFileUnit {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
}
.inputFileUnitInput {
  padding-right: 12px;
  width: calc(100% - 80px);
}
.inputFileUnitRemove {
  width: 80px;
}
.inputFileAppend {
  padding: 8px 0;
}
.inputFileButton {
  background-color: #12b8d7;
  border: #12b8d7 solid 1px;
  color: #fff;
  max-width: 80px;
  padding: 4px;
  width: 100%;
}
.inputFileButton:hover {
  background-color: #fff;
  color: #12b8d7;
}
.inputFileButton:disabled {
  background-color: #c6c6c6;
  border-color: #c6c6c6;
  color: #414141;
  cursor: not-allowed;
}
.inputLabel {
  font-weight: 500;
  margin-bottom: 0.5em;
}
.inputPassword {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 360px;
}
@media (max-width: 768px) {
  .inputPassword {
    max-width: 100%;
  }
}
.inputPasswordForm {
  width: calc(100% - 40px);
}
.inputPasswordSwitch_button {
  cursor: pointer;
  display: block;
  height: 20px;
  overflow: hidden;
  position: relative;
  text-indent: -999px;
  width: 20px;
  font-size: 20px;
  font-size: 2rem;
}
.inputPasswordSwitch_button::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f06f";
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.inputPassword.is-show .inputPasswordSwitch_button::before {
  content: "\f070";
}
.inputPassword.is-widthFull {
  max-width: 100%;
}
.inputPassword.is-widthFull .inputText input {
  max-width: 100%;
}
.inputRadio_item input {
  display: none;
}
.inputRadio_item input:checked + label::before {
  border-color: #dfdfdf;
}
.inputRadio_item input:checked + label::after {
  background-color: #12b8d7;
}
.inputRadio_item.is-disabled > label {
  color: #dfdfdf;
}
.inputRadio_item.is-disabled > label::before {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
}
.inputRadio_item.is-disabled > label::after {
  background-color: #dfdfdf;
}
.inputRadio_item label {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
.inputRadio_item label::before, .inputRadio_item label::after {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
}
.inputRadio_item label::before {
  background-color: #dfdfdf;
  border: #12b8d7 solid 1px;
  height: 14px;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
}
.inputRadio_item label::after {
  background-color: transparent;
  height: 8px;
  left: 3px;
  top: calc(50% - 4px);
  width: 8px;
}
.inputRadio.is-row .inputRadio_list {
  display: flex;
}
@media (max-width: 768px) {
  .inputRadio.is-row .inputRadio_list {
    display: block;
  }
}
.inputRadio.is-row .inputRadio_item + .inputRadio_item {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .inputRadio.is-row .inputRadio_item + .inputRadio_item {
    margin-left: 0;
  }
}
.inputSelect {
  display: inline-block;
  position: relative;
}
.inputSelect::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f002";
  position: absolute;
  right: 8px;
  top: calc(50% - 4px);
  font-size: 10px;
  font-size: 1rem;
}
.inputSelect select {
  background-color: #fff;
  border: #dadada solid 1px;
  display: block;
  font-weight: 300;
  padding: 8px 26px 8px 16px;
}
.inputSelect.is-widthFull {
  display: block;
  width: 100%;
}
.inputSelect.is-widthFull select {
  width: 100%;
}
.inputText input, .inputText textarea {
  background-color: #fff;
  border: #dadada solid 1px;
  display: block;
  font-family: "Noto Sans JP", "Droid Sans", Helvetica, YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
  font-weight: 300;
  padding: 8px 16px;
  width: 100%;
}
.inputText input::-moz-placeholder, .inputText textarea::-moz-placeholder {
  color: #dadada;
}
.inputText input::placeholder, .inputText textarea::placeholder {
  color: #dadada;
}
.inputText input:disabled, .inputText textarea:disabled {
  background-color: #f7f7f7;
  color: #dadada;
}
.inputText input {
  max-width: 320px;
}
.inputText textarea {
  max-width: 480px;
  min-height: calc(3.2em + 18px);
  resize: vertical;
}
.inputText_unit {
  margin-left: 0.5em;
  padding: 8px 0;
}
.inputText.is-hidden {
  display: none;
}
.inputText.is-widthFull input, .inputText.is-widthFull textarea {
  max-width: 100%;
}
.inputText:disabled {
  background-color: #f7f7f7;
}
.inputText.has-button {
  align-items: center;
  display: flex;
  gap: 1em;
  justify-content: space-between;
}
.inputText.has-unit {
  display: flex;
}
.input.is-error .inputError {
  display: block;
}
.input.is-error .inputText input, .input.is-error .inputText textarea {
  background-color: #fee;
  border-color: #cb1464;
}

.list {
  /** バナーリスト **/
}
.listBanner {
  margin: 0 auto;
  max-width: 960px;
  padding: 0 20px;
}
.listBanner_list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 768px) {
  .listBanner_list {
    flex-direction: column;
  }
}
.listBanner_item {
  text-align: center;
  width: calc(33.33% - 14px);
}
@media (max-width: 768px) {
  .listBanner_item {
    max-width: 293px;
    width: 100%;
  }
}
.listBanner_item:nth-child(3n), .listBanner_item:nth-child(3n+2) {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .listBanner_item:nth-child(3n), .listBanner_item:nth-child(3n+2) {
    margin-left: 0;
    margin-top: 20px;
  }
}
.listBanner_item:nth-child(n+4) {
  margin-top: 20px;
}
.listBannerNavigation {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  line-height: 0;
  position: absolute;
  width: 100%;
}
@media (max-width: 768px) {
  .listBannerNavigation {
    display: none;
  }
}
.listBannerNavigation .swiper-pagination {
  align-items: center;
  display: flex;
  gap: 0 20px;
  justify-content: center;
  margin-inline: 40px;
}
.listBannerNavigation .swiper-pagination-bullet {
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  height: auto;
  width: 10px;
}
.listBannerNavigation .swiper-pagination-bullet-active {
  background: #fff;
}
.listBannerNavigation_arrow {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-size: 2rem;
}
.listBannerNavigation_arrow.is-prev {
  order: 0;
}
.listBannerNavigation_arrow.is-next {
  order: 2;
}
.listBanner.is-slider {
  max-width: 980px;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 768px) {
  .listBanner.is-slider {
    max-width: 960px;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .listBanner.is-slider .swiper-wrapper {
    flex-direction: column;
  }
}
.listBanner.is-slider .listBanner_list {
  clear: both;
  display: block;
  overflow: hidden;
}
.listBanner.is-slider .listBanner_item {
  float: left;
  margin: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .listBanner.is-slider .listBanner_item {
    float: none;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .listBanner.is-slider .listBanner_item + .listBanner_item {
    margin-top: 20px;
  }
}
.listBanner.is-4columns .listBanner_item {
  width: calc(25% - 9px);
}
@media (max-width: 768px) {
  .listBanner.is-4columns .listBanner_item {
    width: 100%;
  }
}
.listBanner.is-4columns .listBanner_item:nth-child(n+2) {
  margin-left: 12px;
}
@media (max-width: 768px) {
  .listBanner.is-4columns .listBanner_item:nth-child(n+2) {
    margin-left: 0;
    margin-top: 20px;
  }
}
.listBanner.is-4columns .listBanner_item:nth-child(n+4) {
  margin-top: 0;
}
@media (max-width: 768px) {
  .listBanner.is-4columns .listBanner_item:nth-child(n+4) {
    margin-top: 20px;
  }
}
.list {
  /** パンくずリスト **/
}
.listBreadcrumbs {
  word-break: break-all;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .listBreadcrumbs {
    font-size: 10px;
    font-size: 1rem;
  }
}
.listBreadcrumbs_item {
  display: inline;
}
.listBreadcrumbs_item .textLink {
  color: rgba(255, 255, 255, 0.6) !important;
  display: inline;
}
.listBreadcrumbs_item + .listBreadcrumbs_item {
  margin-left: 28px;
  position: relative;
}
@media (max-width: 768px) {
  .listBreadcrumbs_item + .listBreadcrumbs_item {
    margin-left: 24px;
  }
}
.listBreadcrumbs_item + .listBreadcrumbs_item::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f001";
  left: -20px;
  position: absolute;
  top: 5px;
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .listBreadcrumbs_item + .listBreadcrumbs_item::before {
    left: -18px;
    top: 3px;
  }
}
.list {
  /** チェックマーク付きリスト **/
}
.listCheck_item {
  padding-left: 2em;
  position: relative;
}
.listCheck_item::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #6cc246;
  content: "\f06d";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: 0;
  transform: scale(1.3);
  transform-origin: left center;
}
.is-conohaMode .listCheck_item::before {
  content: "\f099";
}
.listCheck_item + .listCheck_item {
  margin-top: 1em;
}
@media (max-width: 768px) {
  .listCheck_item + .listCheck_item {
    margin-top: 0.5em;
  }
}
.listCheck.is-ex .listCheck_item::before {
  color: #414141;
  content: "\f07e";
}
.list {
  /** FAQ **/
}
.listFaq_item + .listFaq_item {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .listFaq_item + .listFaq_item {
    margin-top: 20px;
  }
}
.listFaqUnit_question {
  color: #12b8d7;
  font-weight: 500;
  min-height: 24px;
  padding-left: 32px;
  position: relative;
}
.listFaqUnit_question::before {
  align-items: center;
  background-color: #12b8d7;
  border-radius: 50%;
  color: #fff;
  content: "Q";
  display: flex;
  font-weight: 300;
  height: 24px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 3px;
  width: 24px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .listFaqUnit_question::before {
    top: 0;
  }
}
.is-windowsMode .listFaqUnit_question::before {
  background-color: #0064aa;
}
.is-windowsMode .listFaqUnit_question {
  color: #0064aa;
}
.listFaqUnit_answer {
  margin-top: 8px;
  padding-left: 32px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .listFaqUnit_answer {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.listFaq.is-accordion {
  margin-top: -20px;
}
.listFaq.is-accordion .listFaq_item {
  border-bottom: #e4e4e4 dotted 1px;
}
.listFaq.is-accordion .listFaq_item + .listFaq_item {
  margin-top: 0;
}
.listFaq.is-accordion .listFaqUnit_question {
  cursor: pointer;
  padding: 20px 60px 20px 52px;
}
.listFaq.is-accordion .listFaqUnit_question:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .listFaq.is-accordion .listFaqUnit_question {
    padding: 12px 24px 12px 32px;
  }
}
.listFaq.is-accordion .listFaqUnit_question::before {
  left: 20px;
  top: 23px;
}
@media (max-width: 768px) {
  .listFaq.is-accordion .listFaqUnit_question::before {
    left: 0;
    top: 12px;
  }
}
.listFaq.is-accordion .listFaqUnit_question::after {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f002";
  position: absolute;
  right: 20px;
  top: 24px;
  transition: 0.2s;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listFaq.is-accordion .listFaqUnit_question::after {
    right: 0;
    top: calc(50% - 8px);
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.listFaq.is-accordion .listFaqUnit_question:hover {
  background-color: #f7f7f7;
}
@media (max-width: 768px) {
  .listFaq.is-accordion .listFaqUnit_question:hover {
    background-color: transparent;
  }
}
.listFaq.is-accordion .listFaqUnit_question.is-open::after {
  transform: rotate(180deg);
}
.listFaq.is-accordion .listFaqUnit_answer {
  border-top: #e4e4e4 dotted 1px;
  display: none;
  margin-top: 0;
  padding: 20px;
}
@media (max-width: 768px) {
  .listFaq.is-accordion .listFaqUnit_answer {
    padding: 12px 0;
  }
}
.list {
  /** 縦横並びリスト **/
}
.listGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.listGrid_item.is-widthFull {
  width: 100% !important;
}
.listGrid.has-2columns > .listGrid_item {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .listGrid.has-2columns > .listGrid_item {
    width: 100%;
  }
}
.listGrid.has-3columns > .listGrid_item {
  width: calc(33.33% - 13.33px);
}
@media (max-width: 768px) {
  .listGrid.has-3columns > .listGrid_item {
    width: 100%;
  }
}
.listGrid.has-4columns > .listGrid_item {
  width: calc(25% - 15px);
}
@media (max-width: 768px) {
  .listGrid.has-4columns > .listGrid_item {
    width: 100%;
  }
}
.listGrid.has-5columns > .listGrid_item {
  width: calc((100% - 80px) / 5);
}
@media (max-width: 768px) {
  .listGrid.has-5columns > .listGrid_item {
    width: 100%;
  }
}
.listGrid.has-gap2x {
  gap: 40px;
}
@media (max-width: 768px) {
  .listGrid.has-gap2x {
    gap: 20px;
  }
}
.listGrid.has-gap2x.has-2columns > .listGrid_item {
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .listGrid.has-gap2x.has-2columns > .listGrid_item {
    width: 100%;
  }
}
.listGrid.has-gap2x.has-3columns > .listGrid_item {
  width: calc(33.33% - 26.66px);
}
@media (max-width: 768px) {
  .listGrid.has-gap2x.has-3columns > .listGrid_item {
    width: 100%;
  }
}
.listGrid.has-gap2x.has-4columns > .listGrid_item {
  width: calc(25% - 30px);
}
@media (max-width: 768px) {
  .listGrid.has-gap2x.has-4columns > .listGrid_item {
    width: 100%;
  }
}
.listGrid.is-alignCenter {
  align-items: center;
}
.list {
  /** 機能説明などアイコン付きテキスト **/
}
.listIconType01_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 768px) {
  .listIconType01_list {
    gap: 28px;
  }
}
.listIconType01_item {
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .listIconType01_item {
    width: 100%;
  }
}
.listIconType01Unit {
  display: flex;
}
@media (max-width: 768px) {
  .listIconType01Unit {
    flex-direction: column;
  }
}
.listIconType01UnitImage {
  align-items: center;
  border: #e4e4e4 solid 1px;
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  width: 80px;
}
@media (max-width: 768px) {
  .listIconType01UnitImage {
    margin-bottom: 8px;
  }
}
.listIconType01UnitImage .icon {
  line-height: 0;
  font-size: 42px;
  font-size: 4.2rem;
}
.listIconType01UnitText {
  padding-left: 20px;
  width: calc(100% - 100px);
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .listIconType01UnitText {
    padding-left: 0;
    width: 100%;
  }
}
.listIconType01UnitText_title {
  font-weight: 500;
}
.listIconType01UnitText_description {
  margin-top: 8px;
}
.listIconType01.has-1column .listIconType01_item {
  width: 100%;
}
.listIconType01.is-typeA .listIconType01Unit {
  flex-direction: row;
}
@media (max-width: 768px) {
  .listIconType01.is-typeA .listIconType01UnitImage {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .listIconType01.is-typeA .listIconType01UnitText {
    padding-left: 20px;
    width: calc(100% - 100px);
  }
}
.listIconType02_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 768px) {
  .listIconType02_list {
    gap: 20px;
  }
}
.listIconType02_item {
  width: calc(33.33% - 26.66px);
}
@media (max-width: 768px) {
  .listIconType02_item {
    width: 100%;
  }
}
.listIconType02Unit {
  align-items: center;
  color: #414141;
  display: flex;
  flex-direction: column;
}
.listIconType02UnitImage {
  align-items: center;
  background-color: #fff;
  border: #e4e4e4 solid 1px;
  border-radius: 50%;
  display: flex;
  height: 176px;
  justify-content: center;
  line-height: 0;
  margin-bottom: 12px;
  width: 176px;
  font-size: 80px;
  font-size: 8rem;
}
@media (max-width: 768px) {
  .listIconType02UnitImage {
    height: 166px;
    width: 166px;
    font-size: 76px;
    font-size: 7.6rem;
  }
}
.listIconType02UnitImage .boxImage {
  max-width: 80px;
}
@media (max-width: 768px) {
  .listIconType02UnitImage .boxImage {
    max-width: 76px;
  }
}
.listIconType02UnitText {
  width: 100%;
}
.listIconType02UnitText_title {
  color: #12b8d7;
  font-weight: 500;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType02UnitText_title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.listIconType02UnitText_title .textLink:hover {
  animation: none;
  opacity: 1;
}
.listIconType02UnitText_description {
  margin-top: 8px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .listIconType02UnitText_description {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
a.listIconType02Unit:hover {
  color: #12b8d7;
}
a.listIconType02Unit:hover .listIconType02UnitImage {
  border-color: #12b8d7;
}

.listIconType02.has-4columns .listIconType02_item {
  width: calc(25% - 30px);
}
@media (max-width: 768px) {
  .listIconType02.has-4columns .listIconType02_item {
    width: calc(50% - 10px);
  }
}
.listIconType02.has-4columns .listIconType02UnitImage {
  height: 120px;
  width: 120px;
  font-size: 60px;
  font-size: 6rem;
}
@media (max-width: 768px) {
  .listIconType02.has-4columns .listIconType02UnitImage {
    height: 100px;
    width: 100px;
    font-size: 50px;
    font-size: 5rem;
  }
}
.listIconType02.has-4columns .listIconType02UnitImage .boxImage {
  max-width: 60px;
}
@media (max-width: 768px) {
  .listIconType02.has-4columns .listIconType02UnitImage .boxImage {
    max-width: 50px;
  }
}
.listIconType02.has-4columns .listIconType02UnitText_title {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .listIconType02.has-4columns .listIconType02UnitText_title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-windowsMode .listIconType02 .listIconType02UnitText_title {
  color: #0064aa;
}
.listIconType03_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .listIconType03_list {
    flex-direction: column;
  }
}
.listIconType03_item {
  width: calc(33.33% - 24px);
}
@media (max-width: 768px) {
  .listIconType03_item {
    width: 100%;
  }
}
.listIconType03_item:nth-child(n+4) {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .listIconType03_item + .listIconType03_item {
    margin-top: 40px;
  }
}
.listIconType03Unit {
  border-bottom: #12b8d7 solid 2px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 40px;
}
.listIconType03UnitImage .boxImage img {
  height: 80px;
}
.listIconType03UnitText {
  margin-top: 16px;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}
.listIconType03UnitText_title {
  color: #12b8d7;
  min-height: 64px;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType03UnitText_title {
    min-height: 0;
  }
}
.listIconType03UnitText_description {
  margin-top: 8px;
}
.is-windowsMode .listIconType03 .listIconType03Unit {
  border-bottom-color: #0064aa;
}
.is-windowsMode .listIconType03 .listIconType03UnitText_title {
  color: #0064aa;
}
.listIconType04_list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .listIconType04_list {
    flex-direction: column;
  }
}
.listIconType04_item {
  position: relative;
  width: calc(33.33% - 20px);
}
@media (max-width: 768px) {
  .listIconType04_item {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .listIconType04_item + .listIconType04_item {
    margin-top: 60px;
  }
}
.listIconType04_item + .listIconType04_item::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f002";
  display: none;
  left: calc(50% - 10px);
  position: absolute;
  top: -40px;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType04_item + .listIconType04_item::before {
    display: block;
  }
}
.listIconType04_item + .listIconType04_item .listIconType04UnitImage::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f001";
  left: -26px;
  position: absolute;
  top: calc(50% - 15px);
  font-size: 30px;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .listIconType04_item + .listIconType04_item .listIconType04UnitImage::before {
    display: none;
  }
}
.listIconType04UnitHead {
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .listIconType04UnitHead {
    margin-bottom: 8px;
  }
}
.listIconType04UnitHead strong {
  margin-left: 0.1em;
  font-size: 25px;
  font-size: 2.5rem;
}
.listIconType04UnitImage {
  margin-bottom: 20px;
  position: relative;
}
.listIconType04UnitImage .boxImage {
  max-width: 250px;
}
@media (max-width: 768px) {
  .listIconType04UnitImage .boxImage {
    max-width: 200px;
  }
}
.listIconType04UnitText_title {
  color: #12b8d7;
  font-weight: 500;
  text-align: center;
}
.listIconType04.has-4items .listIconType04_item {
  width: calc(25% - 30px);
}
@media (max-width: 768px) {
  .listIconType04.has-4items .listIconType04_item {
    width: 100%;
  }
}
.listIconType04.has-4items .listIconType04UnitImage::before {
  left: -29px;
  top: calc(50% - 10px);
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType04.has-4items .listIconType04UnitImage::before {
    left: calc(50% - 10px);
    top: -80px;
  }
}
.listIconType04.has-colorArrow .listIconType04_item::before, .listIconType04.has-colorArrow .listIconType04UnitImage::before {
  color: #12b8d7;
}
.is-windowsMode .listIconType04 .listIconType04UnitText_title {
  color: #0064aa;
}
.is-windowsMode .listIconType04.has-colorArrow .listIconType04_item::before, .is-windowsMode .listIconType04.has-colorArrow .listIconType04UnitImage::before {
  color: #0064aa;
}
.listIconType05_item {
  border-bottom: #e4e4e4 dashed 1px;
}
.listIconType05Unit {
  align-items: center;
  display: flex;
  padding: 20px 0;
}
@media (max-width: 768px) {
  .listIconType05Unit {
    flex-direction: column;
  }
}
.listIconType05UnitTitle {
  align-items: center;
  display: flex;
  width: 320px;
}
@media (max-width: 768px) {
  .listIconType05UnitTitle {
    width: 100%;
  }
}
.listIconType05UnitTitle_image {
  line-height: 0;
  padding-right: 20px;
  width: 100px;
}
@media (max-width: 768px) {
  .listIconType05UnitTitle_image {
    width: 72px;
  }
}
.listIconType05UnitTitle_image .icon {
  font-size: 80px;
  font-size: 8rem;
}
@media (max-width: 768px) {
  .listIconType05UnitTitle_image .icon {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
.listIconType05UnitTitle_text {
  line-height: 1.3;
  padding-right: 20px;
  width: calc(100% - 100px);
  font-size: 28px;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .listIconType05UnitTitle_text {
    padding-right: 0;
    width: calc(100% - 72px);
    font-size: 19px;
    font-size: 1.9rem;
  }
}
.listIconType05UnitText {
  width: calc(100% - 320px);
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .listIconType05UnitText {
    margin-top: 12px;
    width: 100%;
  }
}
.listIconType05UnitText_title {
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType05UnitText_title {
    margin-bottom: 16px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.listIconType05.is-typeA .listIconType05UnitTitle {
  justify-content: center;
  padding: 0 20px;
  width: 184px;
}
@media (max-width: 768px) {
  .listIconType05.is-typeA .listIconType05UnitTitle {
    padding: 0;
    width: 100%;
  }
}
.listIconType05.is-typeA .listIconType05UnitTitle_image {
  padding-right: 0;
}
.listIconType05.is-typeA .listIconType05UnitText {
  width: calc(100% - 184px);
}
@media (max-width: 768px) {
  .listIconType05.is-typeA .listIconType05UnitText {
    margin-top: 20px;
    width: 100%;
  }
}
.listIconType05.has-noBorder .listIconType05_item {
  border-width: 0;
}
.listIconType05.has-noBorder .listIconType05_item + .listIconType05_item {
  margin-top: 40px;
}
.listIconType05.has-noBorder .listIconType05Unit {
  padding: 0;
}
.is-vpsMode .listIconType05 .listIconType05UnitTitle, .is-vpsMode .listIconType05 .listIconType05UnitText_title {
  color: #12b8d7;
}
.is-windowsMode .listIconType05 .listIconType05UnitTitle, .is-windowsMode .listIconType05 .listIconType05UnitText_title {
  color: #0064aa;
}
.listIconType06_list {
  display: flex;
  flex-wrap: wrap;
}
.listIconType06_item {
  padding: 0 6px;
  width: 16.66%;
}
@media (max-width: 768px) {
  .listIconType06_item {
    width: 33.33%;
  }
}
.listIconType06_item:nth-child(n+7) {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .listIconType06_item:nth-child(n+4) {
    margin-top: 20px;
  }
}
.listIconType06Unit {
  align-items: center;
  color: #414141;
  display: flex;
  flex-direction: column;
}
.listIconType06UnitImage {
  align-items: center;
  border: #e4e4e4 solid 1px;
  border-radius: 50%;
  display: flex;
  height: 80px;
  justify-content: center;
  width: 80px;
}
.listIconType06UnitImage .boxImage img {
  width: 60px;
}
@media (max-width: 768px) {
  .listIconType06UnitImage .boxImage img {
    width: 120px;
  }
}
.listIconType06UnitImage .icon {
  line-height: 0;
  font-size: 42px;
  font-size: 4.2rem;
}
.listIconType06UnitText {
  margin-top: 12px;
  font-size: 14px;
  font-size: 1.4rem;
}
.listIconType06UnitText_title {
  color: #12b8d7;
  line-height: 1.3;
  text-align: center;
}
.listIconType06UnitText_title .textLink:hover {
  animation: none;
  opacity: 1;
}
.is-windowsMode .listIconType06UnitText_title {
  color: #0064aa;
}
.listIconType06UnitText_description {
  margin-top: 8px;
}
a.listIconType06Unit:hover {
  color: #12b8d7;
}
a.listIconType06Unit:hover .listIconType06UnitImage {
  border-color: #12b8d7;
}

.listIconType07_list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 0;
}
@media (max-width: 768px) {
  .listIconType07_list {
    gap: 20px 0;
  }
}
.listIconType07_item {
  width: 100%;
}
.listIconType07Unit {
  align-items: center;
  background-color: #fff;
  border: #e4e4e4 solid 1px;
  color: #414141;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  position: relative;
}
.listIconType07Unit::before {
  background-color: #e4e4e4;
  content: "";
  display: block;
  height: calc(100% - 40px);
  left: 340px;
  position: absolute;
  top: 20px;
  width: 1px;
}
@media (max-width: 768px) {
  .listIconType07Unit::before {
    display: none;
  }
}
.listIconType07UnitImage {
  padding-right: 20px;
  width: 320px;
}
@media (max-width: 768px) {
  .listIconType07UnitImage {
    padding-bottom: 20px;
    padding-right: 0;
    width: 100%;
  }
}
.listIconType07UnitImage .boxImage img {
  height: 140px;
}
@media (max-width: 768px) {
  .listIconType07UnitImage .boxImage img {
    height: 120px;
  }
}
a.listIconType07UnitImage:hover {
  animation: flash 1s;
  opacity: 0.9;
}

.listIconType07UnitText {
  padding: 20px 20px 20px 40px;
  width: calc(100% - 320px);
}
@media (max-width: 768px) {
  .listIconType07UnitText {
    border-top: #e4e4e4 solid 1px;
    padding: 20px 0 0;
    width: 100%;
  }
}
a.listIconType07Unit:hover {
  animation: flash 1s;
  opacity: 0.9;
}

.listIconType07.has-2columns .listIconType07_list {
  gap: 20px;
}
.listIconType07.has-2columns .listIconType07_item {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .listIconType07.has-2columns .listIconType07_item {
    width: 100%;
  }
}
.listIconType07.has-3columns .listIconType07_list {
  gap: 20px;
}
.listIconType07.has-3columns .listIconType07_item {
  width: calc(33.33% - 13.33px);
}
@media (max-width: 768px) {
  .listIconType07.has-3columns .listIconType07_item {
    width: 100%;
  }
}
.listIconType07.is-typeA .listIconType07Unit {
  height: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .listIconType07.is-typeA .listIconType07Unit {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.listIconType07.is-typeA .listIconType07Unit::before {
  display: none;
}
.listIconType07.is-typeA .listIconType07UnitImage {
  width: 140px;
}
@media (max-width: 768px) {
  .listIconType07.is-typeA .listIconType07UnitImage {
    width: 100%;
  }
}
.listIconType07.is-typeA .listIconType07UnitImage .boxImage img {
  height: auto;
  max-width: 120px;
}
.listIconType07.is-typeA .listIconType07UnitText {
  padding: 0;
  width: calc(100% - 140px);
}
@media (max-width: 768px) {
  .listIconType07.is-typeA .listIconType07UnitText {
    border-top-width: 0;
    width: 100%;
  }
}
.listIconType07.is-typeB .listIconType07Unit {
  align-content: flex-start;
  height: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .listIconType07.is-typeB .listIconType07Unit {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.listIconType07.is-typeB .listIconType07Unit::before {
  display: none;
}
.listIconType07.is-typeB .listIconType07UnitImage {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.listIconType07.is-typeB .listIconType07UnitImage .boxImage img {
  height: 100px;
}
@media (max-width: 768px) {
  .listIconType07.is-typeB .listIconType07UnitImage .boxImage img {
    height: 80px;
  }
}
.listIconType07.is-typeB .listIconType07UnitText {
  margin-top: 20px;
  padding: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .listIconType07.is-typeB .listIconType07UnitText {
    border-top-width: 0;
  }
}
.listIconType08_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 32px;
}
@media (max-width: 768px) {
  .listIconType08_list {
    gap: 20px;
  }
}
.listIconType08_item {
  width: calc(33.33% - 21.33px);
}
@media (max-width: 768px) {
  .listIconType08_item {
    width: 100%;
  }
}
.listIconType08Unit {
  background-color: #fff;
  border: #e4e4e4 solid 1px;
  color: #414141;
  display: block;
  height: 100%;
  position: relative;
}
.listIconType08UnitText {
  padding: 0 20px;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
}
.listIconType08UnitText_title {
  align-items: center;
  border-bottom: #c6c6c6 dashed 1px;
  display: flex;
  justify-content: center;
  line-height: 1.3;
  min-height: 60px;
  overflow: hidden;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType08UnitText_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.listIconType08UnitText_title .boxImage img {
  height: 60px;
}
.listIconType08UnitText_description {
  padding: 16px 0 20px;
}
.listIconType08UnitText_author {
  bottom: 20px;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
.listIconType08Unit.is-interview .listIconType08UnitImage {
  height: 0;
  overflow: hidden;
  padding-top: 47.5%;
  position: relative;
}
.listIconType08Unit.is-interview .listIconType08UnitImage .boxImage {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.listIconType08Unit.is-interview .listIconType08UnitText_description {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .listIconType08Unit.is-interview .listIconType08UnitText_description {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.listIconType08Unit.is-interview .listIconType08UnitText_description span {
  background: linear-gradient(to top, #fff2ac 0%, #fff2ac 16px, transparent 16px, transparent 100%);
}
.listIconType08Unit.is-interview .listIconType08UnitText {
  padding-bottom: 38px;
}
.listIconType08.has-2columns .listIconType08_item {
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .listIconType08.has-2columns .listIconType08_item {
    width: 100%;
  }
}
.listIconType08.has-2columns .listIconType08_item:nth-child(n+3) {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .listIconType08.has-2columns .listIconType08_item:nth-child(n+3) {
    margin-top: 20px;
  }
}
.listIconType09_item:nth-child(odd) .listIconType09Unit {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .listIconType09_item:nth-child(odd) .listIconType09Unit {
    flex-direction: column;
  }
}
.listIconType09_item + .listIconType09_item {
  margin-top: 20px;
}
.listIconType09Unit {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 0, 0, 0.1);
  color: #414141;
  display: flex;
  min-height: 320px;
  position: relative;
}
@media (max-width: 768px) {
  .listIconType09Unit {
    flex-direction: column;
    min-height: 0;
    padding: 40px 20px;
  }
}
.listIconType09Unit::before {
  background-color: #e4e4e4;
  content: "";
  display: block;
  height: calc(100% - 40px);
  left: 50%;
  position: absolute;
  top: 20px;
  width: 1px;
}
@media (max-width: 768px) {
  .listIconType09Unit::before {
    display: none;
  }
}
.listIconType09UnitText {
  padding: 40px;
  width: 50%;
}
@media (max-width: 768px) {
  .listIconType09UnitText {
    padding: 0;
    width: 100%;
  }
}
.listIconType09UnitText_title {
  line-height: 1.3;
  margin-bottom: 20px;
  font-size: 28px;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .listIconType09UnitText_title {
    font-weight: 500;
    margin-bottom: 12px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.listIconType09UnitImage {
  padding: 40px;
  width: 50%;
}
@media (max-width: 768px) {
  .listIconType09UnitImage {
    margin-top: 24px;
    padding: 0;
    width: 100%;
  }
}
.listIconType09UnitImage .boxImage {
  max-width: 280px;
}
@media (max-width: 768px) {
  .listIconType09UnitImage .boxImage {
    max-width: 160px;
  }
}
.listIconType10_item + .listIconType10_item {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .listIconType10_item + .listIconType10_item {
    margin-top: 20px;
  }
}
.listIconType10Unit {
  background-color: #fff;
  border: #e4e4e4 solid 1px;
  color: #414141;
  display: flex;
}
.listIconType10Unit:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .listIconType10Unit {
    flex-direction: column;
  }
}
.listIconType10UnitImage {
  width: 50%;
}
@media (max-width: 768px) {
  .listIconType10UnitImage {
    width: 100%;
  }
}
.listIconType10UnitText {
  display: flex;
  flex-direction: column;
  width: 50%;
}
@media (max-width: 768px) {
  .listIconType10UnitText {
    width: 100%;
  }
}
.listIconType10UnitTextAbove {
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  height: calc(100% - 80px);
  justify-content: center;
  padding: 20px 32px;
}
@media (max-width: 768px) {
  .listIconType10UnitTextAbove {
    height: auto;
    padding: 20px;
  }
}
.listIconType10UnitTextAbove_description {
  color: #12b8d7;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType10UnitTextAbove_description {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.listIconType10UnitTextAbove_author {
  margin-top: 16px;
  text-align: right;
}
@media (max-width: 768px) {
  .listIconType10UnitTextAbove_author {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.listIconType10UnitTextBelow {
  align-items: center;
  display: flex;
  height: 80px;
  overflow: hidden;
  padding: 0 32px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .listIconType10UnitTextBelow {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .listIconType10UnitTextBelow {
    padding: 0 20px;
  }
}
.listIconType10UnitTextBelow_label {
  margin-right: 32px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .listIconType10UnitTextBelow_label {
    margin-right: 12px;
  }
}
.listIconType10UnitTextBelow_logo .boxImage img {
  height: 80px;
  transform-origin: left center;
}
.is-windowsMode .listIconType10 .listIconType10UnitTextAbove_description {
  color: #0064aa;
}
.listIconType11_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.listIconType11_item {
  width: calc(33.33% - 13.33px);
}
@media (max-width: 768px) {
  .listIconType11_item {
    width: calc(50% - 10px);
  }
}
.listIconType11UnitImage {
  line-height: 1.3;
  font-size: 27px;
  font-size: 2.7rem;
}
.listIconType11UnitText {
  font-size: 15px;
  font-size: 1.5rem;
}
.listIconType11UnitText_title {
  color: #12b8d7;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 8px;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .listIconType11UnitText_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.is-windowsMode .listIconType11 .listIconType11UnitText_title {
  color: #0064aa;
}
.listIconType12_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 768px) {
  .listIconType12_list {
    gap: 20px;
  }
}
.listIconType12_item {
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .listIconType12_item {
    width: 100%;
  }
}
.listIconType12Unit {
  background-color: #fff;
  border: #c6c6c6 solid 1px;
  height: 100%;
}
.listIconType12UnitHead {
  background-color: #f7f7f7;
  border-bottom: #c6c6c6 solid 1px;
  padding: 24px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .listIconType12UnitHead {
    padding: 20px;
  }
}
.listIconType12UnitHead_title {
  color: #12b8d7;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 24px;
  font-size: 21px;
  font-size: 2.1rem;
}
@media (max-width: 768px) {
  .listIconType12UnitHead_title {
    margin-bottom: 12px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.listIconType12UnitHead_image .boxImage img {
  max-height: 120px;
}
@media (max-width: 768px) {
  .listIconType12UnitHead_image .boxImage img {
    max-height: 80px;
  }
}
.listIconType12UnitBody {
  padding: 24px 20px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .listIconType12UnitBody {
    padding: 16px 20px;
  }
}
.is-windowsMode .listIconType12 .listIconType12UnitHead_title {
  color: #0064aa;
}
.listIconType13 {
  background-color: #fff;
  border: #e4e4e4 solid 1px;
  padding: 40px 8px;
}
@media (max-width: 768px) {
  .listIconType13 {
    background-color: transparent;
    border-width: 0;
    padding: 0;
  }
}
.listIconType13List {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  justify-content: center;
}
@media (max-width: 768px) {
  .listIconType13List {
    gap: 20px;
  }
}
.listIconType13List_item {
  min-width: 150px;
  width: 16.66%;
}
@media (max-width: 768px) {
  .listIconType13List_item {
    min-width: 80px;
    width: calc(33.33% - 13.33px);
  }
}
.listIconType13Unit {
  line-height: 1.3;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .listIconType13Unit {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.listIconType13UnitImage {
  color: #12b8d7;
  line-height: 0;
  font-size: 80px;
  font-size: 8rem;
}
@media (max-width: 768px) {
  .listIconType13UnitImage {
    font-size: 60px;
    font-size: 6rem;
  }
}
.is-windowsMode .listIconType13UnitImage {
  color: #0064aa;
}
.listIconType13UnitText {
  margin-top: 16px;
}
.list {
  /** 注意書きなどインデントが入るリスト **/
}
.listIndent > .listIndent_item {
  padding-left: 1em;
  text-indent: -1em;
  word-break: break-all;
}
.listIndent > .listIndent_item a, .listIndent > .listIndent_item span {
  text-indent: 0;
}
.listIndent.is-notes {
  color: #686868;
  margin-top: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}
.listIndent.has-number > .listIndent_item {
  padding-left: 1.7em;
  text-indent: -1.7em;
}
.listIndent.has-gutter > .listIndent_item + .listIndent_item {
  margin-top: 1em;
}
.list {
  /** 他の○○を見るなど追加リンク用 **/
}
.listMore {
  margin-top: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
.listMore_item + .listMore_item {
  margin-top: 0.5em;
}
.listMore.has-bgColor {
  background-color: #f7f7f7;
  padding: 12px 20px;
}
.is-conohaMode.is-commonMode .listMore.has-bgColor {
  background-color: #f2fcfd;
}
.is-conohaMode.is-vpsMode .listMore.has-bgColor {
  background-color: #f2fcfd;
}
.is-conohaMode .listMore.has-bgColor {
  background-color: #ebf6ff;
}
.is-conohaMode.is-windowsMode .listMore.has-bgColor {
  background-color: #ebf2fc;
}
.is-conohaMode .listMore.has-bgColor {
  background-color: #f4f6ff;
}
.list {
  /** ニュース **/
}
.listNews {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .listNews {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.listNews_item {
  border-bottom: #e4e4e4 dotted 1px;
}
.listNews_item.has-noBorder {
  border-bottom: 0;
}
.listNewsUnit {
  align-items: center;
  color: #414141;
  display: flex;
  padding: 16px 20px;
  width: 100%;
}
.listNewsUnit:hover {
  animation: flash 1s;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .listNewsUnit {
    flex-wrap: wrap;
    padding: 12px 0;
  }
}
.listNewsUnit:hover {
  background-color: #f7f7f7;
}
.listNewsUnit_label {
  padding-right: 20px;
  width: 120px;
}
@media (max-width: 768px) {
  .listNewsUnit_label {
    margin-bottom: 4px;
  }
}
.is-conohaMode .listNewsUnit_label .textRibbonType02 {
  border-radius: 9999px;
}
.listNewsUnit_date {
  width: 80px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .listNewsUnit_date {
    margin-bottom: 4px;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.listNewsUnit_title {
  width: calc(100% - 80px);
}
@media (max-width: 768px) {
  .listNewsUnit_title {
    width: 100%;
  }
}
.listNewsUnit_title .textLink:hover {
  animation: none;
  opacity: 1;
}
.listNewsUnit_title .textRibbonType02 {
  margin-left: 0.5em;
}
@media (max-width: 768px) {
  .listNewsUnit.has-label .listNewsUnit_date {
    width: calc(100% - 120px);
  }
}
.listNewsUnit.has-label .listNewsUnit_title {
  width: calc(100% - 200px);
}
@media (max-width: 768px) {
  .listNewsUnit.has-label .listNewsUnit_title {
    width: 100%;
  }
}
.section.is-bgGray .listNewsUnit:hover {
  background-color: #fff;
}
.list {
  /** 模擬セレクトボックス **/
}
.listSelect {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .listSelect {
    flex-direction: column;
  }
}
.listSelect_item {
  border: #c6c6c6 solid 1px;
  cursor: pointer;
  margin-right: -1px;
  padding: 8px;
}
@media (max-width: 768px) {
  .listSelect_item {
    margin-right: 0;
    width: 100%;
  }
}
.listSelect_item:hover, .listSelect_item.is-active {
  background-color: #12b8d7;
  color: #fff;
}
@media (max-width: 768px) {
  .listSelect_item + .listSelect_item {
    margin-top: -1px;
  }
}
.listSelect.is-1column {
  flex-direction: column;
}
.listSelect.is-1column .listSelect_item {
  margin-right: 0;
  width: 100%;
}
.listSelect.is-1column .listSelect_item + .listSelect_item {
  margin-top: -1px;
}
.list {
  /** テンプレート **/
}
.listTemplate {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 768px) {
  .listTemplate {
    gap: 20px;
  }
}
.listTemplate_item {
  width: calc(50% - 20px);
}
@media (max-width: 768px) {
  .listTemplate_item {
    width: 100%;
  }
}
.listTemplateUnitImage {
  border: #dbdbdb solid 1px;
  border-radius: 8px;
  margin-bottom: 20px;
  overflow: hidden;
}
.listTemplateUnitText {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .listTemplateUnitText {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.listTemplateUnitText .textRibbonType05 {
  vertical-align: 5px;
}
@media (max-width: 768px) {
  .listTemplateUnitText .textRibbonType05 {
    vertical-align: 4px;
  }
}
.listTemplateUnitText_title {
  font-size: 28px;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .listTemplateUnitText_title {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
.listTemplateUnitDescription {
  border-top: #dcdcdc solid 1px;
  margin-top: 8px;
  padding-top: 20px;
}
.listTemplateUnitDescription .headingType02 {
  margin: 20px 0 0;
  font-size: 17px;
  font-size: 1.7rem;
}
@media (max-width: 768px) {
  .listTemplateUnitDescription .headingType02 {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.listTemplateUnitDescription .listMore {
  margin-top: 8px;
}
.listTemplateUnitGuide {
  margin-top: 20px;
}
.listTemplateUnitGuide_title {
  color: #12b8d7;
  margin-bottom: 8px;
  padding-left: 1.6em;
  position: relative;
}
.listTemplateUnitGuide_title .icon {
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1.4);
  transform-origin: left center;
}
.listTemplateUnitGuide_title .icon::before {
  line-height: inherit;
}
.is-windowsMode .listTemplateUnitGuide_title {
  color: #0064aa;
}
.listTemplateUnitGuide_text {
  background-color: #f7f7f7;
  padding: 12px 20px;
}

.modalBanner {
  margin: 0 auto;
  max-width: 500px;
  position: relative;
  width: 100%;
}
.modalBanner_hidden {
  bottom: 12px;
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
}
@media (max-width: 768px) {
  .modalBanner_hidden {
    bottom: 6px;
  }
}
.modalType01 {
  display: none;
  height: 100%;
  left: 0;
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 40;
}
.modalType01_overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.modalType01_inner {
  padding: 160px 0;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .modalType01_inner {
    padding: 80px 0;
  }
}
.modalType01_inner > * {
  pointer-events: auto;
}
.modalType01.is-active {
  display: block;
}
@media (max-width: 768px) {
  .modalType01.is-spFloating {
    height: auto;
    inset: auto 20px 8px 20px;
    overflow: visible;
    width: calc(100% - 40px);
  }
}
@media (max-width: 768px) {
  .modalType01.is-spFloating .modalBanner .buttonClose {
    right: 0;
    top: -24px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .modalType01.is-spFloating .modalType01_overlay {
    display: none;
  }
}
@media (max-width: 768px) {
  .modalType01.is-spFloating .modalType01_inner {
    padding: 0;
  }
}

.navigationType01 {
  background-color: #f7f7f7;
  height: 72px;
  left: 0;
  line-height: 1.3;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 10;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .navigationType01 {
    height: 48px;
    top: 0;
    font-size: 10px;
    font-size: 1rem;
  }
}
.is-conohaMode.is-vpsMode .navigationType01 {
  background-color: #f2fcfd;
}
.is-conohaMode .navigationType01 {
  background-color: #ebf6ff;
}
.is-conohaMode.is-windowsMode .navigationType01 {
  background-color: #ebf2fc;
}
.is-conohaMode .navigationType01 {
  background-color: #f4f6ff;
}
.navigationType01List {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .navigationType01List_item {
    width: 100%;
  }
}
.navigationType01List_item.is-active .navigationType01Button {
  background-color: #12b8d7;
  color: #fff;
}
.is-windowsMode .navigationType01List_item.is-active .navigationType01Button {
  background-color: #0064aa;
}
.navigationType01Button {
  align-items: center;
  color: #414141;
  display: flex;
  height: 72px;
  justify-content: center;
  padding: 0 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .navigationType01Button {
    height: 48px;
    padding: 0;
  }
}
.navigationType01Button_inner {
  display: inline-block;
  padding-left: 1.2em;
  position: relative;
}
@media (max-width: 768px) {
  .navigationType01Button_inner {
    padding-bottom: 1.2em;
    padding-left: 0;
  }
}
.navigationType01Button_inner::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f002";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: 0;
  transform: scale(0.8);
  transform-origin: left center;
}
@media (max-width: 768px) {
  .navigationType01Button_inner::before {
    bottom: 0;
    left: calc(50% - 0.5em);
    top: auto;
  }
}
.navigationType01Button:hover {
  background-color: #12b8d7;
  color: #fff;
}
@media (max-width: 768px) {
  .navigationType01Button:hover {
    background-color: transparent;
    color: #414141;
  }
}
.is-windowsMode .navigationType01Button:hover {
  background-color: #0064aa;
}
@media (max-width: 768px) {
  .is-windowsMode .navigationType01Button:hover {
    background-color: transparent;
  }
}
.navigationType01.has-lots .navigationType01Button {
  padding: 0 12px;
}
@media (max-width: 768px) {
  .navigationType01.has-lots .navigationType01Button {
    padding: 0;
  }
}
[data-gmoheader] .navigationType01 {
  top: 29px;
}
@media (max-width: 768px) {
  [data-gmoheader] .navigationType01 {
    top: 0;
  }
}

.navigationType02 {
  background-color: #fff;
  left: 0;
  margin-top: 40px;
  position: sticky;
  top: 29px;
  transform: translate(0, 0);
  transition: transform 0.2s;
  width: 100%;
  z-index: 10;
}
@media (max-width: 768px) {
  .navigationType02 {
    margin-top: 28px;
    top: 0;
  }
}
.navigationType02List {
  display: flex;
  justify-content: center;
}
.navigationType02List_item {
  width: 33.33%;
}
@media (max-width: 768px) {
  .navigationType02List_item.is-price {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .navigationType02List_item.is-features {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .navigationType02List_item.is-templates {
    width: 40%;
  }
}
.navigationType02List_item:hover .navigationType02Button, .navigationType02List_item.is-active .navigationType02Button {
  border-bottom-color: #12b8d7;
}
.is-vpsMode .navigationType02List_item:hover .navigationType02Button, .is-vpsMode .navigationType02List_item.is-active .navigationType02Button {
  border-bottom-color: #12b8d7;
}
.is-windowsMode .navigationType02List_item:hover .navigationType02Button, .is-windowsMode .navigationType02List_item.is-active .navigationType02Button {
  border-bottom-color: #0064aa;
}
.navigationType02List_item:hover .navigationType02Button::before, .navigationType02List_item.is-active .navigationType02Button::before {
  background-color: #12b8d7;
}
.is-vpsMode .navigationType02List_item:hover .navigationType02Button::before, .is-vpsMode .navigationType02List_item.is-active .navigationType02Button::before {
  background-color: #12b8d7;
}
.is-windowsMode .navigationType02List_item:hover .navigationType02Button::before, .is-windowsMode .navigationType02List_item.is-active .navigationType02Button::before {
  background-color: #0064aa;
}
.navigationType02Button {
  align-items: center;
  border-bottom: #e4e4e4 solid 4px;
  color: #12b8d7;
  display: flex;
  font-weight: 500;
  gap: 0 16px;
  height: 72px;
  justify-content: center;
  line-height: 1.3;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .navigationType02Button {
    border-bottom-width: 2px;
    gap: 0 8px;
    height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.is-vpsMode .navigationType02Button {
  color: #12b8d7;
}
.is-windowsMode .navigationType02Button {
  color: #0064aa;
}
.navigationType02Button::before {
  background-color: #e4e4e4;
  bottom: -12px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  height: 8px;
  left: calc(50% - 8px);
  position: absolute;
  width: 16px;
}
@media (max-width: 768px) {
  .navigationType02Button::before {
    border-width: 4px 4px 0 4px;
    bottom: -8px;
    left: calc(50% - 4px);
  }
}
.navigationType02Button_icon {
  line-height: 0;
  font-size: 36px;
  font-size: 3.6rem;
}
@media (max-width: 768px) {
  .navigationType02Button_icon {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.navigationType02.is-hidden {
  transform: translate(0, calc(-100% - 8px));
}
@media (max-width: 768px) {
  .navigationType02.is-hidden {
    transform: translate(0, calc(-100% - 4px));
  }
}

.pricingType01List {
  align-items: center;
  display: flex;
}
@media (max-width: 768px) {
  .pricingType01List {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.pricingType01List_item {
  width: calc(100% + 1px);
}
@media (max-width: 768px) {
  .pricingType01List_item {
    width: 100%;
  }
}
.pricingType01List_item + .pricingType01List_item {
  margin-left: -1px;
}
@media (max-width: 768px) {
  .pricingType01List_item + .pricingType01List_item {
    margin-left: 0;
  }
}
.pricingType01Unit {
  border: #b3b3b3 solid 1px;
}
.pricingType01UnitHeadPlan {
  background-color: #414141;
  color: #fff;
  font-weight: 500;
  padding: 8px 4px;
  text-align: center;
  font-size: 19px;
  font-size: 1.9rem;
}
.pricingType01UnitHeadPlan.is-bgColor {
  background-color: #12b8d7;
}
.is-vpsMode .pricingType01UnitHeadPlan.is-bgColor {
  background-color: #12b8d7;
}
.is-windowsMode .pricingType01UnitHeadPlan.is-bgColor {
  background-color: #0064aa;
}
.pricingType01UnitHeadPrice {
  background-color: #f7f7f7;
  padding: 16px 4px 20px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
}
.pricingType01UnitHeadPrice strong {
  font-weight: 500;
  font-size: 30px;
  font-size: 3rem;
}
.pricingType01UnitHeadPrice del {
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType01UnitHeadPrice_lead {
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType01UnitBodyList_item {
  background-color: #fff;
}
.pricingType01UnitBodyList_item:nth-child(even) {
  background-color: #f7f7f7;
}
.pricingType01UnitBodySpecs {
  padding: 16px 4px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .pricingType01UnitBodySpecs_title {
    display: inline-block;
  }
}
.pricingType01UnitBodySpecs_text {
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .pricingType01UnitBodySpecs_text {
    display: inline-block;
    margin-left: 0.5em;
  }
}
.pricingType01UnitBodyApply {
  padding: 20px;
}
.pricingType01UnitBodyApply .buttonType01 {
  max-width: 200px;
  min-height: 48px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .pricingType01UnitBodyApply .buttonType01 {
    max-width: 100%;
  }
}
.pricingType01Unit.is-campaign {
  border-color: #12b8d7;
  border-width: 1px 1px 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 1;
}
.pricingType01Unit.is-campaign .pricingType01UnitHeadPlan {
  background-color: #10a8c4;
  padding: 16px 4px;
}
@media (max-width: 768px) {
  .pricingType01Unit.is-campaign .pricingType01UnitHeadPlan {
    padding: 8px 4px;
  }
}
.pricingType01Unit.is-campaign .pricingType01UnitHeadPrice {
  background-color: #12b8d7;
  color: #fff;
}
.pricingType01Unit.is-campaign .pricingType01UnitBodyApply {
  padding-bottom: 34px;
}
@media (max-width: 768px) {
  .pricingType01Unit.is-campaign .pricingType01UnitBodyApply {
    padding-bottom: 20px;
  }
}
.is-windowsMode .pricingType01Unit.is-campaign {
  border-color: #0064aa;
}
.is-windowsMode .pricingType01Unit.is-campaign .pricingType01UnitHeadPlan {
  background-color: #003961;
}
.is-windowsMode .pricingType01Unit.is-campaign .pricingType01UnitHeadPrice {
  background-color: #0064aa;
}
.pricingType02List {
  display: flex;
}
@media (max-width: 768px) {
  .pricingType02List {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.pricingType02List_item {
  width: calc(100% + 1px);
}
@media (max-width: 768px) {
  .pricingType02List_item {
    width: 100%;
  }
}
.pricingType02List_item + .pricingType02List_item {
  margin-left: -1px;
}
@media (max-width: 768px) {
  .pricingType02List_item + .pricingType02List_item {
    margin-left: 0;
  }
}
.pricingType02List_item.is-business {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .pricingType02List_item.is-business {
    margin-left: 0;
  }
}
.pricingType02Unit {
  background-color: #fff;
  border: #c6c6c6 solid 1px;
  display: block;
  height: calc(100% - 20px);
  margin-top: 20px;
}
@media (max-width: 768px) {
  .pricingType02Unit {
    height: auto;
    margin-top: 0;
  }
}
.pricingType02UnitHead {
  background-color: #3898e0;
  color: #fff;
  padding: 20px 0;
  position: relative;
  text-align: center;
}
.pricingType02UnitHeadPlan {
  line-height: 1.3;
  margin-bottom: 4px;
}
.pricingType02UnitHeadPlan_lead {
  margin-bottom: 2px;
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType02UnitHeadPlan_title {
  font-size: 18px;
  font-size: 1.8rem;
}
.pricingType02UnitHeadPrice {
  line-height: 1.3;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .pricingType02UnitHeadPrice {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.pricingType02UnitHeadPrice_main {
  font-size: 21px;
  font-size: 2.1rem;
}
@media (max-width: 768px) {
  .pricingType02UnitHeadPrice_main {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.pricingType02UnitHeadPrice_main strong {
  font-weight: 500;
  font-size: 46px;
  font-size: 4.6rem;
}
@media (max-width: 768px) {
  .pricingType02UnitHeadPrice_main strong {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.pricingType02UnitHeadPrice_sub {
  margin-top: 4px;
}
@media (max-width: 768px) {
  .pricingType02UnitHeadPrice_sub {
    margin-top: 12px;
  }
}
.pricingType02UnitHeadPrice_max {
  display: inline-block;
  font-weight: 500;
  margin-top: 4px;
  padding: 2px 12px;
}
.pricingType02UnitHeadPrice_max strong {
  font-size: 20px;
  font-size: 2rem;
}
.pricingType02UnitBodyList_item + .pricingType02UnitBodyList_item {
  border-top: #c6c6c6 solid 1px;
}
.pricingType02UnitBodySpecs {
  padding: 8px 4px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.pricingType02UnitBodySpecs_title {
  display: inline-block;
  min-width: 8em;
  padding-left: 1.6em;
  position: relative;
  text-align: left;
}
.pricingType02UnitBodySpecs_title::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #3898e0;
  content: "\f099";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: 0;
  transform-origin: left center;
}
.pricingType02UnitBodySpecs_text {
  display: inline-block;
  min-width: 3.5em;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
}
.pricingType02UnitBodyApply {
  padding: 20px;
}
.pricingType02UnitBodyApply .buttonType01, .pricingType02UnitBodyApply .buttonType02 {
  max-width: 200px;
  min-height: 48px;
  font-size: 15px;
  font-size: 1.5rem;
}
.pricingType02UnitBodyBusiness {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 12px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .pricingType02UnitBodyBusiness {
    padding: 0 20px;
  }
}
.pricingType02UnitBodyBusinessList {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.pricingType02UnitBodyBusinessList_item {
  align-items: center;
  border-bottom: #1e5178 solid 1px;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
@media (max-width: 768px) {
  .pricingType02UnitBodyBusinessList_item {
    padding: 32px 0;
  }
}
.pricingType02UnitBodyBusinessText {
  color: #414141;
  padding-left: 1.6em;
  position: relative;
  text-align: left;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .pricingType02UnitBodyBusinessText {
    width: 200px;
  }
}
.pricingType02UnitBodyBusinessText::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #3898e0;
  content: "\f099";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: calc(50% - 0.7em);
  transform-origin: left center;
}
.pricingType02UnitBodyBusinessText strong {
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
}
.pricingType02Unit.is-campaign {
  background-color: #ebf6ff;
  border-color: #3898e0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.08);
  height: 100%;
  margin-top: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .pricingType02Unit.is-campaign {
    height: auto;
  }
}
.pricingType02Unit.is-campaign .pricingType02UnitHead {
  padding-top: 40px;
}
@media (max-width: 768px) {
  .pricingType02Unit.is-campaign .pricingType02UnitHead {
    padding-top: 20px;
  }
}
.pricingType02Unit.is-business {
  border-color: #1e5178;
  color: #1e5178;
  display: flex;
  flex-direction: column;
}
.pricingType02Unit.is-business .pricingType02UnitHead {
  background-color: #ebf6ff;
  border-bottom: #1e5178 solid 1px;
  color: inherit;
}
.pricingType02Unit.is-business .pricingType02UnitBody {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pricingType02Unit.is-business .pricingType02UnitBodyApply .buttonType01 {
  background-color: #1e5178;
  border-color: #1e5178;
  color: #fff;
}
a.pricingType02Unit.is-business:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}
a.pricingType02Unit.is-business:hover .pricingType02UnitHead {
  background-color: #1e5178;
  color: #fff;
}
a.pricingType02Unit.is-business:hover .pricingType02UnitBody {
  background-color: #ebf6ff;
}
a.pricingType02Unit.is-business:hover .pricingType02UnitBodyApply .buttonType01 {
  background-color: #fff;
  color: #1e5178;
}

.pricingType03List {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
}
.pricingType03List_item {
  width: calc(33.33% - 26.66px);
}
@media (max-width: 768px) {
  .pricingType03List_item {
    width: 100%;
  }
}
.pricingType03List.has-4columns {
  gap: 20px;
}
.pricingType03List.has-4columns .pricingType03List_item {
  width: calc(25% - 15px);
}
@media (max-width: 768px) {
  .pricingType03List.has-4columns .pricingType03List_item {
    width: 100%;
  }
}
.pricingType03UnitHead {
  margin-bottom: 12px;
  font-size: 14px;
  font-size: 1.4rem;
}
.pricingType03UnitHead_subTitle {
  padding-left: 62px;
}
.pricingType03UnitHead_title {
  font-weight: 500;
  padding: 4px 0 4px 62px;
  position: relative;
  font-size: 26px;
  font-size: 2.6rem;
}
.pricingType03UnitHead_title::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  bottom: 0;
  color: #12b8d7;
  content: "\f094";
  left: 0;
  position: absolute;
  font-size: 50px;
  font-size: 5rem;
}
.pricingType03UnitBody {
  border: #12b8d7 solid 1px;
}
.pricingType03UnitBodyList_item {
  background-color: #e4f4fc;
}
.pricingType03UnitBodyList_item:nth-child(even) {
  background-color: #c2e5f8;
}
.pricingType03UnitBodyPlan {
  background-color: #10a8c4;
  color: #fff;
  padding: 28px 4px;
  position: relative;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
}
.pricingType03UnitBodyPlan_badge {
  background-color: #ff811e;
  clip-path: path("M72.2,72l-7.8,0.5l-3,7.3l-7.6-2L48.7,84l-6.6-4.2L35.5,84l-5.1-6l-7.6,2l-3-7.4L12,72l-0.5-7.8l-7.3-3l2-7.6l-6.1-5L4.2,42 L0,35.4l6-5l-2-7.6l7.3-2.9l0.5-7.8l7.8-0.5l3.1-7.4l7.6,2L35.5,0l6.6,4.2L48.7,0l5.1,6l7.6-2l2.9,7.3l7.8,0.5l0.5,7.8l7.3,2.9l-2,7.6l6,5l-4.2,6.6l4.2,6.6l-6,5l2,7.6l-7.3,3L72.2,72z");
  height: 84px;
  left: -24px;
  overflow: hidden;
  position: absolute;
  text-indent: -999px;
  top: -20px;
  width: 84px;
}
.pricingType03UnitBodyPlan_badge::before {
  background-color: #fff;
  clip-path: path("M28.6,25.6h-1.7c-0.7,0-1.3,0-2-0.1V28c1.8,0,3.2-0.1,3.8-0.1v2.3c-1,0.4-4.4,2.2-4.4,5.1c0,2.3,2.6,3.6,4.3,3.6 c2.6,0,2.6-2.5,2.6-3.8v-3.4c1.1-0.4,2.2-0.6,3.3-0.6c2.8,0,3.3,1.7,3.3,2.7c0.1,1.2-0.8,2.2-2,2.3c0,0-0.1,0-0.1,0h-0.4 c-0.6,0-1.2-0.1-1.7-0.4l0.1,2.6c0.6,0.2,1.3,0.3,1.9,0.3c2.5,0.2,4.7-1.6,4.9-4.1c0-0.2,0-0.4,0-0.6c0-2.5-1.6-5.1-5.5-5.1 c-1.3,0-2.5,0.2-3.7,0.6v-1.6c1.2-0.1,2.4-0.3,3.6-0.5l-0.1-2.5c-1.2,0.3-2.4,0.5-3.6,0.6v-2.9h-2.5L28.6,25.6z M28.7,35.3 c0,0.8,0,1.3-0.6,1.3c-0.8,0-1.5-0.5-1.7-1.3c0-1.1,1.7-2.2,2.3-2.5C28.7,32.8,28.7,35.3,28.7,35.3z M35.4,25.4 c1.5,1,2.8,2.2,3.9,3.6l1.8-1.7c-1.2-1.4-2.6-2.6-4.1-3.6L35.4,25.4z M55.2,24.6v-2.2h-2.4v2.3l-5.3,0.1h-3.6v2.4 c1.3-0.1,2.2-0.1,3.6-0.2l5.3-0.1v1.2c-0.6-0.3-1.2-0.5-1.9-0.4c-2.1-0.1-3.8,1.5-3.9,3.6v0.3c-0.1,2,1.4,3.7,3.4,3.9h0.2 c0.6,0,1.2-0.1,1.7-0.4c-1.1,1.2-2.4,2.1-4,2.6l1.7,2.1c4.9-1.9,5.2-5.3,5.2-7.2L55.1,27h5L60,24.6c-0.6,0-1.6,0.2-3.6,0.2 L55.2,24.6z M52.8,31.6c0.1,0.8-0.5,1.6-1.3,1.7c-0.1,0-0.1,0-0.2,0h-0.1c-0.9,0-1.6-0.7-1.6-1.6c0,0,0,0,0,0v-0.2 c-0.1-0.9,0.6-1.7,1.6-1.8c0,0,0,0,0,0h0.1c0.9,0,1.6,0.7,1.6,1.6c0,0,0,0,0,0C52.8,31.4,52.8,31.5,52.8,31.6z M35.5,47.6v-2.2h-2.4 v2.3l-5.3,0.1h-3.6v2.4c1.3-0.1,2.2-0.1,3.6-0.2l5.3-0.1v1.2c-0.6-0.3-1.2-0.5-1.9-0.4c-2.1-0.1-3.8,1.5-3.9,3.6v0.3 c-0.1,2,1.4,3.7,3.4,3.9h0.2c0.6,0,1.2-0.1,1.7-0.4c-1.1,1.2-2.4,2.1-4,2.6l1.7,2c4.9-1.9,5.2-5.3,5.2-7.2v-5.6h5l-0.1-2.4 c-0.6,0-1.6,0.2-3.6,0.2L35.5,47.6z M33,54.6c0.1,0.8-0.5,1.6-1.3,1.7c-0.1,0-0.1,0-0.2,0h-0.1c-0.9,0-1.6-0.7-1.6-1.6c0,0,0,0,0,0 v-0.2c-0.1-0.9,0.6-1.7,1.6-1.8c0,0,0,0,0,0h0.1c0.9,0,1.6,0.7,1.6,1.6c0,0,0,0,0,0C33,54.4,33,54.5,33,54.6z M52.7,45.4 c-0.1,0.6-0.3,1.9-0.5,2.9c-1.3,0.1-2.6,0.5-3.8,1.1c-0.3-1.3-0.5-2.2-0.6-2.9l-2.4,0.9c0.2,1.2,0.5,2.4,0.9,3.5 c-1.6,1.5-2.6,3.6-2.6,5.8c0,2.2,1.1,4,3,4c2,0,5.3-1.9,7.4-10c2.1,0.2,3.6,2,3.6,4.1c0,2.4-1.7,4.6-6.1,5.1l1,2.2 c1.2-0.2,7.7-1,7.7-7.3c0-3.2-1.9-5.7-5.6-6.4c0.2-1,0.3-1.2,0.5-2.5L52.7,45.4z M51.7,50.7c-0.4,1.4-0.8,2.8-1.4,4.1 c-0.5-1-1-2-1.3-3.1C49.8,51.2,50.7,50.8,51.7,50.7z M48.8,57c-0.4,0.7-1.1,1.2-1.9,1.4c-0.5,0-1-0.4-1-1.7c0-1.2,0.4-2.4,1.2-3.3 C47.6,54.6,48.2,55.8,48.8,57z");
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.pricingType03UnitBodyPlan_badge.is-small {
  clip-path: path("M55,54.9l-5.9,0.4l-2.3,5.6L41,59.3l-3.8,4.6l-5-3.2L27,64l-3.8-4.6L17.4,61l-2.3-5.6l-6-0.5l-0.4-5.9l-5.6-2.3l1.5-5.8L0.1,37l3.1-5L0,27l4.6-3.8L3,17.4l5.6-2.2L9,9.2l5.9-0.4l2.4-5.6l5.8,1.5l3.8-4.6l5,3.2L37.1,0l3.8,4.6L46.7,3l2.2,5.6L54.9,9l0.4,5.9l5.6,2.2l-1.5,5.8l4.6,3.8l-3.2,5l3.2,5l-4.6,3.8l1.5,5.8l-5.6,2.3L55,54.9L55,54.9z");
  height: 64px;
  left: -20px;
  width: 64px;
}
.pricingType03UnitBodyPlan_badge.is-small::before {
  clip-path: path("M21.2,18.8h-1.4c-0.5,0-1.1,0-1.6-0.1v2c1.4,0,2.6-0.1,3-0.1v1.8c-0.8,0.3-3.5,1.8-3.5,4.1c0,1.8,2.1,2.9,3.4,2.9c2.1,0,2.1-2,2.1-3v-2.7c0.8-0.3,1.7-0.5,2.6-0.5c2.2,0,2.6,1.4,2.6,2.2c0.1,0.9-0.6,1.8-1.6,1.8c0,0,0,0,0,0h-0.4c-0.5,0-0.9-0.1-1.4-0.3l0.1,2.1c0.5,0.2,1,0.2,1.5,0.2c2,0.2,3.7-1.3,3.9-3.2c0,0,0,0,0,0v-0.5c0-2-1.3-4.1-4.4-4.1c-1,0-2,0.2-3,0.5v-1.3c1-0.1,1.9-0.2,2.9-0.4l-0.1-2c-0.9,0.2-1.9,0.4-2.9,0.5v-2.3h-2L21.2,18.8z M21.3,26.5c0,0.6,0,1-0.5,1c-0.6,0-1.2-0.4-1.4-1c0-0.9,1.4-1.8,1.8-2V26.5z M26.7,18.6c1.2,0.8,2.2,1.8,3.1,2.9l1.4-1.4c-1-1.1-2.1-2.1-3.3-2.9L26.7,18.6z M42.5,18v-1.8h-1.9v1.8l-4.2,0.1h-2.9V20c1-0.1,1.8-0.1,2.9-0.2l4.2-0.1v1c-0.5-0.3-1-0.4-1.5-0.3c-1.6-0.1-3,1.2-3.1,2.8c0,0,0,0,0,0.1v0.2c-0.1,1.6,1.1,3,2.7,3.1h0.2c0.5,0,0.9-0.1,1.4-0.3c-0.9,0.9-2,1.7-3.2,2.1l1.4,1.7c3.9-1.5,4.2-4.2,4.2-5.7l-0.1-4.5h4L46.3,18c-0.5,0-1.3,0.2-2.9,0.2L42.5,18z M40.5,23.6c0.1,0.7-0.4,1.3-1,1.4h-0.2c-0.7,0-1.3-0.5-1.3-1.2c0,0,0,0,0,0l0,0v-0.2c-0.1-0.7,0.5-1.4,1.2-1.4h0.1c0.7,0,1.3,0.6,1.3,1.2c0,0,0,0,0,0l0,0L40.5,23.6L40.5,23.6z M26.7,36.3v-1.8h-1.9v1.8l-4.2,0.1h-2.9v1.9c1-0.1,1.8-0.1,2.9-0.2l4.2-0.1v1c-0.5-0.3-1-0.4-1.5-0.3c-1.6-0.1-3,1.2-3.1,2.8c0,0,0,0,0,0.1v0.2c-0.1,1.6,1.1,3,2.7,3.1h0.2c0.5,0,0.9-0.1,1.4-0.3c-0.9,0.9-2,1.7-3.2,2.1l1.4,1.6c3.9-1.5,4.1-4.2,4.1-5.7v-4.5h4l-0.1-1.9c-0.5,0-1.3,0.2-2.9,0.2L26.7,36.3z M24.7,41.9c0.1,0.7-0.4,1.3-1,1.4h-0.2c-0.7,0-1.3-0.5-1.3-1.2c0,0,0,0,0,0l0,0v-0.2c-0.1-0.7,0.5-1.4,1.2-1.4h0.1c0.7,0,1.3,0.5,1.3,1.2c0,0,0,0,0,0l0,0L24.7,41.9L24.7,41.9z M40.5,34.6c-0.1,0.5-0.2,1.5-0.4,2.3C39,37,38,37.3,37,37.8c-0.2-1-0.4-1.8-0.5-2.3l-1.9,0.7c0.2,1,0.4,1.9,0.7,2.8c-1.3,1.2-2,2.9-2.1,4.6c0,1.8,0.9,3.2,2.4,3.2c1.6,0,4.2-1.5,5.9-8c1.7,0.2,2.9,1.6,2.9,3.3c0,1.9-1.4,3.7-4.9,4.1l0.8,1.8c1-0.2,6.1-0.8,6.1-5.8c0.1-2.6-1.9-4.8-4.5-5.1c0.2-0.8,0.2-1,0.4-2L40.5,34.6z M39.7,38.8c-0.3,1.1-0.7,2.2-1.1,3.3c-0.4-0.8-0.8-1.6-1-2.5C38.2,39.2,38.9,38.9,39.7,38.8L39.7,38.8z M37.3,43.8c-0.3,0.6-0.9,1-1.5,1.1c-0.4,0-0.8-0.3-0.8-1.4c0-1,0.3-1.9,1-2.6C36.4,41.9,36.9,42.9,37.3,43.8L37.3,43.8z");
}
.pricingType03UnitBodyPlan_badge.is-yellow {
  background-color: #fff95c;
}
.pricingType03UnitBodyPlan_badge.is-yellow::before {
  background-color: #404b8f;
}
.pricingType03UnitBodyPrice {
  background-color: #12b8d7;
  color: #fff;
  padding: 8px 4px 16px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
.pricingType03UnitBodyPrice_lead {
  margin-bottom: 4px;
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType03UnitBodyPrice strong {
  font-weight: 500;
  font-size: 40px;
  font-size: 4rem;
}
.pricingType03UnitBodyPrice del {
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType03UnitBodySpecs {
  padding: 16px 4px;
  text-align: center;
}
.pricingType03UnitBodySpecs_title {
  display: inline-block;
}
.pricingType03UnitBodySpecs_text {
  display: inline-block;
  margin-left: 0.5em;
}
.pricingType03UnitBodyApply {
  background-color: #fff;
  padding: 20px;
}
.pricingType03UnitBodyApply .buttonType01 {
  max-width: 200px;
  min-height: 48px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .pricingType03UnitBodyApply .buttonType01 {
    max-width: 100%;
  }
}
.pricingType03Unit.is-defaultPrice .pricingType03UnitBody {
  border-color: #e4e4e4;
}
.pricingType03Unit.is-defaultPrice .pricingType03UnitBodyPlan {
  background-color: #414141;
}
.pricingType03Unit.is-defaultPrice .pricingType03UnitBodyPrice {
  background-color: #f7f7f7;
  color: #414141;
}
.pricingType03Unit.is-defaultPrice .pricingType03UnitBodyList_item {
  background-color: #fff;
}
.pricingType03Unit.is-defaultPrice .pricingType03UnitBodyList_item:nth-child(even) {
  background-color: #f7f7f7;
}
.pricingType04List {
  align-items: center;
  display: flex;
  gap: 20px 0;
}
@media (max-width: 768px) {
  .pricingType04List {
    flex-wrap: wrap;
  }
}
.pricingType04List_item {
  width: calc(100% + 1px);
}
@media (max-width: 768px) {
  .pricingType04List_item {
    width: 100%;
  }
}
.pricingType04List_item + .pricingType04List_item {
  margin-left: -1px;
}
@media (max-width: 768px) {
  .pricingType04List_item + .pricingType04List_item {
    margin-left: 0;
  }
}
.pricingType04Unit {
  border: #e4e4e4 solid 1px;
}
.pricingType04UnitHeadPlan {
  background-color: #414141;
  color: #fff;
  font-weight: 500;
  padding: 4px;
  text-align: center;
  font-size: 19px;
  font-size: 1.9rem;
}
.pricingType04UnitBodyList_item {
  background-color: #f7f7f7;
}
.pricingType04UnitBodyList_item:nth-child(even) {
  background-color: #fff;
}
.pricingType04UnitBodyPrice {
  padding: 16px 4px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .pricingType04UnitBodyPrice {
    padding: 8px 4px 12px;
  }
}
.pricingType04UnitBodyPrice_lead {
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType04UnitBodyPrice_main {
  font-size: 15px;
  font-size: 1.5rem;
}
.pricingType04UnitBodyPrice_main strong {
  font-weight: 500;
  font-size: 30px;
  font-size: 3rem;
}
.pricingType04UnitBodyPrice_sub del {
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType04UnitBodySpecs {
  padding: 16px 4px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.pricingType04UnitBodySpecs_title {
  color: #646464;
}
@media (max-width: 768px) {
  .pricingType04UnitBodySpecs_title:not(:has(strong)) {
    display: inline-block;
  }
}
.pricingType04UnitBodySpecs_title strong {
  color: #ff811e;
  display: inline-block;
  font-weight: 500;
  padding: 0 0.4em;
  position: relative;
}
.pricingType04UnitBodySpecs_title strong::before, .pricingType04UnitBodySpecs_title strong::after {
  background-color: currentColor;
  bottom: 0.2em;
  content: "";
  display: block;
  height: 1em;
  pointer-events: none;
  position: absolute;
  transform-origin: center bottom;
  width: 2px;
}
.pricingType04UnitBodySpecs_title strong::before {
  left: 0;
  transform: rotate(-15deg);
}
.pricingType04UnitBodySpecs_title strong::after {
  right: 0;
  transform: rotate(15deg);
}
.pricingType04UnitBodySpecs_text {
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .pricingType04UnitBodySpecs_text:not(:has(del)) {
    display: inline-block;
    margin-left: 0.5em;
  }
}
.pricingType04UnitBodySpecs_text del {
  text-decoration: line-through;
  font-size: 12px;
  font-size: 1.2rem;
}
.pricingType04UnitBodySpecsMemory_title {
  color: #ff811e;
}
.pricingType04UnitBodyApply {
  padding: 20px;
}
.pricingType04UnitBodyApply .buttonType01 {
  max-width: 200px;
  min-height: 48px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .pricingType04UnitBodyApply .buttonType01 {
    max-width: 100%;
  }
}
.pricingType04Unit.has-color .pricingType04UnitHeadPlan {
  background-color: #12b8d7;
}
.is-windowsMode .pricingType04Unit.has-color .pricingType04UnitHeadPlan {
  background-color: #0064aa;
}
.pricingType04Unit.is-campaign {
  border-color: #12b8d7;
  border-width: 1px 1px 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 1;
}
.pricingType04Unit.is-campaign .pricingType04UnitHeadPlan {
  background-color: #10a8c4;
  padding: 16px 4px;
}
@media (max-width: 768px) {
  .pricingType04Unit.is-campaign .pricingType04UnitHeadPlan {
    padding: 8px 4px;
  }
}
.pricingType04Unit.is-campaign .pricingType04UnitHeadPrice {
  background-color: #12b8d7;
  color: #fff;
}
.pricingType04Unit.is-campaign .pricingType04UnitBodyApply {
  padding-bottom: 34px;
}
@media (max-width: 768px) {
  .pricingType04Unit.is-campaign .pricingType04UnitBodyApply {
    padding-bottom: 20px;
  }
}
.is-windowsMode .pricingType04Unit.is-campaign {
  border-color: #0064aa;
}
.is-windowsMode .pricingType04Unit.is-campaign .pricingType04UnitHeadPlan {
  background-color: #003961;
}
.is-windowsMode .pricingType04Unit.is-campaign .pricingType04UnitHeadPrice {
  background-color: #0064aa;
}
.pricingType05List {
  display: flex;
}
@media (max-width: 768px) {
  .pricingType05List {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.pricingType05List_item {
  width: calc(100% + 1px);
}
@media (max-width: 768px) {
  .pricingType05List_item {
    width: 100%;
  }
}
.pricingType05List_item + .pricingType05List_item {
  margin-left: -1px;
}
@media (max-width: 768px) {
  .pricingType05List_item + .pricingType05List_item {
    margin-left: 0;
  }
}
.pricingType05Unit {
  background-color: #fff;
  border-color: #3898e0 #c6c6c6 #c6c6c6;
  border-style: solid;
  border-width: 1px;
  display: block;
  height: calc(100% - 20px);
  margin-top: 20px;
}
@media (max-width: 768px) {
  .pricingType05Unit {
    height: auto;
    margin-top: 0;
  }
}
.pricingType05UnitHead {
  background-color: #f7f7f7;
  padding: 20px 0;
  position: relative;
  text-align: center;
}
.pricingType05UnitHeadPlan {
  line-height: 1.3;
  margin-bottom: 4px;
}
.pricingType05UnitHeadPlan_lead {
  margin-bottom: 2px;
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType05UnitHeadPlan_title {
  font-size: 18px;
  font-size: 1.8rem;
}
.pricingType05UnitHeadPrice {
  line-height: 1.3;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .pricingType05UnitHeadPrice {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.pricingType05UnitHeadPrice_main {
  font-size: 21px;
  font-size: 2.1rem;
}
@media (max-width: 768px) {
  .pricingType05UnitHeadPrice_main {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.pricingType05UnitHeadPrice_main strong {
  font-weight: 500;
  font-size: 46px;
  font-size: 4.6rem;
}
@media (max-width: 768px) {
  .pricingType05UnitHeadPrice_main strong {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
.pricingType05UnitHeadPrice_sub {
  margin-top: 4px;
}
@media (max-width: 768px) {
  .pricingType05UnitHeadPrice_sub {
    margin-top: 12px;
  }
}
.pricingType05UnitHeadPrice_max {
  display: inline-block;
  font-weight: 500;
  margin-top: 4px;
  padding: 2px 12px;
}
.pricingType05UnitHeadPrice_max strong {
  font-size: 20px;
  font-size: 2rem;
}
.pricingType05UnitBody {
  border-top: #c6c6c6 solid 1px;
}
.pricingType05UnitBodyList_item + .pricingType05UnitBodyList_item {
  border-top: #c6c6c6 solid 1px;
}
.pricingType05UnitBodySpecs {
  padding: 8px 4px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.pricingType05UnitBodySpecs_title {
  display: inline-block;
  min-width: 8em;
  padding-left: 1.6em;
  position: relative;
  text-align: left;
}
.pricingType05UnitBodySpecs_title::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #3898e0;
  content: "\f099";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: 0;
  transform-origin: left center;
}
.pricingType05UnitBodySpecs_text {
  display: inline-block;
  min-width: 3.5em;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
}
.pricingType05UnitBodyApply {
  padding: 20px;
}
.pricingType05UnitBodyApply .buttonType01, .pricingType05UnitBodyApply .buttonType02 {
  max-width: 200px;
  min-height: 48px;
  font-size: 15px;
  font-size: 1.5rem;
}
.pricingType05UnitBodyText {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .pricingType05UnitBodyText {
    padding-bottom: 0;
  }
}
.pricingType05Unit.is-campaign {
  background-color: #ebf6ff;
  border-color: #3898e0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.08);
  height: 100%;
  margin-top: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .pricingType05Unit.is-campaign {
    height: auto;
  }
}
.pricingType05Unit.is-campaign .pricingType05UnitHead {
  background-color: #3898e0;
  color: #fff;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .pricingType05Unit.is-campaign .pricingType05UnitHead {
    padding-top: 20px;
  }
}
.pricingType05Unit.is-campaign .pricingType05UnitBody {
  border-top-color: #3898e0;
}
.pricingType06List {
  align-items: flex-end;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .pricingType06List {
    grid-template-columns: 100%;
  }
}
.pricingType06Unit {
  border: #e4e4e4 solid 1px;
}
.pricingType06UnitHead {
  position: relative;
}
.pricingType06UnitHeadBadge {
  background-color: #ffef18;
  clip-path: path("M72.2,72l-7.8,0.5l-3,7.3l-7.6-2L48.7,84l-6.6-4.2L35.5,84l-5.1-6l-7.6,2l-3-7.4L12,72l-0.5-7.8l-7.3-3l2-7.6l-6.1-5L4.2,42 L0,35.4l6-5l-2-7.6l7.3-2.9l0.5-7.8l7.8-0.5l3.1-7.4l7.6,2L35.5,0l6.6,4.2L48.7,0l5.1,6l7.6-2l2.9,7.3l7.8,0.5l0.5,7.8l7.3,2.9l-2,7.6l6,5l-4.2,6.6l4.2,6.6l-6,5l2,7.6l-7.3,3L72.2,72z");
  height: 84px;
  left: -24px;
  overflow: hidden;
  position: absolute;
  text-indent: -999px;
  top: -20px;
  transform-origin: left top;
  width: 84px;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadBadge {
    left: -10px;
    transform: scale(0.86);
  }
}
.pricingType06UnitHeadBadge::before {
  background-color: #414141;
  clip-path: path("M28.6,25.6h-1.7c-0.7,0-1.3,0-2-0.1V28c1.8,0,3.2-0.1,3.8-0.1v2.3c-1,0.4-4.4,2.2-4.4,5.1c0,2.3,2.6,3.6,4.3,3.6 c2.6,0,2.6-2.5,2.6-3.8v-3.4c1.1-0.4,2.2-0.6,3.3-0.6c2.8,0,3.3,1.7,3.3,2.7c0.1,1.2-0.8,2.2-2,2.3c0,0-0.1,0-0.1,0h-0.4 c-0.6,0-1.2-0.1-1.7-0.4l0.1,2.6c0.6,0.2,1.3,0.3,1.9,0.3c2.5,0.2,4.7-1.6,4.9-4.1c0-0.2,0-0.4,0-0.6c0-2.5-1.6-5.1-5.5-5.1 c-1.3,0-2.5,0.2-3.7,0.6v-1.6c1.2-0.1,2.4-0.3,3.6-0.5l-0.1-2.5c-1.2,0.3-2.4,0.5-3.6,0.6v-2.9h-2.5L28.6,25.6z M28.7,35.3 c0,0.8,0,1.3-0.6,1.3c-0.8,0-1.5-0.5-1.7-1.3c0-1.1,1.7-2.2,2.3-2.5C28.7,32.8,28.7,35.3,28.7,35.3z M35.4,25.4 c1.5,1,2.8,2.2,3.9,3.6l1.8-1.7c-1.2-1.4-2.6-2.6-4.1-3.6L35.4,25.4z M55.2,24.6v-2.2h-2.4v2.3l-5.3,0.1h-3.6v2.4 c1.3-0.1,2.2-0.1,3.6-0.2l5.3-0.1v1.2c-0.6-0.3-1.2-0.5-1.9-0.4c-2.1-0.1-3.8,1.5-3.9,3.6v0.3c-0.1,2,1.4,3.7,3.4,3.9h0.2 c0.6,0,1.2-0.1,1.7-0.4c-1.1,1.2-2.4,2.1-4,2.6l1.7,2.1c4.9-1.9,5.2-5.3,5.2-7.2L55.1,27h5L60,24.6c-0.6,0-1.6,0.2-3.6,0.2 L55.2,24.6z M52.8,31.6c0.1,0.8-0.5,1.6-1.3,1.7c-0.1,0-0.1,0-0.2,0h-0.1c-0.9,0-1.6-0.7-1.6-1.6c0,0,0,0,0,0v-0.2 c-0.1-0.9,0.6-1.7,1.6-1.8c0,0,0,0,0,0h0.1c0.9,0,1.6,0.7,1.6,1.6c0,0,0,0,0,0C52.8,31.4,52.8,31.5,52.8,31.6z M35.5,47.6v-2.2h-2.4 v2.3l-5.3,0.1h-3.6v2.4c1.3-0.1,2.2-0.1,3.6-0.2l5.3-0.1v1.2c-0.6-0.3-1.2-0.5-1.9-0.4c-2.1-0.1-3.8,1.5-3.9,3.6v0.3 c-0.1,2,1.4,3.7,3.4,3.9h0.2c0.6,0,1.2-0.1,1.7-0.4c-1.1,1.2-2.4,2.1-4,2.6l1.7,2c4.9-1.9,5.2-5.3,5.2-7.2v-5.6h5l-0.1-2.4 c-0.6,0-1.6,0.2-3.6,0.2L35.5,47.6z M33,54.6c0.1,0.8-0.5,1.6-1.3,1.7c-0.1,0-0.1,0-0.2,0h-0.1c-0.9,0-1.6-0.7-1.6-1.6c0,0,0,0,0,0 v-0.2c-0.1-0.9,0.6-1.7,1.6-1.8c0,0,0,0,0,0h0.1c0.9,0,1.6,0.7,1.6,1.6c0,0,0,0,0,0C33,54.4,33,54.5,33,54.6z M52.7,45.4 c-0.1,0.6-0.3,1.9-0.5,2.9c-1.3,0.1-2.6,0.5-3.8,1.1c-0.3-1.3-0.5-2.2-0.6-2.9l-2.4,0.9c0.2,1.2,0.5,2.4,0.9,3.5 c-1.6,1.5-2.6,3.6-2.6,5.8c0,2.2,1.1,4,3,4c2,0,5.3-1.9,7.4-10c2.1,0.2,3.6,2,3.6,4.1c0,2.4-1.7,4.6-6.1,5.1l1,2.2 c1.2-0.2,7.7-1,7.7-7.3c0-3.2-1.9-5.7-5.6-6.4c0.2-1,0.3-1.2,0.5-2.5L52.7,45.4z M51.7,50.7c-0.4,1.4-0.8,2.8-1.4,4.1 c-0.5-1-1-2-1.3-3.1C49.8,51.2,50.7,50.8,51.7,50.7z M48.8,57c-0.4,0.7-1.1,1.2-1.9,1.4c-0.5,0-1-0.4-1-1.7c0-1.2,0.4-2.4,1.2-3.3 C47.6,54.6,48.2,55.8,48.8,57z");
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.pricingType06UnitHeadPlan {
  align-content: center;
  background-color: #414141;
  color: #fff;
  display: grid;
  min-height: 92px;
  padding: 4px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadPlan {
    min-height: 0;
    padding: 6px 4px 8px;
  }
}
.pricingType06UnitHeadPlan_memory {
  font-weight: 500;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadPlan_memory {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
.pricingType06UnitHeadPrice {
  align-content: center;
  background-color: #efefef;
  display: grid;
  min-height: 210px;
  padding: 6px 4px 10px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadPrice {
    min-height: 0;
  }
}
.pricingType06UnitHeadPrice_lead {
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType06UnitHeadPrice_main {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadPrice_main {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.pricingType06UnitHeadPrice_main strong {
  font-weight: 700;
  font-size: 40px;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadPrice_main strong {
    font-size: 30px;
    font-size: 3rem;
  }
}
.pricingType06UnitHeadPrice_sub del {
  font-size: 13px;
  font-size: 1.3rem;
}
.pricingType06UnitHeadPrice_sub .textOval {
  background-color: #ffef18;
  color: #414141;
}
.pricingType06UnitHeadCashback {
  align-content: center;
  background-color: #efefef;
  display: grid;
  min-height: 210px;
  padding: 6px 4px 10px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadCashback {
    min-height: 0;
  }
}
.pricingType06UnitHeadCashback_default {
  margin-bottom: 8px;
  padding-bottom: 12px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
}
.pricingType06UnitHeadCashback_default::before {
  background-color: #c6c6c6;
  bottom: 0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  height: 10px;
  left: calc(50% - 9px);
  position: absolute;
  width: 18px;
}
.pricingType06UnitHeadCashback_default strong {
  font-size: 24px;
  font-size: 2.4rem;
}
.pricingType06UnitHeadCashback_cashback {
  background-color: #ffef18;
  border-radius: 9999px;
  color: #414141;
  font-weight: 500;
  justify-self: center;
  padding: 2px 12px;
}
.pricingType06UnitHeadCashback_effective {
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadCashback_effective {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.pricingType06UnitHeadCashback_effective strong {
  font-weight: 700;
  font-size: 40px;
  font-size: 4rem;
}
@media (max-width: 768px) {
  .pricingType06UnitHeadCashback_effective strong {
    font-size: 30px;
    font-size: 3rem;
  }
}
.pricingType06UnitHeadCashback_off {
  font-weight: 500;
}
.pricingType06UnitHeadCashback_off strong {
  font-size: 16px;
  font-size: 1.6rem;
}
.pricingType06UnitBodyList_item {
  background-color: #fff;
}
.pricingType06UnitBodyList_item:nth-child(even) {
  background-color: #f7f7f7;
}
.pricingType06UnitBodySpecs {
  padding: 16px 4px;
  text-align: center;
}
.pricingType06UnitBodySpecs_title {
  display: inline-block;
}
.pricingType06UnitBodySpecs_text {
  display: inline-block;
  margin-left: 0.5em;
}
.pricingType06UnitBodyApply {
  background-color: #fff;
  padding: 20px;
}
.pricingType06UnitBodyApply .buttonType01 {
  max-width: 200px;
  min-height: 48px;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .pricingType06UnitBodyApply .buttonType01 {
    max-width: 100%;
  }
}
.pricingType06Unit.is-campaign {
  border-color: #12b8d7;
}
.pricingType06Unit.is-campaign .pricingType06UnitHeadPlan {
  background-color: #10a8c4;
  min-height: 108px;
}
@media (max-width: 768px) {
  .pricingType06Unit.is-campaign .pricingType06UnitHeadPlan {
    padding: 8px 4px;
  }
}
.pricingType06Unit.is-campaign .pricingType06UnitHeadPrice {
  background-color: #12b8d7;
  color: #fff;
}
.pricingType06Unit.is-campaign .pricingType06UnitHeadCashback {
  background-color: #12b8d7;
  color: #fff;
}
.pricingType06Unit.is-campaign .pricingType06UnitHeadCashback_default::before {
  background-color: #fff;
}
.pricingType06Unit.is-campaign .pricingType06UnitHeadCashback_effective {
  color: #ffef18;
}
.pricingType06Unit.is-campaign .pricingType06UnitBodyList_item {
  background-color: #ebfcff;
}
.pricingType06Unit.is-campaign .pricingType06UnitBodyList_item:nth-child(even) {
  background-color: #cef8ff;
}

.tab {
  /** VPS・Windows・GAME 料金切り替えなど **/
}
.tabType01Select_list {
  border: #e4e4e4 solid 1px;
  display: flex;
}
.tabType01Select_item {
  color: #414141;
  width: 50%;
}
.tabType01Select_item:hover .tabType01Button, .tabType01Select_item.is-active .tabType01Button {
  background-color: #12b8d7;
  color: #fff;
}
.is-windowsMode .tabType01Select_item:hover .tabType01Button, .is-windowsMode .tabType01Select_item.is-active .tabType01Button {
  background-color: #0064aa;
}
.tabType01Select_item:hover .tabType01Button.is-colorBlack, .tabType01Select_item.is-active .tabType01Button.is-colorBlack {
  background-color: #414141;
}
.tabType01Select_item.is-active .tabType01Button::before, .tabType01Select_item.is-active .tabType01Button::after {
  display: block;
}
.tabType01Select_item + .tabType01Select_item {
  border-left: #e4e4e4 solid 1px;
}
.tabType01Select.has-icon .tabType01Button_inner {
  padding-left: 2.4em;
}
@media (max-width: 768px) {
  .tabType01Select.has-icon .tabType01Button_inner {
    padding-left: 0;
  }
}
.tabType01Select.has-icon .tabType01Button_inner .icon {
  left: 0;
  line-height: 0;
  position: absolute;
  top: calc(50% - 0.5em);
  transform: scale(1.8);
  transform-origin: left center;
}
@media (max-width: 768px) {
  .tabType01Select.has-icon .tabType01Button_inner .icon {
    display: none;
  }
}
.tabType01Select.has-icon .tabType01Button_inner .icon.icon-yen_clock {
  left: 0.2em;
  transform: scale(1.6);
}
.tabType01Button {
  align-items: center;
  background-color: #fff;
  color: #12b8d7;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  justify-content: center;
  line-height: 1.3;
  min-height: 80px;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .tabType01Button {
    min-height: 64px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tabType01Button::before, .tabType01Button::after {
  border-style: solid;
  border-width: 12px 12px 0 12px;
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 12px);
  position: absolute;
  width: 0;
}
@media (max-width: 768px) {
  .tabType01Button::before, .tabType01Button::after {
    border-width: 6px 6px 0 6px;
    left: calc(50% - 6px);
  }
}
.tabType01Button::before {
  border-color: #e4e4e4 transparent transparent transparent;
  top: 100%;
}
.tabType01Button::after {
  border-color: #12b8d7 transparent transparent transparent;
  top: calc(100% - 1px);
}
.is-windowsMode .tabType01Button::after {
  border-top-color: #0064aa;
}
.tabType01Button .textOval {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -70%);
  white-space: nowrap;
  z-index: 1;
}
@media (max-width: 768px) {
  .tabType01Button .textOval {
    font-size: 10px;
    font-size: 1rem;
  }
}
.tabType01Button_inner {
  position: relative;
}
.is-windowsMode .tabType01Button {
  background-color: #f7f7f7;
  color: #0064aa;
}
.tabType01Button.is-colorBlack {
  color: #414141;
}
.tabType01Button.is-colorBlack::after {
  border-color: #414141 transparent transparent transparent;
}
.tabType01Contents {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .tabType01Contents {
    margin-top: 20px;
  }
}
.tabType01Contents_item {
  display: none;
}
.tabType01Contents_item.is-active {
  display: block;
}
.tab {
  /** WING 料金切り替えなど **/
}
.tabType02Select {
  line-height: 1.3;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .tabType02Select {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tabType02Select_list {
  display: flex;
}
.tabType02Select_item {
  align-items: center;
  border-color: transparent transparent #c6c6c6;
  border-style: solid;
  border-width: 2px 1px 1px;
  cursor: pointer;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 12px 20px;
  position: relative;
  text-align: center;
  top: 1px;
  width: 100%;
}
@media (max-width: 768px) {
  .tabType02Select_item {
    padding: 16px 4px;
  }
}
.tabType02Select_item .textRibbonType03 {
  transform: translate(-50%, -70%);
}
.tabType02Select_item.is-active {
  border-color: currentColor #c6c6c6 #c6c6c6;
  clip-path: polygon(0 -40px, 100% -40px, 100% 100%, calc(100% - 1px) 100%, calc(100% - 1px) calc(100% - 2px), 1px calc(100% - 2px), 1px 100%, 0 100%);
  color: #12b8d7;
  font-weight: 500;
}
@media (max-width: 768px) {
  .tabType02Select_item.is-active {
    padding: 12px 4px;
  }
}
.tabType02Contents {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .tabType02Contents {
    margin-top: 20px;
  }
}
.tabType02Contents_item {
  display: none;
}
.tabType02Contents_item.is-active {
  display: block;
}
.tabType02.has-lots .tabType02Select_item {
  padding: 20px;
}
@media (max-width: 768px) {
  .tabType02.has-lots .tabType02Select_item {
    padding: 12px 4px;
  }
}
.tabType02.has-lots .tabType02Select_item.is-active {
  padding: 20px 40px;
}
@media (max-width: 768px) {
  .tabType02.has-lots .tabType02Select_item.is-active {
    padding: 12px 4px;
  }
}
.is-windowsMode .tabType02 .tabType02Select_item.is-active {
  color: #0064aa;
}
.tab {
  /** 料金期間切り替え **/
}
.tabType03Select_list {
  display: flex;
}
.tabType03Select_item + .tabType03Select_item {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .tabType03Select_item + .tabType03Select_item {
    margin-left: 8px;
  }
}
.tabType03Select_item.is-active .tabType03Button {
  border-bottom-color: #12b8d7;
  color: #12b8d7;
}
.is-windowsMode .tabType03Select_item.is-active .tabType03Button {
  border-bottom-color: #0064aa;
  color: #0064aa;
}
.tabType03Button {
  border-bottom: transparent solid 3px;
  cursor: pointer;
  padding: 0 4px 4px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .tabType03Button {
    border-bottom-width: 1px;
    padding: 0 2px 4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tabType03Contents {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .tabType03Contents {
    margin-top: 16px;
  }
}
.tabType03Contents_item {
  display: none;
}
.tabType03Contents_item.is-active {
  display: block;
}

.table {
  /** 初期費用 無料・最低利用期間 無し **/
}
.tableCosts {
  color: #414141;
}
.tableCostsList {
  border: #c6c6c6 solid 1px;
  display: flex;
}
@media (max-width: 768px) {
  .tableCostsList {
    flex-direction: column;
  }
}
.tableCostsList_item {
  background-color: #f7f7f7;
  padding: 18px 12px;
  width: 50%;
}
@media (max-width: 768px) {
  .tableCostsList_item {
    width: 100%;
  }
}
.tableCostsList_item + .tableCostsList_item {
  border-color: #c6c6c6;
  border-style: solid;
  border-width: 0 0 0 1px;
}
@media (max-width: 768px) {
  .tableCostsList_item + .tableCostsList_item {
    border-width: 1px 0 0 0;
  }
}
.tableCostsUnit {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .tableCostsUnit {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.tableCostsUnit_title {
  padding-bottom: 3px;
  padding-left: 36px;
  position: relative;
}
@media (max-width: 768px) {
  .tableCostsUnit_title {
    padding-left: 32px;
  }
}
.tableCostsUnit_title::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  color: #12b8d7;
  content: "\f06d";
  left: 0;
  position: absolute;
  top: 3px;
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .tableCostsUnit_title::before {
    top: -4px;
  }
}
.is-windowsMode .tableCostsUnit_title::before {
  color: #0064aa;
}
.tableCostsUnit_data {
  color: #ff811e;
  font-weight: 500;
  margin-left: 12px;
  font-size: 32px;
  font-size: 3.2rem;
}
@media (max-width: 768px) {
  .tableCostsUnit_data {
    margin-left: 8px;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.table {
  /** ドメイン **/
}
.tableDomain {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .tableDomain {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.tableDomainHead {
  line-height: 1.3;
  padding: 24px 4px;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .tableDomainHead {
    padding: 12px 4px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.tableDomainHead .textRibbonType01 {
  top: -12px;
}
@media (max-width: 768px) {
  .tableDomainHead .textRibbonType01 {
    top: -20px;
  }
}
.tableDomainBody {
  padding: 8px 4px;
  position: relative;
  text-align: center;
}
.tableDomainBody_price {
  color: #ff811e;
}
.tableDomainBody_yen {
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .tableDomainBody_yen {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.tableDomainBody_defaultPrice {
  margin-left: 0.3em;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .tableDomainBody_defaultPrice {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.tableDomainBadge {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%);
  width: 22px;
  z-index: 1;
}
@media (max-width: 768px) {
  .tableDomainBadge {
    right: 4px;
    width: 20px;
  }
}
.tableDomainBadge_balloon {
  background-color: #fff;
  border: #3898e0 solid 1px;
  border-radius: 8px;
  bottom: calc(100% + 8px);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  display: none;
  font-weight: 500;
  left: -36px;
  line-height: 1.3;
  padding: 8px;
  position: absolute;
  white-space: nowrap;
  font-size: 15px;
  font-size: 1.5rem;
}
.tableDomainBadge_balloon::before, .tableDomainBadge_balloon::after {
  border-style: solid;
  border-width: 8px 6px 0 6px;
  content: "";
  display: block;
  height: 0;
  left: 40px;
  position: absolute;
  width: 0;
}
.tableDomainBadge_balloon::before {
  border-color: #3898e0 transparent transparent transparent;
  bottom: -8px;
}
.tableDomainBadge_balloon::after {
  border-color: #fff transparent transparent transparent;
  bottom: -6px;
}
.tableDomainBadge:hover .tableDomainBadge_balloon {
  display: block;
}
.tableDomain table {
  width: 100%;
}
.tableDomain table tr {
  background-color: #f7f7f7;
}
.tableDomain table tr:nth-child(even) {
  background-color: #e4e4e4;
}
.tableDomain table tr:hover {
  background-color: #dcebf6;
}
.tableDomain table th {
  background-color: #3898e0;
  color: #fff;
  text-align: center;
}
.tableDomain table th, .tableDomain table td {
  border: #c6c6c6 solid 1px;
  padding: 0;
}
.table {
  /** 縞々のテーブル（スペックなど） **/
}
.tableType01 {
  color: #414141;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
.tableType01 > thead > tr > th, .tableType01 > thead > tr > td, .tableType01 > tbody > tr > th, .tableType01 > tbody > tr > td, .tableType01 > tfoot > tr > th, .tableType01 > tfoot > tr > td {
  border: #c6c6c6 solid 1px;
  padding: 12px 20px;
  text-align: center;
  word-break: break-all;
}
.tableType01 > thead > tr > th.is-width0, .tableType01 > thead > tr > td.is-width0, .tableType01 > tbody > tr > th.is-width0, .tableType01 > tbody > tr > td.is-width0, .tableType01 > tfoot > tr > th.is-width0, .tableType01 > tfoot > tr > td.is-width0 {
  width: 0%;
}
.tableType01 > thead > tr > th.is-width1, .tableType01 > thead > tr > td.is-width1, .tableType01 > tbody > tr > th.is-width1, .tableType01 > tbody > tr > td.is-width1, .tableType01 > tfoot > tr > th.is-width1, .tableType01 > tfoot > tr > td.is-width1 {
  width: 1%;
}
.tableType01 > thead > tr > th.is-width2, .tableType01 > thead > tr > td.is-width2, .tableType01 > tbody > tr > th.is-width2, .tableType01 > tbody > tr > td.is-width2, .tableType01 > tfoot > tr > th.is-width2, .tableType01 > tfoot > tr > td.is-width2 {
  width: 2%;
}
.tableType01 > thead > tr > th.is-width3, .tableType01 > thead > tr > td.is-width3, .tableType01 > tbody > tr > th.is-width3, .tableType01 > tbody > tr > td.is-width3, .tableType01 > tfoot > tr > th.is-width3, .tableType01 > tfoot > tr > td.is-width3 {
  width: 3%;
}
.tableType01 > thead > tr > th.is-width4, .tableType01 > thead > tr > td.is-width4, .tableType01 > tbody > tr > th.is-width4, .tableType01 > tbody > tr > td.is-width4, .tableType01 > tfoot > tr > th.is-width4, .tableType01 > tfoot > tr > td.is-width4 {
  width: 4%;
}
.tableType01 > thead > tr > th.is-width5, .tableType01 > thead > tr > td.is-width5, .tableType01 > tbody > tr > th.is-width5, .tableType01 > tbody > tr > td.is-width5, .tableType01 > tfoot > tr > th.is-width5, .tableType01 > tfoot > tr > td.is-width5 {
  width: 5%;
}
.tableType01 > thead > tr > th.is-width6, .tableType01 > thead > tr > td.is-width6, .tableType01 > tbody > tr > th.is-width6, .tableType01 > tbody > tr > td.is-width6, .tableType01 > tfoot > tr > th.is-width6, .tableType01 > tfoot > tr > td.is-width6 {
  width: 6%;
}
.tableType01 > thead > tr > th.is-width7, .tableType01 > thead > tr > td.is-width7, .tableType01 > tbody > tr > th.is-width7, .tableType01 > tbody > tr > td.is-width7, .tableType01 > tfoot > tr > th.is-width7, .tableType01 > tfoot > tr > td.is-width7 {
  width: 7%;
}
.tableType01 > thead > tr > th.is-width8, .tableType01 > thead > tr > td.is-width8, .tableType01 > tbody > tr > th.is-width8, .tableType01 > tbody > tr > td.is-width8, .tableType01 > tfoot > tr > th.is-width8, .tableType01 > tfoot > tr > td.is-width8 {
  width: 8%;
}
.tableType01 > thead > tr > th.is-width9, .tableType01 > thead > tr > td.is-width9, .tableType01 > tbody > tr > th.is-width9, .tableType01 > tbody > tr > td.is-width9, .tableType01 > tfoot > tr > th.is-width9, .tableType01 > tfoot > tr > td.is-width9 {
  width: 9%;
}
.tableType01 > thead > tr > th.is-width10, .tableType01 > thead > tr > td.is-width10, .tableType01 > tbody > tr > th.is-width10, .tableType01 > tbody > tr > td.is-width10, .tableType01 > tfoot > tr > th.is-width10, .tableType01 > tfoot > tr > td.is-width10 {
  width: 10%;
}
.tableType01 > thead > tr > th.is-width11, .tableType01 > thead > tr > td.is-width11, .tableType01 > tbody > tr > th.is-width11, .tableType01 > tbody > tr > td.is-width11, .tableType01 > tfoot > tr > th.is-width11, .tableType01 > tfoot > tr > td.is-width11 {
  width: 11%;
}
.tableType01 > thead > tr > th.is-width12, .tableType01 > thead > tr > td.is-width12, .tableType01 > tbody > tr > th.is-width12, .tableType01 > tbody > tr > td.is-width12, .tableType01 > tfoot > tr > th.is-width12, .tableType01 > tfoot > tr > td.is-width12 {
  width: 12%;
}
.tableType01 > thead > tr > th.is-width13, .tableType01 > thead > tr > td.is-width13, .tableType01 > tbody > tr > th.is-width13, .tableType01 > tbody > tr > td.is-width13, .tableType01 > tfoot > tr > th.is-width13, .tableType01 > tfoot > tr > td.is-width13 {
  width: 13%;
}
.tableType01 > thead > tr > th.is-width14, .tableType01 > thead > tr > td.is-width14, .tableType01 > tbody > tr > th.is-width14, .tableType01 > tbody > tr > td.is-width14, .tableType01 > tfoot > tr > th.is-width14, .tableType01 > tfoot > tr > td.is-width14 {
  width: 14%;
}
.tableType01 > thead > tr > th.is-width15, .tableType01 > thead > tr > td.is-width15, .tableType01 > tbody > tr > th.is-width15, .tableType01 > tbody > tr > td.is-width15, .tableType01 > tfoot > tr > th.is-width15, .tableType01 > tfoot > tr > td.is-width15 {
  width: 15%;
}
.tableType01 > thead > tr > th.is-width16, .tableType01 > thead > tr > td.is-width16, .tableType01 > tbody > tr > th.is-width16, .tableType01 > tbody > tr > td.is-width16, .tableType01 > tfoot > tr > th.is-width16, .tableType01 > tfoot > tr > td.is-width16 {
  width: 16%;
}
.tableType01 > thead > tr > th.is-width17, .tableType01 > thead > tr > td.is-width17, .tableType01 > tbody > tr > th.is-width17, .tableType01 > tbody > tr > td.is-width17, .tableType01 > tfoot > tr > th.is-width17, .tableType01 > tfoot > tr > td.is-width17 {
  width: 17%;
}
.tableType01 > thead > tr > th.is-width18, .tableType01 > thead > tr > td.is-width18, .tableType01 > tbody > tr > th.is-width18, .tableType01 > tbody > tr > td.is-width18, .tableType01 > tfoot > tr > th.is-width18, .tableType01 > tfoot > tr > td.is-width18 {
  width: 18%;
}
.tableType01 > thead > tr > th.is-width19, .tableType01 > thead > tr > td.is-width19, .tableType01 > tbody > tr > th.is-width19, .tableType01 > tbody > tr > td.is-width19, .tableType01 > tfoot > tr > th.is-width19, .tableType01 > tfoot > tr > td.is-width19 {
  width: 19%;
}
.tableType01 > thead > tr > th.is-width20, .tableType01 > thead > tr > td.is-width20, .tableType01 > tbody > tr > th.is-width20, .tableType01 > tbody > tr > td.is-width20, .tableType01 > tfoot > tr > th.is-width20, .tableType01 > tfoot > tr > td.is-width20 {
  width: 20%;
}
.tableType01 > thead > tr > th.is-width21, .tableType01 > thead > tr > td.is-width21, .tableType01 > tbody > tr > th.is-width21, .tableType01 > tbody > tr > td.is-width21, .tableType01 > tfoot > tr > th.is-width21, .tableType01 > tfoot > tr > td.is-width21 {
  width: 21%;
}
.tableType01 > thead > tr > th.is-width22, .tableType01 > thead > tr > td.is-width22, .tableType01 > tbody > tr > th.is-width22, .tableType01 > tbody > tr > td.is-width22, .tableType01 > tfoot > tr > th.is-width22, .tableType01 > tfoot > tr > td.is-width22 {
  width: 22%;
}
.tableType01 > thead > tr > th.is-width23, .tableType01 > thead > tr > td.is-width23, .tableType01 > tbody > tr > th.is-width23, .tableType01 > tbody > tr > td.is-width23, .tableType01 > tfoot > tr > th.is-width23, .tableType01 > tfoot > tr > td.is-width23 {
  width: 23%;
}
.tableType01 > thead > tr > th.is-width24, .tableType01 > thead > tr > td.is-width24, .tableType01 > tbody > tr > th.is-width24, .tableType01 > tbody > tr > td.is-width24, .tableType01 > tfoot > tr > th.is-width24, .tableType01 > tfoot > tr > td.is-width24 {
  width: 24%;
}
.tableType01 > thead > tr > th.is-width25, .tableType01 > thead > tr > td.is-width25, .tableType01 > tbody > tr > th.is-width25, .tableType01 > tbody > tr > td.is-width25, .tableType01 > tfoot > tr > th.is-width25, .tableType01 > tfoot > tr > td.is-width25 {
  width: 25%;
}
.tableType01 > thead > tr > th.is-width26, .tableType01 > thead > tr > td.is-width26, .tableType01 > tbody > tr > th.is-width26, .tableType01 > tbody > tr > td.is-width26, .tableType01 > tfoot > tr > th.is-width26, .tableType01 > tfoot > tr > td.is-width26 {
  width: 26%;
}
.tableType01 > thead > tr > th.is-width27, .tableType01 > thead > tr > td.is-width27, .tableType01 > tbody > tr > th.is-width27, .tableType01 > tbody > tr > td.is-width27, .tableType01 > tfoot > tr > th.is-width27, .tableType01 > tfoot > tr > td.is-width27 {
  width: 27%;
}
.tableType01 > thead > tr > th.is-width28, .tableType01 > thead > tr > td.is-width28, .tableType01 > tbody > tr > th.is-width28, .tableType01 > tbody > tr > td.is-width28, .tableType01 > tfoot > tr > th.is-width28, .tableType01 > tfoot > tr > td.is-width28 {
  width: 28%;
}
.tableType01 > thead > tr > th.is-width29, .tableType01 > thead > tr > td.is-width29, .tableType01 > tbody > tr > th.is-width29, .tableType01 > tbody > tr > td.is-width29, .tableType01 > tfoot > tr > th.is-width29, .tableType01 > tfoot > tr > td.is-width29 {
  width: 29%;
}
.tableType01 > thead > tr > th.is-width30, .tableType01 > thead > tr > td.is-width30, .tableType01 > tbody > tr > th.is-width30, .tableType01 > tbody > tr > td.is-width30, .tableType01 > tfoot > tr > th.is-width30, .tableType01 > tfoot > tr > td.is-width30 {
  width: 30%;
}
.tableType01 > thead > tr > th.is-width31, .tableType01 > thead > tr > td.is-width31, .tableType01 > tbody > tr > th.is-width31, .tableType01 > tbody > tr > td.is-width31, .tableType01 > tfoot > tr > th.is-width31, .tableType01 > tfoot > tr > td.is-width31 {
  width: 31%;
}
.tableType01 > thead > tr > th.is-width32, .tableType01 > thead > tr > td.is-width32, .tableType01 > tbody > tr > th.is-width32, .tableType01 > tbody > tr > td.is-width32, .tableType01 > tfoot > tr > th.is-width32, .tableType01 > tfoot > tr > td.is-width32 {
  width: 32%;
}
.tableType01 > thead > tr > th.is-width33, .tableType01 > thead > tr > td.is-width33, .tableType01 > tbody > tr > th.is-width33, .tableType01 > tbody > tr > td.is-width33, .tableType01 > tfoot > tr > th.is-width33, .tableType01 > tfoot > tr > td.is-width33 {
  width: 33%;
}
.tableType01 > thead > tr > th.is-width34, .tableType01 > thead > tr > td.is-width34, .tableType01 > tbody > tr > th.is-width34, .tableType01 > tbody > tr > td.is-width34, .tableType01 > tfoot > tr > th.is-width34, .tableType01 > tfoot > tr > td.is-width34 {
  width: 34%;
}
.tableType01 > thead > tr > th.is-width35, .tableType01 > thead > tr > td.is-width35, .tableType01 > tbody > tr > th.is-width35, .tableType01 > tbody > tr > td.is-width35, .tableType01 > tfoot > tr > th.is-width35, .tableType01 > tfoot > tr > td.is-width35 {
  width: 35%;
}
.tableType01 > thead > tr > th.is-width36, .tableType01 > thead > tr > td.is-width36, .tableType01 > tbody > tr > th.is-width36, .tableType01 > tbody > tr > td.is-width36, .tableType01 > tfoot > tr > th.is-width36, .tableType01 > tfoot > tr > td.is-width36 {
  width: 36%;
}
.tableType01 > thead > tr > th.is-width37, .tableType01 > thead > tr > td.is-width37, .tableType01 > tbody > tr > th.is-width37, .tableType01 > tbody > tr > td.is-width37, .tableType01 > tfoot > tr > th.is-width37, .tableType01 > tfoot > tr > td.is-width37 {
  width: 37%;
}
.tableType01 > thead > tr > th.is-width38, .tableType01 > thead > tr > td.is-width38, .tableType01 > tbody > tr > th.is-width38, .tableType01 > tbody > tr > td.is-width38, .tableType01 > tfoot > tr > th.is-width38, .tableType01 > tfoot > tr > td.is-width38 {
  width: 38%;
}
.tableType01 > thead > tr > th.is-width39, .tableType01 > thead > tr > td.is-width39, .tableType01 > tbody > tr > th.is-width39, .tableType01 > tbody > tr > td.is-width39, .tableType01 > tfoot > tr > th.is-width39, .tableType01 > tfoot > tr > td.is-width39 {
  width: 39%;
}
.tableType01 > thead > tr > th.is-width40, .tableType01 > thead > tr > td.is-width40, .tableType01 > tbody > tr > th.is-width40, .tableType01 > tbody > tr > td.is-width40, .tableType01 > tfoot > tr > th.is-width40, .tableType01 > tfoot > tr > td.is-width40 {
  width: 40%;
}
.tableType01 > thead > tr > th.is-width41, .tableType01 > thead > tr > td.is-width41, .tableType01 > tbody > tr > th.is-width41, .tableType01 > tbody > tr > td.is-width41, .tableType01 > tfoot > tr > th.is-width41, .tableType01 > tfoot > tr > td.is-width41 {
  width: 41%;
}
.tableType01 > thead > tr > th.is-width42, .tableType01 > thead > tr > td.is-width42, .tableType01 > tbody > tr > th.is-width42, .tableType01 > tbody > tr > td.is-width42, .tableType01 > tfoot > tr > th.is-width42, .tableType01 > tfoot > tr > td.is-width42 {
  width: 42%;
}
.tableType01 > thead > tr > th.is-width43, .tableType01 > thead > tr > td.is-width43, .tableType01 > tbody > tr > th.is-width43, .tableType01 > tbody > tr > td.is-width43, .tableType01 > tfoot > tr > th.is-width43, .tableType01 > tfoot > tr > td.is-width43 {
  width: 43%;
}
.tableType01 > thead > tr > th.is-width44, .tableType01 > thead > tr > td.is-width44, .tableType01 > tbody > tr > th.is-width44, .tableType01 > tbody > tr > td.is-width44, .tableType01 > tfoot > tr > th.is-width44, .tableType01 > tfoot > tr > td.is-width44 {
  width: 44%;
}
.tableType01 > thead > tr > th.is-width45, .tableType01 > thead > tr > td.is-width45, .tableType01 > tbody > tr > th.is-width45, .tableType01 > tbody > tr > td.is-width45, .tableType01 > tfoot > tr > th.is-width45, .tableType01 > tfoot > tr > td.is-width45 {
  width: 45%;
}
.tableType01 > thead > tr > th.is-width46, .tableType01 > thead > tr > td.is-width46, .tableType01 > tbody > tr > th.is-width46, .tableType01 > tbody > tr > td.is-width46, .tableType01 > tfoot > tr > th.is-width46, .tableType01 > tfoot > tr > td.is-width46 {
  width: 46%;
}
.tableType01 > thead > tr > th.is-width47, .tableType01 > thead > tr > td.is-width47, .tableType01 > tbody > tr > th.is-width47, .tableType01 > tbody > tr > td.is-width47, .tableType01 > tfoot > tr > th.is-width47, .tableType01 > tfoot > tr > td.is-width47 {
  width: 47%;
}
.tableType01 > thead > tr > th.is-width48, .tableType01 > thead > tr > td.is-width48, .tableType01 > tbody > tr > th.is-width48, .tableType01 > tbody > tr > td.is-width48, .tableType01 > tfoot > tr > th.is-width48, .tableType01 > tfoot > tr > td.is-width48 {
  width: 48%;
}
.tableType01 > thead > tr > th.is-width49, .tableType01 > thead > tr > td.is-width49, .tableType01 > tbody > tr > th.is-width49, .tableType01 > tbody > tr > td.is-width49, .tableType01 > tfoot > tr > th.is-width49, .tableType01 > tfoot > tr > td.is-width49 {
  width: 49%;
}
.tableType01 > thead > tr > th.is-width50, .tableType01 > thead > tr > td.is-width50, .tableType01 > tbody > tr > th.is-width50, .tableType01 > tbody > tr > td.is-width50, .tableType01 > tfoot > tr > th.is-width50, .tableType01 > tfoot > tr > td.is-width50 {
  width: 50%;
}
.tableType01 > thead > tr > th.is-width51, .tableType01 > thead > tr > td.is-width51, .tableType01 > tbody > tr > th.is-width51, .tableType01 > tbody > tr > td.is-width51, .tableType01 > tfoot > tr > th.is-width51, .tableType01 > tfoot > tr > td.is-width51 {
  width: 51%;
}
.tableType01 > thead > tr > th.is-width52, .tableType01 > thead > tr > td.is-width52, .tableType01 > tbody > tr > th.is-width52, .tableType01 > tbody > tr > td.is-width52, .tableType01 > tfoot > tr > th.is-width52, .tableType01 > tfoot > tr > td.is-width52 {
  width: 52%;
}
.tableType01 > thead > tr > th.is-width53, .tableType01 > thead > tr > td.is-width53, .tableType01 > tbody > tr > th.is-width53, .tableType01 > tbody > tr > td.is-width53, .tableType01 > tfoot > tr > th.is-width53, .tableType01 > tfoot > tr > td.is-width53 {
  width: 53%;
}
.tableType01 > thead > tr > th.is-width54, .tableType01 > thead > tr > td.is-width54, .tableType01 > tbody > tr > th.is-width54, .tableType01 > tbody > tr > td.is-width54, .tableType01 > tfoot > tr > th.is-width54, .tableType01 > tfoot > tr > td.is-width54 {
  width: 54%;
}
.tableType01 > thead > tr > th.is-width55, .tableType01 > thead > tr > td.is-width55, .tableType01 > tbody > tr > th.is-width55, .tableType01 > tbody > tr > td.is-width55, .tableType01 > tfoot > tr > th.is-width55, .tableType01 > tfoot > tr > td.is-width55 {
  width: 55%;
}
.tableType01 > thead > tr > th.is-width56, .tableType01 > thead > tr > td.is-width56, .tableType01 > tbody > tr > th.is-width56, .tableType01 > tbody > tr > td.is-width56, .tableType01 > tfoot > tr > th.is-width56, .tableType01 > tfoot > tr > td.is-width56 {
  width: 56%;
}
.tableType01 > thead > tr > th.is-width57, .tableType01 > thead > tr > td.is-width57, .tableType01 > tbody > tr > th.is-width57, .tableType01 > tbody > tr > td.is-width57, .tableType01 > tfoot > tr > th.is-width57, .tableType01 > tfoot > tr > td.is-width57 {
  width: 57%;
}
.tableType01 > thead > tr > th.is-width58, .tableType01 > thead > tr > td.is-width58, .tableType01 > tbody > tr > th.is-width58, .tableType01 > tbody > tr > td.is-width58, .tableType01 > tfoot > tr > th.is-width58, .tableType01 > tfoot > tr > td.is-width58 {
  width: 58%;
}
.tableType01 > thead > tr > th.is-width59, .tableType01 > thead > tr > td.is-width59, .tableType01 > tbody > tr > th.is-width59, .tableType01 > tbody > tr > td.is-width59, .tableType01 > tfoot > tr > th.is-width59, .tableType01 > tfoot > tr > td.is-width59 {
  width: 59%;
}
.tableType01 > thead > tr > th.is-width60, .tableType01 > thead > tr > td.is-width60, .tableType01 > tbody > tr > th.is-width60, .tableType01 > tbody > tr > td.is-width60, .tableType01 > tfoot > tr > th.is-width60, .tableType01 > tfoot > tr > td.is-width60 {
  width: 60%;
}
.tableType01 > thead > tr > th.is-width61, .tableType01 > thead > tr > td.is-width61, .tableType01 > tbody > tr > th.is-width61, .tableType01 > tbody > tr > td.is-width61, .tableType01 > tfoot > tr > th.is-width61, .tableType01 > tfoot > tr > td.is-width61 {
  width: 61%;
}
.tableType01 > thead > tr > th.is-width62, .tableType01 > thead > tr > td.is-width62, .tableType01 > tbody > tr > th.is-width62, .tableType01 > tbody > tr > td.is-width62, .tableType01 > tfoot > tr > th.is-width62, .tableType01 > tfoot > tr > td.is-width62 {
  width: 62%;
}
.tableType01 > thead > tr > th.is-width63, .tableType01 > thead > tr > td.is-width63, .tableType01 > tbody > tr > th.is-width63, .tableType01 > tbody > tr > td.is-width63, .tableType01 > tfoot > tr > th.is-width63, .tableType01 > tfoot > tr > td.is-width63 {
  width: 63%;
}
.tableType01 > thead > tr > th.is-width64, .tableType01 > thead > tr > td.is-width64, .tableType01 > tbody > tr > th.is-width64, .tableType01 > tbody > tr > td.is-width64, .tableType01 > tfoot > tr > th.is-width64, .tableType01 > tfoot > tr > td.is-width64 {
  width: 64%;
}
.tableType01 > thead > tr > th.is-width65, .tableType01 > thead > tr > td.is-width65, .tableType01 > tbody > tr > th.is-width65, .tableType01 > tbody > tr > td.is-width65, .tableType01 > tfoot > tr > th.is-width65, .tableType01 > tfoot > tr > td.is-width65 {
  width: 65%;
}
.tableType01 > thead > tr > th.is-width66, .tableType01 > thead > tr > td.is-width66, .tableType01 > tbody > tr > th.is-width66, .tableType01 > tbody > tr > td.is-width66, .tableType01 > tfoot > tr > th.is-width66, .tableType01 > tfoot > tr > td.is-width66 {
  width: 66%;
}
.tableType01 > thead > tr > th.is-width67, .tableType01 > thead > tr > td.is-width67, .tableType01 > tbody > tr > th.is-width67, .tableType01 > tbody > tr > td.is-width67, .tableType01 > tfoot > tr > th.is-width67, .tableType01 > tfoot > tr > td.is-width67 {
  width: 67%;
}
.tableType01 > thead > tr > th.is-width68, .tableType01 > thead > tr > td.is-width68, .tableType01 > tbody > tr > th.is-width68, .tableType01 > tbody > tr > td.is-width68, .tableType01 > tfoot > tr > th.is-width68, .tableType01 > tfoot > tr > td.is-width68 {
  width: 68%;
}
.tableType01 > thead > tr > th.is-width69, .tableType01 > thead > tr > td.is-width69, .tableType01 > tbody > tr > th.is-width69, .tableType01 > tbody > tr > td.is-width69, .tableType01 > tfoot > tr > th.is-width69, .tableType01 > tfoot > tr > td.is-width69 {
  width: 69%;
}
.tableType01 > thead > tr > th.is-width70, .tableType01 > thead > tr > td.is-width70, .tableType01 > tbody > tr > th.is-width70, .tableType01 > tbody > tr > td.is-width70, .tableType01 > tfoot > tr > th.is-width70, .tableType01 > tfoot > tr > td.is-width70 {
  width: 70%;
}
.tableType01 > thead > tr > th.is-width71, .tableType01 > thead > tr > td.is-width71, .tableType01 > tbody > tr > th.is-width71, .tableType01 > tbody > tr > td.is-width71, .tableType01 > tfoot > tr > th.is-width71, .tableType01 > tfoot > tr > td.is-width71 {
  width: 71%;
}
.tableType01 > thead > tr > th.is-width72, .tableType01 > thead > tr > td.is-width72, .tableType01 > tbody > tr > th.is-width72, .tableType01 > tbody > tr > td.is-width72, .tableType01 > tfoot > tr > th.is-width72, .tableType01 > tfoot > tr > td.is-width72 {
  width: 72%;
}
.tableType01 > thead > tr > th.is-width73, .tableType01 > thead > tr > td.is-width73, .tableType01 > tbody > tr > th.is-width73, .tableType01 > tbody > tr > td.is-width73, .tableType01 > tfoot > tr > th.is-width73, .tableType01 > tfoot > tr > td.is-width73 {
  width: 73%;
}
.tableType01 > thead > tr > th.is-width74, .tableType01 > thead > tr > td.is-width74, .tableType01 > tbody > tr > th.is-width74, .tableType01 > tbody > tr > td.is-width74, .tableType01 > tfoot > tr > th.is-width74, .tableType01 > tfoot > tr > td.is-width74 {
  width: 74%;
}
.tableType01 > thead > tr > th.is-width75, .tableType01 > thead > tr > td.is-width75, .tableType01 > tbody > tr > th.is-width75, .tableType01 > tbody > tr > td.is-width75, .tableType01 > tfoot > tr > th.is-width75, .tableType01 > tfoot > tr > td.is-width75 {
  width: 75%;
}
.tableType01 > thead > tr > th.is-width76, .tableType01 > thead > tr > td.is-width76, .tableType01 > tbody > tr > th.is-width76, .tableType01 > tbody > tr > td.is-width76, .tableType01 > tfoot > tr > th.is-width76, .tableType01 > tfoot > tr > td.is-width76 {
  width: 76%;
}
.tableType01 > thead > tr > th.is-width77, .tableType01 > thead > tr > td.is-width77, .tableType01 > tbody > tr > th.is-width77, .tableType01 > tbody > tr > td.is-width77, .tableType01 > tfoot > tr > th.is-width77, .tableType01 > tfoot > tr > td.is-width77 {
  width: 77%;
}
.tableType01 > thead > tr > th.is-width78, .tableType01 > thead > tr > td.is-width78, .tableType01 > tbody > tr > th.is-width78, .tableType01 > tbody > tr > td.is-width78, .tableType01 > tfoot > tr > th.is-width78, .tableType01 > tfoot > tr > td.is-width78 {
  width: 78%;
}
.tableType01 > thead > tr > th.is-width79, .tableType01 > thead > tr > td.is-width79, .tableType01 > tbody > tr > th.is-width79, .tableType01 > tbody > tr > td.is-width79, .tableType01 > tfoot > tr > th.is-width79, .tableType01 > tfoot > tr > td.is-width79 {
  width: 79%;
}
.tableType01 > thead > tr > th.is-width80, .tableType01 > thead > tr > td.is-width80, .tableType01 > tbody > tr > th.is-width80, .tableType01 > tbody > tr > td.is-width80, .tableType01 > tfoot > tr > th.is-width80, .tableType01 > tfoot > tr > td.is-width80 {
  width: 80%;
}
.tableType01 > thead > tr > th.is-width81, .tableType01 > thead > tr > td.is-width81, .tableType01 > tbody > tr > th.is-width81, .tableType01 > tbody > tr > td.is-width81, .tableType01 > tfoot > tr > th.is-width81, .tableType01 > tfoot > tr > td.is-width81 {
  width: 81%;
}
.tableType01 > thead > tr > th.is-width82, .tableType01 > thead > tr > td.is-width82, .tableType01 > tbody > tr > th.is-width82, .tableType01 > tbody > tr > td.is-width82, .tableType01 > tfoot > tr > th.is-width82, .tableType01 > tfoot > tr > td.is-width82 {
  width: 82%;
}
.tableType01 > thead > tr > th.is-width83, .tableType01 > thead > tr > td.is-width83, .tableType01 > tbody > tr > th.is-width83, .tableType01 > tbody > tr > td.is-width83, .tableType01 > tfoot > tr > th.is-width83, .tableType01 > tfoot > tr > td.is-width83 {
  width: 83%;
}
.tableType01 > thead > tr > th.is-width84, .tableType01 > thead > tr > td.is-width84, .tableType01 > tbody > tr > th.is-width84, .tableType01 > tbody > tr > td.is-width84, .tableType01 > tfoot > tr > th.is-width84, .tableType01 > tfoot > tr > td.is-width84 {
  width: 84%;
}
.tableType01 > thead > tr > th.is-width85, .tableType01 > thead > tr > td.is-width85, .tableType01 > tbody > tr > th.is-width85, .tableType01 > tbody > tr > td.is-width85, .tableType01 > tfoot > tr > th.is-width85, .tableType01 > tfoot > tr > td.is-width85 {
  width: 85%;
}
.tableType01 > thead > tr > th.is-width86, .tableType01 > thead > tr > td.is-width86, .tableType01 > tbody > tr > th.is-width86, .tableType01 > tbody > tr > td.is-width86, .tableType01 > tfoot > tr > th.is-width86, .tableType01 > tfoot > tr > td.is-width86 {
  width: 86%;
}
.tableType01 > thead > tr > th.is-width87, .tableType01 > thead > tr > td.is-width87, .tableType01 > tbody > tr > th.is-width87, .tableType01 > tbody > tr > td.is-width87, .tableType01 > tfoot > tr > th.is-width87, .tableType01 > tfoot > tr > td.is-width87 {
  width: 87%;
}
.tableType01 > thead > tr > th.is-width88, .tableType01 > thead > tr > td.is-width88, .tableType01 > tbody > tr > th.is-width88, .tableType01 > tbody > tr > td.is-width88, .tableType01 > tfoot > tr > th.is-width88, .tableType01 > tfoot > tr > td.is-width88 {
  width: 88%;
}
.tableType01 > thead > tr > th.is-width89, .tableType01 > thead > tr > td.is-width89, .tableType01 > tbody > tr > th.is-width89, .tableType01 > tbody > tr > td.is-width89, .tableType01 > tfoot > tr > th.is-width89, .tableType01 > tfoot > tr > td.is-width89 {
  width: 89%;
}
.tableType01 > thead > tr > th.is-width90, .tableType01 > thead > tr > td.is-width90, .tableType01 > tbody > tr > th.is-width90, .tableType01 > tbody > tr > td.is-width90, .tableType01 > tfoot > tr > th.is-width90, .tableType01 > tfoot > tr > td.is-width90 {
  width: 90%;
}
.tableType01 > thead > tr > th.is-width91, .tableType01 > thead > tr > td.is-width91, .tableType01 > tbody > tr > th.is-width91, .tableType01 > tbody > tr > td.is-width91, .tableType01 > tfoot > tr > th.is-width91, .tableType01 > tfoot > tr > td.is-width91 {
  width: 91%;
}
.tableType01 > thead > tr > th.is-width92, .tableType01 > thead > tr > td.is-width92, .tableType01 > tbody > tr > th.is-width92, .tableType01 > tbody > tr > td.is-width92, .tableType01 > tfoot > tr > th.is-width92, .tableType01 > tfoot > tr > td.is-width92 {
  width: 92%;
}
.tableType01 > thead > tr > th.is-width93, .tableType01 > thead > tr > td.is-width93, .tableType01 > tbody > tr > th.is-width93, .tableType01 > tbody > tr > td.is-width93, .tableType01 > tfoot > tr > th.is-width93, .tableType01 > tfoot > tr > td.is-width93 {
  width: 93%;
}
.tableType01 > thead > tr > th.is-width94, .tableType01 > thead > tr > td.is-width94, .tableType01 > tbody > tr > th.is-width94, .tableType01 > tbody > tr > td.is-width94, .tableType01 > tfoot > tr > th.is-width94, .tableType01 > tfoot > tr > td.is-width94 {
  width: 94%;
}
.tableType01 > thead > tr > th.is-width95, .tableType01 > thead > tr > td.is-width95, .tableType01 > tbody > tr > th.is-width95, .tableType01 > tbody > tr > td.is-width95, .tableType01 > tfoot > tr > th.is-width95, .tableType01 > tfoot > tr > td.is-width95 {
  width: 95%;
}
.tableType01 > thead > tr > th.is-width96, .tableType01 > thead > tr > td.is-width96, .tableType01 > tbody > tr > th.is-width96, .tableType01 > tbody > tr > td.is-width96, .tableType01 > tfoot > tr > th.is-width96, .tableType01 > tfoot > tr > td.is-width96 {
  width: 96%;
}
.tableType01 > thead > tr > th.is-width97, .tableType01 > thead > tr > td.is-width97, .tableType01 > tbody > tr > th.is-width97, .tableType01 > tbody > tr > td.is-width97, .tableType01 > tfoot > tr > th.is-width97, .tableType01 > tfoot > tr > td.is-width97 {
  width: 97%;
}
.tableType01 > thead > tr > th.is-width98, .tableType01 > thead > tr > td.is-width98, .tableType01 > tbody > tr > th.is-width98, .tableType01 > tbody > tr > td.is-width98, .tableType01 > tfoot > tr > th.is-width98, .tableType01 > tfoot > tr > td.is-width98 {
  width: 98%;
}
.tableType01 > thead > tr > th.is-width99, .tableType01 > thead > tr > td.is-width99, .tableType01 > tbody > tr > th.is-width99, .tableType01 > tbody > tr > td.is-width99, .tableType01 > tfoot > tr > th.is-width99, .tableType01 > tfoot > tr > td.is-width99 {
  width: 99%;
}
.tableType01 > thead > tr > th.is-width100, .tableType01 > thead > tr > td.is-width100, .tableType01 > tbody > tr > th.is-width100, .tableType01 > tbody > tr > td.is-width100, .tableType01 > tfoot > tr > th.is-width100, .tableType01 > tfoot > tr > td.is-width100 {
  width: 100%;
}
.tableType01 > thead > tr > th.is-width1third, .tableType01 > thead > tr > td.is-width1third, .tableType01 > tbody > tr > th.is-width1third, .tableType01 > tbody > tr > td.is-width1third, .tableType01 > tfoot > tr > th.is-width1third, .tableType01 > tfoot > tr > td.is-width1third {
  width: 33.33%;
}
.tableType01 > thead > tr > th.has-smallPadding, .tableType01 > thead > tr > td.has-smallPadding, .tableType01 > tbody > tr > th.has-smallPadding, .tableType01 > tbody > tr > td.has-smallPadding, .tableType01 > tfoot > tr > th.has-smallPadding, .tableType01 > tfoot > tr > td.has-smallPadding {
  padding: 12px 4px !important;
}
.tableType01 > thead > tr > th.has-largePadding, .tableType01 > thead > tr > td.has-largePadding, .tableType01 > tbody > tr > th.has-largePadding, .tableType01 > tbody > tr > td.has-largePadding, .tableType01 > tfoot > tr > th.has-largePadding, .tableType01 > tfoot > tr > td.has-largePadding {
  padding: 20px !important;
}
.tableType01 > thead > tr > th.is-bgBlack, .tableType01 > thead > tr > td.is-bgBlack, .tableType01 > tbody > tr > th.is-bgBlack, .tableType01 > tbody > tr > td.is-bgBlack, .tableType01 > tfoot > tr > th.is-bgBlack, .tableType01 > tfoot > tr > td.is-bgBlack {
  background-color: #414141;
}
.tableType01 > thead > tr > th.is-bgGray, .tableType01 > thead > tr > td.is-bgGray, .tableType01 > tbody > tr > th.is-bgGray, .tableType01 > tbody > tr > td.is-bgGray, .tableType01 > tfoot > tr > th.is-bgGray, .tableType01 > tfoot > tr > td.is-bgGray {
  background-color: #919191;
}
.tableType01 > thead > tr > th.is-bgWhite, .tableType01 > thead > tr > td.is-bgWhite, .tableType01 > tbody > tr > th.is-bgWhite, .tableType01 > tbody > tr > td.is-bgWhite, .tableType01 > tfoot > tr > th.is-bgWhite, .tableType01 > tfoot > tr > td.is-bgWhite {
  background-color: #fff;
}
.tableType01 > thead > tr > th.is-bgLight, .tableType01 > thead > tr > td.is-bgLight, .tableType01 > tbody > tr > th.is-bgLight, .tableType01 > tbody > tr > td.is-bgLight, .tableType01 > tfoot > tr > th.is-bgLight, .tableType01 > tfoot > tr > td.is-bgLight {
  background-color: #f7f7f7 !important;
}
.tableType01 > thead > tr > th.is-bgMedium, .tableType01 > thead > tr > td.is-bgMedium, .tableType01 > tbody > tr > th.is-bgMedium, .tableType01 > tbody > tr > td.is-bgMedium, .tableType01 > tfoot > tr > th.is-bgMedium, .tableType01 > tfoot > tr > td.is-bgMedium {
  background-color: #e4e4e4 !important;
}
.tableType01 > thead > tr > th, .tableType01 > tbody > tr > th, .tableType01 > tfoot > tr > th {
  text-align: center;
}
.tableType01 > thead > tr > th.is-focused, .tableType01 > tbody > tr > th.is-focused, .tableType01 > tfoot > tr > th.is-focused {
  background-color: #12b8d7;
}
.is-windowsMode .tableType01 > thead > tr > th.is-focused, .is-windowsMode .tableType01 > tbody > tr > th.is-focused, .is-windowsMode .tableType01 > tfoot > tr > th.is-focused {
  background-color: #0064aa;
}
.tableType01 > thead > tr > td.is-focused, .tableType01 > tbody > tr > td.is-focused, .tableType01 > tfoot > tr > td.is-focused {
  background-color: #f2faff;
}
.is-windowsMode .tableType01 > thead > tr > td.is-focused, .is-windowsMode .tableType01 > tbody > tr > td.is-focused, .is-windowsMode .tableType01 > tfoot > tr > td.is-focused {
  background-color: #ecf4fa;
}
.tableType01 > thead > tr > th, .tableType01 > thead > tr > td {
  background-color: #414141;
  color: #fff;
}
.tableType01 > thead > tr > th {
  font-weight: 500;
}
.tableType01 > thead > tr > td {
  font-weight: 300;
}
.tableType01 > tbody > tr > th, .tableType01 > tfoot > tr > th {
  background-color: #414141;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 768px) {
  .tableType01 > tbody > tr > th, .tableType01 > tfoot > tr > th {
    background-color: #919191;
  }
}
.tableType01 > tbody > tr > td, .tableType01 > tfoot > tr > td {
  background-color: #f7f7f7;
}
.tableType01 > tbody > tr.is-even > td, .tableType01 > tfoot > tr.is-even > td {
  background-color: #e4e4e4;
}
.tableType01.has-smallPadding > thead > tr > th, .tableType01.has-smallPadding > thead > tr > td, .tableType01.has-smallPadding > tbody > tr > th, .tableType01.has-smallPadding > tbody > tr > td, .tableType01.has-smallPadding > tfoot > tr > th, .tableType01.has-smallPadding > tfoot > tr > td {
  padding: 12px 4px;
}
.tableType01.has-largePadding > thead > tr > th, .tableType01.has-largePadding > thead > tr > td, .tableType01.has-largePadding > tbody > tr > th, .tableType01.has-largePadding > tbody > tr > td, .tableType01.has-largePadding > tfoot > tr > th, .tableType01.has-largePadding > tfoot > tr > td {
  padding: 20px;
}
@media (max-width: 768px) {
  .tableType01.has-largePadding > thead > tr > th, .tableType01.has-largePadding > thead > tr > td, .tableType01.has-largePadding > tbody > tr > th, .tableType01.has-largePadding > tbody > tr > td, .tableType01.has-largePadding > tfoot > tr > th, .tableType01.has-largePadding > tfoot > tr > td {
    padding: 12px 20px;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > thead, .tableType01.is-SProw > tbody, .tableType01.is-SProw > tfoot {
    display: block;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > thead > tr, .tableType01.is-SProw > tbody > tr, .tableType01.is-SProw > tfoot > tr {
    display: block;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > thead > tr > th, .tableType01.is-SProw > thead > tr > td, .tableType01.is-SProw > tbody > tr > th, .tableType01.is-SProw > tbody > tr > td, .tableType01.is-SProw > tfoot > tr > th, .tableType01.is-SProw > tfoot > tr > td {
    display: block;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > thead > tr > th + th, .tableType01.is-SProw > thead > tr > th + td, .tableType01.is-SProw > thead > tr > td + th, .tableType01.is-SProw > thead > tr > td + td, .tableType01.is-SProw > tbody > tr > th + th, .tableType01.is-SProw > tbody > tr > th + td, .tableType01.is-SProw > tbody > tr > td + th, .tableType01.is-SProw > tbody > tr > td + td, .tableType01.is-SProw > tfoot > tr > th + th, .tableType01.is-SProw > tfoot > tr > th + td, .tableType01.is-SProw > tfoot > tr > td + th, .tableType01.is-SProw > tfoot > tr > td + td {
    margin-top: -1px;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > thead > tr.is-even > td, .tableType01.is-SProw > tbody > tr.is-even > td, .tableType01.is-SProw > tfoot > tr.is-even > td {
    background-color: #f7f7f7;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > thead > tr + tr, .tableType01.is-SProw > tbody > tr + tr, .tableType01.is-SProw > tfoot > tr + tr {
    margin-top: -1px;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > thead {
    display: none;
  }
}
@media (max-width: 768px) {
  .tableType01.is-SProw > tbody > tr > th, .tableType01.is-SProw > tfoot > tr > th {
    background-color: #414141;
  }
}
.tableType01.has-noBorder > thead > tr > th, .tableType01.has-noBorder > thead > tr > td, .tableType01.has-noBorder > tbody > tr > th, .tableType01.has-noBorder > tbody > tr > td, .tableType01.has-noBorder > tfoot > tr > th, .tableType01.has-noBorder > tfoot > tr > td {
  border-width: 0;
}
.tableType01.has-noVerticalBorder > thead > tr > th, .tableType01.has-noVerticalBorder > thead > tr > td, .tableType01.has-noVerticalBorder > tbody > tr > th, .tableType01.has-noVerticalBorder > tbody > tr > td, .tableType01.has-noVerticalBorder > tfoot > tr > th, .tableType01.has-noVerticalBorder > tfoot > tr > td {
  border-width: 1px 0;
}
.tableType01.has-noVerticalBorder > thead > tr > th:first-child, .tableType01.has-noVerticalBorder > thead > tr > td:first-child, .tableType01.has-noVerticalBorder > tbody > tr > th:first-child, .tableType01.has-noVerticalBorder > tbody > tr > td:first-child, .tableType01.has-noVerticalBorder > tfoot > tr > th:first-child, .tableType01.has-noVerticalBorder > tfoot > tr > td:first-child {
  border-left-width: 1px;
}
.tableType01.has-noVerticalBorder > thead > tr > th:last-child, .tableType01.has-noVerticalBorder > thead > tr > td:last-child, .tableType01.has-noVerticalBorder > tbody > tr > th:last-child, .tableType01.has-noVerticalBorder > tbody > tr > td:last-child, .tableType01.has-noVerticalBorder > tfoot > tr > th:last-child, .tableType01.has-noVerticalBorder > tfoot > tr > td:last-child {
  border-right-width: 1px;
}
@media (max-width: 768px) {
  .tableType01 + .tableType01 {
    margin-top: 12px;
  }
}
.table {
  /** 比較用 横並び **/
}
.tableType02 {
  align-items: flex-end;
  color: #414141;
  display: flex;
  line-height: 1.3;
  width: 100%;
}
.tableType02_column {
  width: 25%;
}
@media (max-width: 768px) {
  .tableType02_column {
    width: 23%;
  }
}
.tableType02_column > table {
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .tableType02_column > table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tableType02_column > table > thead > tr > th, .tableType02_column > table > thead > tr > td, .tableType02_column > table > tbody > tr > th, .tableType02_column > table > tbody > tr > td {
  background-color: #fff;
  border: #c6c6c6 solid 1px;
  height: 80px;
  padding: 0 4px;
  text-align: center;
}
@media (max-width: 768px) {
  .tableType02_column > table > thead > tr > th, .tableType02_column > table > thead > tr > td, .tableType02_column > table > tbody > tr > th, .tableType02_column > table > tbody > tr > td {
    height: 48px;
  }
}
.tableType02_column > table > thead > tr > th, .tableType02_column > table > tbody > tr > th {
  text-align: center;
}
.tableType02_column > table > thead > tr > th, .tableType02_column > table > thead > tr > td {
  background-color: #414141;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .tableType02_column > table > thead > tr > th, .tableType02_column > table > thead > tr > td {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tableType02_column > table > tbody > th {
  background-color: #414141;
  color: #fff;
  font-weight: 500;
}
.tableType02_column > table > tbody > td {
  background-color: #fff;
}
.tableType02_column.is-label > table, .tableType02_column.is-colored > table {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .tableType02_column.is-label > table, .tableType02_column.is-colored > table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tableType02_column.is-label > table > tbody > tr > td, .tableType02_column.is-colored > table > tbody > tr > td {
  background-color: #f7f7f7;
}
.tableType02_column.is-label > table > tbody > tr.is-even > td, .tableType02_column.is-colored > table > tbody > tr.is-even > td {
  background-color: #e4e4e4;
}
@media (max-width: 768px) {
  .tableType02_column.is-label {
    width: 31%;
  }
}
.tableType02_column.is-label > table {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .tableType02_column.is-label > table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tableType02_column.is-focused {
  position: relative;
  z-index: 1;
}
.tableType02_column.is-focused > table {
  border: #12b8d7 solid 2px;
  font-size: 22px;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .tableType02_column.is-focused > table {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.tableType02_column.is-focused > table > thead > tr > th, .tableType02_column.is-focused > table > thead > tr > td {
  background-color: #12b8d7;
  height: 100px;
  font-size: 28px;
  font-size: 2.8rem;
}
@media (max-width: 768px) {
  .tableType02_column.is-focused > table > thead > tr > th, .tableType02_column.is-focused > table > thead > tr > td {
    height: 60px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.is-windowsMode .tableType02_column.is-focused > table > thead > tr > th, .is-windowsMode .tableType02_column.is-focused > table > thead > tr > td {
  background-color: #0064aa;
}
.tableType02_column.is-focused > table > tbody > tr > td {
  background-color: #f2faff;
}
.is-windowsMode .tableType02_column.is-focused > table > tbody > tr > td {
  background-color: #ecf4fa;
}
.tableType02_column.is-focused > table > tbody > tr.is-even > td {
  background-color: #c2e5f8;
}
.is-windowsMode .tableType02_column.is-focused > table > tbody > tr.is-even > td {
  background-color: #cce6fa;
}
.is-windowsMode .tableType02_column.is-focused > table {
  border-color: #0064aa;
}
.tableType02_column + .tableType02_column {
  margin-left: -1px;
  width: calc(25% + 1px);
}
@media (max-width: 768px) {
  .tableType02_column + .tableType02_column {
    width: calc(23% + 1px);
  }
}
.tableType02.has-3columns .tableType02_column {
  width: 33.33%;
}
.table {
  /** 装飾無し **/
}
.tableType03 {
  color: #414141;
}
@media (max-width: 768px) {
  .tableType03 > thead, .tableType03 > tbody, .tableType03 > tfoot {
    display: block;
  }
}
@media (max-width: 768px) {
  .tableType03 > thead > tr, .tableType03 > tbody > tr, .tableType03 > tfoot > tr {
    display: block;
  }
}
.tableType03 > thead > tr > th, .tableType03 > thead > tr > td, .tableType03 > tbody > tr > th, .tableType03 > tbody > tr > td, .tableType03 > tfoot > tr > th, .tableType03 > tfoot > tr > td {
  font-weight: 300;
  padding: 0;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 768px) {
  .tableType03 > thead > tr > th, .tableType03 > thead > tr > td, .tableType03 > tbody > tr > th, .tableType03 > tbody > tr > td, .tableType03 > tfoot > tr > th, .tableType03 > tfoot > tr > td {
    display: block;
  }
}
.tableType03 > thead > tr > th + th, .tableType03 > thead > tr > th + td, .tableType03 > thead > tr > td + th, .tableType03 > thead > tr > td + td, .tableType03 > tbody > tr > th + th, .tableType03 > tbody > tr > th + td, .tableType03 > tbody > tr > td + th, .tableType03 > tbody > tr > td + td, .tableType03 > tfoot > tr > th + th, .tableType03 > tfoot > tr > th + td, .tableType03 > tfoot > tr > td + th, .tableType03 > tfoot > tr > td + td {
  padding-left: 1em;
}
@media (max-width: 768px) {
  .tableType03 > thead > tr > th + th, .tableType03 > thead > tr > th + td, .tableType03 > thead > tr > td + th, .tableType03 > thead > tr > td + td, .tableType03 > tbody > tr > th + th, .tableType03 > tbody > tr > th + td, .tableType03 > tbody > tr > td + th, .tableType03 > tbody > tr > td + td, .tableType03 > tfoot > tr > th + th, .tableType03 > tfoot > tr > th + td, .tableType03 > tfoot > tr > td + th, .tableType03 > tfoot > tr > td + td {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .tableType03 > thead > tr + tr, .tableType03 > tbody > tr + tr, .tableType03 > tfoot > tr + tr {
    margin-top: 0.5em;
  }
}
.table {
  /** 行線のみ **/
}
.tableType04 {
  color: #414141;
  text-align: left;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .tableType04 > thead, .tableType04 > tbody, .tableType04 > tfoot {
    display: block;
  }
}
@media (max-width: 768px) {
  .tableType04 > thead > tr, .tableType04 > tbody > tr, .tableType04 > tfoot > tr {
    border-top: #c6c6c6 solid 1px;
    display: block;
    padding: 12px 0;
  }
}
.tableType04 > thead > tr > th, .tableType04 > thead > tr > td, .tableType04 > tbody > tr > th, .tableType04 > tbody > tr > td, .tableType04 > tfoot > tr > th, .tableType04 > tfoot > tr > td {
  border-color: #c6c6c6;
  border-style: solid;
  border-width: 1px 0;
  padding: 12px 0;
  vertical-align: top;
}
@media (max-width: 768px) {
  .tableType04 > thead > tr > th, .tableType04 > thead > tr > td, .tableType04 > tbody > tr > th, .tableType04 > tbody > tr > td, .tableType04 > tfoot > tr > th, .tableType04 > tfoot > tr > td {
    border-width: 0;
    display: block;
    padding: 0;
    width: 100%;
  }
}
.tableType04 > thead > tr > th, .tableType04 > tbody > tr > th, .tableType04 > tfoot > tr > th {
  font-weight: 500;
  padding-right: 20px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .tableType04 > thead > tr > th, .tableType04 > tbody > tr > th, .tableType04 > tfoot > tr > th {
    margin-bottom: 0.5em;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .tableType04 > thead > tr:last-child, .tableType04 > tbody > tr:last-child, .tableType04 > tfoot > tr:last-child {
    border-bottom: #c6c6c6 solid 1px;
  }
}
.table {
  /** キャンペーン概要など **/
}
.tableType05 {
  background-color: #12b8d7;
  padding: 2px;
}
.is-windowsMode .tableType05 {
  background-color: #0064aa;
}
@media (max-width: 768px) {
  .tableType05 {
    padding: 1px;
  }
}
.tableType05Unit {
  display: flex;
  flex-wrap: wrap;
}
.tableType05Unit_title {
  color: #fff;
  font-weight: 500;
  padding: 28px 20px;
  width: 184px;
}
@media (max-width: 768px) {
  .tableType05Unit_title {
    padding: 8px 20px;
    text-align: center;
    width: 100%;
  }
}
.tableType05Unit_text {
  background-color: #fff;
  padding: 28px;
  width: calc(100% - 184px);
}
@media (max-width: 768px) {
  .tableType05Unit_text {
    padding: 20px;
    width: 100%;
  }
}
.tableType05Unit + .tableType05Unit {
  margin-top: 2px;
}
@media (max-width: 768px) {
  .tableType05Unit + .tableType05Unit {
    margin-top: 0;
  }
}
.table {
  /** フォーム **/
}
.tableType06 > table {
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .tableType06 > table {
    display: block;
  }
}
@media (max-width: 768px) {
  .tableType06 > table > thead, .tableType06 > table > tbody, .tableType06 > table > tfoot {
    display: block;
  }
}
.tableType06 > table > thead > tr, .tableType06 > table > tbody > tr, .tableType06 > table > tfoot > tr {
  border-bottom: #dadada dashed 1px;
}
@media (max-width: 768px) {
  .tableType06 > table > thead > tr, .tableType06 > table > tbody > tr, .tableType06 > table > tfoot > tr {
    display: block;
    padding: 20px 0;
  }
}
.tableType06 > table > thead > tr.is-hidden, .tableType06 > table > tbody > tr.is-hidden, .tableType06 > table > tfoot > tr.is-hidden {
  display: none;
}
.tableType06 > table > thead > tr > th, .tableType06 > table > thead > tr > td, .tableType06 > table > tbody > tr > th, .tableType06 > table > tbody > tr > td, .tableType06 > table > tfoot > tr > th, .tableType06 > table > tfoot > tr > td {
  font-weight: 300;
  padding: 12px 0;
  text-align: left;
}
@media (max-width: 768px) {
  .tableType06 > table > thead > tr > th, .tableType06 > table > thead > tr > td, .tableType06 > table > tbody > tr > th, .tableType06 > table > tbody > tr > td, .tableType06 > table > tfoot > tr > th, .tableType06 > table > tfoot > tr > td {
    display: block;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .tableType06 > table > thead > tr > th .inputText input, .tableType06 > table > thead > tr > td .inputText input, .tableType06 > table > tbody > tr > th .inputText input, .tableType06 > table > tbody > tr > td .inputText input, .tableType06 > table > tfoot > tr > th .inputText input, .tableType06 > table > tfoot > tr > td .inputText input {
    max-width: 100%;
  }
}
.tableType06 > table > thead > tr > th, .tableType06 > table > tbody > tr > th, .tableType06 > table > tfoot > tr > th {
  width: 320px;
}
@media (max-width: 768px) {
  .tableType06 > table > thead > tr > th, .tableType06 > table > tbody > tr > th, .tableType06 > table > tfoot > tr > th {
    margin-bottom: 12px;
    width: 100%;
  }
}
.tableType06 > table > thead > tr > td, .tableType06 > table > tbody > tr > td, .tableType06 > table > tfoot > tr > td {
  width: calc(100% - 320px);
}
@media (max-width: 768px) {
  .tableType06 > table > thead > tr > td, .tableType06 > table > tbody > tr > td, .tableType06 > table > tfoot > tr > td {
    width: 100%;
  }
}
.table {
  /** スクロール **/
}
.tableType07 {
  overflow: auto;
  position: relative;
}
.tableType07::before {
  animation: scroll_flashing 3s ease infinite;
  background: url("/common/images/modules/tableType07_scroll.svg") center center/100% auto no-repeat;
  content: "";
  display: block;
  height: 80px;
  left: 128px;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  top: 64px;
  visibility: hidden;
  width: 80px;
  z-index: 1;
}
@media (max-width: 768px) {
  .tableType07::before {
    visibility: visible;
  }
}
.tableType07_table {
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .tableType07_table {
    min-width: 560px;
  }
}
.tableType07_table > thead > tr th.is-width1, .tableType07_table > thead > tr td.is-width1, .tableType07_table > tbody > tr th.is-width1, .tableType07_table > tbody > tr td.is-width1, .tableType07_table > tfoot > tr th.is-width1, .tableType07_table > tfoot > tr td.is-width1 {
  width: 1%;
}
.tableType07_table > thead > tr th.is-width2, .tableType07_table > thead > tr td.is-width2, .tableType07_table > tbody > tr th.is-width2, .tableType07_table > tbody > tr td.is-width2, .tableType07_table > tfoot > tr th.is-width2, .tableType07_table > tfoot > tr td.is-width2 {
  width: 2%;
}
.tableType07_table > thead > tr th.is-width3, .tableType07_table > thead > tr td.is-width3, .tableType07_table > tbody > tr th.is-width3, .tableType07_table > tbody > tr td.is-width3, .tableType07_table > tfoot > tr th.is-width3, .tableType07_table > tfoot > tr td.is-width3 {
  width: 3%;
}
.tableType07_table > thead > tr th.is-width4, .tableType07_table > thead > tr td.is-width4, .tableType07_table > tbody > tr th.is-width4, .tableType07_table > tbody > tr td.is-width4, .tableType07_table > tfoot > tr th.is-width4, .tableType07_table > tfoot > tr td.is-width4 {
  width: 4%;
}
.tableType07_table > thead > tr th.is-width5, .tableType07_table > thead > tr td.is-width5, .tableType07_table > tbody > tr th.is-width5, .tableType07_table > tbody > tr td.is-width5, .tableType07_table > tfoot > tr th.is-width5, .tableType07_table > tfoot > tr td.is-width5 {
  width: 5%;
}
.tableType07_table > thead > tr th.is-width6, .tableType07_table > thead > tr td.is-width6, .tableType07_table > tbody > tr th.is-width6, .tableType07_table > tbody > tr td.is-width6, .tableType07_table > tfoot > tr th.is-width6, .tableType07_table > tfoot > tr td.is-width6 {
  width: 6%;
}
.tableType07_table > thead > tr th.is-width7, .tableType07_table > thead > tr td.is-width7, .tableType07_table > tbody > tr th.is-width7, .tableType07_table > tbody > tr td.is-width7, .tableType07_table > tfoot > tr th.is-width7, .tableType07_table > tfoot > tr td.is-width7 {
  width: 7%;
}
.tableType07_table > thead > tr th.is-width8, .tableType07_table > thead > tr td.is-width8, .tableType07_table > tbody > tr th.is-width8, .tableType07_table > tbody > tr td.is-width8, .tableType07_table > tfoot > tr th.is-width8, .tableType07_table > tfoot > tr td.is-width8 {
  width: 8%;
}
.tableType07_table > thead > tr th.is-width9, .tableType07_table > thead > tr td.is-width9, .tableType07_table > tbody > tr th.is-width9, .tableType07_table > tbody > tr td.is-width9, .tableType07_table > tfoot > tr th.is-width9, .tableType07_table > tfoot > tr td.is-width9 {
  width: 9%;
}
.tableType07_table > thead > tr th.is-width10, .tableType07_table > thead > tr td.is-width10, .tableType07_table > tbody > tr th.is-width10, .tableType07_table > tbody > tr td.is-width10, .tableType07_table > tfoot > tr th.is-width10, .tableType07_table > tfoot > tr td.is-width10 {
  width: 10%;
}
.tableType07_table > thead > tr th.is-width11, .tableType07_table > thead > tr td.is-width11, .tableType07_table > tbody > tr th.is-width11, .tableType07_table > tbody > tr td.is-width11, .tableType07_table > tfoot > tr th.is-width11, .tableType07_table > tfoot > tr td.is-width11 {
  width: 11%;
}
.tableType07_table > thead > tr th.is-width12, .tableType07_table > thead > tr td.is-width12, .tableType07_table > tbody > tr th.is-width12, .tableType07_table > tbody > tr td.is-width12, .tableType07_table > tfoot > tr th.is-width12, .tableType07_table > tfoot > tr td.is-width12 {
  width: 12%;
}
.tableType07_table > thead > tr th.is-width13, .tableType07_table > thead > tr td.is-width13, .tableType07_table > tbody > tr th.is-width13, .tableType07_table > tbody > tr td.is-width13, .tableType07_table > tfoot > tr th.is-width13, .tableType07_table > tfoot > tr td.is-width13 {
  width: 13%;
}
.tableType07_table > thead > tr th.is-width14, .tableType07_table > thead > tr td.is-width14, .tableType07_table > tbody > tr th.is-width14, .tableType07_table > tbody > tr td.is-width14, .tableType07_table > tfoot > tr th.is-width14, .tableType07_table > tfoot > tr td.is-width14 {
  width: 14%;
}
.tableType07_table > thead > tr th.is-width15, .tableType07_table > thead > tr td.is-width15, .tableType07_table > tbody > tr th.is-width15, .tableType07_table > tbody > tr td.is-width15, .tableType07_table > tfoot > tr th.is-width15, .tableType07_table > tfoot > tr td.is-width15 {
  width: 15%;
}
.tableType07_table > thead > tr th.is-width16, .tableType07_table > thead > tr td.is-width16, .tableType07_table > tbody > tr th.is-width16, .tableType07_table > tbody > tr td.is-width16, .tableType07_table > tfoot > tr th.is-width16, .tableType07_table > tfoot > tr td.is-width16 {
  width: 16%;
}
.tableType07_table > thead > tr th.is-width17, .tableType07_table > thead > tr td.is-width17, .tableType07_table > tbody > tr th.is-width17, .tableType07_table > tbody > tr td.is-width17, .tableType07_table > tfoot > tr th.is-width17, .tableType07_table > tfoot > tr td.is-width17 {
  width: 17%;
}
.tableType07_table > thead > tr th.is-width18, .tableType07_table > thead > tr td.is-width18, .tableType07_table > tbody > tr th.is-width18, .tableType07_table > tbody > tr td.is-width18, .tableType07_table > tfoot > tr th.is-width18, .tableType07_table > tfoot > tr td.is-width18 {
  width: 18%;
}
.tableType07_table > thead > tr th.is-width19, .tableType07_table > thead > tr td.is-width19, .tableType07_table > tbody > tr th.is-width19, .tableType07_table > tbody > tr td.is-width19, .tableType07_table > tfoot > tr th.is-width19, .tableType07_table > tfoot > tr td.is-width19 {
  width: 19%;
}
.tableType07_table > thead > tr th.is-width20, .tableType07_table > thead > tr td.is-width20, .tableType07_table > tbody > tr th.is-width20, .tableType07_table > tbody > tr td.is-width20, .tableType07_table > tfoot > tr th.is-width20, .tableType07_table > tfoot > tr td.is-width20 {
  width: 20%;
}
.tableType07_table > thead > tr th.is-width21, .tableType07_table > thead > tr td.is-width21, .tableType07_table > tbody > tr th.is-width21, .tableType07_table > tbody > tr td.is-width21, .tableType07_table > tfoot > tr th.is-width21, .tableType07_table > tfoot > tr td.is-width21 {
  width: 21%;
}
.tableType07_table > thead > tr th.is-width22, .tableType07_table > thead > tr td.is-width22, .tableType07_table > tbody > tr th.is-width22, .tableType07_table > tbody > tr td.is-width22, .tableType07_table > tfoot > tr th.is-width22, .tableType07_table > tfoot > tr td.is-width22 {
  width: 22%;
}
.tableType07_table > thead > tr th.is-width23, .tableType07_table > thead > tr td.is-width23, .tableType07_table > tbody > tr th.is-width23, .tableType07_table > tbody > tr td.is-width23, .tableType07_table > tfoot > tr th.is-width23, .tableType07_table > tfoot > tr td.is-width23 {
  width: 23%;
}
.tableType07_table > thead > tr th.is-width24, .tableType07_table > thead > tr td.is-width24, .tableType07_table > tbody > tr th.is-width24, .tableType07_table > tbody > tr td.is-width24, .tableType07_table > tfoot > tr th.is-width24, .tableType07_table > tfoot > tr td.is-width24 {
  width: 24%;
}
.tableType07_table > thead > tr th.is-width25, .tableType07_table > thead > tr td.is-width25, .tableType07_table > tbody > tr th.is-width25, .tableType07_table > tbody > tr td.is-width25, .tableType07_table > tfoot > tr th.is-width25, .tableType07_table > tfoot > tr td.is-width25 {
  width: 25%;
}
.tableType07_table > thead > tr th.is-width26, .tableType07_table > thead > tr td.is-width26, .tableType07_table > tbody > tr th.is-width26, .tableType07_table > tbody > tr td.is-width26, .tableType07_table > tfoot > tr th.is-width26, .tableType07_table > tfoot > tr td.is-width26 {
  width: 26%;
}
.tableType07_table > thead > tr th.is-width27, .tableType07_table > thead > tr td.is-width27, .tableType07_table > tbody > tr th.is-width27, .tableType07_table > tbody > tr td.is-width27, .tableType07_table > tfoot > tr th.is-width27, .tableType07_table > tfoot > tr td.is-width27 {
  width: 27%;
}
.tableType07_table > thead > tr th.is-width28, .tableType07_table > thead > tr td.is-width28, .tableType07_table > tbody > tr th.is-width28, .tableType07_table > tbody > tr td.is-width28, .tableType07_table > tfoot > tr th.is-width28, .tableType07_table > tfoot > tr td.is-width28 {
  width: 28%;
}
.tableType07_table > thead > tr th.is-width29, .tableType07_table > thead > tr td.is-width29, .tableType07_table > tbody > tr th.is-width29, .tableType07_table > tbody > tr td.is-width29, .tableType07_table > tfoot > tr th.is-width29, .tableType07_table > tfoot > tr td.is-width29 {
  width: 29%;
}
.tableType07_table > thead > tr th.is-width30, .tableType07_table > thead > tr td.is-width30, .tableType07_table > tbody > tr th.is-width30, .tableType07_table > tbody > tr td.is-width30, .tableType07_table > tfoot > tr th.is-width30, .tableType07_table > tfoot > tr td.is-width30 {
  width: 30%;
}
.tableType07_table > thead > tr th.is-width31, .tableType07_table > thead > tr td.is-width31, .tableType07_table > tbody > tr th.is-width31, .tableType07_table > tbody > tr td.is-width31, .tableType07_table > tfoot > tr th.is-width31, .tableType07_table > tfoot > tr td.is-width31 {
  width: 31%;
}
.tableType07_table > thead > tr th.is-width32, .tableType07_table > thead > tr td.is-width32, .tableType07_table > tbody > tr th.is-width32, .tableType07_table > tbody > tr td.is-width32, .tableType07_table > tfoot > tr th.is-width32, .tableType07_table > tfoot > tr td.is-width32 {
  width: 32%;
}
.tableType07_table > thead > tr th.is-width33, .tableType07_table > thead > tr td.is-width33, .tableType07_table > tbody > tr th.is-width33, .tableType07_table > tbody > tr td.is-width33, .tableType07_table > tfoot > tr th.is-width33, .tableType07_table > tfoot > tr td.is-width33 {
  width: 33%;
}
.tableType07_table > thead > tr th.is-width34, .tableType07_table > thead > tr td.is-width34, .tableType07_table > tbody > tr th.is-width34, .tableType07_table > tbody > tr td.is-width34, .tableType07_table > tfoot > tr th.is-width34, .tableType07_table > tfoot > tr td.is-width34 {
  width: 34%;
}
.tableType07_table > thead > tr th.is-width35, .tableType07_table > thead > tr td.is-width35, .tableType07_table > tbody > tr th.is-width35, .tableType07_table > tbody > tr td.is-width35, .tableType07_table > tfoot > tr th.is-width35, .tableType07_table > tfoot > tr td.is-width35 {
  width: 35%;
}
.tableType07_table > thead > tr th.is-width36, .tableType07_table > thead > tr td.is-width36, .tableType07_table > tbody > tr th.is-width36, .tableType07_table > tbody > tr td.is-width36, .tableType07_table > tfoot > tr th.is-width36, .tableType07_table > tfoot > tr td.is-width36 {
  width: 36%;
}
.tableType07_table > thead > tr th.is-width37, .tableType07_table > thead > tr td.is-width37, .tableType07_table > tbody > tr th.is-width37, .tableType07_table > tbody > tr td.is-width37, .tableType07_table > tfoot > tr th.is-width37, .tableType07_table > tfoot > tr td.is-width37 {
  width: 37%;
}
.tableType07_table > thead > tr th.is-width38, .tableType07_table > thead > tr td.is-width38, .tableType07_table > tbody > tr th.is-width38, .tableType07_table > tbody > tr td.is-width38, .tableType07_table > tfoot > tr th.is-width38, .tableType07_table > tfoot > tr td.is-width38 {
  width: 38%;
}
.tableType07_table > thead > tr th.is-width39, .tableType07_table > thead > tr td.is-width39, .tableType07_table > tbody > tr th.is-width39, .tableType07_table > tbody > tr td.is-width39, .tableType07_table > tfoot > tr th.is-width39, .tableType07_table > tfoot > tr td.is-width39 {
  width: 39%;
}
.tableType07_table > thead > tr th.is-width40, .tableType07_table > thead > tr td.is-width40, .tableType07_table > tbody > tr th.is-width40, .tableType07_table > tbody > tr td.is-width40, .tableType07_table > tfoot > tr th.is-width40, .tableType07_table > tfoot > tr td.is-width40 {
  width: 40%;
}
.tableType07_table > thead > tr th.is-width41, .tableType07_table > thead > tr td.is-width41, .tableType07_table > tbody > tr th.is-width41, .tableType07_table > tbody > tr td.is-width41, .tableType07_table > tfoot > tr th.is-width41, .tableType07_table > tfoot > tr td.is-width41 {
  width: 41%;
}
.tableType07_table > thead > tr th.is-width42, .tableType07_table > thead > tr td.is-width42, .tableType07_table > tbody > tr th.is-width42, .tableType07_table > tbody > tr td.is-width42, .tableType07_table > tfoot > tr th.is-width42, .tableType07_table > tfoot > tr td.is-width42 {
  width: 42%;
}
.tableType07_table > thead > tr th.is-width43, .tableType07_table > thead > tr td.is-width43, .tableType07_table > tbody > tr th.is-width43, .tableType07_table > tbody > tr td.is-width43, .tableType07_table > tfoot > tr th.is-width43, .tableType07_table > tfoot > tr td.is-width43 {
  width: 43%;
}
.tableType07_table > thead > tr th.is-width44, .tableType07_table > thead > tr td.is-width44, .tableType07_table > tbody > tr th.is-width44, .tableType07_table > tbody > tr td.is-width44, .tableType07_table > tfoot > tr th.is-width44, .tableType07_table > tfoot > tr td.is-width44 {
  width: 44%;
}
.tableType07_table > thead > tr th.is-width45, .tableType07_table > thead > tr td.is-width45, .tableType07_table > tbody > tr th.is-width45, .tableType07_table > tbody > tr td.is-width45, .tableType07_table > tfoot > tr th.is-width45, .tableType07_table > tfoot > tr td.is-width45 {
  width: 45%;
}
.tableType07_table > thead > tr th.is-width46, .tableType07_table > thead > tr td.is-width46, .tableType07_table > tbody > tr th.is-width46, .tableType07_table > tbody > tr td.is-width46, .tableType07_table > tfoot > tr th.is-width46, .tableType07_table > tfoot > tr td.is-width46 {
  width: 46%;
}
.tableType07_table > thead > tr th.is-width47, .tableType07_table > thead > tr td.is-width47, .tableType07_table > tbody > tr th.is-width47, .tableType07_table > tbody > tr td.is-width47, .tableType07_table > tfoot > tr th.is-width47, .tableType07_table > tfoot > tr td.is-width47 {
  width: 47%;
}
.tableType07_table > thead > tr th.is-width48, .tableType07_table > thead > tr td.is-width48, .tableType07_table > tbody > tr th.is-width48, .tableType07_table > tbody > tr td.is-width48, .tableType07_table > tfoot > tr th.is-width48, .tableType07_table > tfoot > tr td.is-width48 {
  width: 48%;
}
.tableType07_table > thead > tr th.is-width49, .tableType07_table > thead > tr td.is-width49, .tableType07_table > tbody > tr th.is-width49, .tableType07_table > tbody > tr td.is-width49, .tableType07_table > tfoot > tr th.is-width49, .tableType07_table > tfoot > tr td.is-width49 {
  width: 49%;
}
.tableType07_table > thead > tr th.is-width50, .tableType07_table > thead > tr td.is-width50, .tableType07_table > tbody > tr th.is-width50, .tableType07_table > tbody > tr td.is-width50, .tableType07_table > tfoot > tr th.is-width50, .tableType07_table > tfoot > tr td.is-width50 {
  width: 50%;
}
.tableType07_table > thead > tr th.is-width51, .tableType07_table > thead > tr td.is-width51, .tableType07_table > tbody > tr th.is-width51, .tableType07_table > tbody > tr td.is-width51, .tableType07_table > tfoot > tr th.is-width51, .tableType07_table > tfoot > tr td.is-width51 {
  width: 51%;
}
.tableType07_table > thead > tr th.is-width52, .tableType07_table > thead > tr td.is-width52, .tableType07_table > tbody > tr th.is-width52, .tableType07_table > tbody > tr td.is-width52, .tableType07_table > tfoot > tr th.is-width52, .tableType07_table > tfoot > tr td.is-width52 {
  width: 52%;
}
.tableType07_table > thead > tr th.is-width53, .tableType07_table > thead > tr td.is-width53, .tableType07_table > tbody > tr th.is-width53, .tableType07_table > tbody > tr td.is-width53, .tableType07_table > tfoot > tr th.is-width53, .tableType07_table > tfoot > tr td.is-width53 {
  width: 53%;
}
.tableType07_table > thead > tr th.is-width54, .tableType07_table > thead > tr td.is-width54, .tableType07_table > tbody > tr th.is-width54, .tableType07_table > tbody > tr td.is-width54, .tableType07_table > tfoot > tr th.is-width54, .tableType07_table > tfoot > tr td.is-width54 {
  width: 54%;
}
.tableType07_table > thead > tr th.is-width55, .tableType07_table > thead > tr td.is-width55, .tableType07_table > tbody > tr th.is-width55, .tableType07_table > tbody > tr td.is-width55, .tableType07_table > tfoot > tr th.is-width55, .tableType07_table > tfoot > tr td.is-width55 {
  width: 55%;
}
.tableType07_table > thead > tr th.is-width56, .tableType07_table > thead > tr td.is-width56, .tableType07_table > tbody > tr th.is-width56, .tableType07_table > tbody > tr td.is-width56, .tableType07_table > tfoot > tr th.is-width56, .tableType07_table > tfoot > tr td.is-width56 {
  width: 56%;
}
.tableType07_table > thead > tr th.is-width57, .tableType07_table > thead > tr td.is-width57, .tableType07_table > tbody > tr th.is-width57, .tableType07_table > tbody > tr td.is-width57, .tableType07_table > tfoot > tr th.is-width57, .tableType07_table > tfoot > tr td.is-width57 {
  width: 57%;
}
.tableType07_table > thead > tr th.is-width58, .tableType07_table > thead > tr td.is-width58, .tableType07_table > tbody > tr th.is-width58, .tableType07_table > tbody > tr td.is-width58, .tableType07_table > tfoot > tr th.is-width58, .tableType07_table > tfoot > tr td.is-width58 {
  width: 58%;
}
.tableType07_table > thead > tr th.is-width59, .tableType07_table > thead > tr td.is-width59, .tableType07_table > tbody > tr th.is-width59, .tableType07_table > tbody > tr td.is-width59, .tableType07_table > tfoot > tr th.is-width59, .tableType07_table > tfoot > tr td.is-width59 {
  width: 59%;
}
.tableType07_table > thead > tr th.is-width60, .tableType07_table > thead > tr td.is-width60, .tableType07_table > tbody > tr th.is-width60, .tableType07_table > tbody > tr td.is-width60, .tableType07_table > tfoot > tr th.is-width60, .tableType07_table > tfoot > tr td.is-width60 {
  width: 60%;
}
.tableType07_table > thead > tr th.is-width61, .tableType07_table > thead > tr td.is-width61, .tableType07_table > tbody > tr th.is-width61, .tableType07_table > tbody > tr td.is-width61, .tableType07_table > tfoot > tr th.is-width61, .tableType07_table > tfoot > tr td.is-width61 {
  width: 61%;
}
.tableType07_table > thead > tr th.is-width62, .tableType07_table > thead > tr td.is-width62, .tableType07_table > tbody > tr th.is-width62, .tableType07_table > tbody > tr td.is-width62, .tableType07_table > tfoot > tr th.is-width62, .tableType07_table > tfoot > tr td.is-width62 {
  width: 62%;
}
.tableType07_table > thead > tr th.is-width63, .tableType07_table > thead > tr td.is-width63, .tableType07_table > tbody > tr th.is-width63, .tableType07_table > tbody > tr td.is-width63, .tableType07_table > tfoot > tr th.is-width63, .tableType07_table > tfoot > tr td.is-width63 {
  width: 63%;
}
.tableType07_table > thead > tr th.is-width64, .tableType07_table > thead > tr td.is-width64, .tableType07_table > tbody > tr th.is-width64, .tableType07_table > tbody > tr td.is-width64, .tableType07_table > tfoot > tr th.is-width64, .tableType07_table > tfoot > tr td.is-width64 {
  width: 64%;
}
.tableType07_table > thead > tr th.is-width65, .tableType07_table > thead > tr td.is-width65, .tableType07_table > tbody > tr th.is-width65, .tableType07_table > tbody > tr td.is-width65, .tableType07_table > tfoot > tr th.is-width65, .tableType07_table > tfoot > tr td.is-width65 {
  width: 65%;
}
.tableType07_table > thead > tr th.is-width66, .tableType07_table > thead > tr td.is-width66, .tableType07_table > tbody > tr th.is-width66, .tableType07_table > tbody > tr td.is-width66, .tableType07_table > tfoot > tr th.is-width66, .tableType07_table > tfoot > tr td.is-width66 {
  width: 66%;
}
.tableType07_table > thead > tr th.is-width67, .tableType07_table > thead > tr td.is-width67, .tableType07_table > tbody > tr th.is-width67, .tableType07_table > tbody > tr td.is-width67, .tableType07_table > tfoot > tr th.is-width67, .tableType07_table > tfoot > tr td.is-width67 {
  width: 67%;
}
.tableType07_table > thead > tr th.is-width68, .tableType07_table > thead > tr td.is-width68, .tableType07_table > tbody > tr th.is-width68, .tableType07_table > tbody > tr td.is-width68, .tableType07_table > tfoot > tr th.is-width68, .tableType07_table > tfoot > tr td.is-width68 {
  width: 68%;
}
.tableType07_table > thead > tr th.is-width69, .tableType07_table > thead > tr td.is-width69, .tableType07_table > tbody > tr th.is-width69, .tableType07_table > tbody > tr td.is-width69, .tableType07_table > tfoot > tr th.is-width69, .tableType07_table > tfoot > tr td.is-width69 {
  width: 69%;
}
.tableType07_table > thead > tr th.is-width70, .tableType07_table > thead > tr td.is-width70, .tableType07_table > tbody > tr th.is-width70, .tableType07_table > tbody > tr td.is-width70, .tableType07_table > tfoot > tr th.is-width70, .tableType07_table > tfoot > tr td.is-width70 {
  width: 70%;
}
.tableType07_table > thead > tr th.is-width71, .tableType07_table > thead > tr td.is-width71, .tableType07_table > tbody > tr th.is-width71, .tableType07_table > tbody > tr td.is-width71, .tableType07_table > tfoot > tr th.is-width71, .tableType07_table > tfoot > tr td.is-width71 {
  width: 71%;
}
.tableType07_table > thead > tr th.is-width72, .tableType07_table > thead > tr td.is-width72, .tableType07_table > tbody > tr th.is-width72, .tableType07_table > tbody > tr td.is-width72, .tableType07_table > tfoot > tr th.is-width72, .tableType07_table > tfoot > tr td.is-width72 {
  width: 72%;
}
.tableType07_table > thead > tr th.is-width73, .tableType07_table > thead > tr td.is-width73, .tableType07_table > tbody > tr th.is-width73, .tableType07_table > tbody > tr td.is-width73, .tableType07_table > tfoot > tr th.is-width73, .tableType07_table > tfoot > tr td.is-width73 {
  width: 73%;
}
.tableType07_table > thead > tr th.is-width74, .tableType07_table > thead > tr td.is-width74, .tableType07_table > tbody > tr th.is-width74, .tableType07_table > tbody > tr td.is-width74, .tableType07_table > tfoot > tr th.is-width74, .tableType07_table > tfoot > tr td.is-width74 {
  width: 74%;
}
.tableType07_table > thead > tr th.is-width75, .tableType07_table > thead > tr td.is-width75, .tableType07_table > tbody > tr th.is-width75, .tableType07_table > tbody > tr td.is-width75, .tableType07_table > tfoot > tr th.is-width75, .tableType07_table > tfoot > tr td.is-width75 {
  width: 75%;
}
.tableType07_table > thead > tr th.is-width76, .tableType07_table > thead > tr td.is-width76, .tableType07_table > tbody > tr th.is-width76, .tableType07_table > tbody > tr td.is-width76, .tableType07_table > tfoot > tr th.is-width76, .tableType07_table > tfoot > tr td.is-width76 {
  width: 76%;
}
.tableType07_table > thead > tr th.is-width77, .tableType07_table > thead > tr td.is-width77, .tableType07_table > tbody > tr th.is-width77, .tableType07_table > tbody > tr td.is-width77, .tableType07_table > tfoot > tr th.is-width77, .tableType07_table > tfoot > tr td.is-width77 {
  width: 77%;
}
.tableType07_table > thead > tr th.is-width78, .tableType07_table > thead > tr td.is-width78, .tableType07_table > tbody > tr th.is-width78, .tableType07_table > tbody > tr td.is-width78, .tableType07_table > tfoot > tr th.is-width78, .tableType07_table > tfoot > tr td.is-width78 {
  width: 78%;
}
.tableType07_table > thead > tr th.is-width79, .tableType07_table > thead > tr td.is-width79, .tableType07_table > tbody > tr th.is-width79, .tableType07_table > tbody > tr td.is-width79, .tableType07_table > tfoot > tr th.is-width79, .tableType07_table > tfoot > tr td.is-width79 {
  width: 79%;
}
.tableType07_table > thead > tr th.is-width80, .tableType07_table > thead > tr td.is-width80, .tableType07_table > tbody > tr th.is-width80, .tableType07_table > tbody > tr td.is-width80, .tableType07_table > tfoot > tr th.is-width80, .tableType07_table > tfoot > tr td.is-width80 {
  width: 80%;
}
.tableType07_table > thead > tr th.is-width81, .tableType07_table > thead > tr td.is-width81, .tableType07_table > tbody > tr th.is-width81, .tableType07_table > tbody > tr td.is-width81, .tableType07_table > tfoot > tr th.is-width81, .tableType07_table > tfoot > tr td.is-width81 {
  width: 81%;
}
.tableType07_table > thead > tr th.is-width82, .tableType07_table > thead > tr td.is-width82, .tableType07_table > tbody > tr th.is-width82, .tableType07_table > tbody > tr td.is-width82, .tableType07_table > tfoot > tr th.is-width82, .tableType07_table > tfoot > tr td.is-width82 {
  width: 82%;
}
.tableType07_table > thead > tr th.is-width83, .tableType07_table > thead > tr td.is-width83, .tableType07_table > tbody > tr th.is-width83, .tableType07_table > tbody > tr td.is-width83, .tableType07_table > tfoot > tr th.is-width83, .tableType07_table > tfoot > tr td.is-width83 {
  width: 83%;
}
.tableType07_table > thead > tr th.is-width84, .tableType07_table > thead > tr td.is-width84, .tableType07_table > tbody > tr th.is-width84, .tableType07_table > tbody > tr td.is-width84, .tableType07_table > tfoot > tr th.is-width84, .tableType07_table > tfoot > tr td.is-width84 {
  width: 84%;
}
.tableType07_table > thead > tr th.is-width85, .tableType07_table > thead > tr td.is-width85, .tableType07_table > tbody > tr th.is-width85, .tableType07_table > tbody > tr td.is-width85, .tableType07_table > tfoot > tr th.is-width85, .tableType07_table > tfoot > tr td.is-width85 {
  width: 85%;
}
.tableType07_table > thead > tr th.is-width86, .tableType07_table > thead > tr td.is-width86, .tableType07_table > tbody > tr th.is-width86, .tableType07_table > tbody > tr td.is-width86, .tableType07_table > tfoot > tr th.is-width86, .tableType07_table > tfoot > tr td.is-width86 {
  width: 86%;
}
.tableType07_table > thead > tr th.is-width87, .tableType07_table > thead > tr td.is-width87, .tableType07_table > tbody > tr th.is-width87, .tableType07_table > tbody > tr td.is-width87, .tableType07_table > tfoot > tr th.is-width87, .tableType07_table > tfoot > tr td.is-width87 {
  width: 87%;
}
.tableType07_table > thead > tr th.is-width88, .tableType07_table > thead > tr td.is-width88, .tableType07_table > tbody > tr th.is-width88, .tableType07_table > tbody > tr td.is-width88, .tableType07_table > tfoot > tr th.is-width88, .tableType07_table > tfoot > tr td.is-width88 {
  width: 88%;
}
.tableType07_table > thead > tr th.is-width89, .tableType07_table > thead > tr td.is-width89, .tableType07_table > tbody > tr th.is-width89, .tableType07_table > tbody > tr td.is-width89, .tableType07_table > tfoot > tr th.is-width89, .tableType07_table > tfoot > tr td.is-width89 {
  width: 89%;
}
.tableType07_table > thead > tr th.is-width90, .tableType07_table > thead > tr td.is-width90, .tableType07_table > tbody > tr th.is-width90, .tableType07_table > tbody > tr td.is-width90, .tableType07_table > tfoot > tr th.is-width90, .tableType07_table > tfoot > tr td.is-width90 {
  width: 90%;
}
.tableType07_table > thead > tr th.is-width91, .tableType07_table > thead > tr td.is-width91, .tableType07_table > tbody > tr th.is-width91, .tableType07_table > tbody > tr td.is-width91, .tableType07_table > tfoot > tr th.is-width91, .tableType07_table > tfoot > tr td.is-width91 {
  width: 91%;
}
.tableType07_table > thead > tr th.is-width92, .tableType07_table > thead > tr td.is-width92, .tableType07_table > tbody > tr th.is-width92, .tableType07_table > tbody > tr td.is-width92, .tableType07_table > tfoot > tr th.is-width92, .tableType07_table > tfoot > tr td.is-width92 {
  width: 92%;
}
.tableType07_table > thead > tr th.is-width93, .tableType07_table > thead > tr td.is-width93, .tableType07_table > tbody > tr th.is-width93, .tableType07_table > tbody > tr td.is-width93, .tableType07_table > tfoot > tr th.is-width93, .tableType07_table > tfoot > tr td.is-width93 {
  width: 93%;
}
.tableType07_table > thead > tr th.is-width94, .tableType07_table > thead > tr td.is-width94, .tableType07_table > tbody > tr th.is-width94, .tableType07_table > tbody > tr td.is-width94, .tableType07_table > tfoot > tr th.is-width94, .tableType07_table > tfoot > tr td.is-width94 {
  width: 94%;
}
.tableType07_table > thead > tr th.is-width95, .tableType07_table > thead > tr td.is-width95, .tableType07_table > tbody > tr th.is-width95, .tableType07_table > tbody > tr td.is-width95, .tableType07_table > tfoot > tr th.is-width95, .tableType07_table > tfoot > tr td.is-width95 {
  width: 95%;
}
.tableType07_table > thead > tr th.is-width96, .tableType07_table > thead > tr td.is-width96, .tableType07_table > tbody > tr th.is-width96, .tableType07_table > tbody > tr td.is-width96, .tableType07_table > tfoot > tr th.is-width96, .tableType07_table > tfoot > tr td.is-width96 {
  width: 96%;
}
.tableType07_table > thead > tr th.is-width97, .tableType07_table > thead > tr td.is-width97, .tableType07_table > tbody > tr th.is-width97, .tableType07_table > tbody > tr td.is-width97, .tableType07_table > tfoot > tr th.is-width97, .tableType07_table > tfoot > tr td.is-width97 {
  width: 97%;
}
.tableType07_table > thead > tr th.is-width98, .tableType07_table > thead > tr td.is-width98, .tableType07_table > tbody > tr th.is-width98, .tableType07_table > tbody > tr td.is-width98, .tableType07_table > tfoot > tr th.is-width98, .tableType07_table > tfoot > tr td.is-width98 {
  width: 98%;
}
.tableType07_table > thead > tr th.is-width99, .tableType07_table > thead > tr td.is-width99, .tableType07_table > tbody > tr th.is-width99, .tableType07_table > tbody > tr td.is-width99, .tableType07_table > tfoot > tr th.is-width99, .tableType07_table > tfoot > tr td.is-width99 {
  width: 99%;
}
.tableType07_table > thead > tr th.is-width100, .tableType07_table > thead > tr td.is-width100, .tableType07_table > tbody > tr th.is-width100, .tableType07_table > tbody > tr td.is-width100, .tableType07_table > tfoot > tr th.is-width100, .tableType07_table > tfoot > tr td.is-width100 {
  width: 100%;
}
.tableType07_table > thead > tr > th, .tableType07_table > tbody > tr > th, .tableType07_table > tfoot > tr > th {
  text-align: center;
}
.tableType07_table > thead > tr > th, .tableType07_table > thead > tr > td {
  background-color: #0e1f32;
  border: #fff solid 1px;
  color: #fff;
  font-weight: 500;
  padding: 12px 20px;
}
@media (max-width: 768px) {
  .tableType07_table > thead > tr > th, .tableType07_table > thead > tr > td {
    padding: 12px 4px;
  }
}
.is-windowsMode .tableType07_table > thead > tr > th, .is-windowsMode .tableType07_table > thead > tr > td {
  background-color: #000;
}
.tableType07_table > tbody > tr > th, .tableType07_table > tbody > tr > td {
  border: #fff solid 1px;
  padding: 20px;
}
@media (max-width: 768px) {
  .tableType07_table > tbody > tr > th, .tableType07_table > tbody > tr > td {
    padding: 12px 8px;
  }
}
.tableType07_table > tbody > tr > th {
  background-color: #0e1f32;
  color: #fff;
  font-weight: 500;
}
.is-windowsMode .tableType07_table > tbody > tr > th {
  background-color: #000;
}
.tableType07_table > tbody > tr > td {
  background-color: #f7f7f7;
}
.tableType07_table > tbody > tr.is-even > td {
  background-color: #e4e4e4;
}
.tableType07 .boxMore {
  margin-top: -1px;
}
.tableType07 .boxMoreButton {
  margin-top: 12px;
}
.tableType07.is-scrolled::before {
  display: none;
}

.text {
  /** text-align **/
}
.textAlign-left {
  text-align: left !important;
}
.textAlign-center {
  text-align: center !important;
}
.textAlign-right {
  text-align: right !important;
}
.text {
  /** color **/
}
.textColor-brand {
  color: #12b8d7 !important;
}
.textColor-sub {
  color: #686868 !important;
}
.textColor-inherit {
  color: inherit !important;
}
.textColor-orange {
  color: #ff811e !important;
}
.textColor-wing {
  color: #3898e0 !important;
}
.textColor-vps {
  color: #12b8d7 !important;
}
.textColor-windows {
  color: #0064aa !important;
}
.textColor-game {
  color: #404b8f !important;
}
.text {
  /** text-decoration **/
}
.textDecoration-delete {
  text-decoration: line-through;
}
.text {
  /** 環境判別用標識 **/
}
.textEnvironment {
  background-color: #e74c3c;
  bottom: 0;
  color: #fff;
  font-weight: 500;
  opacity: 0.8;
  padding: 4px 8px;
  pointer-events: none;
  position: fixed;
  right: 0;
  text-align: center;
  white-space: nowrap;
  z-index: 9999;
  font-size: 10px;
  font-size: 1rem;
}
.textEnvironment.is-local {
  background-color: #e67e22;
}
.textEnvironment.is-notice {
  background-color: #1abc9c;
  bottom: 26px;
}
.text {
  /** テキストリンク **/
}
.textLink {
  color: #12b8d7;
  cursor: pointer;
}
.textLink:hover {
  animation: flash 1s;
  opacity: 0.9;
}
.textLink.has-arrow {
  display: inline-block;
  padding-left: 1em;
  position: relative;
}
.textLink.has-arrow::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f001";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: 0;
  transform: scale(0.8);
  transform-origin: left center;
}
.textLink.has-arrowDown {
  display: inline-block;
  padding-left: 1em;
  position: relative;
}
.textLink.has-arrowDown::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f002";
  left: 0;
  line-height: inherit;
  position: absolute;
  top: 0;
  transform: scale(0.8);
  transform-origin: left center;
}
.textLink.has-noHover:hover {
  animation: none;
  opacity: 1;
}
.textLink.has-noHover:hover {
  animation: none;
  opacity: 1;
}
.textLink.has-underline {
  text-decoration: underline;
}
.textLink.has-underline:hover {
  text-decoration: none;
}
.textLink.is-external {
  display: inline-block;
  padding-right: 1em;
  position: relative;
}
.textLink.is-external::before {
  display: inline-block;
  font-family: "conoha_icon";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-decoration: none;
  text-transform: none;
  content: "\f00b";
  line-height: inherit;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.6);
}
.text {
  /** n%OFFの楕円 **/
}
.textOval {
  background-color: #ff811e;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  padding: 2px 12px;
  font-size: 14px;
  font-size: 1.4rem;
}
.textOval.is-gray {
  background-color: #686868;
}
.text {
  /** フォームの「必須」ラベル **/
}
.textRequired {
  color: #cb1464;
  display: inline-block;
  margin-left: 0.5em;
  padding-left: 0.8em;
  position: relative;
  font-size: 10px;
  font-size: 1rem;
}
.textRequired_symbol {
  left: 0;
  position: absolute;
  top: -0.2em;
  font-size: 18px;
  font-size: 1.8rem;
}
.text {
  /** リボン **/
}
.textRibbonType01 {
  background-color: #ff811e;
  clip-path: polygon(0 0, 100% 0, calc(100% - 1.2em) 100%, 6px 100%, 6px calc(100% + 6px), 0 100%);
  color: #fff;
  font-weight: 500;
  left: -6px;
  padding: 2px 2em 2px 1.5em;
  position: absolute;
  top: 6px;
  z-index: 1;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .textRibbonType01 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.textRibbonType01::before {
  background-color: #843a00;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  top: 100%;
  width: 6px;
}
.textRibbonType01.is-colorWing {
  background-color: #3898e0;
}
.textRibbonType01.is-colorWing::before {
  background-color: #1e5178;
}
.textRibbonType01.is-colorVps {
  background-color: #12b8d7;
}
.textRibbonType01.is-colorVps::before {
  background-color: #0e1f32;
}
.textRibbonType01.is-colorWindows {
  background-color: #0064aa;
}
.textRibbonType01.is-colorWindows::before {
  background-color: #000;
}
.textRibbonType01.is-colorGame {
  background-color: #404b8f;
}
.textRibbonType01.is-colorGame::before {
  background-color: #000;
}
.textRibbonType02 {
  background-color: #ff811e;
  color: #fff;
  display: inline-block;
  padding: 2px 8px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
@media (max-width: 768px) {
  .textRibbonType02 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.textRibbonType02.is-small {
  padding: 3px 8px;
  font-size: 11px;
  font-size: 1.1rem;
}
.textRibbonType02.is-widthFull {
  width: 100%;
}
.textRibbonType02.is-strokeCommon {
  background-color: transparent;
  border: #414141 solid 1px;
  color: #414141;
}
.textRibbonType02.is-strokeWing {
  background-color: transparent;
  border: #3898e0 solid 1px;
  color: #3898e0;
}
.textRibbonType02.is-strokeVps {
  background-color: transparent;
  border: #12b8d7 solid 1px;
  color: #12b8d7;
}
.textRibbonType02.is-strokeWindows {
  background-color: transparent;
  border: #0064aa solid 1px;
  color: #0064aa;
}
.textRibbonType02.is-strokeGame {
  background-color: transparent;
  border: #404b8f solid 1px;
  color: #404b8f;
}
.textRibbonType02.is-strokeAi {
  background-color: transparent;
  border: #265376 solid 1px;
  color: #265376;
}
.textRibbonType03 {
  background-color: #ff811e;
  border-radius: 25px;
  color: #fff;
  display: block;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  padding: 2px 20px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .textRibbonType03 {
    padding: 2px 12px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.textRibbonType03::before {
  border-color: #ff811e transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  content: "";
  display: block;
  height: 0;
  left: calc(50% - 6px);
  position: absolute;
  top: 100%;
  width: 0;
}
.textRibbonType04 {
  background-color: #ff811e;
  clip-path: polygon(0 100%, 12px 50%, 0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%);
  color: #fff;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  padding: 0.2em 24px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(-50%, -70%);
  white-space: nowrap;
  z-index: 1;
}
.textRibbonType04_title strong {
  font-size: 1.4em;
}
.textRibbonType05 {
  background-color: #fbc300;
  border: #272128 solid 3px;
  box-shadow: 0 0 0 2px #fff inset;
  color: #d10000;
  display: inline-block;
  line-height: 1.3;
  padding: 7px 12px 8px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .textRibbonType05 {
    border-width: 2px;
    box-shadow: 0 0 0 1px #fff inset;
    margin-right: 8px;
    padding: 3px 8px 4px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.text {
  /** font-weight **/
}
.textWeight-normal {
  font-weight: 300 !important;
}
.textWeight-bold {
  font-weight: 500 !important;
}
.textWeight-bolder {
  font-weight: bolder !important;
}
/*# sourceMappingURL=common.css.map */